@hexure/ui 1.13.41 → 1.13.43

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import React, { FC, ReactNode } from 'react';
 
 interface AccessibleProps {
-    /** Set the css id for the main wrapping html element */
+    /** Set the css data-itemid for the main wrapping html element */
     id?: string;
+    dataItemid?: string;
     /** Set the css class for the main wrapping html element */
     className?: string;
     /** Set the name attrbute on the main wrapping html element */
@@ -16,7 +17,7 @@ interface AccessibleProps {
 }
 
 interface AccordionProps extends AccessibleProps {
-    id?: string;
+    dataItemid?: string;
     title?: string;
     /** Define the content to be displayed */
     children: ReactNode;
@@ -48,7 +49,7 @@ interface ActionDialogProps extends AccessibleProps {
     /** 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;
+    dataItemid?: string;
 }
 interface CustomStyle {
     [key: string]: string | number;
@@ -70,7 +71,7 @@ interface AlertProps extends AccessibleProps {
     /** 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;
+    dataItemid?: string;
 }
 declare const Alert: FC<AlertProps>;
 
@@ -84,7 +85,7 @@ interface TooltipProps {
     /** The element to display that triggers the tooltip content */
     trigger?: any;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Tooltip: FC<TooltipProps>;
 
@@ -115,7 +116,7 @@ interface ButtonProps$3 extends AccessibleProps {
     /** Set the title of the button on hover */
     title?: string;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Button: FC<ButtonProps$3>;
 
@@ -123,7 +124,7 @@ interface AppHeaderProps {
     logoUrl?: string;
     buttons: ButtonProps$3[];
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const AppHeader: FC<AppHeaderProps>;
 
@@ -145,7 +146,7 @@ interface AppMenuProps extends AccessibleProps {
     footerTag?: string;
     defaultWidth?: string;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const AppMenu: FC<AppMenuProps>;
 
@@ -161,7 +162,7 @@ interface BulkActionBarProps extends AccessibleProps {
     onClear: (e?: any) => void;
     selectedCount?: number;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const BulkActionBar: FC<BulkActionBarProps>;
 
@@ -175,7 +176,7 @@ interface MoreMenuProps extends AccessibleProps {
     menuItems: MenuItemProps[];
     maxHeight?: string | number;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const MoreMenu: FC<MoreMenuProps>;
 
@@ -192,7 +193,7 @@ interface ButtonMenuProps {
     enableClick?: boolean;
     show?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const ButtonMenu: FC<ButtonMenuProps>;
 
@@ -202,7 +203,7 @@ interface CheckboxProps extends AccessibleProps {
     /** It is used to disable checkbox. */
     disabled?: boolean;
     color?: string;
-    /** If it's value id true then checkbox is default checked. */
+    /** If it's value data-itemid true then checkbox is default checked. */
     checked?: boolean;
     /** It is used to change value of checkbox. */
     onChange: (e?: any) => void;
@@ -211,7 +212,7 @@ interface CheckboxProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Checkbox: FC<CheckboxProps>;
 
@@ -227,7 +228,7 @@ interface ChecklistProps extends AccessibleProps {
     selected: (string | number)[];
     showSelectAll?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Checklist: FC<ChecklistProps>;
 
@@ -244,7 +245,7 @@ interface CopyProps extends AccessibleProps {
     /** 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;
+    dataItemid?: string;
 }
 declare const Copy: FC<CopyProps>;
 
@@ -260,7 +261,7 @@ interface DateProps extends AccessibleProps {
     onChange?: (e: any) => void;
     style?: styleProps$3;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const DatePicker: FC<DateProps>;
 
@@ -292,12 +293,12 @@ interface DrawerProps extends AccessibleProps {
     /**  It is used to close drawer. */
     onClose: (e?: any) => void;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Drawer: FC<DrawerProps>;
 
 interface ActionProps {
-    id?: string;
+    dataItemid?: string;
     label: string;
     onClick: (e?: any) => void;
 }
@@ -318,7 +319,7 @@ interface FieldProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Field: FC<FieldProps>;
 
@@ -328,7 +329,7 @@ interface FieldGroupProps {
     /** The content of the field group...usually a set of Field components */
     children: any;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const FieldGroup: FC<FieldGroupProps>;
 
@@ -350,7 +351,7 @@ interface FileUploadProps {
     /** 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;
+    dataItemid?: string;
 }
 interface ErrorObject {
     file: File;
@@ -370,7 +371,7 @@ interface HeadingProps extends AccessibleProps {
     /** Set the type of heading to display: primary, secondary, tertiary  */
     type?: 'primary' | 'secondary' | 'tertiary';
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Heading: FC<HeadingProps>;
 
@@ -404,7 +405,7 @@ interface InputProps extends AccessibleProps {
     innerRef?: any;
     isAutoComplete?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Input: FC<InputProps>;
 
@@ -416,13 +417,13 @@ interface LinkProps extends AccessibleProps {
     /** A method to execute when this component is clicked */
     onClick?: (e?: any) => void;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Link: FC<LinkProps>;
 
 interface LoaderProps {
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Loader: FC<LoaderProps>;
 
@@ -430,7 +431,7 @@ 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;
+    dataItemid?: string;
 }
 declare const Logo: FC<LogoProps>;
 
@@ -443,7 +444,7 @@ interface ProgressBarProps {
     steps: StepProps[];
     showStepLine?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const ProgressBar: FC<ProgressBarProps>;
 
@@ -478,7 +479,7 @@ interface ModalProps extends AccessibleProps {
     /** Display steps at the top of the modal */
     steps?: StepProps[];
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Modal: FC<ModalProps>;
 
@@ -501,7 +502,7 @@ interface MultiSelectProps extends AccessibleProps {
     style?: styleProps$1;
     searchable?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const MultiSelect: FC<MultiSelectProps>;
 
@@ -515,7 +516,7 @@ interface TagProps extends AccessibleProps {
     /** It is callback function called when user wants to close the tag. */
     removable?: boolean;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Tag: FC<TagProps>;
 
@@ -542,10 +543,11 @@ interface PageHeaderProps {
         label: string;
         menuItems: Array<MenuItemProps>;
         show?: boolean;
+        maxHeight?: string;
     };
     tag?: TagProps;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const PageHeader: FC<PageHeaderProps>;
 
@@ -554,7 +556,7 @@ interface PaginationProps extends AccessibleProps {
     onClick: (e?: any) => void;
     pageCount: number;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Pagination: FC<PaginationProps>;
 
@@ -563,7 +565,7 @@ interface RadioProps extends AccessibleProps {
     children: string | number;
     /** It is used to disable radio. */
     disabled?: boolean;
-    /** If it's value id true then radio is default checked. */
+    /** If it's value data-itemid true then radio is default checked. */
     checked?: boolean;
     /** It is used to change value of radio. */
     onChange: (e?: any) => void;
@@ -574,7 +576,7 @@ interface RadioProps extends AccessibleProps {
     /** Display a tooltip next to the label */
     tooltip?: TooltipProps;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Radio: FC<RadioProps>;
 
@@ -588,7 +590,7 @@ interface RadioListProps extends AccessibleProps {
     options: OptionProps$1[];
     value: string;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const RadioList: FC<RadioListProps>;
 
@@ -620,7 +622,7 @@ interface SelectProps extends AccessibleProps {
     onBlur?: (e: any) => void;
     onSearch?: (searchTerm: string) => void;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Select: FC<SelectProps>;
 
@@ -629,6 +631,7 @@ interface RowObject {
 }
 interface ColumnProps {
     id: string;
+    dataItemid?: string;
     isSortable?: boolean;
     label: React.ReactNode;
     render?: (row: RowObject) => void;
@@ -646,7 +649,7 @@ interface TableProps extends AccessibleProps {
     onSortChange?: (e?: any) => void;
     tableLayout?: string;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Table: FC<TableProps>;
 
@@ -660,7 +663,7 @@ interface TabProps extends AccessibleProps {
 interface TabsProps extends AccessibleProps {
     tabs: TabProps[];
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Tabs: FC<TabsProps>;
 
@@ -670,7 +673,7 @@ interface ToggleProps extends AccessibleProps {
     /** Pass a callback then fires when user change value */
     onClick: (e?: any) => void;
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const Toggle: FC<ToggleProps>;
 
@@ -690,7 +693,7 @@ interface ZeroStateProps extends AccessibleProps {
         disabled?: boolean;
     };
     /** Optional ID for automation purposes */
-    id?: string;
+    dataItemid?: string;
 }
 declare const ZeroState: FC<ZeroStateProps>;
 

package/package.json

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