@hexure/ui 1.13.38 → 1.13.40

package/dist/index.d.ts

@@ -16,6 +16,7 @@ interface AccessibleProps {
 }
 
 interface AccordionProps extends AccessibleProps {
+    id?: string;
     title?: string;
     /** Define the content to be displayed */
     children: ReactNode;
@@ -46,6 +47,8 @@ interface ActionDialogProps extends AccessibleProps {
     secondaryButton?: ButtonProps$4;
     /** Set the tertiary action for the dialog. This should only be defined after a secondary action is defined */
     tertiaryButton?: ButtonProps$4;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 interface CustomStyle {
     [key: string]: string | number;
@@ -66,6 +69,8 @@ interface AlertProps extends AccessibleProps {
     action?: ActionProps$1;
     /** Show a condensed, smaller version of the alert. The title and action props will be ignore if this is set to true */
     small?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Alert: FC<AlertProps>;
 
@@ -78,6 +83,8 @@ interface TooltipProps {
     width?: string;
     /** The element to display that triggers the tooltip content */
     trigger?: any;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Tooltip: FC<TooltipProps>;
 
@@ -107,12 +114,16 @@ interface ButtonProps$3 extends AccessibleProps {
     toolTip?: TooltipProps;
     /** Set the title of the button on hover */
     title?: string;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Button: FC<ButtonProps$3>;
 
 interface AppHeaderProps {
     logoUrl?: string;
     buttons: ButtonProps$3[];
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const AppHeader: FC<AppHeaderProps>;
 
@@ -133,6 +144,8 @@ interface AppMenuProps extends AccessibleProps {
     isCollapsed?: boolean;
     footerTag?: string;
     defaultWidth?: string;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const AppMenu: FC<AppMenuProps>;
 
@@ -147,6 +160,8 @@ interface BulkActionBarProps extends AccessibleProps {
     errorMsg?: string;
     onClear: (e?: any) => void;
     selectedCount?: number;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const BulkActionBar: FC<BulkActionBarProps>;
 
@@ -159,6 +174,8 @@ interface MenuItemProps extends AccessibleProps {
 interface MoreMenuProps extends AccessibleProps {
     menuItems: MenuItemProps[];
     maxHeight?: string | number;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const MoreMenu: FC<MoreMenuProps>;
 
@@ -174,6 +191,8 @@ interface ButtonMenuProps {
     enableHover?: boolean;
     enableClick?: boolean;
     show?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const ButtonMenu: FC<ButtonMenuProps>;
 
@@ -191,6 +210,8 @@ interface CheckboxProps extends AccessibleProps {
     invalid?: boolean;
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Checkbox: FC<CheckboxProps>;
 
@@ -205,6 +226,8 @@ interface ChecklistProps extends AccessibleProps {
     options: OptionProps$3[];
     selected: (string | number)[];
     showSelectAll?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Checklist: FC<ChecklistProps>;
 
@@ -218,8 +241,10 @@ interface CopyProps extends AccessibleProps {
     padding?: string;
     /** Set the type of copy to display */
     type?: 'default' | 'bold' | 'italic' | 'underline' | 'line-through' | 'small';
-    /** Set the color of the copy based on the design system color pallette */
+    /** Set the color of the copy based on the design system color palette */
     color?: 'PRIMARY' | 'GREEN' | 'RED' | 'YELLOW' | 'BLACK' | 'GRAY' | 'MEDIUM_GRAY' | 'LIGHT_GRAY';
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Copy: FC<CopyProps>;
 
@@ -234,6 +259,8 @@ interface DateProps extends AccessibleProps {
     date?: string;
     onChange?: (e: any) => void;
     style?: styleProps$3;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const DatePicker: FC<DateProps>;
 
@@ -264,6 +291,8 @@ interface DrawerProps extends AccessibleProps {
     position?: 'fixed' | 'absolute';
     /**  It is used to close drawer. */
     onClose: (e?: any) => void;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Drawer: FC<DrawerProps>;
 
@@ -288,6 +317,8 @@ interface FieldProps extends AccessibleProps {
     description?: string;
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Field: FC<FieldProps>;
 
@@ -296,6 +327,8 @@ interface FieldGroupProps {
     label: string;
     /** The content of the field group...usually a set of Field components */
     children: any;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const FieldGroup: FC<FieldGroupProps>;
 
@@ -316,6 +349,8 @@ interface FileUploadProps {
     value?: File[];
     /** A method that will be run against each file to determine if it's valid before being added. Must return a boolean.  */
     validateFile?: (file: File) => boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 interface ErrorObject {
     file: File;
@@ -334,6 +369,8 @@ interface HeadingProps extends AccessibleProps {
     padding?: string;
     /** Set the type of heading to display: primary, secondary, tertiary  */
     type?: 'primary' | 'secondary' | 'tertiary';
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Heading: FC<HeadingProps>;
 
@@ -366,6 +403,8 @@ interface InputProps extends AccessibleProps {
     showErrorTextColor?: boolean;
     innerRef?: any;
     isAutoComplete?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Input: FC<InputProps>;
 
@@ -376,25 +415,35 @@ interface LinkProps extends AccessibleProps {
     small?: boolean;
     /** A method to execute when this component is clicked */
     onClick?: (e?: any) => void;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Link: FC<LinkProps>;
 
-declare const Loader: FC;
+interface LoaderProps {
+    /** Optional ID for automation purposes */
+    id?: string;
+}
+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 */
+    id?: string;
 }
 declare const Logo: FC<LogoProps>;
 
 interface StepProps {
-    label: string;
+    label: string | ReactNode;
     complete?: boolean;
     active?: boolean;
 }
 interface ProgressBarProps {
     steps: StepProps[];
     showStepLine?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const ProgressBar: FC<ProgressBarProps>;
 
@@ -428,6 +477,8 @@ interface ModalProps extends AccessibleProps {
     onClose: (e?: any) => void;
     /** Display steps at the top of the modal */
     steps?: StepProps[];
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Modal: FC<ModalProps>;
 
@@ -449,6 +500,8 @@ interface MultiSelectProps extends AccessibleProps {
     showSelectAll?: boolean;
     style?: styleProps$1;
     searchable?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 
@@ -461,6 +514,8 @@ interface TagProps extends AccessibleProps {
     onClick?: (e?: any) => void;
     /** It is callback function called when user wants to close the tag. */
     removable?: boolean;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Tag: FC<TagProps>;
 
@@ -489,6 +544,8 @@ interface PageHeaderProps {
         show?: boolean;
     };
     tag?: TagProps;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const PageHeader: FC<PageHeaderProps>;
 
@@ -496,6 +553,8 @@ interface PaginationProps extends AccessibleProps {
     currentPage: number;
     onClick: (e?: any) => void;
     pageCount: number;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Pagination: FC<PaginationProps>;
 
@@ -514,6 +573,8 @@ interface RadioProps extends AccessibleProps {
     invalid?: boolean;
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Radio: FC<RadioProps>;
 
@@ -526,6 +587,8 @@ interface RadioListProps extends AccessibleProps {
     onChange: (e: any) => void;
     options: OptionProps$1[];
     value: string;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const RadioList: FC<RadioListProps>;
 
@@ -556,6 +619,8 @@ interface SelectProps extends AccessibleProps {
     onFocus?: (e: any) => void;
     onBlur?: (e: any) => void;
     onSearch?: (searchTerm: string) => void;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Select: FC<SelectProps>;
 
@@ -580,6 +645,8 @@ interface TableProps extends AccessibleProps {
     onRowClick?: (e?: any) => void;
     onSortChange?: (e?: any) => void;
     tableLayout?: string;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Table: FC<TableProps>;
 
@@ -592,6 +659,8 @@ interface TabProps extends AccessibleProps {
 }
 interface TabsProps extends AccessibleProps {
     tabs: TabProps[];
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Tabs: FC<TabsProps>;
 
@@ -600,6 +669,8 @@ interface ToggleProps extends AccessibleProps {
     on: boolean;
     /** Pass a callback then fires when user change value */
     onClick: (e?: any) => void;
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const Toggle: FC<ToggleProps>;
 
@@ -618,6 +689,8 @@ interface ZeroStateProps extends AccessibleProps {
         format?: 'primary' | 'secondary' | 'red' | 'green' | string;
         disabled?: boolean;
     };
+    /** Optional ID for automation purposes */
+    id?: string;
 }
 declare const ZeroState: FC<ZeroStateProps>;
 

package/package.json

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