@hexure/ui 1.13.9 → 1.13.11
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 +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/PageHeader/PageHeader.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/PageHeader/PageHeader.d.ts +1 -1
- package/dist/index.d.ts +82 -82
- 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 ButtonProps$3 extends AccessibleProps {
|
|
73
73
|
/** Display a number badge on the right side of the button */
|
|
74
74
|
badge?: number;
|
|
@@ -91,14 +91,14 @@ interface ButtonProps$3 extends AccessibleProps {
|
|
|
91
91
|
/** Define which button format to display. By default the Primary button will be used. */
|
|
92
92
|
format?: 'primary' | 'secondary' | 'red' | 'green' | string;
|
|
93
93
|
}
|
|
94
|
-
declare const Button: FC<ButtonProps$3>;
|
|
95
|
-
|
|
94
|
+
declare const Button: FC<ButtonProps$3>;
|
|
95
|
+
|
|
96
96
|
interface AppHeaderProps {
|
|
97
97
|
logoUrl?: string;
|
|
98
98
|
buttons: ButtonProps$3[];
|
|
99
99
|
}
|
|
100
|
-
declare const AppHeader: FC<AppHeaderProps>;
|
|
101
|
-
|
|
100
|
+
declare const AppHeader: FC<AppHeaderProps>;
|
|
101
|
+
|
|
102
102
|
interface MenuItemType extends AccessibleProps {
|
|
103
103
|
icon: string;
|
|
104
104
|
label: string;
|
|
@@ -116,8 +116,8 @@ interface AppMenuProps extends AccessibleProps {
|
|
|
116
116
|
footerTag?: string;
|
|
117
117
|
defaultWidth?: string;
|
|
118
118
|
}
|
|
119
|
-
declare const AppMenu: FC<AppMenuProps>;
|
|
120
|
-
|
|
119
|
+
declare const AppMenu: FC<AppMenuProps>;
|
|
120
|
+
|
|
121
121
|
interface ButtonProps$2 {
|
|
122
122
|
children: string;
|
|
123
123
|
onClick: (e?: any) => void;
|
|
@@ -130,8 +130,8 @@ interface BulkActionBarProps extends AccessibleProps {
|
|
|
130
130
|
onClear: (e?: any) => void;
|
|
131
131
|
selectedCount?: number;
|
|
132
132
|
}
|
|
133
|
-
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
134
|
-
|
|
133
|
+
declare const BulkActionBar: FC<BulkActionBarProps>;
|
|
134
|
+
|
|
135
135
|
interface MenuItemProps extends AccessibleProps {
|
|
136
136
|
icon?: string;
|
|
137
137
|
label?: string;
|
|
@@ -142,8 +142,8 @@ interface MoreMenuProps extends AccessibleProps {
|
|
|
142
142
|
menuItems: MenuItemProps[];
|
|
143
143
|
maxHeight?: string | number;
|
|
144
144
|
}
|
|
145
|
-
declare const MoreMenu: FC<MoreMenuProps>;
|
|
146
|
-
|
|
145
|
+
declare const MoreMenu: FC<MoreMenuProps>;
|
|
146
|
+
|
|
147
147
|
interface ButtonMenuProps {
|
|
148
148
|
disabled?: boolean;
|
|
149
149
|
label: string;
|
|
@@ -157,8 +157,8 @@ interface ButtonMenuProps {
|
|
|
157
157
|
enableClick?: boolean;
|
|
158
158
|
show?: boolean;
|
|
159
159
|
}
|
|
160
|
-
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
161
|
-
|
|
160
|
+
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
161
|
+
|
|
162
162
|
interface TooltipProps {
|
|
163
163
|
/** It is used to give label to tag. */
|
|
164
164
|
children: any;
|
|
@@ -169,8 +169,8 @@ interface TooltipProps {
|
|
|
169
169
|
/** The element to display that triggers the tooltip content */
|
|
170
170
|
trigger?: any;
|
|
171
171
|
}
|
|
172
|
-
declare const Tooltip: FC<TooltipProps>;
|
|
173
|
-
|
|
172
|
+
declare const Tooltip: FC<TooltipProps>;
|
|
173
|
+
|
|
174
174
|
interface CheckboxProps extends AccessibleProps {
|
|
175
175
|
/** It is used to give label to checkbox. */
|
|
176
176
|
children?: string;
|
|
@@ -186,8 +186,8 @@ interface CheckboxProps extends AccessibleProps {
|
|
|
186
186
|
/** Display a tooltip next to the label */
|
|
187
187
|
tooltip?: TooltipProps;
|
|
188
188
|
}
|
|
189
|
-
declare const Checkbox: FC<CheckboxProps>;
|
|
190
|
-
|
|
189
|
+
declare const Checkbox: FC<CheckboxProps>;
|
|
190
|
+
|
|
191
191
|
interface OptionProps$3 {
|
|
192
192
|
label?: string;
|
|
193
193
|
value: string | number;
|
|
@@ -200,8 +200,8 @@ interface ChecklistProps extends AccessibleProps {
|
|
|
200
200
|
selected: (string | number)[];
|
|
201
201
|
showSelectAll?: boolean;
|
|
202
202
|
}
|
|
203
|
-
declare const Checklist: FC<ChecklistProps>;
|
|
204
|
-
|
|
203
|
+
declare const Checklist: FC<ChecklistProps>;
|
|
204
|
+
|
|
205
205
|
interface CopyProps extends AccessibleProps {
|
|
206
206
|
/** Set the text to be displayed */
|
|
207
207
|
children: string | React.ReactNode;
|
|
@@ -215,8 +215,8 @@ interface CopyProps extends AccessibleProps {
|
|
|
215
215
|
/** Set the color of the copy based on the design system color pallette */
|
|
216
216
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
|
|
217
217
|
}
|
|
218
|
-
declare const Copy: FC<CopyProps>;
|
|
219
|
-
|
|
218
|
+
declare const Copy: FC<CopyProps>;
|
|
219
|
+
|
|
220
220
|
interface styleProps$3 {
|
|
221
221
|
width?: number | string;
|
|
222
222
|
}
|
|
@@ -236,8 +236,8 @@ interface DateProps extends AccessibleProps {
|
|
|
236
236
|
/** Override default styles */
|
|
237
237
|
style?: styleProps$3;
|
|
238
238
|
}
|
|
239
|
-
declare const DatePicker: FC<DateProps>;
|
|
240
|
-
|
|
239
|
+
declare const DatePicker: FC<DateProps>;
|
|
240
|
+
|
|
241
241
|
interface ButtonProps$1 extends AccessibleProps {
|
|
242
242
|
disabled?: boolean;
|
|
243
243
|
children: string;
|
|
@@ -266,8 +266,8 @@ interface DrawerProps extends AccessibleProps {
|
|
|
266
266
|
/** It is used to close drawer. */
|
|
267
267
|
onClose: (e?: any) => void;
|
|
268
268
|
}
|
|
269
|
-
declare const Drawer: FC<DrawerProps>;
|
|
270
|
-
|
|
269
|
+
declare const Drawer: FC<DrawerProps>;
|
|
270
|
+
|
|
271
271
|
interface ActionProps {
|
|
272
272
|
id?: string;
|
|
273
273
|
label: string;
|
|
@@ -290,16 +290,16 @@ interface FieldProps extends AccessibleProps {
|
|
|
290
290
|
/** Display a tooltip next to the label */
|
|
291
291
|
tooltip?: TooltipProps;
|
|
292
292
|
}
|
|
293
|
-
declare const Field: FC<FieldProps>;
|
|
294
|
-
|
|
293
|
+
declare const Field: FC<FieldProps>;
|
|
294
|
+
|
|
295
295
|
interface FieldGroupProps {
|
|
296
296
|
/** The label to display above the field group */
|
|
297
297
|
label: string;
|
|
298
298
|
/** The content of the field group...usually a set of Field components */
|
|
299
299
|
children: any;
|
|
300
300
|
}
|
|
301
|
-
declare const FieldGroup: FC<FieldGroupProps>;
|
|
302
|
-
|
|
301
|
+
declare const FieldGroup: FC<FieldGroupProps>;
|
|
302
|
+
|
|
303
303
|
interface FileUploadProps {
|
|
304
304
|
/** A method to call when files are added/removed. Return the new file or array of files. */
|
|
305
305
|
onChange?: (files: Array<File>) => void;
|
|
@@ -322,8 +322,8 @@ interface ErrorObject {
|
|
|
322
322
|
file: File;
|
|
323
323
|
message: string;
|
|
324
324
|
}
|
|
325
|
-
declare const FileUpload: FC<FileUploadProps>;
|
|
326
|
-
|
|
325
|
+
declare const FileUpload: FC<FileUploadProps>;
|
|
326
|
+
|
|
327
327
|
interface HeadingProps extends AccessibleProps {
|
|
328
328
|
/** Toggle between bold and normal font weights */
|
|
329
329
|
bold?: boolean;
|
|
@@ -336,8 +336,8 @@ interface HeadingProps extends AccessibleProps {
|
|
|
336
336
|
/** Set the type of heading to display: primary, secondary, tertiary */
|
|
337
337
|
type?: 'primary' | 'secondary' | 'tertiary';
|
|
338
338
|
}
|
|
339
|
-
declare const Heading: FC<HeadingProps>;
|
|
340
|
-
|
|
339
|
+
declare const Heading: FC<HeadingProps>;
|
|
340
|
+
|
|
341
341
|
interface styleProps$2 {
|
|
342
342
|
width?: number | string;
|
|
343
343
|
}
|
|
@@ -385,8 +385,8 @@ interface InputProps extends AccessibleProps {
|
|
|
385
385
|
/** Display a loading indicator to the far right of the input */
|
|
386
386
|
loading?: boolean;
|
|
387
387
|
}
|
|
388
|
-
declare const Input: FC<InputProps>;
|
|
389
|
-
|
|
388
|
+
declare const Input: FC<InputProps>;
|
|
389
|
+
|
|
390
390
|
interface LinkProps extends AccessibleProps {
|
|
391
391
|
/** Set the text to be displayed */
|
|
392
392
|
children: string;
|
|
@@ -395,16 +395,16 @@ interface LinkProps extends AccessibleProps {
|
|
|
395
395
|
/** A method to execute when this component is clicked */
|
|
396
396
|
onClick?: (e?: any) => void;
|
|
397
397
|
}
|
|
398
|
-
declare const Link: FC<LinkProps>;
|
|
399
|
-
|
|
400
|
-
declare const Loader: FC;
|
|
401
|
-
|
|
398
|
+
declare const Link: FC<LinkProps>;
|
|
399
|
+
|
|
400
|
+
declare const Loader: FC;
|
|
401
|
+
|
|
402
402
|
interface LogoProps extends AccessibleProps {
|
|
403
403
|
type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
|
|
404
404
|
height?: string;
|
|
405
405
|
}
|
|
406
|
-
declare const Logo: FC<LogoProps>;
|
|
407
|
-
|
|
406
|
+
declare const Logo: FC<LogoProps>;
|
|
407
|
+
|
|
408
408
|
interface StepProps {
|
|
409
409
|
label: string;
|
|
410
410
|
complete?: boolean;
|
|
@@ -415,8 +415,8 @@ interface ProgressBarProps {
|
|
|
415
415
|
steps: StepProps[];
|
|
416
416
|
showStepLine?: boolean;
|
|
417
417
|
}
|
|
418
|
-
declare const ProgressBar: FC<ProgressBarProps>;
|
|
419
|
-
|
|
418
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
419
|
+
|
|
420
420
|
interface ButtonProps {
|
|
421
421
|
disabled?: boolean;
|
|
422
422
|
children: string;
|
|
@@ -446,8 +446,8 @@ interface ModalProps extends AccessibleProps {
|
|
|
446
446
|
/** Display steps at the top of the modal */
|
|
447
447
|
steps?: StepProps[];
|
|
448
448
|
}
|
|
449
|
-
declare const Modal: FC<ModalProps>;
|
|
450
|
-
|
|
449
|
+
declare const Modal: FC<ModalProps>;
|
|
450
|
+
|
|
451
451
|
interface OptionProps$2 {
|
|
452
452
|
label?: string;
|
|
453
453
|
value: string | number;
|
|
@@ -467,8 +467,8 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
467
467
|
style?: styleProps$1;
|
|
468
468
|
searchable?: boolean;
|
|
469
469
|
}
|
|
470
|
-
declare const MultiSelect: FC<MultiSelectProps>;
|
|
471
|
-
|
|
470
|
+
declare const MultiSelect: FC<MultiSelectProps>;
|
|
471
|
+
|
|
472
472
|
interface TagProps extends AccessibleProps {
|
|
473
473
|
/** It is used to select tag-type either default or removable. */
|
|
474
474
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
@@ -479,8 +479,8 @@ interface TagProps extends AccessibleProps {
|
|
|
479
479
|
/** It is callback function called when user wants to close the tag. */
|
|
480
480
|
removable?: boolean;
|
|
481
481
|
}
|
|
482
|
-
declare const Tag: FC<TagProps>;
|
|
483
|
-
|
|
482
|
+
declare const Tag: FC<TagProps>;
|
|
483
|
+
|
|
484
484
|
interface PageHeaderProps {
|
|
485
485
|
title?: string;
|
|
486
486
|
breadcrumbs?: Array<{
|
|
@@ -503,19 +503,19 @@ interface PageHeaderProps {
|
|
|
503
503
|
icon?: string;
|
|
504
504
|
label: string;
|
|
505
505
|
menuItems: Array<MenuItemProps>;
|
|
506
|
-
show
|
|
506
|
+
show?: boolean;
|
|
507
507
|
};
|
|
508
508
|
tag?: TagProps;
|
|
509
509
|
}
|
|
510
|
-
declare const PageHeader: FC<PageHeaderProps>;
|
|
511
|
-
|
|
510
|
+
declare const PageHeader: FC<PageHeaderProps>;
|
|
511
|
+
|
|
512
512
|
interface PaginationProps extends AccessibleProps {
|
|
513
513
|
currentPage: number;
|
|
514
514
|
onClick: (e?: any) => void;
|
|
515
515
|
pageCount: number;
|
|
516
516
|
}
|
|
517
|
-
declare const Pagination: FC<PaginationProps>;
|
|
518
|
-
|
|
517
|
+
declare const Pagination: FC<PaginationProps>;
|
|
518
|
+
|
|
519
519
|
interface RadioProps extends AccessibleProps {
|
|
520
520
|
/** It is used to give label to radio. */
|
|
521
521
|
children: string | number;
|
|
@@ -532,8 +532,8 @@ interface RadioProps extends AccessibleProps {
|
|
|
532
532
|
/** Display a tooltip next to the label */
|
|
533
533
|
tooltip?: TooltipProps;
|
|
534
534
|
}
|
|
535
|
-
declare const Radio: FC<RadioProps>;
|
|
536
|
-
|
|
535
|
+
declare const Radio: FC<RadioProps>;
|
|
536
|
+
|
|
537
537
|
interface OptionProps$1 {
|
|
538
538
|
label?: string;
|
|
539
539
|
value: string | number;
|
|
@@ -544,8 +544,8 @@ interface RadioListProps extends AccessibleProps {
|
|
|
544
544
|
options: OptionProps$1[];
|
|
545
545
|
value: string;
|
|
546
546
|
}
|
|
547
|
-
declare const RadioList: FC<RadioListProps>;
|
|
548
|
-
|
|
547
|
+
declare const RadioList: FC<RadioListProps>;
|
|
548
|
+
|
|
549
549
|
interface OptionProps {
|
|
550
550
|
/** It is used to give label to option. */
|
|
551
551
|
label?: string;
|
|
@@ -580,8 +580,8 @@ interface SelectProps extends AccessibleProps {
|
|
|
580
580
|
onChange: (e: any) => void;
|
|
581
581
|
onSearch?: (searchTerm: string) => void;
|
|
582
582
|
}
|
|
583
|
-
declare const Select: FC<SelectProps>;
|
|
584
|
-
|
|
583
|
+
declare const Select: FC<SelectProps>;
|
|
584
|
+
|
|
585
585
|
interface RowObject {
|
|
586
586
|
[key: string]: any;
|
|
587
587
|
}
|
|
@@ -604,8 +604,8 @@ interface TableProps extends AccessibleProps {
|
|
|
604
604
|
onSortChange?: (e?: any) => void;
|
|
605
605
|
tableLayout?: string;
|
|
606
606
|
}
|
|
607
|
-
declare const Table: FC<TableProps>;
|
|
608
|
-
|
|
607
|
+
declare const Table: FC<TableProps>;
|
|
608
|
+
|
|
609
609
|
interface TabProps extends AccessibleProps {
|
|
610
610
|
badgeCount?: number;
|
|
611
611
|
errorBadge?: boolean;
|
|
@@ -616,16 +616,16 @@ interface TabProps extends AccessibleProps {
|
|
|
616
616
|
interface TabsProps extends AccessibleProps {
|
|
617
617
|
tabs: TabProps[];
|
|
618
618
|
}
|
|
619
|
-
declare const Tabs: FC<TabsProps>;
|
|
620
|
-
|
|
619
|
+
declare const Tabs: FC<TabsProps>;
|
|
620
|
+
|
|
621
621
|
interface ToggleProps extends AccessibleProps {
|
|
622
622
|
/** It is used to check whether Toggle is checked or not */
|
|
623
623
|
on: boolean;
|
|
624
624
|
/** Pass a callback then fires when user change value */
|
|
625
625
|
onClick: (e?: any) => void;
|
|
626
626
|
}
|
|
627
|
-
declare const Toggle: FC<ToggleProps>;
|
|
628
|
-
|
|
627
|
+
declare const Toggle: FC<ToggleProps>;
|
|
628
|
+
|
|
629
629
|
interface ZeroStateProps extends AccessibleProps {
|
|
630
630
|
/** The SVG path of the icon to show */
|
|
631
631
|
icon: string;
|
|
@@ -642,8 +642,8 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
642
642
|
disabled?: boolean;
|
|
643
643
|
};
|
|
644
644
|
}
|
|
645
|
-
declare const ZeroState: FC<ZeroStateProps>;
|
|
646
|
-
|
|
645
|
+
declare const ZeroState: FC<ZeroStateProps>;
|
|
646
|
+
|
|
647
647
|
declare const getAgesFromDob: (dob: string) => {
|
|
648
648
|
calculated_nearest_age: number | null;
|
|
649
649
|
calculated_current_age: number | null;
|
|
@@ -657,8 +657,8 @@ declare const getYears: () => {
|
|
|
657
657
|
declare const validateEmail: (email: string) => boolean;
|
|
658
658
|
declare const validatePhone: (phone: string) => boolean;
|
|
659
659
|
declare const formatAsPhone: (number: string) => string;
|
|
660
|
-
declare const formatAsSsn: (number: string) => string;
|
|
661
|
-
|
|
660
|
+
declare const formatAsSsn: (number: string) => string;
|
|
661
|
+
|
|
662
662
|
declare const Colors: {
|
|
663
663
|
PRIMARY: {
|
|
664
664
|
Hex: string;
|
|
@@ -710,6 +710,6 @@ declare const EditableTheme: {
|
|
|
710
710
|
Hex: string;
|
|
711
711
|
Rgb: string;
|
|
712
712
|
};
|
|
713
|
-
};
|
|
714
|
-
|
|
715
|
-
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 };
|
|
713
|
+
};
|
|
714
|
+
|
|
715
|
+
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 };
|