@hexure/ui 1.13.93 → 1.13.95

package/dist/cjs/types/components/Button/Button.d.ts

@@ -31,6 +31,8 @@ export interface ButtonProps extends AccessibleProps {
     dataItemid?: string;
     /** Optional type for the button */
     type?: 'button' | 'submit' | 'reset' | null;
+    /** Optional section name for automation purposes */
+    dataSectionName?: string;
 }
 declare const Button: FC<ButtonProps>;
 export default Button;

package/dist/esm/index.js

@@ -2886,7 +2886,7 @@ const Badge$1 = styled.span `
   margin-right: ${props => (props.$small ? '-5px' : '-10px')};
 `;
 const Button = (_a) => {
-    var { badge, children, disabled = false, icon, isForm = false, loading = false, margin = '', onClick, small = false, format = 'primary', iconPosition = 'after', toolTip, title = '', dataItemid, type = null } = _a, accessibleProps = __rest(_a, ["badge", "children", "disabled", "icon", "isForm", "loading", "margin", "onClick", "small", "format", "iconPosition", "toolTip", "title", "dataItemid", "type"]);
+    var { badge, children, disabled = false, icon, isForm = false, loading = false, margin = '', onClick, small = false, format = 'primary', iconPosition = 'after', toolTip, title = '', dataItemid, type = null, dataSectionName } = _a, accessibleProps = __rest(_a, ["badge", "children", "disabled", "icon", "isForm", "loading", "margin", "onClick", "small", "format", "iconPosition", "toolTip", "title", "dataItemid", "type", "dataSectionName"]);
     const theme = useContext(ThemeContext) || EditableTheme;
     const has_children = children && children.length > 0;
     const button_type_mapping = {
@@ -2921,7 +2921,7 @@ const Button = (_a) => {
     };
     const format_styles = button_type_mapping[format];
     const baseId = dataItemid || 'button';
-    const button_view = (React.createElement(StyledButton, Object.assign({ "$bg_color": format_styles.background_color, "$border_color": format_styles.border_color, "$disabled": disabled || loading, "$format": format, "$hasChildren": !!has_children, "$iconPosition": iconPosition, "$margin": margin, "$small": small, disabled: disabled || loading, onClick: disabled || loading ? undefined : onClick, title: title, type: type || (isForm ? 'submit' : undefined) }, accessibleProps, { "data-itemid": `${baseId}-styled-button` }),
+    const button_view = (React.createElement(StyledButton, Object.assign({ "$bg_color": format_styles.background_color, "$border_color": format_styles.border_color, "$disabled": disabled || loading, "$format": format, "$hasChildren": !!has_children, "$iconPosition": iconPosition, "$margin": margin, "$small": small, disabled: disabled || loading, onClick: disabled || loading ? undefined : onClick, title: title, type: type || (isForm ? 'submit' : undefined) }, accessibleProps, { "data-itemid": `${baseId}-styled-button`, "data-section-name": dataSectionName || '' }),
         children ? (React.createElement(Label$5, { "$content_color": disabled || loading ? '#666666' : format_styles.content_color, "$small": small, "data-itemid": `${baseId}-label` }, children)) : null,
         icon && !badge ? (React.createElement(StyledIcon$5, { "$hasChildren": !!has_children, "data-itemid": `${baseId}-icon` },
             React.createElement(Icon, { color: (() => {
@@ -4014,7 +4014,7 @@ const Drawer = (_a) => {
                     title ? (React.createElement(Heading, { dataItemid: `${baseId}-title`, type: 'secondary' }, title)) : null,
                     description ? (React.createElement(Copy, { color: 'GRAY', "data-itemid": `${baseId}-description` }, description)) : null),
                 React.createElement(Close$1, { "data-itemid": `${baseId}-close`, onClick: onClose },
-                    React.createElement(Button, { dataItemid: `${baseId}-close-button`, format: 'secondary', icon: mdiClose, small: true }))),
+                    React.createElement(Button, { dataItemid: `${baseId}-close-button`, dataSectionName: 'drawer-close-icon-button', format: 'secondary', icon: mdiClose, small: true }))),
             React.createElement(ContentWrapper$1, { "data-itemid": `${baseId}-content-wrapper` }, children),
             primaryButton || secondaryButton || tertiaryButton ? (React.createElement(ButtonBar$1, { "data-itemid": `${baseId}-button-bar` },
                 React.createElement(Copy, { "data-itemid": `${baseId}-button-bar-notes`, type: 'small' }, bottomNotes),
@@ -5680,6 +5680,7 @@ const CloseMsg = styled.span `
   line-height: 1em;
   color: ${Colors.MEDIUM_GRAY.Hex};
 `;
+const CloseIcon = styled.span ``;
 const ContentWrapper = styled.div `
   overflow-x: hidden;
   overflow-y: auto;
@@ -5720,7 +5721,8 @@ const Modal = (_a) => {
                 title ? (React.createElement(Heading, { "data-itemid": `${baseId}-title`, style: headerTitleStyle, type: 'secondary' }, title)) : null,
                 React.createElement(Close, { "data-itemid": `${baseId}-close`, onClick: onClose },
                     React.createElement(CloseMsg, { "data-itemid": `${baseId}-close-msg` }, "(Esc)"),
-                    React.createElement(Icon, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-close-icon`, path: mdiClose, size: '24px' }))),
+                    React.createElement(CloseIcon, { "data-itemid": `${baseId}-close-icon-wrapper` },
+                        React.createElement(Icon, { color: Colors.BLACK.Hex, "data-itemid": `${baseId}-close-icon`, path: mdiClose, size: '24px' })))),
             steps ? React.createElement(ProgressBar, { steps: steps }) : null,
             React.createElement(ContentWrapper, { "data-itemid": `${baseId}-content-wrapper` }, children),
             primaryButton || secondaryButton || tertiaryButton || quarternaryButton ? (React.createElement(ButtonBar, { "data-itemid": `${baseId}-button-bar` },
@@ -5885,7 +5887,7 @@ const PageHeader = ({ title = '', breadcrumbs, actions, buttonMenu, tag, dataIte
     return (React.createElement(Wrapper$4, { "data-itemid": `${baseId}-wrapper` },
         React.createElement(Info, { "data-itemid": `${baseId}-info` },
             React.createElement(Title, { "data-itemid": `${baseId}-title` },
-                React.createElement(Heading, { "data-itemid": `${baseId}-heading`, type: 'secondary' }, title),
+                React.createElement(Heading, { dataItemid: `${baseId}-heading`, type: 'secondary' }, title),
                 tag ? React.createElement(Tag, Object.assign({}, tag, { "data-itemid": `${baseId}-tag` })) : null),
             breadcrumbs ? (React.createElement(Breadcrumbs, { "data-itemid": `${baseId}-breadcrumbs` }, breadcrumbs.map((crumb, i) => {
                 const crumbId = `${baseId}-breadcrumb-${i}`;