@hexure/ui 1.13.24 → 1.13.26

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
  }
@@ -361,9 +361,10 @@ interface InputProps extends AccessibleProps {
361
361
  type?: 'date' | 'datetime-local' | 'email' | 'number' | 'password' | 'tel' | 'text' | 'url' | 'textarea' | 'search';
362
362
  value?: string;
363
363
  suggestedValues?: string[];
364
+ showErrorTextColor?: boolean;
364
365
  }
365
- declare const Input: FC<InputProps>;
366
-
366
+ declare const Input: FC<InputProps>;
367
+
367
368
  interface LinkProps extends AccessibleProps {
368
369
  /** Set the text to be displayed */
369
370
  children: string;
@@ -372,16 +373,16 @@ interface LinkProps extends AccessibleProps {
372
373
  /** A method to execute when this component is clicked */
373
374
  onClick?: (e?: any) => void;
374
375
  }
375
- declare const Link: FC<LinkProps>;
376
-
377
- declare const Loader: FC;
378
-
376
+ declare const Link: FC<LinkProps>;
377
+
378
+ declare const Loader: FC;
379
+
379
380
  interface LogoProps extends AccessibleProps {
380
381
  type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
381
382
  height?: string;
382
383
  }
383
- declare const Logo: FC<LogoProps>;
384
-
384
+ declare const Logo: FC<LogoProps>;
385
+
385
386
  interface StepProps {
386
387
  label: string;
387
388
  complete?: boolean;
@@ -392,8 +393,8 @@ interface ProgressBarProps {
392
393
  steps: StepProps[];
393
394
  showStepLine?: boolean;
394
395
  }
395
- declare const ProgressBar: FC<ProgressBarProps>;
396
-
396
+ declare const ProgressBar: FC<ProgressBarProps>;
397
+
397
398
  interface ButtonProps {
398
399
  disabled?: boolean;
399
400
  children: string;
@@ -425,8 +426,8 @@ interface ModalProps extends AccessibleProps {
425
426
  /** Display steps at the top of the modal */
426
427
  steps?: StepProps[];
427
428
  }
428
- declare const Modal: FC<ModalProps>;
429
-
429
+ declare const Modal: FC<ModalProps>;
430
+
430
431
  interface OptionProps$2 {
431
432
  label?: string;
432
433
  value: string | number;
@@ -446,8 +447,8 @@ interface MultiSelectProps extends AccessibleProps {
446
447
  style?: styleProps$1;
447
448
  searchable?: boolean;
448
449
  }
449
- declare const MultiSelect: FC<MultiSelectProps>;
450
-
450
+ declare const MultiSelect: FC<MultiSelectProps>;
451
+
451
452
  interface TagProps extends AccessibleProps {
452
453
  /** It is used to select tag-type either default or removable. */
453
454
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -458,8 +459,8 @@ interface TagProps extends AccessibleProps {
458
459
  /** It is callback function called when user wants to close the tag. */
459
460
  removable?: boolean;
460
461
  }
461
- declare const Tag: FC<TagProps>;
462
-
462
+ declare const Tag: FC<TagProps>;
463
+
463
464
  interface PageHeaderProps {
464
465
  title?: string;
465
466
  breadcrumbs?: Array<{
@@ -486,15 +487,15 @@ interface PageHeaderProps {
486
487
  };
487
488
  tag?: TagProps;
488
489
  }
489
- declare const PageHeader: FC<PageHeaderProps>;
490
-
490
+ declare const PageHeader: FC<PageHeaderProps>;
491
+
491
492
  interface PaginationProps extends AccessibleProps {
492
493
  currentPage: number;
493
494
  onClick: (e?: any) => void;
494
495
  pageCount: number;
495
496
  }
496
- declare const Pagination: FC<PaginationProps>;
497
-
497
+ declare const Pagination: FC<PaginationProps>;
498
+
498
499
  interface RadioProps extends AccessibleProps {
499
500
  /** It is used to give label to radio. */
500
501
  children: string | number;
@@ -511,8 +512,8 @@ interface RadioProps extends AccessibleProps {
511
512
  /** Display a tooltip next to the label */
512
513
  tooltip?: TooltipProps;
513
514
  }
514
- declare const Radio: FC<RadioProps>;
515
-
515
+ declare const Radio: FC<RadioProps>;
516
+
516
517
  interface OptionProps$1 {
517
518
  label?: string;
518
519
  value: string | number;
@@ -523,8 +524,8 @@ interface RadioListProps extends AccessibleProps {
523
524
  options: OptionProps$1[];
524
525
  value: string;
525
526
  }
526
- declare const RadioList: FC<RadioListProps>;
527
-
527
+ declare const RadioList: FC<RadioListProps>;
528
+
528
529
  interface OptionProps {
529
530
  label?: string;
530
531
  value: string | number;
@@ -551,8 +552,8 @@ interface SelectProps extends AccessibleProps {
551
552
  onChange?: (e: any) => void;
552
553
  onSearch?: (searchTerm: string) => void;
553
554
  }
554
- declare const Select: FC<SelectProps>;
555
-
555
+ declare const Select: FC<SelectProps>;
556
+
556
557
  interface RowObject {
557
558
  [key: string]: any;
558
559
  }
@@ -575,8 +576,8 @@ interface TableProps extends AccessibleProps {
575
576
  onSortChange?: (e?: any) => void;
576
577
  tableLayout?: string;
577
578
  }
578
- declare const Table: FC<TableProps>;
579
-
579
+ declare const Table: FC<TableProps>;
580
+
580
581
  interface TabProps extends AccessibleProps {
581
582
  badgeCount?: number;
582
583
  errorBadge?: boolean;
@@ -587,16 +588,16 @@ interface TabProps extends AccessibleProps {
587
588
  interface TabsProps extends AccessibleProps {
588
589
  tabs: TabProps[];
589
590
  }
590
- declare const Tabs: FC<TabsProps>;
591
-
591
+ declare const Tabs: FC<TabsProps>;
592
+
592
593
  interface ToggleProps extends AccessibleProps {
593
594
  /** It is used to check whether Toggle is checked or not */
594
595
  on: boolean;
595
596
  /** Pass a callback then fires when user change value */
596
597
  onClick: (e?: any) => void;
597
598
  }
598
- declare const Toggle: FC<ToggleProps>;
599
-
599
+ declare const Toggle: FC<ToggleProps>;
600
+
600
601
  interface ZeroStateProps extends AccessibleProps {
601
602
  /** The SVG path of the icon to show */
602
603
  icon: string;
@@ -613,8 +614,8 @@ interface ZeroStateProps extends AccessibleProps {
613
614
  disabled?: boolean;
614
615
  };
615
616
  }
616
- declare const ZeroState: FC<ZeroStateProps>;
617
-
617
+ declare const ZeroState: FC<ZeroStateProps>;
618
+
618
619
  declare const getAgesFromDob: (dob: string) => {
619
620
  calculated_nearest_age: number | null;
620
621
  calculated_current_age: number | null;
@@ -628,8 +629,8 @@ declare const getYears: () => {
628
629
  declare const validateEmail: (email: string) => boolean;
629
630
  declare const validatePhone: (phone: string) => boolean;
630
631
  declare const formatAsPhone: (number: string) => string;
631
- declare const formatAsSsn: (number: string) => string;
632
-
632
+ declare const formatAsSsn: (number: string) => string;
633
+
633
634
  declare const Colors: {
634
635
  PRIMARY: {
635
636
  Hex: string;
@@ -681,6 +682,6 @@ declare const EditableTheme: {
681
682
  Hex: string;
682
683
  Rgb: string;
683
684
  };
684
- };
685
-
686
- 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 };
685
+ };
686
+
687
+ 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.24",
3
+ "version": "1.13.26",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",