UNPKG

18.5 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 children?: React.ReactNode;
8 /**
9 * Indicates that this component should be truncated with an ellipsis if it overflows its container.
10 * The `title` attribute will also be added when content overflows to show the full text of the children on hover.
11 *
12 * @default false
13 */
14 ellipsize?: boolean;
15 /**
16 * HTML tag name to use for rendered element.
17 *
18 * @default "div"
19 */
20 tagName?: keyof JSX.IntrinsicElements;
21 /**
22 * HTML title of the element
23 */
24 title?: string;
25}
26export interface ITextState {
27 textContent: string;
28 isContentOverflowing: boolean;
29}
30export 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}