@hexure/ui 1.12.12 → 1.12.13
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 +833 -834
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Input/Input.d.ts +3 -4
- package/dist/esm/index.js +785 -786
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Input/Input.d.ts +3 -4
- package/dist/index.d.ts +81 -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;
|
|
@@ -141,8 +141,8 @@ interface MoreMenuProps extends AccessibleProps {
|
|
|
141
141
|
menuItems: MenuItemProps[];
|
|
142
142
|
maxHeight?: string | number;
|
|
143
143
|
}
|
|
144
|
-
declare const MoreMenu: FC<MoreMenuProps>;
|
|
145
|
-
|
|
144
|
+
declare const MoreMenu: FC<MoreMenuProps>;
|
|
145
|
+
|
|
146
146
|
interface ButtonMenuProps {
|
|
147
147
|
disabled?: boolean;
|
|
148
148
|
label: string;
|
|
@@ -153,8 +153,8 @@ interface ButtonMenuProps {
|
|
|
153
153
|
position?: 'left' | 'right';
|
|
154
154
|
format?: 'primary' | 'secondary';
|
|
155
155
|
}
|
|
156
|
-
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
157
|
-
|
|
156
|
+
declare const ButtonMenu: FC<ButtonMenuProps>;
|
|
157
|
+
|
|
158
158
|
interface TooltipProps {
|
|
159
159
|
/** It is used to give label to tag. */
|
|
160
160
|
children: any;
|
|
@@ -165,8 +165,8 @@ interface TooltipProps {
|
|
|
165
165
|
/** The element to display that triggers the tooltip content */
|
|
166
166
|
trigger?: any;
|
|
167
167
|
}
|
|
168
|
-
declare const Tooltip: FC<TooltipProps>;
|
|
169
|
-
|
|
168
|
+
declare const Tooltip: FC<TooltipProps>;
|
|
169
|
+
|
|
170
170
|
interface CheckboxProps extends AccessibleProps {
|
|
171
171
|
/** It is used to give label to checkbox. */
|
|
172
172
|
children?: string;
|
|
@@ -182,8 +182,8 @@ interface CheckboxProps extends AccessibleProps {
|
|
|
182
182
|
/** Display a tooltip next to the label */
|
|
183
183
|
tooltip?: TooltipProps;
|
|
184
184
|
}
|
|
185
|
-
declare const Checkbox: FC<CheckboxProps>;
|
|
186
|
-
|
|
185
|
+
declare const Checkbox: FC<CheckboxProps>;
|
|
186
|
+
|
|
187
187
|
interface OptionProps$3 {
|
|
188
188
|
label?: string;
|
|
189
189
|
value: string | number;
|
|
@@ -196,8 +196,8 @@ interface ChecklistProps extends AccessibleProps {
|
|
|
196
196
|
selected: (string | number)[];
|
|
197
197
|
showSelectAll?: boolean;
|
|
198
198
|
}
|
|
199
|
-
declare const Checklist: FC<ChecklistProps>;
|
|
200
|
-
|
|
199
|
+
declare const Checklist: FC<ChecklistProps>;
|
|
200
|
+
|
|
201
201
|
interface CopyProps extends AccessibleProps {
|
|
202
202
|
/** Set the text to be displayed */
|
|
203
203
|
children: string | React.ReactNode;
|
|
@@ -211,8 +211,8 @@ interface CopyProps extends AccessibleProps {
|
|
|
211
211
|
/** Set the color of the copy based on the design system color pallette */
|
|
212
212
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
|
|
213
213
|
}
|
|
214
|
-
declare const Copy: FC<CopyProps>;
|
|
215
|
-
|
|
214
|
+
declare const Copy: FC<CopyProps>;
|
|
215
|
+
|
|
216
216
|
interface styleProps$3 {
|
|
217
217
|
width?: number | string;
|
|
218
218
|
}
|
|
@@ -232,8 +232,8 @@ interface DateProps extends AccessibleProps {
|
|
|
232
232
|
/** Override default styles */
|
|
233
233
|
style?: styleProps$3;
|
|
234
234
|
}
|
|
235
|
-
declare const DatePicker: FC<DateProps>;
|
|
236
|
-
|
|
235
|
+
declare const DatePicker: FC<DateProps>;
|
|
236
|
+
|
|
237
237
|
interface ButtonProps$1 extends AccessibleProps {
|
|
238
238
|
disabled?: boolean;
|
|
239
239
|
children: string;
|
|
@@ -262,8 +262,8 @@ interface DrawerProps extends AccessibleProps {
|
|
|
262
262
|
/** It is used to close drawer. */
|
|
263
263
|
onClose: (e?: any) => void;
|
|
264
264
|
}
|
|
265
|
-
declare const Drawer: FC<DrawerProps>;
|
|
266
|
-
|
|
265
|
+
declare const Drawer: FC<DrawerProps>;
|
|
266
|
+
|
|
267
267
|
interface ActionProps {
|
|
268
268
|
id?: string;
|
|
269
269
|
label: string;
|
|
@@ -286,16 +286,16 @@ interface FieldProps extends AccessibleProps {
|
|
|
286
286
|
/** Display a tooltip next to the label */
|
|
287
287
|
tooltip?: TooltipProps;
|
|
288
288
|
}
|
|
289
|
-
declare const Field: FC<FieldProps>;
|
|
290
|
-
|
|
289
|
+
declare const Field: FC<FieldProps>;
|
|
290
|
+
|
|
291
291
|
interface FieldGroupProps {
|
|
292
292
|
/** The label to display above the field group */
|
|
293
293
|
label: string;
|
|
294
294
|
/** The content of the field group...usually a set of Field components */
|
|
295
295
|
children: any;
|
|
296
296
|
}
|
|
297
|
-
declare const FieldGroup: FC<FieldGroupProps>;
|
|
298
|
-
|
|
297
|
+
declare const FieldGroup: FC<FieldGroupProps>;
|
|
298
|
+
|
|
299
299
|
interface FileUploadProps {
|
|
300
300
|
/** A method to call when files are added/removed. Return the new file or array of files. */
|
|
301
301
|
onChange?: (files: Array<File>) => void;
|
|
@@ -317,8 +317,8 @@ interface ErrorObject {
|
|
|
317
317
|
file: File;
|
|
318
318
|
message: string;
|
|
319
319
|
}
|
|
320
|
-
declare const FileUpload: FC<FileUploadProps>;
|
|
321
|
-
|
|
320
|
+
declare const FileUpload: FC<FileUploadProps>;
|
|
321
|
+
|
|
322
322
|
interface HeadingProps extends AccessibleProps {
|
|
323
323
|
/** Toggle between bold and normal font weights */
|
|
324
324
|
bold?: boolean;
|
|
@@ -331,8 +331,8 @@ interface HeadingProps extends AccessibleProps {
|
|
|
331
331
|
/** Set the type of heading to display: primary, secondary, tertiary */
|
|
332
332
|
type?: 'primary' | 'secondary' | 'tertiary';
|
|
333
333
|
}
|
|
334
|
-
declare const Heading: FC<HeadingProps>;
|
|
335
|
-
|
|
334
|
+
declare const Heading: FC<HeadingProps>;
|
|
335
|
+
|
|
336
336
|
interface styleProps$2 {
|
|
337
337
|
width?: number | string;
|
|
338
338
|
}
|
|
@@ -379,10 +379,9 @@ interface InputProps extends AccessibleProps {
|
|
|
379
379
|
suggestedValues?: string[];
|
|
380
380
|
/** Display a loading indicator to the far right of the input */
|
|
381
381
|
loading?: boolean;
|
|
382
|
-
inputRef?: React.Ref<HTMLInputElement>;
|
|
383
382
|
}
|
|
384
|
-
declare const
|
|
385
|
-
|
|
383
|
+
declare const Input: FC<InputProps>;
|
|
384
|
+
|
|
386
385
|
interface LinkProps extends AccessibleProps {
|
|
387
386
|
/** Set the text to be displayed */
|
|
388
387
|
children: string;
|
|
@@ -391,16 +390,16 @@ interface LinkProps extends AccessibleProps {
|
|
|
391
390
|
/** A method to execute when this component is clicked */
|
|
392
391
|
onClick?: (e?: any) => void;
|
|
393
392
|
}
|
|
394
|
-
declare const Link: FC<LinkProps>;
|
|
395
|
-
|
|
396
|
-
declare const Loader: FC;
|
|
397
|
-
|
|
393
|
+
declare const Link: FC<LinkProps>;
|
|
394
|
+
|
|
395
|
+
declare const Loader: FC;
|
|
396
|
+
|
|
398
397
|
interface LogoProps extends AccessibleProps {
|
|
399
398
|
type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
|
|
400
399
|
height?: string;
|
|
401
400
|
}
|
|
402
|
-
declare const Logo: FC<LogoProps>;
|
|
403
|
-
|
|
401
|
+
declare const Logo: FC<LogoProps>;
|
|
402
|
+
|
|
404
403
|
interface StepProps {
|
|
405
404
|
label: string;
|
|
406
405
|
complete?: boolean;
|
|
@@ -411,8 +410,8 @@ interface ProgressBarProps {
|
|
|
411
410
|
steps: StepProps[];
|
|
412
411
|
showStepLine?: boolean;
|
|
413
412
|
}
|
|
414
|
-
declare const ProgressBar: FC<ProgressBarProps>;
|
|
415
|
-
|
|
413
|
+
declare const ProgressBar: FC<ProgressBarProps>;
|
|
414
|
+
|
|
416
415
|
interface ButtonProps {
|
|
417
416
|
disabled?: boolean;
|
|
418
417
|
children: string;
|
|
@@ -442,8 +441,8 @@ interface ModalProps extends AccessibleProps {
|
|
|
442
441
|
/** Display steps at the top of the modal */
|
|
443
442
|
steps?: StepProps[];
|
|
444
443
|
}
|
|
445
|
-
declare const Modal: FC<ModalProps>;
|
|
446
|
-
|
|
444
|
+
declare const Modal: FC<ModalProps>;
|
|
445
|
+
|
|
447
446
|
interface OptionProps$2 {
|
|
448
447
|
label?: string;
|
|
449
448
|
value: string | number;
|
|
@@ -463,8 +462,8 @@ interface MultiSelectProps extends AccessibleProps {
|
|
|
463
462
|
style?: styleProps$1;
|
|
464
463
|
searchable?: boolean;
|
|
465
464
|
}
|
|
466
|
-
declare const MultiSelect: FC<MultiSelectProps>;
|
|
467
|
-
|
|
465
|
+
declare const MultiSelect: FC<MultiSelectProps>;
|
|
466
|
+
|
|
468
467
|
interface TagProps extends AccessibleProps {
|
|
469
468
|
/** It is used to select tag-type either default or removable. */
|
|
470
469
|
color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
|
|
@@ -475,8 +474,8 @@ interface TagProps extends AccessibleProps {
|
|
|
475
474
|
/** It is callback function called when user wants to close the tag. */
|
|
476
475
|
removable?: boolean;
|
|
477
476
|
}
|
|
478
|
-
declare const Tag: FC<TagProps>;
|
|
479
|
-
|
|
477
|
+
declare const Tag: FC<TagProps>;
|
|
478
|
+
|
|
480
479
|
interface PageHeaderProps {
|
|
481
480
|
title?: string;
|
|
482
481
|
breadcrumbs?: Array<{
|
|
@@ -500,15 +499,15 @@ interface PageHeaderProps {
|
|
|
500
499
|
};
|
|
501
500
|
tag?: TagProps;
|
|
502
501
|
}
|
|
503
|
-
declare const PageHeader: FC<PageHeaderProps>;
|
|
504
|
-
|
|
502
|
+
declare const PageHeader: FC<PageHeaderProps>;
|
|
503
|
+
|
|
505
504
|
interface PaginationProps extends AccessibleProps {
|
|
506
505
|
currentPage: number;
|
|
507
506
|
onClick: (e?: any) => void;
|
|
508
507
|
pageCount: number;
|
|
509
508
|
}
|
|
510
|
-
declare const Pagination: FC<PaginationProps>;
|
|
511
|
-
|
|
509
|
+
declare const Pagination: FC<PaginationProps>;
|
|
510
|
+
|
|
512
511
|
interface RadioProps extends AccessibleProps {
|
|
513
512
|
/** It is used to give label to radio. */
|
|
514
513
|
children: string | number;
|
|
@@ -525,8 +524,8 @@ interface RadioProps extends AccessibleProps {
|
|
|
525
524
|
/** Display a tooltip next to the label */
|
|
526
525
|
tooltip?: TooltipProps;
|
|
527
526
|
}
|
|
528
|
-
declare const Radio: FC<RadioProps>;
|
|
529
|
-
|
|
527
|
+
declare const Radio: FC<RadioProps>;
|
|
528
|
+
|
|
530
529
|
interface OptionProps$1 {
|
|
531
530
|
label?: string;
|
|
532
531
|
value: string | number;
|
|
@@ -537,8 +536,8 @@ interface RadioListProps extends AccessibleProps {
|
|
|
537
536
|
options: OptionProps$1[];
|
|
538
537
|
value: string;
|
|
539
538
|
}
|
|
540
|
-
declare const RadioList: FC<RadioListProps>;
|
|
541
|
-
|
|
539
|
+
declare const RadioList: FC<RadioListProps>;
|
|
540
|
+
|
|
542
541
|
interface OptionProps {
|
|
543
542
|
/** It is used to give label to option. */
|
|
544
543
|
label?: string;
|
|
@@ -573,8 +572,8 @@ interface SelectProps extends AccessibleProps {
|
|
|
573
572
|
onChange: (e: any) => void;
|
|
574
573
|
onSearch?: (searchTerm: string) => void;
|
|
575
574
|
}
|
|
576
|
-
declare const Select: FC<SelectProps>;
|
|
577
|
-
|
|
575
|
+
declare const Select: FC<SelectProps>;
|
|
576
|
+
|
|
578
577
|
interface RowObject {
|
|
579
578
|
[key: string]: any;
|
|
580
579
|
}
|
|
@@ -597,8 +596,8 @@ interface TableProps extends AccessibleProps {
|
|
|
597
596
|
onSortChange?: (e?: any) => void;
|
|
598
597
|
tableLayout?: string;
|
|
599
598
|
}
|
|
600
|
-
declare const Table: FC<TableProps>;
|
|
601
|
-
|
|
599
|
+
declare const Table: FC<TableProps>;
|
|
600
|
+
|
|
602
601
|
interface TabProps extends AccessibleProps {
|
|
603
602
|
badgeCount?: number;
|
|
604
603
|
errorBadge?: boolean;
|
|
@@ -609,16 +608,16 @@ interface TabProps extends AccessibleProps {
|
|
|
609
608
|
interface TabsProps extends AccessibleProps {
|
|
610
609
|
tabs: TabProps[];
|
|
611
610
|
}
|
|
612
|
-
declare const Tabs: FC<TabsProps>;
|
|
613
|
-
|
|
611
|
+
declare const Tabs: FC<TabsProps>;
|
|
612
|
+
|
|
614
613
|
interface ToggleProps extends AccessibleProps {
|
|
615
614
|
/** It is used to check whether Toggle is checked or not */
|
|
616
615
|
on: boolean;
|
|
617
616
|
/** Pass a callback then fires when user change value */
|
|
618
617
|
onClick: (e?: any) => void;
|
|
619
618
|
}
|
|
620
|
-
declare const Toggle: FC<ToggleProps>;
|
|
621
|
-
|
|
619
|
+
declare const Toggle: FC<ToggleProps>;
|
|
620
|
+
|
|
622
621
|
interface ZeroStateProps extends AccessibleProps {
|
|
623
622
|
/** The SVG path of the icon to show */
|
|
624
623
|
icon: string;
|
|
@@ -633,8 +632,8 @@ interface ZeroStateProps extends AccessibleProps {
|
|
|
633
632
|
onClick: (e?: any) => void;
|
|
634
633
|
};
|
|
635
634
|
}
|
|
636
|
-
declare const ZeroState: FC<ZeroStateProps>;
|
|
637
|
-
|
|
635
|
+
declare const ZeroState: FC<ZeroStateProps>;
|
|
636
|
+
|
|
638
637
|
declare const getAgesFromDob: (dob: string) => {
|
|
639
638
|
calculated_nearest_age: number | null;
|
|
640
639
|
calculated_current_age: number | null;
|
|
@@ -648,8 +647,8 @@ declare const getYears: () => {
|
|
|
648
647
|
declare const validateEmail: (email: string) => boolean;
|
|
649
648
|
declare const validatePhone: (phone: string) => boolean;
|
|
650
649
|
declare const formatAsPhone: (number: string) => string;
|
|
651
|
-
declare const formatAsSsn: (number: string) => string;
|
|
652
|
-
|
|
650
|
+
declare const formatAsSsn: (number: string) => string;
|
|
651
|
+
|
|
653
652
|
declare const Colors: {
|
|
654
653
|
PRIMARY: {
|
|
655
654
|
Hex: string;
|
|
@@ -701,6 +700,6 @@ declare const EditableTheme: {
|
|
|
701
700
|
Hex: string;
|
|
702
701
|
Rgb: string;
|
|
703
702
|
};
|
|
704
|
-
};
|
|
705
|
-
|
|
706
|
-
export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading,
|
|
703
|
+
};
|
|
704
|
+
|
|
705
|
+
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 };
|