@hexure/ui 1.13.24 → 1.13.26
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/cjs/index.js +10 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Input/Input.d.ts +1 -0
- package/dist/esm/index.js +10 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Input/Input.d.ts +1 -0
- package/dist/index.d.ts +82 -81
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React, { FC, ReactNode } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { FC, ReactNode } from 'react';
|
|
2
|
+
|
|
3
3
|
interface AccessibleProps {
|
|
4
4
|
/** Set the css id for the main wrapping html element */
|
|
5
5
|
id?: string;
|
|
@@ -13,8 +13,8 @@ interface AccessibleProps {
|
|
|
13
13
|
tabIndex?: number;
|
|
14
14
|
/** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
|
|
15
15
|
'aria-label'?: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
16
|
+
}
|
|
17
|
+
|
|
18
18
|
interface AccordionProps extends AccessibleProps {
|
|
19
19
|
title?: string;
|
|
20
20
|
/** Define the content to be displayed */
|
|
@@ -24,8 +24,8 @@ interface AccordionProps extends AccessibleProps {
|
|
|
24
24
|
/** Method to call when the header is clicked */
|
|
25
25
|
onClick: (e?: any) => void;
|
|
26
26
|
}
|
|
27
|
-
declare const Accordion: FC<AccordionProps>;
|
|
28
|
-
|
|
27
|
+
declare const Accordion: FC<AccordionProps>;
|
|
28
|
+
|
|
29
29
|
interface ButtonProps$4 {
|
|
30
30
|
children: string;
|
|
31
31
|
format?: string;
|
|
@@ -50,8 +50,8 @@ interface ActionDialogProps extends AccessibleProps {
|
|
|
50
50
|
interface CustomStyle {
|
|
51
51
|
[key: string]: string | number;
|
|
52
52
|
}
|
|
53
|
-
declare const ActionDialog: FC<ActionDialogProps>;
|
|
54
|
-
|
|
53
|
+
declare const ActionDialog: FC<ActionDialogProps>;
|
|
54
|
+
|
|
55
55
|
interface ActionProps$1 extends AccessibleProps {
|
|
56
56
|
label: string;
|
|
57
57
|
onClick: (e?: any) => void;
|
|
@@ -67,8 +67,8 @@ interface AlertProps extends AccessibleProps {
|
|
|
67
67
|
/** Show a condensed, smaller version of the alert. The title and action props will be ignore if this is set to true */
|
|
68
68
|
small?: boolean;
|
|
69
69
|
}
|
|
70
|
-
declare const Alert: FC<AlertProps>;
|
|
71
|
-
|
|
70
|
+
declare const Alert: FC<AlertProps>;
|
|
71
|
+
|
|
72
72
|
interface TooltipProps {
|
|
73
73
|
/** It is used to give label to tag. */
|
|
74
74
|
children: any;
|
|
@@ -79,8 +79,8 @@ interface TooltipProps {
|
|
|
79
79
|
/** The element to display that triggers the tooltip content */
|
|
80
80
|
trigger?: any;
|
|
81
81
|
}
|
|
82
|
-
declare const Tooltip: FC<TooltipProps>;
|
|
83
|
-
|
|
82
|
+
declare const Tooltip: FC<TooltipProps>;
|
|
83
|
+
|
|
84
84
|
interface ButtonProps$3 extends AccessibleProps {
|
|
85
85
|
/** Display a number badge on the right side of the button */
|
|
86
86
|
badge?: number;
|
|
@@ -107,14 +107,14 @@ interface ButtonProps$3 extends AccessibleProps {
|
|
|
107
107
|
/** Set the title of the button on hover */
|
|
108
108
|
title?: string;
|
|
109
109
|
}
|
|
110
|
-
declare const Button: FC<ButtonProps$3>;
|
|
111
|
-
|
|
110
|
+
declare const Button: FC<ButtonProps$3>;
|
|
111
|
+
|
|
112
112
|
interface AppHeaderProps {
|
|
113
113
|
logoUrl?: string;
|
|
114
114
|
buttons: ButtonProps$3[];
|
|
115
115
|
}
|
|
116
|
-
declare const AppHeader: FC<AppHeaderProps>;
|
|
117
|
-
|
|
116
|
+
declare const AppHeader: FC<AppHeaderProps>;
|
|
117
|
+
|
|
118
118
|
interface MenuItemType extends AccessibleProps {
|
|
119
119
|
icon: string;
|
|
120
120
|
label: string;
|
|
@@ -133,8 +133,8 @@ interface AppMenuProps extends AccessibleProps {
|
|
|
133
133
|
footerTag?: string;
|
|
134
134
|
defaultWidth?: string;
|
|
135
135
|
}
|
|
136
|
-
declare const AppMenu: FC<AppMenuProps>;
|
|
137
|
-
|
|
136
|
+
declare const AppMenu: FC<AppMenuProps>;
|
|
137
|
+
|
|
138
138
|
interface ButtonProps$2 {
|
|
139
139
|
children: string;
|
|
140
140
|
onClick: (e?: any) => void;
|
|
@@ -147,8 +147,8 @@ interface BulkActionBarProps extends AccessibleProps {
|
|
|
147
147
|
onClear: (e?: any) => void;
|
|
148
148
|
selectedCount?: number;
|
|
149
149
|
}
|
|
150
|
-
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
151
|
-
|
|
150
|
+
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
151
|
+
|
|
152
152
|
interface MenuItemProps extends AccessibleProps {
|
|
153
153
|
icon?: string;
|
|
154
154
|
label?: string;
|
|
@@ -159,8 +159,8 @@ interface MoreMenuProps extends AccessibleProps {
|
|
|
159
159
|
menuItems: MenuItemProps[];
|
|
160
160
|
maxHeight?: string | number;
|
|
161
161
|
}
|
|
162
|
-
declare const MoreMenu: FC<MoreMenuProps>;
|
|
163
|
-
|
|
162
|
+
declare const MoreMenu: FC<MoreMenuProps>;
|
|
163
|
+
|
|
164
164
|
interface ButtonMenuProps {
|
|
165
165
|
disabled?: boolean;
|
|
166
166
|
label: string;
|
|
@@ -174,8 +174,8 @@ interface ButtonMenuProps {
|
|
|
174
174
|
enableClick?: boolean;
|
|
175
175
|
show?: boolean;
|
|
176
176
|
}
|
|
177
|
-
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
178
|
-
|
|
177
|
+
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
178
|
+
|
|
179
179
|
interface CheckboxProps extends AccessibleProps {
|
|
180
180
|
/** It is used to give label to checkbox. */
|
|
181
181
|
children?: string;
|
|
@@ -191,8 +191,8 @@ interface CheckboxProps extends AccessibleProps {
|
|
|
191
191
|
/** Display a tooltip next to the label */
|
|
192
192
|
tooltip?: TooltipProps;
|
|
193
193
|
}
|
|
194
|
-
declare const Checkbox: FC<CheckboxProps>;
|
|
195
|
-
|
|
194
|
+
declare const Checkbox: FC<CheckboxProps>;
|
|
195
|
+
|
|
196
196
|
interface OptionProps$3 {
|
|
197
197
|
label?: string;
|
|
198
198
|
value: string | number;
|
|
@@ -205,8 +205,8 @@ interface ChecklistProps extends AccessibleProps {
|
|
|
205
205
|
selected: (string | number)[];
|
|
206
206
|
showSelectAll?: boolean;
|
|
207
207
|
}
|
|
208
|
-
declare const Checklist: FC<ChecklistProps>;
|
|
209
|
-
|
|
208
|
+
declare const Checklist: FC<ChecklistProps>;
|
|
209
|
+
|
|
210
210
|
interface CopyProps extends AccessibleProps {
|
|
211
211
|
/** Set the text to be displayed */
|
|
212
212
|
children: string | React.ReactNode;
|
|
@@ -220,8 +220,8 @@ interface CopyProps extends AccessibleProps {
|
|
|
220
220
|
/** Set the color of the copy based on the design system color pallette */
|
|
221
221
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
|
|
222
222
|
}
|
|
223
|
-
declare const Copy: FC<CopyProps>;
|
|
224
|
-
|
|
223
|
+
declare const Copy: FC<CopyProps>;
|
|
224
|
+
|
|
225
225
|
interface styleProps$3 {
|
|
226
226
|
width?: number | string;
|
|
227
227
|
}
|
|
@@ -234,8 +234,8 @@ interface DateProps extends AccessibleProps {
|
|
|
234
234
|
onChange?: (e: any) => void;
|
|
235
235
|
style?: styleProps$3;
|
|
236
236
|
}
|
|
237
|
-
declare const DatePicker: FC<DateProps>;
|
|
238
|
-
|
|
237
|
+
declare const DatePicker: FC<DateProps>;
|
|
238
|
+
|
|
239
239
|
interface ButtonProps$1 extends AccessibleProps {
|
|
240
240
|
disabled?: boolean;
|
|
241
241
|
children: string;
|
|
@@ -264,8 +264,8 @@ interface DrawerProps extends AccessibleProps {
|
|
|
264
264
|
/** It is used to close drawer. */
|
|
265
265
|
onClose: (e?: any) => void;
|
|
266
266
|
}
|
|
267
|
-
declare const Drawer: FC<DrawerProps>;
|
|
268
|
-
|
|
267
|
+
declare const Drawer: FC<DrawerProps>;
|
|
268
|
+
|
|
269
269
|
interface ActionProps {
|
|
270
270
|
id?: string;
|
|
271
271
|
label: string;
|
|
@@ -288,16 +288,16 @@ interface FieldProps extends AccessibleProps {
|
|
|
288
288
|
/** Display a tooltip next to the label */
|
|
289
289
|
tooltip?: TooltipProps;
|
|
290
290
|
}
|
|
291
|
-
declare const Field: FC<FieldProps>;
|
|
292
|
-
|
|
291
|
+
declare const Field: FC<FieldProps>;
|
|
292
|
+
|
|
293
293
|
interface FieldGroupProps {
|
|
294
294
|
/** The label to display above the field group */
|
|
295
295
|
label: string;
|
|
296
296
|
/** The content of the field group...usually a set of Field components */
|
|
297
297
|
children: any;
|
|
298
298
|
}
|
|
299
|
-
declare const FieldGroup: FC<FieldGroupProps>;
|
|
300
|
-
|
|
299
|
+
declare const FieldGroup: FC<FieldGroupProps>;
|
|
300
|
+
|
|
301
301
|
interface FileUploadProps {
|
|
302
302
|
/** A method to call when files are added/removed. Return the new file or array of files. */
|
|
303
303
|
onChange?: (files: Array<File>) => void;
|
|
@@ -320,8 +320,8 @@ interface ErrorObject {
|
|
|
320
320
|
file: File;
|
|
321
321
|
message: string;
|
|
322
322
|
}
|
|
323
|
-
declare const FileUpload: FC<FileUploadProps>;
|
|
324
|
-
|
|
323
|
+
declare const FileUpload: FC<FileUploadProps>;
|
|
324
|
+
|
|
325
325
|
interface HeadingProps extends AccessibleProps {
|
|
326
326
|
/** Toggle between bold and normal font weights */
|
|
327
327
|
bold?: boolean;
|
|
@@ -334,8 +334,8 @@ interface HeadingProps extends AccessibleProps {
|
|
|
334
334
|
/** Set the type of heading to display: primary, secondary, tertiary */
|
|
335
335
|
type?: 'primary' | 'secondary' | 'tertiary';
|
|
336
336
|
}
|
|
337
|
-
declare const Heading: FC<HeadingProps>;
|
|
338
|
-
|
|
337
|
+
declare const Heading: FC<HeadingProps>;
|
|
338
|
+
|
|
339
339
|
interface styleProps$2 {
|
|
340
340
|
width?: number | string;
|
|
341
341
|
}
|
|
@@ -361,9 +361,10 @@ interface InputProps extends AccessibleProps {
|
|
|
361
361
|
type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
|
|
362
362
|
value?: string;
|
|
363
363
|
suggestedValues?: string[];
|
|
364
|
+
showErrorTextColor?: boolean;
|
|
364
365
|
}
|
|
365
|
-
declare const Input: FC<InputProps>;
|
|
366
|
-
|
|
366
|
+
declare const Input: FC<InputProps>;
|
|
367
|
+
|
|
367
368
|
interface LinkProps extends AccessibleProps {
|
|
368
369
|
/** Set the text to be displayed */
|
|
369
370
|
children: string;
|
|
@@ -372,16 +373,16 @@ interface LinkProps extends AccessibleProps {
|
|
|
372
373
|
/** A method to execute when this component is clicked */
|
|
373
374
|
onClick?: (e?: any) => void;
|
|
374
375
|
}
|
|
375
|
-
declare const Link: FC<LinkProps>;
|
|
376
|
-
|
|
377
|
-
declare const Loader: FC;
|
|
378
|
-
|
|
376
|
+
declare const Link: FC<LinkProps>;
|
|
377
|
+
|
|
378
|
+
declare const Loader: FC;
|
|
379
|
+
|
|
379
380
|
interface LogoProps extends AccessibleProps {
|
|
380
381
|
type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
|
|
381
382
|
height?: string;
|
|
382
383
|
}
|
|
383
|
-
declare const Logo: FC<LogoProps>;
|
|
384
|
-
|
|
384
|
+
declare const Logo: FC<LogoProps>;
|
|
385
|
+
|
|
385
386
|
interface StepProps {
|
|
386
387
|
label: string;
|
|
387
388
|
complete?: boolean;
|
|
@@ -392,8 +393,8 @@ interface ProgressBarProps {
|
|
|
392
393
|
steps: StepProps[];
|
|
393
394
|
showStepLine?: boolean;
|
|
394
395
|
}
|
|
395
|
-
declare const ProgressBar: FC<ProgressBarProps>;
|
|
396
|
-
|
|
396
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
397
|
+
|
|
397
398
|
interface ButtonProps {
|
|
398
399
|
disabled?: boolean;
|
|
399
400
|
children: string;
|
|
@@ -425,8 +426,8 @@ interface ModalProps extends AccessibleProps {
|
|
|
425
426
|
/** Display steps at the top of the modal */
|
|
426
427
|
steps?: StepProps[];
|
|
427
428
|
}
|
|
428
|
-
declare const Modal: FC<ModalProps>;
|
|
429
|
-
|
|
429
|
+
declare const Modal: FC<ModalProps>;
|
|
430
|
+
|
|
430
431
|
interface OptionProps$2 {
|
|
431
432
|
label?: string;
|
|
432
433
|
value: string | number;
|
|
@@ -446,8 +447,8 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
446
447
|
style?: styleProps$1;
|
|
447
448
|
searchable?: boolean;
|
|
448
449
|
}
|
|
449
|
-
declare const MultiSelect: FC<MultiSelectProps>;
|
|
450
|
-
|
|
450
|
+
declare const MultiSelect: FC<MultiSelectProps>;
|
|
451
|
+
|
|
451
452
|
interface TagProps extends AccessibleProps {
|
|
452
453
|
/** It is used to select tag-type either default or removable. */
|
|
453
454
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
@@ -458,8 +459,8 @@ interface TagProps extends AccessibleProps {
|
|
|
458
459
|
/** It is callback function called when user wants to close the tag. */
|
|
459
460
|
removable?: boolean;
|
|
460
461
|
}
|
|
461
|
-
declare const Tag: FC<TagProps>;
|
|
462
|
-
|
|
462
|
+
declare const Tag: FC<TagProps>;
|
|
463
|
+
|
|
463
464
|
interface PageHeaderProps {
|
|
464
465
|
title?: string;
|
|
465
466
|
breadcrumbs?: Array<{
|
|
@@ -486,15 +487,15 @@ interface PageHeaderProps {
|
|
|
486
487
|
};
|
|
487
488
|
tag?: TagProps;
|
|
488
489
|
}
|
|
489
|
-
declare const PageHeader: FC<PageHeaderProps>;
|
|
490
|
-
|
|
490
|
+
declare const PageHeader: FC<PageHeaderProps>;
|
|
491
|
+
|
|
491
492
|
interface PaginationProps extends AccessibleProps {
|
|
492
493
|
currentPage: number;
|
|
493
494
|
onClick: (e?: any) => void;
|
|
494
495
|
pageCount: number;
|
|
495
496
|
}
|
|
496
|
-
declare const Pagination: FC<PaginationProps>;
|
|
497
|
-
|
|
497
|
+
declare const Pagination: FC<PaginationProps>;
|
|
498
|
+
|
|
498
499
|
interface RadioProps extends AccessibleProps {
|
|
499
500
|
/** It is used to give label to radio. */
|
|
500
501
|
children: string | number;
|
|
@@ -511,8 +512,8 @@ interface RadioProps extends AccessibleProps {
|
|
|
511
512
|
/** Display a tooltip next to the label */
|
|
512
513
|
tooltip?: TooltipProps;
|
|
513
514
|
}
|
|
514
|
-
declare const Radio: FC<RadioProps>;
|
|
515
|
-
|
|
515
|
+
declare const Radio: FC<RadioProps>;
|
|
516
|
+
|
|
516
517
|
interface OptionProps$1 {
|
|
517
518
|
label?: string;
|
|
518
519
|
value: string | number;
|
|
@@ -523,8 +524,8 @@ interface RadioListProps extends AccessibleProps {
|
|
|
523
524
|
options: OptionProps$1[];
|
|
524
525
|
value: string;
|
|
525
526
|
}
|
|
526
|
-
declare const RadioList: FC<RadioListProps>;
|
|
527
|
-
|
|
527
|
+
declare const RadioList: FC<RadioListProps>;
|
|
528
|
+
|
|
528
529
|
interface OptionProps {
|
|
529
530
|
label?: string;
|
|
530
531
|
value: string | number;
|
|
@@ -551,8 +552,8 @@ interface SelectProps extends AccessibleProps {
|
|
|
551
552
|
onChange?: (e: any) => void;
|
|
552
553
|
onSearch?: (searchTerm: string) => void;
|
|
553
554
|
}
|
|
554
|
-
declare const Select: FC<SelectProps>;
|
|
555
|
-
|
|
555
|
+
declare const Select: FC<SelectProps>;
|
|
556
|
+
|
|
556
557
|
interface RowObject {
|
|
557
558
|
[key: string]: any;
|
|
558
559
|
}
|
|
@@ -575,8 +576,8 @@ interface TableProps extends AccessibleProps {
|
|
|
575
576
|
onSortChange?: (e?: any) => void;
|
|
576
577
|
tableLayout?: string;
|
|
577
578
|
}
|
|
578
|
-
declare const Table: FC<TableProps>;
|
|
579
|
-
|
|
579
|
+
declare const Table: FC<TableProps>;
|
|
580
|
+
|
|
580
581
|
interface TabProps extends AccessibleProps {
|
|
581
582
|
badgeCount?: number;
|
|
582
583
|
errorBadge?: boolean;
|
|
@@ -587,16 +588,16 @@ interface TabProps extends AccessibleProps {
|
|
|
587
588
|
interface TabsProps extends AccessibleProps {
|
|
588
589
|
tabs: TabProps[];
|
|
589
590
|
}
|
|
590
|
-
declare const Tabs: FC<TabsProps>;
|
|
591
|
-
|
|
591
|
+
declare const Tabs: FC<TabsProps>;
|
|
592
|
+
|
|
592
593
|
interface ToggleProps extends AccessibleProps {
|
|
593
594
|
/** It is used to check whether Toggle is checked or not */
|
|
594
595
|
on: boolean;
|
|
595
596
|
/** Pass a callback then fires when user change value */
|
|
596
597
|
onClick: (e?: any) => void;
|
|
597
598
|
}
|
|
598
|
-
declare const Toggle: FC<ToggleProps>;
|
|
599
|
-
|
|
599
|
+
declare const Toggle: FC<ToggleProps>;
|
|
600
|
+
|
|
600
601
|
interface ZeroStateProps extends AccessibleProps {
|
|
601
602
|
/** The SVG path of the icon to show */
|
|
602
603
|
icon: string;
|
|
@@ -613,8 +614,8 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
613
614
|
disabled?: boolean;
|
|
614
615
|
};
|
|
615
616
|
}
|
|
616
|
-
declare const ZeroState: FC<ZeroStateProps>;
|
|
617
|
-
|
|
617
|
+
declare const ZeroState: FC<ZeroStateProps>;
|
|
618
|
+
|
|
618
619
|
declare const getAgesFromDob: (dob: string) => {
|
|
619
620
|
calculated_nearest_age: number | null;
|
|
620
621
|
calculated_current_age: number | null;
|
|
@@ -628,8 +629,8 @@ declare const getYears: () => {
|
|
|
628
629
|
declare const validateEmail: (email: string) => boolean;
|
|
629
630
|
declare const validatePhone: (phone: string) => boolean;
|
|
630
631
|
declare const formatAsPhone: (number: string) => string;
|
|
631
|
-
declare const formatAsSsn: (number: string) => string;
|
|
632
|
-
|
|
632
|
+
declare const formatAsSsn: (number: string) => string;
|
|
633
|
+
|
|
633
634
|
declare const Colors: {
|
|
634
635
|
PRIMARY: {
|
|
635
636
|
Hex: string;
|
|
@@ -681,6 +682,6 @@ declare const EditableTheme: {
|
|
|
681
682
|
Hex: string;
|
|
682
683
|
Rgb: string;
|
|
683
684
|
};
|
|
684
|
-
};
|
|
685
|
-
|
|
686
|
-
export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
|
|
685
|
+
};
|
|
686
|
+
|
|
687
|
+
export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input, Link, Loader, Logo, Modal, MoreMenu, MultiSelect, PageHeader, Pagination, ProgressBar, Radio, RadioList, Select, Table, Tabs, Tag, Toggle, Tooltip, ZeroState, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
|