UNPKG

21.2 kBTypeScriptView Raw
1import * as React from "react";
2import { AbstractPureComponent2 } from "../../common";
3import { Props } from "../../common/props";
4export declare type TextProps = ITextProps;
5/** @deprecated use TextProps */
6export interface ITextProps extends Props {
7 /**
8 * Indicates that this component should be truncated with an ellipsis if it overflows its container.
9 * The `title` attribute will also be added when content overflows to show the full text of the children on hover.
10 *
11 * @default false
12 */
13 ellipsize?: boolean;
14 /**
15 * HTML tag name to use for rendered element.
16 *
17 * @default "div"
18 */
19 tagName?: keyof JSX.IntrinsicElements;
20 /**
21 * HTML title of the element
22 */
23 title?: string;
24}
25export interface ITextState {
26 textContent: string;
27 isContentOverflowing: boolean;
28}
29export declare class Text extends AbstractPureComponent2<TextProps & Omit<React.HTMLAttributes<HTMLElement>, "title">, ITextState> {
30 static displayName: string;
31 static defaultProps: Partial<TextProps>;
32 state: ITextState;
33 private textRef;
34 componentDidMount(): void;
35 componentDidUpdate(): void;
36 render(): React.DOMElement<{
37 className: string;
38 ref: (ref: HTMLElement | null) => HTMLElement | null;
39 title: string | undefined;
40 hidden?: boolean | undefined;
41 dir?: string | undefined;
42 slot?: string | undefined;
43 style?: React.CSSProperties | undefined;
44 color?: string | undefined;
45 translate?: "yes" | "no" | undefined;
46 prefix?: string | undefined;
47 property?: string | undefined;
48 defaultChecked?: boolean | undefined;
49 defaultValue?: string | number | readonly string[] | undefined;
50 suppressContentEditableWarning?: boolean | undefined;
51 suppressHydrationWarning?: boolean | undefined;
52 accessKey?: string | undefined;
53 contentEditable?: boolean | "inherit" | "false" | "true" | undefined;
54 contextMenu?: string | undefined;
55 draggable?: boolean | "false" | "true" | undefined;
56 id?: string | undefined;
57 lang?: string | undefined;
58 placeholder?: string | undefined;
59 spellCheck?: boolean | "false" | "true" | undefined;
60 tabIndex?: number | undefined;
61 radioGroup?: string | undefined;
62 role?: string | undefined;
63 about?: string | undefined;
64 datatype?: string | undefined;
65 inlist?: any;
66 resource?: string | undefined;
67 typeof?: string | undefined;
68 vocab?: string | undefined;
69 autoCapitalize?: string | undefined;
70 autoCorrect?: string | undefined;
71 autoSave?: string | undefined;
72 itemProp?: string | undefined;
73 itemScope?: boolean | undefined;
74 itemType?: string | undefined;
75 itemID?: string | undefined;
76 itemRef?: string | undefined;
77 results?: number | undefined;
78 security?: string | undefined;
79 unselectable?: "on" | "off" | undefined;
80 inputMode?: "search" | "none" | "text" | "decimal" | "numeric" | "tel" | "url" | "email" | undefined;
81 is?: string | undefined;
82 'aria-activedescendant'?: string | undefined;
83 'aria-atomic'?: boolean | "false" | "true" | undefined;
84 'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
85 'aria-busy'?: boolean | "false" | "true" | undefined;
86 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
87 'aria-colcount'?: number | undefined;
88 'aria-colindex'?: number | undefined;
89 'aria-colspan'?: number | undefined;
90 'aria-controls'?: string | undefined;
91 'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
92 'aria-describedby'?: string | undefined;
93 'aria-details'?: string | undefined;
94 'aria-disabled'?: boolean | "false" | "true" | undefined;
95 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
96 'aria-errormessage'?: string | undefined;
97 'aria-expanded'?: boolean | "false" | "true" | undefined;
98 'aria-flowto'?: string | undefined;
99 'aria-grabbed'?: boolean | "false" | "true" | undefined;
100 'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree" | undefined;
101 'aria-hidden'?: boolean | "false" | "true" | undefined;
102 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
103 'aria-keyshortcuts'?: string | undefined;
104 'aria-label'?: string | undefined;
105 'aria-labelledby'?: string | undefined;
106 'aria-level'?: number | undefined;
107 'aria-live'?: "off" | "assertive" | "polite" | undefined;
108 'aria-modal'?: boolean | "false" | "true" | undefined;
109 'aria-multiline'?: boolean | "false" | "true" | undefined;
110 'aria-multiselectable'?: boolean | "false" | "true" | undefined;
111 'aria-orientation'?: "horizontal" | "vertical" | undefined;
112 'aria-owns'?: string | undefined;
113 'aria-placeholder'?: string | undefined;
114 'aria-posinset'?: number | undefined;
115 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
116 'aria-readonly'?: boolean | "false" | "true" | undefined;
117 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
118 'aria-required'?: boolean | "false" | "true" | undefined;
119 'aria-roledescription'?: string | undefined;
120 'aria-rowcount'?: number | undefined;
121 'aria-rowindex'?: number | undefined;
122 'aria-rowspan'?: number | undefined;
123 'aria-selected'?: boolean | "false" | "true" | undefined;
124 'aria-setsize'?: number | undefined;
125 'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
126 'aria-valuemax'?: number | undefined;
127 'aria-valuemin'?: number | undefined;
128 'aria-valuenow'?: number | undefined;
129 'aria-valuetext'?: string | undefined;
130 dangerouslySetInnerHTML?: {
131 __html: string;
132 } | undefined;
133 onCopy?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
134 onCopyCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
135 onCut?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
136 onCutCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
137 onPaste?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
138 onPasteCapture?: ((event: React.ClipboardEvent<HTMLElement>) => void) | undefined;
139 onCompositionEnd?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
140 onCompositionEndCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
141 onCompositionStart?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
142 onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
143 onCompositionUpdate?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
144 onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLElement>) => void) | undefined;
145 onFocus?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
146 onFocusCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
147 onBlur?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
148 onBlurCapture?: ((event: React.FocusEvent<HTMLElement>) => void) | undefined;
149 onChange?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
150 onChangeCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
151 onBeforeInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
152 onBeforeInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
153 onInput?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
154 onInputCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
155 onReset?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
156 onResetCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
157 onSubmit?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
158 onSubmitCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
159 onInvalid?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
160 onInvalidCapture?: ((event: React.FormEvent<HTMLElement>) => void) | undefined;
161 onLoad?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
162 onLoadCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
163 onError?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
164 onErrorCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
165 onKeyDown?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
166 onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
167 onKeyPress?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
168 onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
169 onKeyUp?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
170 onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLElement>) => void) | undefined;
171 onAbort?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
172 onAbortCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
173 onCanPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
174 onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
175 onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
176 onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
177 onDurationChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
178 onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
179 onEmptied?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
180 onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
181 onEncrypted?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
182 onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
183 onEnded?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
184 onEndedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
185 onLoadedData?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
186 onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
187 onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
188 onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
189 onLoadStart?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
190 onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
191 onPause?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
192 onPauseCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
193 onPlay?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
194 onPlayCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
195 onPlaying?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
196 onPlayingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
197 onProgress?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
198 onProgressCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
199 onRateChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
200 onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
201 onSeeked?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
202 onSeekedCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
203 onSeeking?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
204 onSeekingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
205 onStalled?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
206 onStalledCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
207 onSuspend?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
208 onSuspendCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
209 onTimeUpdate?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
210 onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
211 onVolumeChange?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
212 onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
213 onWaiting?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
214 onWaitingCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
215 onAuxClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
216 onAuxClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
217 onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
218 onClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
219 onContextMenu?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
220 onContextMenuCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
221 onDoubleClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
222 onDoubleClickCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
223 onDrag?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
224 onDragCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
225 onDragEnd?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
226 onDragEndCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
227 onDragEnter?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
228 onDragEnterCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
229 onDragExit?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
230 onDragExitCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
231 onDragLeave?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
232 onDragLeaveCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
233 onDragOver?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
234 onDragOverCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
235 onDragStart?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
236 onDragStartCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
237 onDrop?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
238 onDropCapture?: ((event: React.DragEvent<HTMLElement>) => void) | undefined;
239 onMouseDown?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
240 onMouseDownCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
241 onMouseEnter?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
242 onMouseLeave?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
243 onMouseMove?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
244 onMouseMoveCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
245 onMouseOut?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
246 onMouseOutCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
247 onMouseOver?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
248 onMouseOverCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
249 onMouseUp?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
250 onMouseUpCapture?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
251 onSelect?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
252 onSelectCapture?: ((event: React.SyntheticEvent<HTMLElement, Event>) => void) | undefined;
253 onTouchCancel?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
254 onTouchCancelCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
255 onTouchEnd?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
256 onTouchEndCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
257 onTouchMove?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
258 onTouchMoveCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
259 onTouchStart?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
260 onTouchStartCapture?: ((event: React.TouchEvent<HTMLElement>) => void) | undefined;
261 onPointerDown?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
262 onPointerDownCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
263 onPointerMove?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
264 onPointerMoveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
265 onPointerUp?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
266 onPointerUpCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
267 onPointerCancel?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
268 onPointerCancelCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
269 onPointerEnter?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
270 onPointerEnterCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
271 onPointerLeave?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
272 onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
273 onPointerOver?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
274 onPointerOverCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
275 onPointerOut?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
276 onPointerOutCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
277 onGotPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
278 onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
279 onLostPointerCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
280 onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLElement>) => void) | undefined;
281 onScroll?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined;
282 onScrollCapture?: ((event: React.UIEvent<HTMLElement, UIEvent>) => void) | undefined;
283 onWheel?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined;
284 onWheelCapture?: ((event: React.WheelEvent<HTMLElement>) => void) | undefined;
285 onAnimationStart?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
286 onAnimationStartCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
287 onAnimationEnd?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
288 onAnimationEndCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
289 onAnimationIteration?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
290 onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLElement>) => void) | undefined;
291 onTransitionEnd?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined;
292 onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLElement>) => void) | undefined;
293 }, HTMLElement>;
294 private update;
295}
296
\No newline at end of file