@hexure/ui 1.14.0 → 1.14.2

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.
@@ -5,6 +5,7 @@ export interface OptionProps {
5
5
  label?: string;
6
6
  value: string | number;
7
7
  color?: string;
8
+ disabled?: boolean;
8
9
  }
9
10
  export interface OptionGroupProps {
10
11
  options: OptionProps[];
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import React, { FC, ReactNode } from 'react';
2
- import { CSSProperties } from 'styled-components';
3
-
1
+ import React, { FC, ReactNode } from 'react';
2
+ import { CSSProperties } from 'styled-components';
3
+
4
4
  interface AccessibleProps {
5
5
  /** Set the css data-itemid for the main wrapping html element */
6
6
  id?: string;
@@ -15,8 +15,8 @@ interface AccessibleProps {
15
15
  tabIndex?: number;
16
16
  /** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
17
17
  'aria-label'?: string;
18
- }
19
-
18
+ }
19
+
20
20
  interface AccordionProps extends AccessibleProps {
21
21
  dataItemid?: string;
22
22
  title?: string;
@@ -27,8 +27,8 @@ interface AccordionProps extends AccessibleProps {
27
27
  /** Method to call when the header is clicked */
28
28
  onClick: (e?: any) => void;
29
29
  }
30
- declare const Accordion: FC<AccordionProps>;
31
-
30
+ declare const Accordion: FC<AccordionProps>;
31
+
32
32
  interface ButtonProps$4 {
33
33
  children: string;
34
34
  format?: string;
@@ -57,8 +57,8 @@ interface ActionDialogProps extends AccessibleProps {
57
57
  interface CustomStyle {
58
58
  [key: string]: string | number;
59
59
  }
60
- declare const ActionDialog: FC<ActionDialogProps>;
61
-
60
+ declare const ActionDialog: FC<ActionDialogProps>;
61
+
62
62
  interface ActionProps$1 extends AccessibleProps {
63
63
  label: string;
64
64
  onClick: (e?: any) => void;
@@ -76,8 +76,8 @@ interface AlertProps extends AccessibleProps {
76
76
  /** Optional ID for automation purposes */
77
77
  dataItemid?: string;
78
78
  }
79
- declare const Alert: FC<AlertProps>;
80
-
79
+ declare const Alert: FC<AlertProps>;
80
+
81
81
  interface TooltipProps {
82
82
  /** It is used to give label to tag. */
83
83
  children: any;
@@ -96,8 +96,8 @@ interface TooltipProps {
96
96
  */
97
97
  auto?: boolean;
98
98
  }
99
- declare const Tooltip: FC<TooltipProps>;
100
-
99
+ declare const Tooltip: FC<TooltipProps>;
100
+
101
101
  interface ButtonProps$3 extends AccessibleProps {
102
102
  /** Display a number badge on the right side of the button */
103
103
  badge?: number;
@@ -131,16 +131,16 @@ interface ButtonProps$3 extends AccessibleProps {
131
131
  /** Optional section name for automation purposes */
132
132
  dataSectionName?: string;
133
133
  }
134
- declare const Button: FC<ButtonProps$3>;
135
-
134
+ declare const Button: FC<ButtonProps$3>;
135
+
136
136
  interface AppHeaderProps {
137
137
  logoUrl?: string;
138
138
  buttons: ButtonProps$3[];
139
139
  /** Optional ID for automation purposes */
140
140
  dataItemid?: string;
141
141
  }
142
- declare const AppHeader: FC<AppHeaderProps>;
143
-
142
+ declare const AppHeader: FC<AppHeaderProps>;
143
+
144
144
  interface MenuItemType extends AccessibleProps {
145
145
  icon: string;
146
146
  label: string;
@@ -164,8 +164,8 @@ interface AppMenuProps extends AccessibleProps {
164
164
  dataSectionName?: string;
165
165
  onChange?: (isCollapsed: boolean) => void;
166
166
  }
167
- declare const AppMenu: FC<AppMenuProps>;
168
-
167
+ declare const AppMenu: FC<AppMenuProps>;
168
+
169
169
  interface ButtonProps$2 {
170
170
  children: string;
171
171
  onClick: (e?: any) => void;
@@ -181,8 +181,8 @@ interface BulkActionBarProps extends AccessibleProps {
181
181
  /** Optional ID for automation purposes */
182
182
  dataItemid?: string;
183
183
  }
184
- declare const BulkActionBar: FC<BulkActionBarProps>;
185
-
184
+ declare const BulkActionBar: FC<BulkActionBarProps>;
185
+
186
186
  interface MenuItemProps extends AccessibleProps {
187
187
  icon?: string;
188
188
  label?: string;
@@ -196,8 +196,8 @@ interface MoreMenuProps extends AccessibleProps {
196
196
  /** Optional ID for automation purposes */
197
197
  dataItemid?: string;
198
198
  }
199
- declare const MoreMenu: FC<MoreMenuProps>;
200
-
199
+ declare const MoreMenu: FC<MoreMenuProps>;
200
+
201
201
  interface ButtonMenuProps {
202
202
  disabled?: boolean;
203
203
  label: string;
@@ -214,8 +214,8 @@ interface ButtonMenuProps {
214
214
  dataItemid?: string;
215
215
  dataSectionName?: string;
216
216
  }
217
- declare const ButtonMenu: FC<ButtonMenuProps>;
218
-
217
+ declare const ButtonMenu: FC<ButtonMenuProps>;
218
+
219
219
  interface CheckboxProps extends AccessibleProps {
220
220
  /** It is used to give label to checkbox. */
221
221
  children?: string;
@@ -237,8 +237,8 @@ interface CheckboxProps extends AccessibleProps {
237
237
  dataSectionName?: string;
238
238
  isLabelBold?: boolean;
239
239
  }
240
- declare const Checkbox: FC<CheckboxProps>;
241
-
240
+ declare const Checkbox: FC<CheckboxProps>;
241
+
242
242
  interface OptionProps$3 {
243
243
  label?: string;
244
244
  value: string | number;
@@ -253,8 +253,8 @@ interface ChecklistProps extends AccessibleProps {
253
253
  /** Optional ID for automation purposes */
254
254
  dataItemid?: string;
255
255
  }
256
- declare const Checklist: FC<ChecklistProps>;
257
-
256
+ declare const Checklist: FC<ChecklistProps>;
257
+
258
258
  interface CopyProps extends AccessibleProps {
259
259
  /** Set the text to be displayed */
260
260
  children: string | React.ReactNode;
@@ -270,8 +270,8 @@ interface CopyProps extends AccessibleProps {
270
270
  /** Optional ID for automation purposes */
271
271
  dataItemid?: string;
272
272
  }
273
- declare const Copy: FC<CopyProps>;
274
-
273
+ declare const Copy: FC<CopyProps>;
274
+
275
275
  interface styleProps$1 {
276
276
  width?: number | string;
277
277
  }
@@ -292,8 +292,8 @@ interface DateProps extends AccessibleProps {
292
292
  dataItemid?: string;
293
293
  locale?: localeProps;
294
294
  }
295
- declare const DatePicker: FC<DateProps>;
296
-
295
+ declare const DatePicker: FC<DateProps>;
296
+
297
297
  interface ButtonProps$1 extends AccessibleProps {
298
298
  disabled?: boolean;
299
299
  children: string;
@@ -328,8 +328,8 @@ interface DrawerProps extends AccessibleProps {
328
328
  dataItemid?: string;
329
329
  bottomNotes?: string | ReactNode;
330
330
  }
331
- declare const Drawer: FC<DrawerProps>;
332
-
331
+ declare const Drawer: FC<DrawerProps>;
332
+
333
333
  interface ActionProps {
334
334
  dataItemid?: string;
335
335
  label: string;
@@ -356,8 +356,8 @@ interface FieldProps extends AccessibleProps {
356
356
  /** Optional for black message with icon */
357
357
  isNewMessageType?: boolean;
358
358
  }
359
- declare const Field: FC<FieldProps>;
360
-
359
+ declare const Field: FC<FieldProps>;
360
+
361
361
  interface FieldGroupProps {
362
362
  /** The label to display above the field group */
363
363
  label: string;
@@ -366,8 +366,8 @@ interface FieldGroupProps {
366
366
  /** Optional ID for automation purposes */
367
367
  dataItemid?: string;
368
368
  }
369
- declare const FieldGroup: FC<FieldGroupProps>;
370
-
369
+ declare const FieldGroup: FC<FieldGroupProps>;
370
+
371
371
  interface FileUploadProps {
372
372
  /** A method to call when files are added/removed. Return the new file or array of files. */
373
373
  onChange?: (files: Array<File>) => void;
@@ -393,8 +393,8 @@ interface ErrorObject {
393
393
  file: File;
394
394
  message: string;
395
395
  }
396
- declare const FileUpload: FC<FileUploadProps>;
397
-
396
+ declare const FileUpload: FC<FileUploadProps>;
397
+
398
398
  interface HeadingProps extends AccessibleProps {
399
399
  /** Toggle between bold and normal font weights */
400
400
  bold?: boolean;
@@ -411,8 +411,8 @@ interface HeadingProps extends AccessibleProps {
411
411
  /** Optional style for the header title */
412
412
  style?: CSSProperties;
413
413
  }
414
- declare const Heading: FC<HeadingProps>;
415
-
414
+ declare const Heading: FC<HeadingProps>;
415
+
416
416
  interface InputProps extends AccessibleProps {
417
417
  format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
418
418
  height?: string;
@@ -447,8 +447,8 @@ interface InputProps extends AccessibleProps {
447
447
  isInvalidRedBackground?: boolean;
448
448
  isWarningError?: boolean;
449
449
  }
450
- declare const Input: FC<InputProps>;
451
-
450
+ declare const Input: FC<InputProps>;
451
+
452
452
  interface LinkProps extends AccessibleProps {
453
453
  /** Set the text to be displayed */
454
454
  children: string;
@@ -459,22 +459,22 @@ interface LinkProps extends AccessibleProps {
459
459
  /** Optional ID for automation purposes */
460
460
  dataItemid?: string;
461
461
  }
462
- declare const Link: FC<LinkProps>;
463
-
462
+ declare const Link: FC<LinkProps>;
463
+
464
464
  interface LoaderProps {
465
465
  /** Optional ID for automation purposes */
466
466
  dataItemid?: string;
467
467
  }
468
- declare const Loader: FC<LoaderProps>;
469
-
468
+ declare const Loader: FC<LoaderProps>;
469
+
470
470
  interface LogoProps extends AccessibleProps {
471
471
  type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
472
472
  height?: string;
473
473
  /** Optional ID for automation purposes */
474
474
  dataItemid?: string;
475
475
  }
476
- declare const Logo: FC<LogoProps>;
477
-
476
+ declare const Logo: FC<LogoProps>;
477
+
478
478
  interface StepProps {
479
479
  label: string | ReactNode;
480
480
  complete?: boolean;
@@ -491,8 +491,8 @@ interface ProgressBarProps {
491
491
  /** Optional ID for automation purposes */
492
492
  dataItemid?: string;
493
493
  }
494
- declare const ProgressBar: FC<ProgressBarProps>;
495
-
494
+ declare const ProgressBar: FC<ProgressBarProps>;
495
+
496
496
  interface ButtonProps {
497
497
  disabled?: boolean;
498
498
  children: string;
@@ -533,8 +533,8 @@ interface ModalProps extends AccessibleProps {
533
533
  /** Optional style for the header title */
534
534
  headerTitleStyle?: CSSProperties;
535
535
  }
536
- declare const Modal: FC<ModalProps>;
537
-
536
+ declare const Modal: FC<ModalProps>;
537
+
538
538
  interface OptionProps$2 {
539
539
  label?: string;
540
540
  value: string | number;
@@ -556,8 +556,8 @@ interface MultiSelectProps extends AccessibleProps {
556
556
  /** Optional ID for automation purposes */
557
557
  dataItemid?: string;
558
558
  }
559
- declare const MultiSelect: FC<MultiSelectProps>;
560
-
559
+ declare const MultiSelect: FC<MultiSelectProps>;
560
+
561
561
  interface TagProps extends AccessibleProps {
562
562
  /** It is used to select tag-type either default or removable. */
563
563
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -572,8 +572,8 @@ interface TagProps extends AccessibleProps {
572
572
  rotate?: boolean;
573
573
  dataSectionName?: string;
574
574
  }
575
- declare const Tag: FC<TagProps>;
576
-
575
+ declare const Tag: FC<TagProps>;
576
+
577
577
  interface PageHeaderProps {
578
578
  title?: string;
579
579
  breadcrumbs?: Array<{
@@ -605,8 +605,8 @@ interface PageHeaderProps {
605
605
  /** Optional ID for automation purposes */
606
606
  dataItemid?: string;
607
607
  }
608
- declare const PageHeader: FC<PageHeaderProps>;
609
-
608
+ declare const PageHeader: FC<PageHeaderProps>;
609
+
610
610
  interface PaginationProps extends AccessibleProps {
611
611
  currentPage: number;
612
612
  onClick: (e?: any) => void;
@@ -615,8 +615,8 @@ interface PaginationProps extends AccessibleProps {
615
615
  dataItemid?: string;
616
616
  type?: 'button' | 'submit' | 'reset' | null;
617
617
  }
618
- declare const Pagination: FC<PaginationProps>;
619
-
618
+ declare const Pagination: FC<PaginationProps>;
619
+
620
620
  interface RadioProps extends AccessibleProps {
621
621
  /** It is used to give label to radio. */
622
622
  children: string | number;
@@ -638,8 +638,8 @@ interface RadioProps extends AccessibleProps {
638
638
  isWarningError?: boolean;
639
639
  isLabelBold?: boolean;
640
640
  }
641
- declare const Radio: FC<RadioProps>;
642
-
641
+ declare const Radio: FC<RadioProps>;
642
+
643
643
  interface OptionProps$1 {
644
644
  label?: string;
645
645
  value: string | number;
@@ -652,12 +652,13 @@ interface RadioListProps extends AccessibleProps {
652
652
  /** Optional ID for automation purposes */
653
653
  dataItemid?: string;
654
654
  }
655
- declare const RadioList: FC<RadioListProps>;
656
-
655
+ declare const RadioList: FC<RadioListProps>;
656
+
657
657
  interface OptionProps {
658
658
  label?: string;
659
659
  value: string | number;
660
660
  color?: string;
661
+ disabled?: boolean;
661
662
  }
662
663
  interface OptionGroupProps {
663
664
  options: OptionProps[];
@@ -682,8 +683,8 @@ interface SelectProps extends AccessibleProps {
682
683
  isWarningError?: boolean;
683
684
  innerRef?: any;
684
685
  }
685
- declare const Select: FC<SelectProps>;
686
-
686
+ declare const Select: FC<SelectProps>;
687
+
687
688
  interface RowObject {
688
689
  [key: string]: any;
689
690
  }
@@ -709,8 +710,8 @@ interface TableProps extends AccessibleProps {
709
710
  /** Optional ID for automation purposes */
710
711
  dataItemid?: string;
711
712
  }
712
- declare const Table: FC<TableProps>;
713
-
713
+ declare const Table: FC<TableProps>;
714
+
714
715
  interface TabProps extends AccessibleProps {
715
716
  badgeCount?: number;
716
717
  errorBadge?: boolean;
@@ -723,8 +724,8 @@ interface TabsProps extends AccessibleProps {
723
724
  /** Optional ID for automation purposes */
724
725
  dataItemid?: string;
725
726
  }
726
- declare const Tabs: FC<TabsProps>;
727
-
727
+ declare const Tabs: FC<TabsProps>;
728
+
728
729
  interface ToggleProps extends AccessibleProps {
729
730
  /** It is used to check whether Toggle is checked or not */
730
731
  on: boolean;
@@ -733,8 +734,8 @@ interface ToggleProps extends AccessibleProps {
733
734
  /** Optional ID for automation purposes */
734
735
  dataItemid?: string;
735
736
  }
736
- declare const Toggle: FC<ToggleProps>;
737
-
737
+ declare const Toggle: FC<ToggleProps>;
738
+
738
739
  interface ZeroStateProps extends AccessibleProps {
739
740
  /** The SVG path of the icon to show */
740
741
  icon: string;
@@ -753,8 +754,8 @@ interface ZeroStateProps extends AccessibleProps {
753
754
  /** Optional ID for automation purposes */
754
755
  dataItemid?: string;
755
756
  }
756
- declare const ZeroState: FC<ZeroStateProps>;
757
-
757
+ declare const ZeroState: FC<ZeroStateProps>;
758
+
758
759
  declare const getAgesFromDob: (dob: string) => {
759
760
  calculated_nearest_age: number | null;
760
761
  calculated_current_age: number | null;
@@ -769,8 +770,8 @@ declare const validateEmail: (email: string) => boolean;
769
770
  declare const validatePhone: (phone: string) => boolean;
770
771
  declare const formatAsPhone: (number: string) => string;
771
772
  declare const formatAsSsn: (number: string) => string;
772
- declare const formatAsMask: (number: string, mask: string) => string;
773
-
773
+ declare const formatAsMask: (number: string, mask: string) => string;
774
+
774
775
  declare const Colors: {
775
776
  PRIMARY: {
776
777
  Hex: string;
@@ -822,6 +823,6 @@ declare const EditableTheme: {
822
823
  Hex: string;
823
824
  Rgb: string;
824
825
  };
825
- };
826
-
827
- 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, formatAsMask, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
826
+ };
827
+
828
+ 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, formatAsMask, formatAsPhone, formatAsSsn, getAgesFromDob, getDaysForMonth, getYears, validateEmail, validatePhone };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hexure/ui",
3
- "version": "1.14.0",
3
+ "version": "1.14.2",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",