@hexure/ui 1.13.36 → 1.13.37

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;
@@ -108,14 +108,14 @@ interface ButtonProps$3 extends AccessibleProps {
108
108
  /** Set the title of the button on hover */
109
109
  title?: string;
110
110
  }
111
- declare const Button: FC<ButtonProps$3>;
112
-
111
+ declare const Button: FC<ButtonProps$3>;
112
+
113
113
  interface AppHeaderProps {
114
114
  logoUrl?: string;
115
115
  buttons: ButtonProps$3[];
116
116
  }
117
- declare const AppHeader: FC<AppHeaderProps>;
118
-
117
+ declare const AppHeader: FC<AppHeaderProps>;
118
+
119
119
  interface MenuItemType extends AccessibleProps {
120
120
  icon: string;
121
121
  label: string;
@@ -134,8 +134,8 @@ interface AppMenuProps extends AccessibleProps {
134
134
  footerTag?: string;
135
135
  defaultWidth?: string;
136
136
  }
137
- declare const AppMenu: FC<AppMenuProps>;
138
-
137
+ declare const AppMenu: FC<AppMenuProps>;
138
+
139
139
  interface ButtonProps$2 {
140
140
  children: string;
141
141
  onClick: (e?: any) => void;
@@ -148,8 +148,8 @@ interface BulkActionBarProps extends AccessibleProps {
148
148
  onClear: (e?: any) => void;
149
149
  selectedCount?: number;
150
150
  }
151
- declare const BulkActionBar: FC<BulkActionBarProps>;
152
-
151
+ declare const BulkActionBar: FC<BulkActionBarProps>;
152
+
153
153
  interface MenuItemProps extends AccessibleProps {
154
154
  icon?: string;
155
155
  label?: string;
@@ -160,8 +160,8 @@ interface MoreMenuProps extends AccessibleProps {
160
160
  menuItems: MenuItemProps[];
161
161
  maxHeight?: string | number;
162
162
  }
163
- declare const MoreMenu: FC<MoreMenuProps>;
164
-
163
+ declare const MoreMenu: FC<MoreMenuProps>;
164
+
165
165
  interface ButtonMenuProps {
166
166
  disabled?: boolean;
167
167
  label: string;
@@ -175,8 +175,8 @@ interface ButtonMenuProps {
175
175
  enableClick?: boolean;
176
176
  show?: boolean;
177
177
  }
178
- declare const ButtonMenu: FC<ButtonMenuProps>;
179
-
178
+ declare const ButtonMenu: FC<ButtonMenuProps>;
179
+
180
180
  interface CheckboxProps extends AccessibleProps {
181
181
  /** It is used to give label to checkbox. */
182
182
  children?: string;
@@ -192,8 +192,8 @@ interface CheckboxProps extends AccessibleProps {
192
192
  /** Display a tooltip next to the label */
193
193
  tooltip?: TooltipProps;
194
194
  }
195
- declare const Checkbox: FC<CheckboxProps>;
196
-
195
+ declare const Checkbox: FC<CheckboxProps>;
196
+
197
197
  interface OptionProps$3 {
198
198
  label?: string;
199
199
  value: string | number;
@@ -206,8 +206,8 @@ interface ChecklistProps extends AccessibleProps {
206
206
  selected: (string | number)[];
207
207
  showSelectAll?: boolean;
208
208
  }
209
- declare const Checklist: FC<ChecklistProps>;
210
-
209
+ declare const Checklist: FC<ChecklistProps>;
210
+
211
211
  interface CopyProps extends AccessibleProps {
212
212
  /** Set the text to be displayed */
213
213
  children: string | React.ReactNode;
@@ -221,8 +221,8 @@ interface CopyProps extends AccessibleProps {
221
221
  /** Set the color of the copy based on the design system color pallette */
222
222
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
223
223
  }
224
- declare const Copy: FC<CopyProps>;
225
-
224
+ declare const Copy: FC<CopyProps>;
225
+
226
226
  interface styleProps$3 {
227
227
  width?: number | string;
228
228
  }
@@ -235,8 +235,8 @@ interface DateProps extends AccessibleProps {
235
235
  onChange?: (e: any) => void;
236
236
  style?: styleProps$3;
237
237
  }
238
- declare const DatePicker: FC<DateProps>;
239
-
238
+ declare const DatePicker: FC<DateProps>;
239
+
240
240
  interface ButtonProps$1 extends AccessibleProps {
241
241
  disabled?: boolean;
242
242
  children: string;
@@ -265,8 +265,8 @@ interface DrawerProps extends AccessibleProps {
265
265
  /** It is used to close drawer. */
266
266
  onClose: (e?: any) => void;
267
267
  }
268
- declare const Drawer: FC<DrawerProps>;
269
-
268
+ declare const Drawer: FC<DrawerProps>;
269
+
270
270
  interface ActionProps {
271
271
  id?: string;
272
272
  label: string;
@@ -289,16 +289,16 @@ interface FieldProps extends AccessibleProps {
289
289
  /** Display a tooltip next to the label */
290
290
  tooltip?: TooltipProps;
291
291
  }
292
- declare const Field: FC<FieldProps>;
293
-
292
+ declare const Field: FC<FieldProps>;
293
+
294
294
  interface FieldGroupProps {
295
295
  /** The label to display above the field group */
296
296
  label: string;
297
297
  /** The content of the field group...usually a set of Field components */
298
298
  children: any;
299
299
  }
300
- declare const FieldGroup: FC<FieldGroupProps>;
301
-
300
+ declare const FieldGroup: FC<FieldGroupProps>;
301
+
302
302
  interface FileUploadProps {
303
303
  /** A method to call when files are added/removed. Return the new file or array of files. */
304
304
  onChange?: (files: Array<File>) => void;
@@ -321,8 +321,8 @@ interface ErrorObject {
321
321
  file: File;
322
322
  message: string;
323
323
  }
324
- declare const FileUpload: FC<FileUploadProps>;
325
-
324
+ declare const FileUpload: FC<FileUploadProps>;
325
+
326
326
  interface HeadingProps extends AccessibleProps {
327
327
  /** Toggle between bold and normal font weights */
328
328
  bold?: boolean;
@@ -335,8 +335,8 @@ interface HeadingProps extends AccessibleProps {
335
335
  /** Set the type of heading to display: primary, secondary, tertiary */
336
336
  type?: 'primary' | 'secondary' | 'tertiary';
337
337
  }
338
- declare const Heading: FC<HeadingProps>;
339
-
338
+ declare const Heading: FC<HeadingProps>;
339
+
340
340
  interface styleProps$2 {
341
341
  width?: number | string;
342
342
  }
@@ -365,9 +365,10 @@ interface InputProps extends AccessibleProps {
365
365
  suggestedValues?: string[];
366
366
  showErrorTextColor?: boolean;
367
367
  innerRef?: any;
368
+ isAutoComplete?: boolean;
368
369
  }
369
- declare const Input: FC<InputProps>;
370
-
370
+ declare const Input: FC<InputProps>;
371
+
371
372
  interface LinkProps extends AccessibleProps {
372
373
  /** Set the text to be displayed */
373
374
  children: string;
@@ -376,16 +377,16 @@ interface LinkProps extends AccessibleProps {
376
377
  /** A method to execute when this component is clicked */
377
378
  onClick?: (e?: any) => void;
378
379
  }
379
- declare const Link: FC<LinkProps>;
380
-
381
- declare const Loader: FC;
382
-
380
+ declare const Link: FC<LinkProps>;
381
+
382
+ declare const Loader: FC;
383
+
383
384
  interface LogoProps extends AccessibleProps {
384
385
  type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
385
386
  height?: string;
386
387
  }
387
- declare const Logo: FC<LogoProps>;
388
-
388
+ declare const Logo: FC<LogoProps>;
389
+
389
390
  interface StepProps {
390
391
  label: string;
391
392
  complete?: boolean;
@@ -395,8 +396,8 @@ interface ProgressBarProps {
395
396
  steps: StepProps[];
396
397
  showStepLine?: boolean;
397
398
  }
398
- declare const ProgressBar: FC<ProgressBarProps>;
399
-
399
+ declare const ProgressBar: FC<ProgressBarProps>;
400
+
400
401
  interface ButtonProps {
401
402
  disabled?: boolean;
402
403
  children: string;
@@ -428,8 +429,8 @@ interface ModalProps extends AccessibleProps {
428
429
  /** Display steps at the top of the modal */
429
430
  steps?: StepProps[];
430
431
  }
431
- declare const Modal: FC<ModalProps>;
432
-
432
+ declare const Modal: FC<ModalProps>;
433
+
433
434
  interface OptionProps$2 {
434
435
  label?: string;
435
436
  value: string | number;
@@ -449,8 +450,8 @@ interface MultiSelectProps extends AccessibleProps {
449
450
  style?: styleProps$1;
450
451
  searchable?: boolean;
451
452
  }
452
- declare const MultiSelect: FC<MultiSelectProps>;
453
-
453
+ declare const MultiSelect: FC<MultiSelectProps>;
454
+
454
455
  interface TagProps extends AccessibleProps {
455
456
  /** It is used to select tag-type either default or removable. */
456
457
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -461,8 +462,8 @@ interface TagProps extends AccessibleProps {
461
462
  /** It is callback function called when user wants to close the tag. */
462
463
  removable?: boolean;
463
464
  }
464
- declare const Tag: FC<TagProps>;
465
-
465
+ declare const Tag: FC<TagProps>;
466
+
466
467
  interface PageHeaderProps {
467
468
  title?: string;
468
469
  breadcrumbs?: Array<{
@@ -489,15 +490,15 @@ interface PageHeaderProps {
489
490
  };
490
491
  tag?: TagProps;
491
492
  }
492
- declare const PageHeader: FC<PageHeaderProps>;
493
-
493
+ declare const PageHeader: FC<PageHeaderProps>;
494
+
494
495
  interface PaginationProps extends AccessibleProps {
495
496
  currentPage: number;
496
497
  onClick: (e?: any) => void;
497
498
  pageCount: number;
498
499
  }
499
- declare const Pagination: FC<PaginationProps>;
500
-
500
+ declare const Pagination: FC<PaginationProps>;
501
+
501
502
  interface RadioProps extends AccessibleProps {
502
503
  /** It is used to give label to radio. */
503
504
  children: string | number;
@@ -514,8 +515,8 @@ interface RadioProps extends AccessibleProps {
514
515
  /** Display a tooltip next to the label */
515
516
  tooltip?: TooltipProps;
516
517
  }
517
- declare const Radio: FC<RadioProps>;
518
-
518
+ declare const Radio: FC<RadioProps>;
519
+
519
520
  interface OptionProps$1 {
520
521
  label?: string;
521
522
  value: string | number;
@@ -526,8 +527,8 @@ interface RadioListProps extends AccessibleProps {
526
527
  options: OptionProps$1[];
527
528
  value: string;
528
529
  }
529
- declare const RadioList: FC<RadioListProps>;
530
-
530
+ declare const RadioList: FC<RadioListProps>;
531
+
531
532
  interface OptionProps {
532
533
  label?: string;
533
534
  value: string | number;
@@ -556,8 +557,8 @@ interface SelectProps extends AccessibleProps {
556
557
  onBlur?: (e: any) => void;
557
558
  onSearch?: (searchTerm: string) => void;
558
559
  }
559
- declare const Select: FC<SelectProps>;
560
-
560
+ declare const Select: FC<SelectProps>;
561
+
561
562
  interface RowObject {
562
563
  [key: string]: any;
563
564
  }
@@ -580,8 +581,8 @@ interface TableProps extends AccessibleProps {
580
581
  onSortChange?: (e?: any) => void;
581
582
  tableLayout?: string;
582
583
  }
583
- declare const Table: FC<TableProps>;
584
-
584
+ declare const Table: FC<TableProps>;
585
+
585
586
  interface TabProps extends AccessibleProps {
586
587
  badgeCount?: number;
587
588
  errorBadge?: boolean;
@@ -592,16 +593,16 @@ interface TabProps extends AccessibleProps {
592
593
  interface TabsProps extends AccessibleProps {
593
594
  tabs: TabProps[];
594
595
  }
595
- declare const Tabs: FC<TabsProps>;
596
-
596
+ declare const Tabs: FC<TabsProps>;
597
+
597
598
  interface ToggleProps extends AccessibleProps {
598
599
  /** It is used to check whether Toggle is checked or not */
599
600
  on: boolean;
600
601
  /** Pass a callback then fires when user change value */
601
602
  onClick: (e?: any) => void;
602
603
  }
603
- declare const Toggle: FC<ToggleProps>;
604
-
604
+ declare const Toggle: FC<ToggleProps>;
605
+
605
606
  interface ZeroStateProps extends AccessibleProps {
606
607
  /** The SVG path of the icon to show */
607
608
  icon: string;
@@ -618,8 +619,8 @@ interface ZeroStateProps extends AccessibleProps {
618
619
  disabled?: boolean;
619
620
  };
620
621
  }
621
- declare const ZeroState: FC<ZeroStateProps>;
622
-
622
+ declare const ZeroState: FC<ZeroStateProps>;
623
+
623
624
  declare const getAgesFromDob: (dob: string) => {
624
625
  calculated_nearest_age: number | null;
625
626
  calculated_current_age: number | null;
@@ -633,8 +634,8 @@ declare const getYears: () => {
633
634
  declare const validateEmail: (email: string) => boolean;
634
635
  declare const validatePhone: (phone: string) => boolean;
635
636
  declare const formatAsPhone: (number: string) => string;
636
- declare const formatAsSsn: (number: string) => string;
637
-
637
+ declare const formatAsSsn: (number: string) => string;
638
+
638
639
  declare const Colors: {
639
640
  PRIMARY: {
640
641
  Hex: string;
@@ -686,6 +687,6 @@ declare const EditableTheme: {
686
687
  Hex: string;
687
688
  Rgb: string;
688
689
  };
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 };
690
+ };
691
+
692
+ 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.36",
3
+ "version": "1.13.37",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",