@hexure/ui 1.12.12 → 1.12.13

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 ButtonProps$3 extends AccessibleProps {
73
73
  /** Display a number badge on the right side of the button */
74
74
  badge?: number;
@@ -91,14 +91,14 @@ interface ButtonProps$3 extends AccessibleProps {
91
91
  /** Define which button format to display. By default the Primary button will be used. */
92
92
  format?: 'primary' | 'secondary' | 'red' | 'green' | string;
93
93
  }
94
- declare const Button: FC<ButtonProps$3>;
95
-
94
+ declare const Button: FC<ButtonProps$3>;
95
+
96
96
  interface AppHeaderProps {
97
97
  logoUrl?: string;
98
98
  buttons: ButtonProps$3[];
99
99
  }
100
- declare const AppHeader: FC<AppHeaderProps>;
101
-
100
+ declare const AppHeader: FC<AppHeaderProps>;
101
+
102
102
  interface MenuItemType extends AccessibleProps {
103
103
  icon: string;
104
104
  label: string;
@@ -116,8 +116,8 @@ interface AppMenuProps extends AccessibleProps {
116
116
  footerTag?: string;
117
117
  defaultWidth?: string;
118
118
  }
119
- declare const AppMenu: FC<AppMenuProps>;
120
-
119
+ declare const AppMenu: FC<AppMenuProps>;
120
+
121
121
  interface ButtonProps$2 {
122
122
  children: string;
123
123
  onClick: (e?: any) => void;
@@ -130,8 +130,8 @@ interface BulkActionBarProps extends AccessibleProps {
130
130
  onClear: (e?: any) => void;
131
131
  selectedCount?: number;
132
132
  }
133
- declare const BulkActionBar: FC<BulkActionBarProps>;
134
-
133
+ declare const BulkActionBar: FC<BulkActionBarProps>;
134
+
135
135
  interface MenuItemProps extends AccessibleProps {
136
136
  icon?: string;
137
137
  label?: string;
@@ -141,8 +141,8 @@ interface MoreMenuProps extends AccessibleProps {
141
141
  menuItems: MenuItemProps[];
142
142
  maxHeight?: string | number;
143
143
  }
144
- declare const MoreMenu: FC<MoreMenuProps>;
145
-
144
+ declare const MoreMenu: FC<MoreMenuProps>;
145
+
146
146
  interface ButtonMenuProps {
147
147
  disabled?: boolean;
148
148
  label: string;
@@ -153,8 +153,8 @@ interface ButtonMenuProps {
153
153
  position?: 'left' | 'right';
154
154
  format?: 'primary' | 'secondary';
155
155
  }
156
- declare const ButtonMenu: FC<ButtonMenuProps>;
157
-
156
+ declare const ButtonMenu: FC<ButtonMenuProps>;
157
+
158
158
  interface TooltipProps {
159
159
  /** It is used to give label to tag. */
160
160
  children: any;
@@ -165,8 +165,8 @@ interface TooltipProps {
165
165
  /** The element to display that triggers the tooltip content */
166
166
  trigger?: any;
167
167
  }
168
- declare const Tooltip: FC<TooltipProps>;
169
-
168
+ declare const Tooltip: FC<TooltipProps>;
169
+
170
170
  interface CheckboxProps extends AccessibleProps {
171
171
  /** It is used to give label to checkbox. */
172
172
  children?: string;
@@ -182,8 +182,8 @@ interface CheckboxProps extends AccessibleProps {
182
182
  /** Display a tooltip next to the label */
183
183
  tooltip?: TooltipProps;
184
184
  }
185
- declare const Checkbox: FC<CheckboxProps>;
186
-
185
+ declare const Checkbox: FC<CheckboxProps>;
186
+
187
187
  interface OptionProps$3 {
188
188
  label?: string;
189
189
  value: string | number;
@@ -196,8 +196,8 @@ interface ChecklistProps extends AccessibleProps {
196
196
  selected: (string | number)[];
197
197
  showSelectAll?: boolean;
198
198
  }
199
- declare const Checklist: FC<ChecklistProps>;
200
-
199
+ declare const Checklist: FC<ChecklistProps>;
200
+
201
201
  interface CopyProps extends AccessibleProps {
202
202
  /** Set the text to be displayed */
203
203
  children: string | React.ReactNode;
@@ -211,8 +211,8 @@ interface CopyProps extends AccessibleProps {
211
211
  /** Set the color of the copy based on the design system color pallette */
212
212
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
213
213
  }
214
- declare const Copy: FC<CopyProps>;
215
-
214
+ declare const Copy: FC<CopyProps>;
215
+
216
216
  interface styleProps$3 {
217
217
  width?: number | string;
218
218
  }
@@ -232,8 +232,8 @@ interface DateProps extends AccessibleProps {
232
232
  /** Override default styles */
233
233
  style?: styleProps$3;
234
234
  }
235
- declare const DatePicker: FC<DateProps>;
236
-
235
+ declare const DatePicker: FC<DateProps>;
236
+
237
237
  interface ButtonProps$1 extends AccessibleProps {
238
238
  disabled?: boolean;
239
239
  children: string;
@@ -262,8 +262,8 @@ interface DrawerProps extends AccessibleProps {
262
262
  /** It is used to close drawer. */
263
263
  onClose: (e?: any) => void;
264
264
  }
265
- declare const Drawer: FC<DrawerProps>;
266
-
265
+ declare const Drawer: FC<DrawerProps>;
266
+
267
267
  interface ActionProps {
268
268
  id?: string;
269
269
  label: string;
@@ -286,16 +286,16 @@ interface FieldProps extends AccessibleProps {
286
286
  /** Display a tooltip next to the label */
287
287
  tooltip?: TooltipProps;
288
288
  }
289
- declare const Field: FC<FieldProps>;
290
-
289
+ declare const Field: FC<FieldProps>;
290
+
291
291
  interface FieldGroupProps {
292
292
  /** The label to display above the field group */
293
293
  label: string;
294
294
  /** The content of the field group...usually a set of Field components */
295
295
  children: any;
296
296
  }
297
- declare const FieldGroup: FC<FieldGroupProps>;
298
-
297
+ declare const FieldGroup: FC<FieldGroupProps>;
298
+
299
299
  interface FileUploadProps {
300
300
  /** A method to call when files are added/removed. Return the new file or array of files. */
301
301
  onChange?: (files: Array<File>) => void;
@@ -317,8 +317,8 @@ interface ErrorObject {
317
317
  file: File;
318
318
  message: string;
319
319
  }
320
- declare const FileUpload: FC<FileUploadProps>;
321
-
320
+ declare const FileUpload: FC<FileUploadProps>;
321
+
322
322
  interface HeadingProps extends AccessibleProps {
323
323
  /** Toggle between bold and normal font weights */
324
324
  bold?: boolean;
@@ -331,8 +331,8 @@ interface HeadingProps extends AccessibleProps {
331
331
  /** Set the type of heading to display: primary, secondary, tertiary */
332
332
  type?: 'primary' | 'secondary' | 'tertiary';
333
333
  }
334
- declare const Heading: FC<HeadingProps>;
335
-
334
+ declare const Heading: FC<HeadingProps>;
335
+
336
336
  interface styleProps$2 {
337
337
  width?: number | string;
338
338
  }
@@ -379,10 +379,9 @@ interface InputProps extends AccessibleProps {
379
379
  suggestedValues?: string[];
380
380
  /** Display a loading indicator to the far right of the input */
381
381
  loading?: boolean;
382
- inputRef?: React.Ref<HTMLInputElement>;
383
382
  }
384
- declare const _default: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
385
-
383
+ declare const Input: FC<InputProps>;
384
+
386
385
  interface LinkProps extends AccessibleProps {
387
386
  /** Set the text to be displayed */
388
387
  children: string;
@@ -391,16 +390,16 @@ interface LinkProps extends AccessibleProps {
391
390
  /** A method to execute when this component is clicked */
392
391
  onClick?: (e?: any) => void;
393
392
  }
394
- declare const Link: FC<LinkProps>;
395
-
396
- declare const Loader: FC;
397
-
393
+ declare const Link: FC<LinkProps>;
394
+
395
+ declare const Loader: FC;
396
+
398
397
  interface LogoProps extends AccessibleProps {
399
398
  type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
400
399
  height?: string;
401
400
  }
402
- declare const Logo: FC<LogoProps>;
403
-
401
+ declare const Logo: FC<LogoProps>;
402
+
404
403
  interface StepProps {
405
404
  label: string;
406
405
  complete?: boolean;
@@ -411,8 +410,8 @@ interface ProgressBarProps {
411
410
  steps: StepProps[];
412
411
  showStepLine?: boolean;
413
412
  }
414
- declare const ProgressBar: FC<ProgressBarProps>;
415
-
413
+ declare const ProgressBar: FC<ProgressBarProps>;
414
+
416
415
  interface ButtonProps {
417
416
  disabled?: boolean;
418
417
  children: string;
@@ -442,8 +441,8 @@ interface ModalProps extends AccessibleProps {
442
441
  /** Display steps at the top of the modal */
443
442
  steps?: StepProps[];
444
443
  }
445
- declare const Modal: FC<ModalProps>;
446
-
444
+ declare const Modal: FC<ModalProps>;
445
+
447
446
  interface OptionProps$2 {
448
447
  label?: string;
449
448
  value: string | number;
@@ -463,8 +462,8 @@ interface MultiSelectProps extends AccessibleProps {
463
462
  style?: styleProps$1;
464
463
  searchable?: boolean;
465
464
  }
466
- declare const MultiSelect: FC<MultiSelectProps>;
467
-
465
+ declare const MultiSelect: FC<MultiSelectProps>;
466
+
468
467
  interface TagProps extends AccessibleProps {
469
468
  /** It is used to select tag-type either default or removable. */
470
469
  color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -475,8 +474,8 @@ interface TagProps extends AccessibleProps {
475
474
  /** It is callback function called when user wants to close the tag. */
476
475
  removable?: boolean;
477
476
  }
478
- declare const Tag: FC<TagProps>;
479
-
477
+ declare const Tag: FC<TagProps>;
478
+
480
479
  interface PageHeaderProps {
481
480
  title?: string;
482
481
  breadcrumbs?: Array<{
@@ -500,15 +499,15 @@ interface PageHeaderProps {
500
499
  };
501
500
  tag?: TagProps;
502
501
  }
503
- declare const PageHeader: FC<PageHeaderProps>;
504
-
502
+ declare const PageHeader: FC<PageHeaderProps>;
503
+
505
504
  interface PaginationProps extends AccessibleProps {
506
505
  currentPage: number;
507
506
  onClick: (e?: any) => void;
508
507
  pageCount: number;
509
508
  }
510
- declare const Pagination: FC<PaginationProps>;
511
-
509
+ declare const Pagination: FC<PaginationProps>;
510
+
512
511
  interface RadioProps extends AccessibleProps {
513
512
  /** It is used to give label to radio. */
514
513
  children: string | number;
@@ -525,8 +524,8 @@ interface RadioProps extends AccessibleProps {
525
524
  /** Display a tooltip next to the label */
526
525
  tooltip?: TooltipProps;
527
526
  }
528
- declare const Radio: FC<RadioProps>;
529
-
527
+ declare const Radio: FC<RadioProps>;
528
+
530
529
  interface OptionProps$1 {
531
530
  label?: string;
532
531
  value: string | number;
@@ -537,8 +536,8 @@ interface RadioListProps extends AccessibleProps {
537
536
  options: OptionProps$1[];
538
537
  value: string;
539
538
  }
540
- declare const RadioList: FC<RadioListProps>;
541
-
539
+ declare const RadioList: FC<RadioListProps>;
540
+
542
541
  interface OptionProps {
543
542
  /** It is used to give label to option. */
544
543
  label?: string;
@@ -573,8 +572,8 @@ interface SelectProps extends AccessibleProps {
573
572
  onChange: (e: any) => void;
574
573
  onSearch?: (searchTerm: string) => void;
575
574
  }
576
- declare const Select: FC<SelectProps>;
577
-
575
+ declare const Select: FC<SelectProps>;
576
+
578
577
  interface RowObject {
579
578
  [key: string]: any;
580
579
  }
@@ -597,8 +596,8 @@ interface TableProps extends AccessibleProps {
597
596
  onSortChange?: (e?: any) => void;
598
597
  tableLayout?: string;
599
598
  }
600
- declare const Table: FC<TableProps>;
601
-
599
+ declare const Table: FC<TableProps>;
600
+
602
601
  interface TabProps extends AccessibleProps {
603
602
  badgeCount?: number;
604
603
  errorBadge?: boolean;
@@ -609,16 +608,16 @@ interface TabProps extends AccessibleProps {
609
608
  interface TabsProps extends AccessibleProps {
610
609
  tabs: TabProps[];
611
610
  }
612
- declare const Tabs: FC<TabsProps>;
613
-
611
+ declare const Tabs: FC<TabsProps>;
612
+
614
613
  interface ToggleProps extends AccessibleProps {
615
614
  /** It is used to check whether Toggle is checked or not */
616
615
  on: boolean;
617
616
  /** Pass a callback then fires when user change value */
618
617
  onClick: (e?: any) => void;
619
618
  }
620
- declare const Toggle: FC<ToggleProps>;
621
-
619
+ declare const Toggle: FC<ToggleProps>;
620
+
622
621
  interface ZeroStateProps extends AccessibleProps {
623
622
  /** The SVG path of the icon to show */
624
623
  icon: string;
@@ -633,8 +632,8 @@ interface ZeroStateProps extends AccessibleProps {
633
632
  onClick: (e?: any) => void;
634
633
  };
635
634
  }
636
- declare const ZeroState: FC<ZeroStateProps>;
637
-
635
+ declare const ZeroState: FC<ZeroStateProps>;
636
+
638
637
  declare const getAgesFromDob: (dob: string) => {
639
638
  calculated_nearest_age: number | null;
640
639
  calculated_current_age: number | null;
@@ -648,8 +647,8 @@ declare const getYears: () => {
648
647
  declare const validateEmail: (email: string) => boolean;
649
648
  declare const validatePhone: (phone: string) => boolean;
650
649
  declare const formatAsPhone: (number: string) => string;
651
- declare const formatAsSsn: (number: string) => string;
652
-
650
+ declare const formatAsSsn: (number: string) => string;
651
+
653
652
  declare const Colors: {
654
653
  PRIMARY: {
655
654
  Hex: string;
@@ -701,6 +700,6 @@ declare const EditableTheme: {
701
700
  Hex: string;
702
701
  Rgb: string;
703
702
  };
704
- };
705
-
706
- export { AccessibleProps, Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, _default as 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 };
703
+ };
704
+
705
+ 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.12.12",
3
+ "version": "1.12.13",
4
4
  "description": "A library of shared UI components used within Hexure products.",
5
5
  "scripts": {
6
6
  "rollup": "rollup -c rollup.config.mjs",