@hexure/ui 1.13.30 → 1.13.31
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 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +10 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +81 -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
|
}
|
|
@@ -365,8 +365,8 @@ interface InputProps extends AccessibleProps {
|
|
|
365
365
|
showErrorTextColor?: boolean;
|
|
366
366
|
innerRef?: any;
|
|
367
367
|
}
|
|
368
|
-
declare const Input: FC<InputProps>;
|
|
369
|
-
|
|
368
|
+
declare const Input: FC<InputProps>;
|
|
369
|
+
|
|
370
370
|
interface LinkProps extends AccessibleProps {
|
|
371
371
|
/** Set the text to be displayed */
|
|
372
372
|
children: string;
|
|
@@ -375,16 +375,16 @@ interface LinkProps extends AccessibleProps {
|
|
|
375
375
|
/** A method to execute when this component is clicked */
|
|
376
376
|
onClick?: (e?: any) => void;
|
|
377
377
|
}
|
|
378
|
-
declare const Link: FC<LinkProps>;
|
|
379
|
-
|
|
380
|
-
declare const Loader: FC;
|
|
381
|
-
|
|
378
|
+
declare const Link: FC<LinkProps>;
|
|
379
|
+
|
|
380
|
+
declare const Loader: FC;
|
|
381
|
+
|
|
382
382
|
interface LogoProps extends AccessibleProps {
|
|
383
383
|
type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
|
|
384
384
|
height?: string;
|
|
385
385
|
}
|
|
386
|
-
declare const Logo: FC<LogoProps>;
|
|
387
|
-
|
|
386
|
+
declare const Logo: FC<LogoProps>;
|
|
387
|
+
|
|
388
388
|
interface StepProps {
|
|
389
389
|
label: string;
|
|
390
390
|
complete?: boolean;
|
|
@@ -395,8 +395,8 @@ interface ProgressBarProps {
|
|
|
395
395
|
steps: StepProps[];
|
|
396
396
|
showStepLine?: boolean;
|
|
397
397
|
}
|
|
398
|
-
declare const ProgressBar: FC<ProgressBarProps>;
|
|
399
|
-
|
|
398
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
399
|
+
|
|
400
400
|
interface ButtonProps {
|
|
401
401
|
disabled?: boolean;
|
|
402
402
|
children: string;
|
|
@@ -428,8 +428,8 @@ interface ModalProps extends AccessibleProps {
|
|
|
428
428
|
/** Display steps at the top of the modal */
|
|
429
429
|
steps?: StepProps[];
|
|
430
430
|
}
|
|
431
|
-
declare const Modal: FC<ModalProps>;
|
|
432
|
-
|
|
431
|
+
declare const Modal: FC<ModalProps>;
|
|
432
|
+
|
|
433
433
|
interface OptionProps$2 {
|
|
434
434
|
label?: string;
|
|
435
435
|
value: string | number;
|
|
@@ -449,8 +449,8 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
449
449
|
style?: styleProps$1;
|
|
450
450
|
searchable?: boolean;
|
|
451
451
|
}
|
|
452
|
-
declare const MultiSelect: FC<MultiSelectProps>;
|
|
453
|
-
|
|
452
|
+
declare const MultiSelect: FC<MultiSelectProps>;
|
|
453
|
+
|
|
454
454
|
interface TagProps extends AccessibleProps {
|
|
455
455
|
/** It is used to select tag-type either default or removable. */
|
|
456
456
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
@@ -461,8 +461,8 @@ interface TagProps extends AccessibleProps {
|
|
|
461
461
|
/** It is callback function called when user wants to close the tag. */
|
|
462
462
|
removable?: boolean;
|
|
463
463
|
}
|
|
464
|
-
declare const Tag: FC<TagProps>;
|
|
465
|
-
|
|
464
|
+
declare const Tag: FC<TagProps>;
|
|
465
|
+
|
|
466
466
|
interface PageHeaderProps {
|
|
467
467
|
title?: string;
|
|
468
468
|
breadcrumbs?: Array<{
|
|
@@ -489,15 +489,15 @@ interface PageHeaderProps {
|
|
|
489
489
|
};
|
|
490
490
|
tag?: TagProps;
|
|
491
491
|
}
|
|
492
|
-
declare const PageHeader: FC<PageHeaderProps>;
|
|
493
|
-
|
|
492
|
+
declare const PageHeader: FC<PageHeaderProps>;
|
|
493
|
+
|
|
494
494
|
interface PaginationProps extends AccessibleProps {
|
|
495
495
|
currentPage: number;
|
|
496
496
|
onClick: (e?: any) => void;
|
|
497
497
|
pageCount: number;
|
|
498
498
|
}
|
|
499
|
-
declare const Pagination: FC<PaginationProps>;
|
|
500
|
-
|
|
499
|
+
declare const Pagination: FC<PaginationProps>;
|
|
500
|
+
|
|
501
501
|
interface RadioProps extends AccessibleProps {
|
|
502
502
|
/** It is used to give label to radio. */
|
|
503
503
|
children: string | number;
|
|
@@ -514,8 +514,8 @@ interface RadioProps extends AccessibleProps {
|
|
|
514
514
|
/** Display a tooltip next to the label */
|
|
515
515
|
tooltip?: TooltipProps;
|
|
516
516
|
}
|
|
517
|
-
declare const Radio: FC<RadioProps>;
|
|
518
|
-
|
|
517
|
+
declare const Radio: FC<RadioProps>;
|
|
518
|
+
|
|
519
519
|
interface OptionProps$1 {
|
|
520
520
|
label?: string;
|
|
521
521
|
value: string | number;
|
|
@@ -526,8 +526,8 @@ interface RadioListProps extends AccessibleProps {
|
|
|
526
526
|
options: OptionProps$1[];
|
|
527
527
|
value: string;
|
|
528
528
|
}
|
|
529
|
-
declare const RadioList: FC<RadioListProps>;
|
|
530
|
-
|
|
529
|
+
declare const RadioList: FC<RadioListProps>;
|
|
530
|
+
|
|
531
531
|
interface OptionProps {
|
|
532
532
|
label?: string;
|
|
533
533
|
value: string | number;
|
|
@@ -556,8 +556,8 @@ interface SelectProps extends AccessibleProps {
|
|
|
556
556
|
onBlur?: (e: any) => void;
|
|
557
557
|
onSearch?: (searchTerm: string) => void;
|
|
558
558
|
}
|
|
559
|
-
declare const Select: FC<SelectProps>;
|
|
560
|
-
|
|
559
|
+
declare const Select: FC<SelectProps>;
|
|
560
|
+
|
|
561
561
|
interface RowObject {
|
|
562
562
|
[key: string]: any;
|
|
563
563
|
}
|
|
@@ -580,8 +580,8 @@ interface TableProps extends AccessibleProps {
|
|
|
580
580
|
onSortChange?: (e?: any) => void;
|
|
581
581
|
tableLayout?: string;
|
|
582
582
|
}
|
|
583
|
-
declare const Table: FC<TableProps>;
|
|
584
|
-
|
|
583
|
+
declare const Table: FC<TableProps>;
|
|
584
|
+
|
|
585
585
|
interface TabProps extends AccessibleProps {
|
|
586
586
|
badgeCount?: number;
|
|
587
587
|
errorBadge?: boolean;
|
|
@@ -592,16 +592,16 @@ interface TabProps extends AccessibleProps {
|
|
|
592
592
|
interface TabsProps extends AccessibleProps {
|
|
593
593
|
tabs: TabProps[];
|
|
594
594
|
}
|
|
595
|
-
declare const Tabs: FC<TabsProps>;
|
|
596
|
-
|
|
595
|
+
declare const Tabs: FC<TabsProps>;
|
|
596
|
+
|
|
597
597
|
interface ToggleProps extends AccessibleProps {
|
|
598
598
|
/** It is used to check whether Toggle is checked or not */
|
|
599
599
|
on: boolean;
|
|
600
600
|
/** Pass a callback then fires when user change value */
|
|
601
601
|
onClick: (e?: any) => void;
|
|
602
602
|
}
|
|
603
|
-
declare const Toggle: FC<ToggleProps>;
|
|
604
|
-
|
|
603
|
+
declare const Toggle: FC<ToggleProps>;
|
|
604
|
+
|
|
605
605
|
interface ZeroStateProps extends AccessibleProps {
|
|
606
606
|
/** The SVG path of the icon to show */
|
|
607
607
|
icon: string;
|
|
@@ -618,8 +618,8 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
618
618
|
disabled?: boolean;
|
|
619
619
|
};
|
|
620
620
|
}
|
|
621
|
-
declare const ZeroState: FC<ZeroStateProps>;
|
|
622
|
-
|
|
621
|
+
declare const ZeroState: FC<ZeroStateProps>;
|
|
622
|
+
|
|
623
623
|
declare const getAgesFromDob: (dob: string) => {
|
|
624
624
|
calculated_nearest_age: number | null;
|
|
625
625
|
calculated_current_age: number | null;
|
|
@@ -633,8 +633,8 @@ declare const getYears: () => {
|
|
|
633
633
|
declare const validateEmail: (email: string) => boolean;
|
|
634
634
|
declare const validatePhone: (phone: string) => boolean;
|
|
635
635
|
declare const formatAsPhone: (number: string) => string;
|
|
636
|
-
declare const formatAsSsn: (number: string) => string;
|
|
637
|
-
|
|
636
|
+
declare const formatAsSsn: (number: string) => string;
|
|
637
|
+
|
|
638
638
|
declare const Colors: {
|
|
639
639
|
PRIMARY: {
|
|
640
640
|
Hex: string;
|
|
@@ -686,6 +686,6 @@ declare const EditableTheme: {
|
|
|
686
686
|
Hex: string;
|
|
687
687
|
Rgb: string;
|
|
688
688
|
};
|
|
689
|
-
};
|
|
690
|
-
|
|
691
|
-
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 };
|
|
689
|
+
};
|
|
690
|
+
|
|
691
|
+
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 };
|