@hexure/ui 1.14.2 → 1.14.4

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

@@ -5,6 +5,7 @@ interface ActionProps {
     dataItemid?: string;
     label: string;
     onClick: (e?: any) => void;
+    title?: string;
 }
 export interface FieldProps extends AccessibleProps {
     action?: ActionProps;

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

@@ -12,6 +12,7 @@ interface ColumnProps {
     sortBy?: (row: RowObject) => void;
     width?: string | number;
     align?: 'center' | 'right';
+    title?: string;
 }
 export interface TableProps extends AccessibleProps {
     columns: ColumnProps[];

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

@@ -6,6 +6,7 @@ interface TabProps extends AccessibleProps {
     label: string;
     onClick?: (e?: any) => void;
     isActive?: boolean;
+    title?: string;
 }
 export interface TabsProps extends AccessibleProps {
     tabs: TabProps[];

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

@@ -14,6 +14,7 @@ export interface ZeroStateProps extends AccessibleProps {
         onClick: (e?: any) => void;
         format?: 'primary' | 'secondary' | 'red' | 'green' | string;
         disabled?: boolean;
+        title?: string;
     };
     /** Optional ID for automation purposes */
     dataItemid?: string;

package/dist/esm/index.js

@@ -4015,7 +4015,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`, dataSectionName: 'drawer-close-icon-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, title: 'Close' }))),
             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),
@@ -4104,7 +4104,7 @@ const Field = (_a) => {
                 label,
                 required ? React.createElement(Required, { "data-itemid": `${baseId}-required` }, "*") : null,
                 tooltip ? React.createElement(Tooltip, Object.assign({}, tooltip)) : null)) : null,
-            action ? (React.createElement(Action, { "data-itemid": `${baseId}-action`, onClick: action.onClick }, action.label)) : null),
+            action ? (React.createElement(Action, { "data-itemid": `${baseId}-action`, onClick: action.onClick, title: action === null || action === void 0 ? void 0 : action.title }, action.label)) : null),
         description ? (React.createElement(Description, { "data-itemid": `${baseId}-description` }, description)) : null,
         React.createElement("div", { "data-itemid": `${baseId}-children` }, children),
         React.createElement(Validation, { className: 'field-validation-wrapper', "data-itemid": `${baseId}-validation${validationText ? '' : '-empty'}`, title: validationText }, validationText && isNewMessageType
@@ -5161,7 +5161,7 @@ const StyledInput = styled.input `
 const StyledTextArea = styled.textarea `
   border: none !important;
   background: none !important;
-  overflow-y: scroll !important;
+  overflow-y: auto !important;
   font-size: 14px;
   font-weight: 400;
   height: ${props => props.$height || 'auto'};
@@ -6135,7 +6135,7 @@ const Table = (_a) => {
         hideHeaders ? null : (React.createElement("thead", { "data-itemid": `${baseId}-thead` },
             React.createElement("tr", { "data-itemid": `${baseId}-header-row` }, columns.map((column, i) => {
                 const columnId = `${baseId}-column-${i}`;
-                return (React.createElement(Header, { "$isSortable": column.isSortable, "$width": column.width, "data-itemid": `${columnId}-header`, key: i, onClick: onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange.bind(null, column.id) },
+                return (React.createElement(Header, { "$isSortable": column.isSortable, "$width": column.width, "data-itemid": `${columnId}-header`, key: i, onClick: onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange.bind(null, column.id), title: column === null || column === void 0 ? void 0 : column.title },
                     column.label,
                     column.isSortable && sortBy === column.id ? (React.createElement(IconWrapper, { "data-itemid": `${columnId}-icon-wrapper` },
                         React.createElement(StyledIcon$1, { "data-itemid": `${columnId}-icon`, path: sortDirection === 'asc' ? mdiChevronUp : mdiChevronDown, size: '20px' }))) : null));
@@ -6204,7 +6204,7 @@ const Tabs = (_a) => {
     return (React.createElement(Wrapper$1, Object.assign({}, accessibleProps, { "data-itemid": `${baseId}-wrapper` }), tabs.map((_a, i) => {
         var { isActive, label, badgeCount, errorBadge, onClick } = _a, accessibleProps = __rest(_a, ["isActive", "label", "badgeCount", "errorBadge", "onClick"]);
         const tabId = `${baseId}-tab-${i}`;
-        return (React.createElement(Tab, Object.assign({ "$isActive": isActive || false, key: i, onClick: isActive ? undefined : onClick }, accessibleProps, { "data-itemid": `${tabId}-tab` }),
+        return (React.createElement(Tab, Object.assign({ "$isActive": isActive || false, key: i, onClick: isActive ? undefined : onClick }, accessibleProps, { "data-itemid": `${tabId}-tab`, title: accessibleProps === null || accessibleProps === void 0 ? void 0 : accessibleProps.title }),
             badgeCount ? (React.createElement(Badge, { "$isError": errorBadge || false, "data-itemid": `${tabId}-badge` }, badgeCount)) : null,
             label));
     })));
@@ -6277,7 +6277,7 @@ const ZeroState = (_a) => {
         React.createElement(Wrapper, { "data-itemid": `${baseId}-wrapper` },
             React.createElement(Heading, { children: title, dataItemid: `${baseId}-heading`, type: 'tertiary' }),
             description && (React.createElement(Copy, { align: 'center', children: description, color: 'GRAY', "data-itemid": `${baseId}-description`, type: 'default' }))),
-        action && (React.createElement(Button, { children: action.children, dataItemid: `${baseId}-button`, disabled: action.disabled, format: action.format, icon: action.icon, onClick: action.onClick }))));
+        action && (React.createElement(Button, { children: action.children, dataItemid: `${baseId}-button`, disabled: action.disabled, format: action.format, icon: action.icon, onClick: action.onClick, title: action === null || action === void 0 ? void 0 : action.title }))));
 };
 
 export { Accordion, ActionDialog, Alert, AppHeader, AppMenu, BulkActionBar, Button, ButtonMenu, Checkbox, Checklist, Colors, Copy, DatePicker, Drawer, EditableTheme, Field, FieldGroup, FileUpload, FontSizes, FontStyles, Heading, Input$1 as 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 };