@hexure/ui 1.13.86 → 1.13.87

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.
@@ -18,6 +18,7 @@ export interface AppMenuProps extends AccessibleProps {
18
18
  footerTag?: string;
19
19
  defaultWidth?: string;
20
20
  dataItemid?: string;
21
+ onChange?: (isCollapsed: boolean) => void;
21
22
  }
22
23
  declare const AppMenu: FC<AppMenuProps>;
23
24
  export default AppMenu;
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;
@@ -129,16 +129,16 @@ interface ButtonProps$3 extends AccessibleProps {
129
129
  /** Optional type for the button */
130
130
  type?: 'button' | 'submit' | 'reset' | null;
131
131
  }
132
- declare const Button: FC<ButtonProps$3>;
133
-
132
+ declare const Button: FC<ButtonProps$3>;
133
+
134
134
  interface AppHeaderProps {
135
135
  logoUrl?: string;
136
136
  buttons: ButtonProps$3[];
137
137
  /** Optional ID for automation purposes */
138
138
  dataItemid?: string;
139
139
  }
140
- declare const AppHeader: FC<AppHeaderProps>;
141
-
140
+ declare const AppHeader: FC<AppHeaderProps>;
141
+
142
142
  interface MenuItemType extends AccessibleProps {
143
143
  icon: string;
144
144
  label: string;
@@ -157,9 +157,10 @@ interface AppMenuProps extends AccessibleProps {
157
157
  footerTag?: string;
158
158
  defaultWidth?: string;
159
159
  dataItemid?: string;
160
+ onChange?: (isCollapsed: boolean) => void;
160
161
  }
161
- declare const AppMenu: FC<AppMenuProps>;
162
-
162
+ declare const AppMenu: FC<AppMenuProps>;
163
+
163
164
  interface ButtonProps$2 {
164
165
  children: string;
165
166
  onClick: (e?: any) => void;
@@ -175,8 +176,8 @@ interface BulkActionBarProps extends AccessibleProps {
175
176
  /** Optional ID for automation purposes */
176
177
  dataItemid?: string;
177
178
  }
178
- declare const BulkActionBar: FC<BulkActionBarProps>;
179
-
179
+ declare const BulkActionBar: FC<BulkActionBarProps>;
180
+
180
181
  interface MenuItemProps extends AccessibleProps {
181
182
  icon?: string;
182
183
  label?: string;
@@ -189,8 +190,8 @@ interface MoreMenuProps extends AccessibleProps {
189
190
  /** Optional ID for automation purposes */
190
191
  dataItemid?: string;
191
192
  }
192
- declare const MoreMenu: FC<MoreMenuProps>;
193
-
193
+ declare const MoreMenu: FC<MoreMenuProps>;
194
+
194
195
  interface ButtonMenuProps {
195
196
  disabled?: boolean;
196
197
  label: string;
@@ -206,8 +207,8 @@ interface ButtonMenuProps {
206
207
  /** Optional ID for automation purposes */
207
208
  dataItemid?: string;
208
209
  }
209
- declare const ButtonMenu: FC<ButtonMenuProps>;
210
-
210
+ declare const ButtonMenu: FC<ButtonMenuProps>;
211
+
211
212
  interface CheckboxProps extends AccessibleProps {
212
213
  /** It is used to give label to checkbox. */
213
214
  children?: string;
@@ -227,8 +228,8 @@ interface CheckboxProps extends AccessibleProps {
227
228
  isInvalidRedBackground?: boolean;
228
229
  isWarningError?: boolean;
229
230
  }
230
- declare const Checkbox: FC<CheckboxProps>;
231
-
231
+ declare const Checkbox: FC<CheckboxProps>;
232
+
232
233
  interface OptionProps$3 {
233
234
  label?: string;
234
235
  value: string | number;
@@ -243,8 +244,8 @@ interface ChecklistProps extends AccessibleProps {
243
244
  /** Optional ID for automation purposes */
244
245
  dataItemid?: string;
245
246
  }
246
- declare const Checklist: FC<ChecklistProps>;
247
-
247
+ declare const Checklist: FC<ChecklistProps>;
248
+
248
249
  interface CopyProps extends AccessibleProps {
249
250
  /** Set the text to be displayed */
250
251
  children: string | React.ReactNode;
@@ -260,8 +261,8 @@ interface CopyProps extends AccessibleProps {
260
261
  /** Optional ID for automation purposes */
261
262
  dataItemid?: string;
262
263
  }
263
- declare const Copy: FC<CopyProps>;
264
-
264
+ declare const Copy: FC<CopyProps>;
265
+
265
266
  interface styleProps$1 {
266
267
  width?: number | string;
267
268
  }
@@ -282,8 +283,8 @@ interface DateProps extends AccessibleProps {
282
283
  dataItemid?: string;
283
284
  locale?: localeProps;
284
285
  }
285
- declare const DatePicker: FC<DateProps>;
286
-
286
+ declare const DatePicker: FC<DateProps>;
287
+
287
288
  interface ButtonProps$1 extends AccessibleProps {
288
289
  disabled?: boolean;
289
290
  children: string;
@@ -318,8 +319,8 @@ interface DrawerProps extends AccessibleProps {
318
319
  dataItemid?: string;
319
320
  bottomNotes?: string | ReactNode;
320
321
  }
321
- declare const Drawer: FC<DrawerProps>;
322
-
322
+ declare const Drawer: FC<DrawerProps>;
323
+
323
324
  interface ActionProps {
324
325
  dataItemid?: string;
325
326
  label: string;
@@ -346,8 +347,8 @@ interface FieldProps extends AccessibleProps {
346
347
  /** Optional for black message with icon */
347
348
  isNewMessageType?: boolean;
348
349
  }
349
- declare const Field: FC<FieldProps>;
350
-
350
+ declare const Field: FC<FieldProps>;
351
+
351
352
  interface FieldGroupProps {
352
353
  /** The label to display above the field group */
353
354
  label: string;
@@ -356,8 +357,8 @@ interface FieldGroupProps {
356
357
  /** Optional ID for automation purposes */
357
358
  dataItemid?: string;
358
359
  }
359
- declare const FieldGroup: FC<FieldGroupProps>;
360
-
360
+ declare const FieldGroup: FC<FieldGroupProps>;
361
+
361
362
  interface FileUploadProps {
362
363
  /** A method to call when files are added/removed. Return the new file or array of files. */
363
364
  onChange?: (files: Array<File>) => void;
@@ -383,8 +384,8 @@ interface ErrorObject {
383
384
  file: File;
384
385
  message: string;
385
386
  }
386
- declare const FileUpload: FC<FileUploadProps>;
387
-
387
+ declare const FileUpload: FC<FileUploadProps>;
388
+
388
389
  interface HeadingProps extends AccessibleProps {
389
390
  /** Toggle between bold and normal font weights */
390
391
  bold?: boolean;
@@ -399,8 +400,8 @@ interface HeadingProps extends AccessibleProps {
399
400
  /** Optional ID for automation purposes */
400
401
  dataItemid?: string;
401
402
  }
402
- declare const Heading: FC<HeadingProps>;
403
-
403
+ declare const Heading: FC<HeadingProps>;
404
+
404
405
  interface InputProps extends AccessibleProps {
405
406
  format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
406
407
  height?: string;
@@ -435,8 +436,8 @@ interface InputProps extends AccessibleProps {
435
436
  isInvalidRedBackground?: boolean;
436
437
  isWarningError?: boolean;
437
438
  }
438
- declare const Input: FC<InputProps>;
439
-
439
+ declare const Input: FC<InputProps>;
440
+
440
441
  interface LinkProps extends AccessibleProps {
441
442
  /** Set the text to be displayed */
442
443
  children: string;
@@ -447,22 +448,22 @@ interface LinkProps extends AccessibleProps {
447
448
  /** Optional ID for automation purposes */
448
449
  dataItemid?: string;
449
450
  }
450
- declare const Link: FC<LinkProps>;
451
-
451
+ declare const Link: FC<LinkProps>;
452
+
452
453
  interface LoaderProps {
453
454
  /** Optional ID for automation purposes */
454
455
  dataItemid?: string;
455
456
  }
456
- declare const Loader: FC<LoaderProps>;
457
-
457
+ declare const Loader: FC<LoaderProps>;
458
+
458
459
  interface LogoProps extends AccessibleProps {
459
460
  type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
460
461
  height?: string;
461
462
  /** Optional ID for automation purposes */
462
463
  dataItemid?: string;
463
464
  }
464
- declare const Logo: FC<LogoProps>;
465
-
465
+ declare const Logo: FC<LogoProps>;
466
+
466
467
  interface StepProps {
467
468
  label: string | ReactNode;
468
469
  complete?: boolean;
@@ -479,8 +480,8 @@ interface ProgressBarProps {
479
480
  /** Optional ID for automation purposes */
480
481
  dataItemid?: string;
481
482
  }
482
- declare const ProgressBar: FC<ProgressBarProps>;
483
-
483
+ declare const ProgressBar: FC<ProgressBarProps>;
484
+
484
485
  interface ButtonProps {
485
486
  disabled?: boolean;
486
487
  children: string;
@@ -515,8 +516,8 @@ interface ModalProps extends AccessibleProps {
515
516
  /** Optional ID for automation purposes */
516
517
  dataItemid?: string;
517
518
  }
518
- declare const Modal: FC<ModalProps>;
519
-
519
+ declare const Modal: FC<ModalProps>;
520
+
520
521
  interface OptionProps$2 {
521
522
  label?: string;
522
523
  value: string | number;
@@ -538,8 +539,8 @@ interface MultiSelectProps extends AccessibleProps {
538
539
  /** Optional ID for automation purposes */
539
540
  dataItemid?: string;
540
541
  }
541
- declare const MultiSelect: FC<MultiSelectProps>;
542
-
542
+ declare const MultiSelect: FC<MultiSelectProps>;
543
+
543
544
  interface TagProps extends AccessibleProps {
544
545
  /** It is used to select tag-type either default or removable. */
545
546
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -553,8 +554,8 @@ interface TagProps extends AccessibleProps {
553
554
  dataItemid?: string;
554
555
  rotate?: boolean;
555
556
  }
556
- declare const Tag: FC<TagProps>;
557
-
557
+ declare const Tag: FC<TagProps>;
558
+
558
559
  interface PageHeaderProps {
559
560
  title?: string;
560
561
  breadcrumbs?: Array<{
@@ -586,8 +587,8 @@ interface PageHeaderProps {
586
587
  /** Optional ID for automation purposes */
587
588
  dataItemid?: string;
588
589
  }
589
- declare const PageHeader: FC<PageHeaderProps>;
590
-
590
+ declare const PageHeader: FC<PageHeaderProps>;
591
+
591
592
  interface PaginationProps extends AccessibleProps {
592
593
  currentPage: number;
593
594
  onClick: (e?: any) => void;
@@ -596,8 +597,8 @@ interface PaginationProps extends AccessibleProps {
596
597
  dataItemid?: string;
597
598
  type?: 'button' | 'submit' | 'reset' | null;
598
599
  }
599
- declare const Pagination: FC<PaginationProps>;
600
-
600
+ declare const Pagination: FC<PaginationProps>;
601
+
601
602
  interface RadioProps extends AccessibleProps {
602
603
  /** It is used to give label to radio. */
603
604
  children: string | number;
@@ -618,8 +619,8 @@ interface RadioProps extends AccessibleProps {
618
619
  isInvalidRedBackground?: boolean;
619
620
  isWarningError?: boolean;
620
621
  }
621
- declare const Radio: FC<RadioProps>;
622
-
622
+ declare const Radio: FC<RadioProps>;
623
+
623
624
  interface OptionProps$1 {
624
625
  label?: string;
625
626
  value: string | number;
@@ -632,8 +633,8 @@ interface RadioListProps extends AccessibleProps {
632
633
  /** Optional ID for automation purposes */
633
634
  dataItemid?: string;
634
635
  }
635
- declare const RadioList: FC<RadioListProps>;
636
-
636
+ declare const RadioList: FC<RadioListProps>;
637
+
637
638
  interface OptionProps {
638
639
  label?: string;
639
640
  value: string | number;
@@ -661,8 +662,8 @@ interface SelectProps extends AccessibleProps {
661
662
  isInvalidRedBackground?: boolean;
662
663
  isWarningError?: boolean;
663
664
  }
664
- declare const Select: FC<SelectProps>;
665
-
665
+ declare const Select: FC<SelectProps>;
666
+
666
667
  interface RowObject {
667
668
  [key: string]: any;
668
669
  }
@@ -688,8 +689,8 @@ interface TableProps extends AccessibleProps {
688
689
  /** Optional ID for automation purposes */
689
690
  dataItemid?: string;
690
691
  }
691
- declare const Table: FC<TableProps>;
692
-
692
+ declare const Table: FC<TableProps>;
693
+
693
694
  interface TabProps extends AccessibleProps {
694
695
  badgeCount?: number;
695
696
  errorBadge?: boolean;
@@ -702,8 +703,8 @@ interface TabsProps extends AccessibleProps {
702
703
  /** Optional ID for automation purposes */
703
704
  dataItemid?: string;
704
705
  }
705
- declare const Tabs: FC<TabsProps>;
706
-
706
+ declare const Tabs: FC<TabsProps>;
707
+
707
708
  interface ToggleProps extends AccessibleProps {
708
709
  /** It is used to check whether Toggle is checked or not */
709
710
  on: boolean;
@@ -712,8 +713,8 @@ interface ToggleProps extends AccessibleProps {
712
713
  /** Optional ID for automation purposes */
713
714
  dataItemid?: string;
714
715
  }
715
- declare const Toggle: FC<ToggleProps>;
716
-
716
+ declare const Toggle: FC<ToggleProps>;
717
+
717
718
  interface ZeroStateProps extends AccessibleProps {
718
719
  /** The SVG path of the icon to show */
719
720
  icon: string;
@@ -732,8 +733,8 @@ interface ZeroStateProps extends AccessibleProps {
732
733
  /** Optional ID for automation purposes */
733
734
  dataItemid?: string;
734
735
  }
735
- declare const ZeroState: FC<ZeroStateProps>;
736
-
736
+ declare const ZeroState: FC<ZeroStateProps>;
737
+
737
738
  declare const getAgesFromDob: (dob: string) => {
738
739
  calculated_nearest_age: number | null;
739
740
  calculated_current_age: number | null;
@@ -748,8 +749,8 @@ declare const validateEmail: (email: string) => boolean;
748
749
  declare const validatePhone: (phone: string) => boolean;
749
750
  declare const formatAsPhone: (number: string) => string;
750
751
  declare const formatAsSsn: (number: string) => string;
751
- declare const formatAsMask: (number: string, mask: string) => string;
752
-
752
+ declare const formatAsMask: (number: string, mask: string) => string;
753
+
753
754
  declare const Colors: {
754
755
  PRIMARY: {
755
756
  Hex: string;
@@ -801,6 +802,6 @@ declare const EditableTheme: {
801
802
  Hex: string;
802
803
  Rgb: string;
803
804
  };
804
- };
805
-
806
- 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 };
805
+ };
806
+
807
+ 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.13.86",
3
+ "version": "1.13.87",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",