@dtlvmw/react 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +457 -0
- package/dist/index.js +772 -0
- package/guidelines/Guidelines.md +53 -0
- package/guidelines/components/accordion.md +109 -0
- package/guidelines/components/alert.md +107 -0
- package/guidelines/components/badge-label.md +100 -0
- package/guidelines/components/breadcrumbs.md +45 -0
- package/guidelines/components/button.md +77 -0
- package/guidelines/components/card.md +78 -0
- package/guidelines/components/dropdown.md +75 -0
- package/guidelines/components/forms.md +133 -0
- package/guidelines/components/header.md +59 -0
- package/guidelines/components/icon.md +64 -0
- package/guidelines/components/login.md +59 -0
- package/guidelines/components/modal.md +87 -0
- package/guidelines/components/progress.md +75 -0
- package/guidelines/components/spinner.md +52 -0
- package/guidelines/components/stack-view.md +57 -0
- package/guidelines/components/table.md +76 -0
- package/guidelines/components/tabs.md +70 -0
- package/guidelines/components/timeline.md +87 -0
- package/guidelines/components/wizard.md +160 -0
- package/guidelines/design-tokens/colors.md +21 -0
- package/guidelines/design-tokens/spacing.md +15 -0
- package/guidelines/design-tokens/typography.md +11 -0
- package/guidelines/overview-components.md +48 -0
- package/guidelines/tier2/combobox.md +48 -0
- package/guidelines/tier2/datagrid.md +62 -0
- package/guidelines/tier2/datepicker.md +26 -0
- package/guidelines/tier2/overview.md +69 -0
- package/guidelines/tier2/popovers.md +81 -0
- package/guidelines/tier2/stepper.md +39 -0
- package/guidelines/tier2/tree-view.md +45 -0
- package/guidelines/tier2/vertical-nav.md +52 -0
- package/package.json +52 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,457 @@
|
|
|
1
|
+
import { default as default_2 } from 'react';
|
|
2
|
+
import { JSX } from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
export declare const Accordion: default_2.ForwardRefExoticComponent<AccordionProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
|
|
6
|
+
export declare const AccordionPanel: default_2.ForwardRefExoticComponent<AccordionPanelProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
|
|
8
|
+
export declare interface AccordionPanelProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
9
|
+
panelOpen?: boolean;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
title?: default_2.ReactNode;
|
|
12
|
+
onToggle?: () => void;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export declare interface AccordionProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export declare const Alert: default_2.ForwardRefExoticComponent<AlertProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
|
|
20
|
+
export declare interface AlertProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
alertType?: 'info' | 'warning' | 'danger' | 'success';
|
|
22
|
+
closable?: boolean;
|
|
23
|
+
small?: boolean;
|
|
24
|
+
lightweight?: boolean;
|
|
25
|
+
appLevel?: boolean;
|
|
26
|
+
onClose?: () => void;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export declare const Badge: default_2.ForwardRefExoticComponent<BadgeProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
30
|
+
|
|
31
|
+
export declare interface BadgeProps extends default_2.HTMLAttributes<HTMLSpanElement> {
|
|
32
|
+
color?: 'info' | 'success' | 'warning' | 'danger' | 'gray' | 'blue' | 'light-blue' | 'orange' | 'purple' | string;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
export declare interface BreadcrumbItem {
|
|
36
|
+
label: string;
|
|
37
|
+
href?: string;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export declare const Breadcrumbs: default_2.ForwardRefExoticComponent<BreadcrumbsProps & default_2.RefAttributes<HTMLElement>>;
|
|
41
|
+
|
|
42
|
+
export declare interface BreadcrumbsProps {
|
|
43
|
+
items: BreadcrumbItem[];
|
|
44
|
+
maxItems?: number;
|
|
45
|
+
onItemClick?: (item: BreadcrumbItem) => void;
|
|
46
|
+
className?: string;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
50
|
+
|
|
51
|
+
export declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
52
|
+
btnType?: 'primary' | 'success' | 'warning' | 'danger';
|
|
53
|
+
btnStyle?: 'solid' | 'outline' | 'link';
|
|
54
|
+
size?: 'default' | 'sm';
|
|
55
|
+
block?: boolean;
|
|
56
|
+
loading?: boolean;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
|
|
61
|
+
export declare const CardBlock: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
62
|
+
|
|
63
|
+
export declare const CardFooter: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
|
|
65
|
+
export declare const CardHeader: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
|
|
67
|
+
export declare interface CardProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
68
|
+
clickable?: boolean;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
export declare const CardText: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
72
|
+
|
|
73
|
+
export declare const CardTitle: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
74
|
+
|
|
75
|
+
/**
|
|
76
|
+
* Pure React SVG icon component.
|
|
77
|
+
* Reads from ClarityIcons registry (populated by the elements bundle)
|
|
78
|
+
* without requiring Angular or custom elements.
|
|
79
|
+
*/
|
|
80
|
+
export declare const CdsIcon: default_2.ForwardRefExoticComponent<CdsIconProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
81
|
+
|
|
82
|
+
export declare interface CdsIconProps {
|
|
83
|
+
shape: string;
|
|
84
|
+
size?: string;
|
|
85
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
86
|
+
status?: 'success' | 'danger' | 'warning' | 'info' | 'neutral';
|
|
87
|
+
solid?: boolean;
|
|
88
|
+
className?: string;
|
|
89
|
+
role?: string;
|
|
90
|
+
'aria-label'?: string;
|
|
91
|
+
'aria-hidden'?: boolean | 'true' | 'false';
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
export declare const Checkbox: default_2.ForwardRefExoticComponent<CheckboxProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
95
|
+
|
|
96
|
+
export declare interface CheckboxProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
|
|
97
|
+
label?: string;
|
|
98
|
+
inline?: boolean;
|
|
99
|
+
state?: 'error' | 'success' | '';
|
|
100
|
+
helperText?: string;
|
|
101
|
+
errorText?: string;
|
|
102
|
+
successText?: string;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
export declare const Combobox: default_2.ForwardRefExoticComponent<ComboboxProps & default_2.RefAttributes<HTMLElement>>;
|
|
106
|
+
|
|
107
|
+
export declare interface ComboboxOption {
|
|
108
|
+
value: string;
|
|
109
|
+
label: string;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
export declare interface ComboboxProps {
|
|
113
|
+
label?: string;
|
|
114
|
+
placeholder?: string;
|
|
115
|
+
options: ComboboxOption[];
|
|
116
|
+
selected?: string;
|
|
117
|
+
onSelectionChange?: (value: string) => void;
|
|
118
|
+
className?: string;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
export declare const Datagrid: default_2.ForwardRefExoticComponent<DatagridProps & default_2.RefAttributes<HTMLElement>>;
|
|
122
|
+
|
|
123
|
+
export declare interface DatagridColumn {
|
|
124
|
+
field: string;
|
|
125
|
+
label: string;
|
|
126
|
+
sortable?: boolean;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
export declare interface DatagridProps {
|
|
130
|
+
columns: DatagridColumn[];
|
|
131
|
+
data: any[];
|
|
132
|
+
loading?: boolean;
|
|
133
|
+
paginate?: boolean;
|
|
134
|
+
pageSize?: number;
|
|
135
|
+
selectable?: boolean;
|
|
136
|
+
expandable?: boolean;
|
|
137
|
+
showDetailPane?: boolean;
|
|
138
|
+
showRowActions?: boolean;
|
|
139
|
+
rowActions?: string[];
|
|
140
|
+
onRefresh?: (state: any) => void;
|
|
141
|
+
onSelectedChange?: (selected: any[]) => void;
|
|
142
|
+
onRowAction?: (event: {
|
|
143
|
+
row: any;
|
|
144
|
+
action: string;
|
|
145
|
+
}) => void;
|
|
146
|
+
className?: string;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
export declare const Datepicker: default_2.ForwardRefExoticComponent<DatepickerProps & default_2.RefAttributes<HTMLElement>>;
|
|
150
|
+
|
|
151
|
+
export declare interface DatepickerProps {
|
|
152
|
+
label?: string;
|
|
153
|
+
value?: string;
|
|
154
|
+
placeholder?: string;
|
|
155
|
+
onChange?: (value: string) => void;
|
|
156
|
+
className?: string;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
export declare const DateRangePicker: default_2.ForwardRefExoticComponent<DateRangePickerProps & default_2.RefAttributes<HTMLElement>>;
|
|
160
|
+
|
|
161
|
+
export declare interface DateRangePickerProps {
|
|
162
|
+
label?: string;
|
|
163
|
+
startDate?: string;
|
|
164
|
+
endDate?: string;
|
|
165
|
+
onStartDateChange?: (value: string) => void;
|
|
166
|
+
onEndDateChange?: (value: string) => void;
|
|
167
|
+
className?: string;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
export declare const Dropdown: default_2.ForwardRefExoticComponent<DropdownProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
171
|
+
|
|
172
|
+
export declare const DropdownAngular: default_2.ForwardRefExoticComponent<DropdownAngularProps & default_2.RefAttributes<HTMLElement>>;
|
|
173
|
+
|
|
174
|
+
export declare interface DropdownAngularItem {
|
|
175
|
+
label: string;
|
|
176
|
+
disabled?: boolean;
|
|
177
|
+
separator?: boolean;
|
|
178
|
+
header?: boolean;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
export declare interface DropdownAngularProps {
|
|
182
|
+
triggerLabel?: string;
|
|
183
|
+
items: DropdownAngularItem[];
|
|
184
|
+
onItemClick?: (item: DropdownAngularItem) => void;
|
|
185
|
+
className?: string;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
export declare const DropdownDivider: {
|
|
189
|
+
(): JSX.Element;
|
|
190
|
+
displayName: string;
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
export declare const DropdownHeader: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
194
|
+
|
|
195
|
+
export declare const DropdownItem: default_2.ForwardRefExoticComponent<DropdownItemProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
196
|
+
|
|
197
|
+
export declare interface DropdownItemProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
export declare const DropdownMenu: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
201
|
+
|
|
202
|
+
export declare interface DropdownProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
203
|
+
open?: boolean;
|
|
204
|
+
position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
|
|
205
|
+
onOpenChange?: (open: boolean) => void;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
export declare const DropdownTrigger: default_2.ForwardRefExoticComponent<default_2.ButtonHTMLAttributes<HTMLButtonElement> & default_2.RefAttributes<HTMLButtonElement>>;
|
|
209
|
+
|
|
210
|
+
export declare const Header: default_2.ForwardRefExoticComponent<HeaderProps & default_2.RefAttributes<HTMLElement>>;
|
|
211
|
+
|
|
212
|
+
export declare const HeaderActions: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
213
|
+
|
|
214
|
+
export declare const HeaderBranding: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
215
|
+
|
|
216
|
+
export declare const HeaderNav: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
217
|
+
|
|
218
|
+
export declare interface HeaderProps extends Omit<default_2.HTMLAttributes<HTMLElement>, 'color'> {
|
|
219
|
+
color?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
220
|
+
}
|
|
221
|
+
|
|
222
|
+
export declare const Icon: default_2.ForwardRefExoticComponent<IconProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
223
|
+
|
|
224
|
+
export declare interface IconProps extends CdsIconProps {
|
|
225
|
+
badge?: string;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
export declare const Input: default_2.ForwardRefExoticComponent<InputProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
229
|
+
|
|
230
|
+
export declare interface InputProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
|
|
231
|
+
label?: string;
|
|
232
|
+
state?: 'error' | 'success' | '';
|
|
233
|
+
helperText?: string;
|
|
234
|
+
errorText?: string;
|
|
235
|
+
successText?: string;
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
export declare const Label: default_2.ForwardRefExoticComponent<LabelProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
239
|
+
|
|
240
|
+
export declare interface LabelProps extends default_2.HTMLAttributes<HTMLSpanElement> {
|
|
241
|
+
color?: 'info' | 'success' | 'warning' | 'danger' | 'gray' | 'blue' | 'light-blue' | 'orange' | 'purple' | string;
|
|
242
|
+
labelType?: 'solid' | 'outlined';
|
|
243
|
+
clickable?: boolean;
|
|
244
|
+
disabled?: boolean;
|
|
245
|
+
text?: string;
|
|
246
|
+
badgeText?: string;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
export declare const Login: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
250
|
+
|
|
251
|
+
export declare const LoginWrapper: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
252
|
+
|
|
253
|
+
export declare const Modal: default_2.ForwardRefExoticComponent<ModalProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
254
|
+
|
|
255
|
+
export declare const ModalBody: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
256
|
+
|
|
257
|
+
export declare const ModalFooter: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
258
|
+
|
|
259
|
+
export declare const ModalHeader: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
260
|
+
|
|
261
|
+
export declare interface ModalProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
262
|
+
open?: boolean;
|
|
263
|
+
closable?: boolean;
|
|
264
|
+
size?: 'sm' | 'md' | 'lg' | 'xl' | 'full-screen';
|
|
265
|
+
staticBackdrop?: boolean;
|
|
266
|
+
onClose?: () => void;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
export declare interface NavItem {
|
|
270
|
+
label: string;
|
|
271
|
+
icon?: string;
|
|
272
|
+
active?: boolean;
|
|
273
|
+
children?: NavItem[];
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
export declare const ProgressBar: default_2.ForwardRefExoticComponent<ProgressBarProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
277
|
+
|
|
278
|
+
export declare interface ProgressBarProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
279
|
+
value?: number;
|
|
280
|
+
max?: number;
|
|
281
|
+
color?: 'success' | 'warning' | 'danger';
|
|
282
|
+
labeled?: boolean;
|
|
283
|
+
compact?: boolean;
|
|
284
|
+
loop?: boolean;
|
|
285
|
+
fade?: boolean;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
export declare const Select: default_2.ForwardRefExoticComponent<SelectProps & default_2.RefAttributes<HTMLSelectElement>>;
|
|
289
|
+
|
|
290
|
+
export declare interface SelectProps extends default_2.SelectHTMLAttributes<HTMLSelectElement> {
|
|
291
|
+
label?: string;
|
|
292
|
+
state?: 'error' | '';
|
|
293
|
+
helperText?: string;
|
|
294
|
+
errorText?: string;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
export declare const Signpost: default_2.ForwardRefExoticComponent<SignpostProps & default_2.RefAttributes<HTMLElement>>;
|
|
298
|
+
|
|
299
|
+
export declare interface SignpostProps {
|
|
300
|
+
position?: string;
|
|
301
|
+
className?: string;
|
|
302
|
+
children?: default_2.ReactNode;
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
export declare const Spinner: default_2.ForwardRefExoticComponent<SpinnerProps & default_2.RefAttributes<HTMLSpanElement>>;
|
|
306
|
+
|
|
307
|
+
export declare interface SpinnerProps extends default_2.HTMLAttributes<HTMLSpanElement> {
|
|
308
|
+
size?: 'sm' | 'md' | 'lg';
|
|
309
|
+
inline?: boolean;
|
|
310
|
+
inverse?: boolean;
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
export declare const StackBlock: default_2.ForwardRefExoticComponent<StackBlockProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
314
|
+
|
|
315
|
+
export declare interface StackBlockProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'content'> {
|
|
316
|
+
expandable?: boolean;
|
|
317
|
+
expanded?: boolean;
|
|
318
|
+
onToggle?: () => void;
|
|
319
|
+
label?: default_2.ReactNode;
|
|
320
|
+
content?: default_2.ReactNode;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
export declare const StackView: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & default_2.RefAttributes<HTMLDivElement>>;
|
|
324
|
+
|
|
325
|
+
export declare const Stepper: default_2.ForwardRefExoticComponent<StepperProps & default_2.RefAttributes<HTMLElement>>;
|
|
326
|
+
|
|
327
|
+
export declare interface StepperProps {
|
|
328
|
+
steps: StepperStep[];
|
|
329
|
+
onSubmit?: () => void;
|
|
330
|
+
className?: string;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
export declare interface StepperStep {
|
|
334
|
+
id: string;
|
|
335
|
+
title: string;
|
|
336
|
+
description?: string;
|
|
337
|
+
content: string;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
export declare const Tab: default_2.ForwardRefExoticComponent<TabProps & default_2.RefAttributes<HTMLButtonElement>>;
|
|
341
|
+
|
|
342
|
+
export declare const Table: default_2.ForwardRefExoticComponent<TableProps & default_2.RefAttributes<HTMLTableElement>>;
|
|
343
|
+
|
|
344
|
+
export declare interface TableProps extends default_2.TableHTMLAttributes<HTMLTableElement> {
|
|
345
|
+
compact?: boolean;
|
|
346
|
+
vertical?: boolean;
|
|
347
|
+
noBorder?: boolean;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
export declare const TabList: default_2.ForwardRefExoticComponent<TabListProps & default_2.RefAttributes<HTMLUListElement>>;
|
|
351
|
+
|
|
352
|
+
declare interface TabListProps extends default_2.HTMLAttributes<HTMLUListElement> {
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
export declare const TabPanel: default_2.ForwardRefExoticComponent<TabPanelProps & default_2.RefAttributes<HTMLElement>>;
|
|
356
|
+
|
|
357
|
+
export declare interface TabPanelProps extends default_2.HTMLAttributes<HTMLElement> {
|
|
358
|
+
active?: boolean;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
export declare interface TabProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
362
|
+
active?: boolean;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
export declare const Tabs: default_2.ForwardRefExoticComponent<TabsProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
366
|
+
|
|
367
|
+
export declare interface TabsProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
368
|
+
vertical?: boolean;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
export declare const Timeline: default_2.ForwardRefExoticComponent<TimelineProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
372
|
+
|
|
373
|
+
export declare interface TimelineProps extends default_2.HTMLAttributes<HTMLDivElement> {
|
|
374
|
+
vertical?: boolean;
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
export declare const TimelineStep: default_2.ForwardRefExoticComponent<TimelineStepProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
378
|
+
|
|
379
|
+
export declare interface TimelineStepProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
380
|
+
state?: TimelineStepState;
|
|
381
|
+
header?: default_2.ReactNode;
|
|
382
|
+
title?: default_2.ReactNode;
|
|
383
|
+
description?: default_2.ReactNode;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
declare type TimelineStepState = 'not-started' | 'current' | 'processing' | 'success' | 'error';
|
|
387
|
+
|
|
388
|
+
export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLInputElement>>;
|
|
389
|
+
|
|
390
|
+
export declare interface ToggleProps extends default_2.InputHTMLAttributes<HTMLInputElement> {
|
|
391
|
+
label?: string;
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
export declare const Tooltip: default_2.ForwardRefExoticComponent<TooltipProps & default_2.RefAttributes<HTMLElement>>;
|
|
395
|
+
|
|
396
|
+
export declare interface TooltipProps {
|
|
397
|
+
tooltipText: string;
|
|
398
|
+
position?: string;
|
|
399
|
+
size?: string;
|
|
400
|
+
className?: string;
|
|
401
|
+
children?: default_2.ReactNode;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
export declare interface TreeNode {
|
|
405
|
+
label: string;
|
|
406
|
+
icon?: string;
|
|
407
|
+
expanded?: boolean;
|
|
408
|
+
selected?: boolean | 'indeterminate';
|
|
409
|
+
children?: TreeNode[];
|
|
410
|
+
data?: any;
|
|
411
|
+
}
|
|
412
|
+
|
|
413
|
+
export declare const TreeView: default_2.ForwardRefExoticComponent<TreeViewProps & default_2.RefAttributes<HTMLElement>>;
|
|
414
|
+
|
|
415
|
+
export declare interface TreeViewProps {
|
|
416
|
+
nodes: TreeNode[];
|
|
417
|
+
selectable?: boolean;
|
|
418
|
+
onNodeSelected?: (node: any) => void;
|
|
419
|
+
className?: string;
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
export declare const VerticalNav: default_2.ForwardRefExoticComponent<VerticalNavProps & default_2.RefAttributes<HTMLElement>>;
|
|
423
|
+
|
|
424
|
+
export declare interface VerticalNavProps {
|
|
425
|
+
items: NavItem[];
|
|
426
|
+
collapsible?: boolean;
|
|
427
|
+
collapsed?: boolean;
|
|
428
|
+
onNavItemClick?: (item: NavItem) => void;
|
|
429
|
+
className?: string;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
export declare const Wizard: default_2.ForwardRefExoticComponent<WizardProps & default_2.RefAttributes<HTMLDivElement>>;
|
|
433
|
+
|
|
434
|
+
/**
|
|
435
|
+
* Marker component consumed by the parent <Wizard>.
|
|
436
|
+
* Does not render its own DOM — Wizard reads its props and renders pages internally.
|
|
437
|
+
*/
|
|
438
|
+
export declare const WizardPage: default_2.FC<WizardPageProps>;
|
|
439
|
+
|
|
440
|
+
export declare interface WizardPageProps {
|
|
441
|
+
title: string;
|
|
442
|
+
nextDisabled?: boolean;
|
|
443
|
+
children?: default_2.ReactNode;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
export declare interface WizardProps {
|
|
447
|
+
open?: boolean;
|
|
448
|
+
title?: string;
|
|
449
|
+
size?: 'md' | 'lg' | 'xl';
|
|
450
|
+
closable?: boolean;
|
|
451
|
+
onFinish?: () => void;
|
|
452
|
+
onCancel?: () => void;
|
|
453
|
+
className?: string;
|
|
454
|
+
children?: default_2.ReactNode;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
export { }
|