@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/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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hexure/ui",
3
- "version": "1.13.30",
3
+ "version": "1.13.31",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",