@hexure/ui 1.13.72 → 1.13.74

package/dist/esm/types/components/ActionDialog/ActionDialog.d.ts

@@ -7,6 +7,8 @@ interface ButtonProps {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
+    /** Optional ID for automation purposes */
+    dataItemid?: string;
 }
 export interface ActionDialogProps extends AccessibleProps {
     /** It is used to give title. */

package/dist/esm/types/components/AppMenu/AppMenu.d.ts

@@ -17,7 +17,6 @@ export interface AppMenuProps extends AccessibleProps {
     isCollapsed?: boolean;
     footerTag?: string;
     defaultWidth?: string;
-    /** Optional ID for automation purposes */
     dataItemid?: string;
 }
 declare const AppMenu: FC<AppMenuProps>;

package/dist/esm/types/components/Drawer/Drawer.d.ts

@@ -9,10 +9,9 @@ export interface ButtonProps extends AccessibleProps {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
-    /** Tooltip Props */
     toolTip?: TooltipProps;
-    /** Set the title of the button on hover */
     title?: string;
+    dataItemid?: string;
 }
 export interface DrawerProps extends AccessibleProps {
     primaryButton?: ButtonProps;

package/dist/esm/types/components/Modal/Modal.d.ts

@@ -9,6 +9,7 @@ interface ButtonProps {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
+    dataItemid?: string;
 }
 export interface ModalProps extends AccessibleProps {
     /** Defines a button to be displayed on the far right of the bottom button bar */

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import React, { FC, ReactNode } from 'react';
-import { CSSProperties } from 'styled-components';
-
+import React, { FC, ReactNode } from 'react';
+import { CSSProperties } from 'styled-components';
+
 interface AccessibleProps {
     /** Set the css data-itemid for the main wrapping html element */
     id?: string;
@@ -15,8 +15,8 @@ interface AccessibleProps {
     tabIndex?: number;
     /** Set a label for an interactive element. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label */
     'aria-label'?: string;
-}
-
+}
+
 interface AccordionProps extends AccessibleProps {
     dataItemid?: string;
     title?: string;
@@ -27,8 +27,8 @@ interface AccordionProps extends AccessibleProps {
     /** Method to call when the header is clicked */
     onClick: (e?: any) => void;
 }
-declare const Accordion: FC<AccordionProps>;
-
+declare const Accordion: FC<AccordionProps>;
+
 interface ButtonProps$4 {
     children: string;
     format?: string;
@@ -36,6 +36,8 @@ interface ButtonProps$4 {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
+    /** Optional ID for automation purposes */
+    dataItemid?: string;
 }
 interface ActionDialogProps extends AccessibleProps {
     /** It is used to give title. */
@@ -55,8 +57,8 @@ interface ActionDialogProps extends AccessibleProps {
 interface CustomStyle {
     [key: string]: string | number;
 }
-declare const ActionDialog: FC<ActionDialogProps>;
-
+declare const ActionDialog: FC<ActionDialogProps>;
+
 interface ActionProps$1 extends AccessibleProps {
     label: string;
     onClick: (e?: any) => void;
@@ -74,8 +76,8 @@ interface AlertProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Alert: FC<AlertProps>;
-
+declare const Alert: FC<AlertProps>;
+
 interface TooltipProps {
     /** It is used to give label to tag. */
     children: any;
@@ -94,8 +96,8 @@ interface TooltipProps {
      */
     auto?: boolean;
 }
-declare const Tooltip: FC<TooltipProps>;
-
+declare const Tooltip: FC<TooltipProps>;
+
 interface ButtonProps$3 extends AccessibleProps {
     /** Display a number badge on the right side of the button */
     badge?: number;
@@ -127,16 +129,16 @@ interface ButtonProps$3 extends AccessibleProps {
     /** Optional type for the button */
     type?: 'button' | 'submit' | 'reset' | null;
 }
-declare const Button: FC<ButtonProps$3>;
-
+declare const Button: FC<ButtonProps$3>;
+
 interface AppHeaderProps {
     logoUrl?: string;
     buttons: ButtonProps$3[];
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const AppHeader: FC<AppHeaderProps>;
-
+declare const AppHeader: FC<AppHeaderProps>;
+
 interface MenuItemType extends AccessibleProps {
     icon: string;
     label: string;
@@ -154,11 +156,10 @@ interface AppMenuProps extends AccessibleProps {
     isCollapsed?: boolean;
     footerTag?: string;
     defaultWidth?: string;
-    /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const AppMenu: FC<AppMenuProps>;
-
+declare const AppMenu: FC<AppMenuProps>;
+
 interface ButtonProps$2 {
     children: string;
     onClick: (e?: any) => void;
@@ -174,8 +175,8 @@ interface BulkActionBarProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const BulkActionBar: FC<BulkActionBarProps>;
-
+declare const BulkActionBar: FC<BulkActionBarProps>;
+
 interface MenuItemProps extends AccessibleProps {
     icon?: string;
     label?: string;
@@ -188,8 +189,8 @@ interface MoreMenuProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const MoreMenu: FC<MoreMenuProps>;
-
+declare const MoreMenu: FC<MoreMenuProps>;
+
 interface ButtonMenuProps {
     disabled?: boolean;
     label: string;
@@ -205,8 +206,8 @@ interface ButtonMenuProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const ButtonMenu: FC<ButtonMenuProps>;
-
+declare const ButtonMenu: FC<ButtonMenuProps>;
+
 interface CheckboxProps extends AccessibleProps {
     /** It is used to give label to checkbox. */
     children?: string;
@@ -226,8 +227,8 @@ interface CheckboxProps extends AccessibleProps {
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
 }
-declare const Checkbox: FC<CheckboxProps>;
-
+declare const Checkbox: FC<CheckboxProps>;
+
 interface OptionProps$3 {
     label?: string;
     value: string | number;
@@ -242,8 +243,8 @@ interface ChecklistProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Checklist: FC<ChecklistProps>;
-
+declare const Checklist: FC<ChecklistProps>;
+
 interface CopyProps extends AccessibleProps {
     /** Set the text to be displayed */
     children: string | React.ReactNode;
@@ -259,8 +260,8 @@ interface CopyProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Copy: FC<CopyProps>;
-
+declare const Copy: FC<CopyProps>;
+
 interface styleProps$2 {
     width?: number | string;
 }
@@ -281,8 +282,8 @@ interface DateProps extends AccessibleProps {
     dataItemid?: string;
     locale?: localeProps;
 }
-declare const DatePicker: FC<DateProps>;
-
+declare const DatePicker: FC<DateProps>;
+
 interface ButtonProps$1 extends AccessibleProps {
     disabled?: boolean;
     children: string;
@@ -291,10 +292,9 @@ interface ButtonProps$1 extends AccessibleProps {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
-    /** Tooltip Props */
     toolTip?: TooltipProps;
-    /** Set the title of the button on hover */
     title?: string;
+    dataItemid?: string;
 }
 interface DrawerProps extends AccessibleProps {
     primaryButton?: ButtonProps$1;
@@ -318,8 +318,8 @@ interface DrawerProps extends AccessibleProps {
     dataItemid?: string;
     bottomNotes?: string | ReactNode;
 }
-declare const Drawer: FC<DrawerProps>;
-
+declare const Drawer: FC<DrawerProps>;
+
 interface ActionProps {
     dataItemid?: string;
     label: string;
@@ -346,8 +346,8 @@ interface FieldProps extends AccessibleProps {
     /** Optional for black message with icon */
     isNewMessageType?: boolean;
 }
-declare const Field: FC<FieldProps>;
-
+declare const Field: FC<FieldProps>;
+
 interface FieldGroupProps {
     /** The label to display above the field group */
     label: string;
@@ -356,8 +356,8 @@ interface FieldGroupProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const FieldGroup: FC<FieldGroupProps>;
-
+declare const FieldGroup: FC<FieldGroupProps>;
+
 interface FileUploadProps {
     /** A method to call when files are added/removed. Return the new file or array of files. */
     onChange?: (files: Array<File>) => void;
@@ -383,8 +383,8 @@ interface ErrorObject {
     file: File;
     message: string;
 }
-declare const FileUpload: FC<FileUploadProps>;
-
+declare const FileUpload: FC<FileUploadProps>;
+
 interface HeadingProps extends AccessibleProps {
     /** Toggle between bold and normal font weights */
     bold?: boolean;
@@ -399,8 +399,8 @@ interface HeadingProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Heading: FC<HeadingProps>;
-
+declare const Heading: FC<HeadingProps>;
+
 interface InputProps extends AccessibleProps {
     format?: 'phone' | 'currency' | 'currency_decimal' | 'ssn';
     height?: string;
@@ -435,8 +435,8 @@ interface InputProps extends AccessibleProps {
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
 }
-declare const Input: FC<InputProps>;
-
+declare const Input: FC<InputProps>;
+
 interface LinkProps extends AccessibleProps {
     /** Set the text to be displayed */
     children: string;
@@ -447,22 +447,22 @@ interface LinkProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Link: FC<LinkProps>;
-
+declare const Link: FC<LinkProps>;
+
 interface LoaderProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Loader: FC<LoaderProps>;
-
+declare const Loader: FC<LoaderProps>;
+
 interface LogoProps extends AccessibleProps {
     type?: 'mark_red' | 'mark_white' | 'standard_white' | 'standard_black' | 'standard_full' | 'standard_reversed';
     height?: string;
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Logo: FC<LogoProps>;
-
+declare const Logo: FC<LogoProps>;
+
 interface StepProps {
     label: string | ReactNode;
     complete?: boolean;
@@ -479,8 +479,8 @@ interface ProgressBarProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const ProgressBar: FC<ProgressBarProps>;
-
+declare const ProgressBar: FC<ProgressBarProps>;
+
 interface ButtonProps {
     disabled?: boolean;
     children: string;
@@ -489,6 +489,7 @@ interface ButtonProps {
     onClick: (e?: any) => void;
     tabIndex?: number;
     loading?: boolean;
+    dataItemid?: string;
 }
 interface ModalProps extends AccessibleProps {
     /** Defines a button to be displayed on the far right of the bottom button bar */
@@ -514,8 +515,8 @@ interface ModalProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Modal: FC<ModalProps>;
-
+declare const Modal: FC<ModalProps>;
+
 interface OptionProps$2 {
     label?: string;
     value: string | number;
@@ -537,8 +538,8 @@ interface MultiSelectProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const MultiSelect: FC<MultiSelectProps>;
-
+declare const MultiSelect: FC<MultiSelectProps>;
+
 interface TagProps extends AccessibleProps {
     /** It is used to select tag-type either default or removable. */
     color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'SUBTLE_GRAY';
@@ -552,8 +553,8 @@ interface TagProps extends AccessibleProps {
     dataItemid?: string;
     rotate?: boolean;
 }
-declare const Tag: FC<TagProps>;
-
+declare const Tag: FC<TagProps>;
+
 interface PageHeaderProps {
     title?: string;
     breadcrumbs?: Array<{
@@ -585,8 +586,8 @@ interface PageHeaderProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const PageHeader: FC<PageHeaderProps>;
-
+declare const PageHeader: FC<PageHeaderProps>;
+
 interface PaginationProps extends AccessibleProps {
     currentPage: number;
     onClick: (e?: any) => void;
@@ -595,8 +596,8 @@ interface PaginationProps extends AccessibleProps {
     dataItemid?: string;
     type?: 'button' | 'submit' | 'reset' | null;
 }
-declare const Pagination: FC<PaginationProps>;
-
+declare const Pagination: FC<PaginationProps>;
+
 interface RadioProps extends AccessibleProps {
     /** It is used to give label to radio. */
     children: string | number;
@@ -617,8 +618,8 @@ interface RadioProps extends AccessibleProps {
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
 }
-declare const Radio: FC<RadioProps>;
-
+declare const Radio: FC<RadioProps>;
+
 interface OptionProps$1 {
     label?: string;
     value: string | number;
@@ -631,8 +632,8 @@ interface RadioListProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const RadioList: FC<RadioListProps>;
-
+declare const RadioList: FC<RadioListProps>;
+
 interface OptionProps {
     label?: string;
     value: string | number;
@@ -665,8 +666,8 @@ interface SelectProps extends AccessibleProps {
     isInvalidRedBackground?: boolean;
     isWarningError?: boolean;
 }
-declare const Select: FC<SelectProps>;
-
+declare const Select: FC<SelectProps>;
+
 interface RowObject {
     [key: string]: any;
 }
@@ -692,8 +693,8 @@ interface TableProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Table: FC<TableProps>;
-
+declare const Table: FC<TableProps>;
+
 interface TabProps extends AccessibleProps {
     badgeCount?: number;
     errorBadge?: boolean;
@@ -706,8 +707,8 @@ interface TabsProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Tabs: FC<TabsProps>;
-
+declare const Tabs: FC<TabsProps>;
+
 interface ToggleProps extends AccessibleProps {
     /** It is used to check whether Toggle is checked or not */
     on: boolean;
@@ -716,8 +717,8 @@ interface ToggleProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const Toggle: FC<ToggleProps>;
-
+declare const Toggle: FC<ToggleProps>;
+
 interface ZeroStateProps extends AccessibleProps {
     /** The SVG path of the icon to show */
     icon: string;
@@ -736,8 +737,8 @@ interface ZeroStateProps extends AccessibleProps {
     /** Optional ID for automation purposes */
     dataItemid?: string;
 }
-declare const ZeroState: FC<ZeroStateProps>;
-
+declare const ZeroState: FC<ZeroStateProps>;
+
 declare const getAgesFromDob: (dob: string) => {
     calculated_nearest_age: number | null;
     calculated_current_age: number | null;
@@ -752,8 +753,8 @@ declare const validateEmail: (email: string) => boolean;
 declare const validatePhone: (phone: string) => boolean;
 declare const formatAsPhone: (number: string) => string;
 declare const formatAsSsn: (number: string) => string;
-declare const formatAsMask: (number: string, mask: string) => string;
-
+declare const formatAsMask: (number: string, mask: string) => string;
+
 declare const Colors: {
     PRIMARY: {
         Hex: string;
@@ -805,6 +806,6 @@ declare const EditableTheme: {
         Hex: string;
         Rgb: string;
     };
-};
-
-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 };
+};
+
+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

@@ -1,6 +1,6 @@
 {
   "name": "@hexure/ui",
-  "version": "1.13.72",
+  "version": "1.13.74",
   "description": "A library of shared UI components used within Hexure products.",
   "scripts": {
     "rollup": "rollup -c rollup.config.mjs",