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