@hexure/ui 1.13.72 → 1.13.74

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/esm/index.js

@@ -3016,9 +3016,9 @@ const ActionDialog = (_a) => {
             title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, margin: '0px 0px 20px 0px', type: 'secondary' }, title)) : null,
             description ? (React.createElement(Copy, { align: 'center', "data-itemid": `${baseId}-description` }, description)) : null,
             primaryButton || secondaryButton || tertiaryButton ? (React.createElement(Buttons$1, { "data-itemid": `${baseId}-buttons` },
-                tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}-tertiary-button`, format: tertiaryButton.format || 'secondary' }))) : null,
-                secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}-secondary-button`, format: secondaryButton.format || 'secondary' }))) : null,
-                primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}-primary-button`, format: primaryButton.format || 'primary' }))) : null)) : null)));
+                tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
+                secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' }))) : null,
+                primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null)) : null)));
 };
 
 const Wrapper$f = styled.div `
@@ -3303,7 +3303,7 @@ const AppMenu = ({ menu, isCollapsed, footerTag, defaultWidth = '280px', dataIte
         })),
         React.createElement(Footer, { "$isOpen": !collapsed, "data-itemid": `${baseId}-footer` },
             React.createElement(FooterInfo, { "$isOpen": !collapsed, "data-itemid": `${baseId}-footer-info` },
-                footerTag && (React.createElement(Tag, { "data-itemid": `${baseId}-footer-tag`, rotate: collapsed }, footerTag)),
+                footerTag && (React.createElement(Tag, { dataItemid: `${baseId}-footer-tag`, rotate: collapsed }, footerTag)),
                 !collapsed && (React.createElement(Copy, { "data-itemid": `${baseId}-footer-copy`, margin: '8px 0 0 0', type: 'small' },
                     "\u00A9 ",
                     new Date().getFullYear(),
@@ -3813,7 +3813,7 @@ const Select = (_a) => {
         : optionGroups;
     return (React.createElement(Wrapper$a, { "$invalid": invalid, "$isInvalidRedBackground": isInvalidRedBackground, "$isWarningError": isWarningError, "$readOnly": readOnly, "$style": style, "data-itemid": `${baseId}-wrapper` },
         searchable && (React.createElement(SearchInput$1, Object.assign({ "data-itemid": `${baseId}-search-input`, onChange: handleSearch, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, type: 'text', value: searchTerm }, accessibleProps))),
-        React.createElement(Trigger$1, Object.assign({ "data-itemid": `${baseId}-trigger`, disabled: readOnly, onChange: handleChange, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, value: value }, accessibleProps),
+        React.createElement(Trigger$1, Object.assign({ "data-itemid": `${baseId}-trigger`, disabled: readOnly, id: `${baseId}-trigger`, name: baseId, onChange: handleChange, placeholder: placeholder, tabIndex: readOnly ? -1 : tabIndex, value: value }, accessibleProps),
             placeholder && !value && (React.createElement("option", { "data-itemid": `${baseId}-placeholder`, disabled: true, value: '' }, placeholder)),
             filteredOptionGroups &&
                 filteredOptionGroups.map((group, i) => (React.createElement("optgroup", { "data-itemid": `${baseId}-optgroup-${i}`, key: i, label: group.label || `Group ${i}` }, group.options.map((option, j) => (React.createElement("option", { "data-itemid": `${baseId}-option-${i}-${j}`, key: j, style: { color: option.color }, value: option.value }, option.label || option.value)))))),
@@ -3912,10 +3912,10 @@ onChange = () => { }, style, dataItemid, locale, }) => {
     const baseId = dataItemid || 'date-picker';
     return (React.createElement(React.Fragment, null,
         React.createElement(DatePickerWrapper, { "$style": style, "data-itemid": `${baseId}-wrapper` },
-            React.createElement(Select, { "data-itemid": `${baseId}-month-select`, invalid: invalid, onChange: handleMonthChange, options: months, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectMonth) ? locale === null || locale === void 0 ? void 0 : locale.SelectMonth : 'Select Month', readOnly: readOnly, style: { borderRadius: '4px 0px 0px 4px', flexGrow: 3 }, value: selectedMonth }),
+            React.createElement(Select, { dataItemid: `${baseId}-month-select`, invalid: invalid, onChange: handleMonthChange, options: months, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectMonth) ? locale === null || locale === void 0 ? void 0 : locale.SelectMonth : 'Select Month', readOnly: readOnly, style: { borderRadius: '4px 0px 0px 4px', flexGrow: 3 }, value: selectedMonth }),
             React.createElement(Middle, { "data-itemid": `${baseId}-middle` },
-                React.createElement(Select, { "data-itemid": `${baseId}-day-select`, invalid: invalid, onChange: handleDayChange, options: dayOptions, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectDay) ? locale === null || locale === void 0 ? void 0 : locale.SelectDay : 'Select Day', readOnly: readOnly, style: { borderRadius: '0px' }, value: selectedDay })),
-            React.createElement(Select, { "data-itemid": `${baseId}-year-select`, invalid: invalid, onChange: handleYearChange, options: years, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectYear) ? locale === null || locale === void 0 ? void 0 : locale.SelectYear : 'Select Year', readOnly: readOnly, style: { borderRadius: '0px 4px 4px 0px', flexGrow: 2 }, value: selectedYear }))));
+                React.createElement(Select, { dataItemid: `${baseId}-day-select`, invalid: invalid, onChange: handleDayChange, options: dayOptions, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectDay) ? locale === null || locale === void 0 ? void 0 : locale.SelectDay : 'Select Day', readOnly: readOnly, style: { borderRadius: '0px' }, value: selectedDay })),
+            React.createElement(Select, { dataItemid: `${baseId}-year-select`, invalid: invalid, onChange: handleYearChange, options: years, placeholder: (locale === null || locale === void 0 ? void 0 : locale.SelectYear) ? locale === null || locale === void 0 ? void 0 : locale.SelectYear : 'Select Year', readOnly: readOnly, style: { borderRadius: '0px 4px 4px 0px', flexGrow: 2 }, value: selectedYear }))));
 };
 
 const Scrim$1 = styled.div `
@@ -4007,9 +4007,9 @@ const Drawer = (_a) => {
             primaryButton || secondaryButton || tertiaryButton ? (React.createElement(ButtonBar$1, { "data-itemid": `${baseId}-button-bar` },
                 React.createElement(Copy, { "data-itemid": `${baseId}-button-bar-notes`, type: 'small' }, bottomNotes),
                 React.createElement(ButtonBarNote, null,
-                    tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}-tertiary-button`, format: tertiaryButton.format || 'secondary' }))) : null,
-                    secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}-secondary-button`, format: secondaryButton.format || 'secondary' }))) : null,
-                    primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}-primary-button`, format: primaryButton.format || 'primary' }))) : null))) : null),
+                    tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
+                    secondaryButton ? (React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' }))) : null,
+                    primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null))) : null),
         scrim ? (React.createElement(Scrim$1, { "$position": position, "$scrim": scrim, "data-itemid": `${baseId}-scrim`, onClick: onClose })) : null));
 };
 
@@ -5719,9 +5719,9 @@ const Modal = (_a) => {
                         display: 'flex',
                         alignItems: 'center',
                     } },
-                    tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": `${baseId}-tertiary-button`, format: tertiaryButton.format || 'secondary' }))) : null,
+                    tertiaryButton ? (React.createElement(Button, Object.assign({}, tertiaryButton, { "data-itemid": tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, dataItemid: tertiaryButton.children || `${baseId}-${tertiaryButton.children}`, format: tertiaryButton.format || 'secondary' }))) : null,
                     quarternaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-quarternary-button-container` },
-                        React.createElement(Button, Object.assign({}, quarternaryButton, { "data-itemid": `${baseId}-quarternary-button`, format: quarternaryButton.format || 'secondary' })))) : null)) : null,
+                        React.createElement(Button, Object.assign({}, quarternaryButton, { "data-itemid": quarternaryButton.children || `${baseId}-${quarternaryButton.children}`, dataItemid: quarternaryButton.children || `${baseId}-${quarternaryButton.children}`, format: quarternaryButton.format || 'secondary' })))) : null)) : null,
                 primaryButton || secondaryButton ? (React.createElement("div", { "data-itemid": `${baseId}-right-buttons`, style: {
                         marginLeft: 'auto',
                         paddingLeft: 40,
@@ -5729,8 +5729,8 @@ const Modal = (_a) => {
                         alignItems: 'center',
                     } },
                     secondaryButton ? (React.createElement(ButtonContainer, { "data-itemid": `${baseId}-secondary-button-container` },
-                        React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": `${baseId}-secondary-button`, format: secondaryButton.format || 'secondary' })))) : null,
-                    primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": `${baseId}-primary-button`, format: primaryButton.format || 'primary' }))) : null)) : null)) : null)));
+                        React.createElement(Button, Object.assign({}, secondaryButton, { "data-itemid": secondaryButton.children || `${baseId}-${secondaryButton.children}`, dataItemid: secondaryButton.children || `${baseId}-${secondaryButton.children}`, format: secondaryButton.format || 'secondary' })))) : null,
+                    primaryButton ? (React.createElement(Button, Object.assign({}, primaryButton, { "data-itemid": primaryButton.children || `${baseId}-${primaryButton.children}`, dataItemid: primaryButton.children || `${baseId}-${primaryButton.children}`, format: primaryButton.format || 'primary' }))) : null)) : null)) : null)));
 };
 
 const Wrapper$5 = styled.div `