@easypost/easy-ui 1.0.0-alpha.69 → 1.0.0-alpha.70

package/DataGrid/index.js

@@ -68,13 +68,13 @@ var __yieldStar = (value) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../__chunks__/Icon-CYsmNchv.js");
-const Menu = require("../__chunks__/Menu-BElR0RBK.js");
-const Text = require("../__chunks__/Text-hP_Y9mSJ.js");
-const KebabButton = require("../__chunks__/KebabButton-BPEfCygq.js");
+const Icon = require("../__chunks__/Icon-BlcrcY3U.js");
+const Menu = require("../__chunks__/Menu-ChrJLF1b.js");
+const Text = require("../__chunks__/Text-C6DuTMMj.js");
+const KebabButton = require("../__chunks__/KebabButton-CpClD-ta.js");
 const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
 const utilities_css = require("../utilities/css.js");
-const Checkbox = require("../__chunks__/Checkbox-DZQ5HskZ.js");
+const Checkbox = require("../__chunks__/Checkbox-CQ1sLqDH.js");
 const FocusScope = require("../__chunks__/FocusScope-Djtxzznf.js");
 const focusSafely = require("../__chunks__/focusSafely-wmTq_iKq.js");
 const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
@@ -92,9 +92,9 @@ const usePress = require("../__chunks__/usePress-DTGD4Sub.js");
 const VisuallyHidden = require("../__chunks__/VisuallyHidden-DcUrMWfu.js");
 const SelectionManager = require("../__chunks__/SelectionManager-DuX6geJg.js");
 const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
-const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors--Trr_tJl.js");
+const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-BE1QLRt6.js");
 const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
-const Spinner = require("../__chunks__/Spinner-m8qMSR1F.js");
+const Spinner = require("../__chunks__/Spinner-DGw1szSS.js");
 const useSelectableList = require("../__chunks__/useSelectableList-Dk3TxzYJ.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
@@ -2136,7 +2136,7 @@ const useDataGridRow = () => {
   }
   return dataGridRowContext;
 };
-const ActionsCellContent$1 = "_ActionsCellContent_wkb8f_5";
+const ActionsCellContent$1 = "_ActionsCellContent_1emjy_5";
 const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
@@ -2182,8 +2182,8 @@ function ActionRowAction({ rowAction }) {
     symbol: rowAction.iconSymbol
   }));
 }
-const button = "_button_1xuui_5";
-const expanded$2 = "_expanded_1xuui_23";
+const button = "_button_13cnl_5";
+const expanded$2 = "_expanded_13cnl_23";
 const styles$6 = {
   button,
   expanded: expanded$2
@@ -2204,20 +2204,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     size: "xs"
   }));
 }
-const Cell$1 = "_Cell_12v8r_5";
-const content$1 = "_content_12v8r_14";
-const lastRow = "_lastRow_12v8r_25";
-const focused$1 = "_focused_12v8r_29";
-const rowFocused = "_rowFocused_12v8r_30";
-const expanded$1 = "_expanded_12v8r_34";
-const first$1 = "_first_12v8r_38";
-const firstWithActions$1 = "_firstWithActions_12v8r_45";
-const secondWithActions$1 = "_secondWithActions_12v8r_51";
-const last$1 = "_last_12v8r_25";
-const lastWithActions$1 = "_lastWithActions_12v8r_62";
-const secondToLastWithActions$1 = "_secondToLastWithActions_12v8r_71";
-const shadowLeft$1 = "_shadowLeft_12v8r_75";
-const shadowRight$1 = "_shadowRight_12v8r_94";
+const Cell$1 = "_Cell_i9u81_5";
+const content$1 = "_content_i9u81_14";
+const lastRow = "_lastRow_i9u81_25";
+const focused$1 = "_focused_i9u81_29";
+const rowFocused = "_rowFocused_i9u81_30";
+const expanded$1 = "_expanded_i9u81_34";
+const first$1 = "_first_i9u81_38";
+const firstWithActions$1 = "_firstWithActions_i9u81_45";
+const secondWithActions$1 = "_secondWithActions_i9u81_51";
+const last$1 = "_last_i9u81_25";
+const lastWithActions$1 = "_lastWithActions_i9u81_62";
+const secondToLastWithActions$1 = "_secondToLastWithActions_i9u81_71";
+const shadowLeft$1 = "_shadowLeft_i9u81_75";
+const shadowRight$1 = "_shadowRight_i9u81_94";
 const styles$5 = {
   Cell: Cell$1,
   content: content$1,
@@ -2233,7 +2233,7 @@ const styles$5 = {
   secondToLastWithActions: secondToLastWithActions$1,
   shadowLeft: shadowLeft$1,
   shadowRight: shadowRight$1,
-  "static": "_static_12v8r_113"
+  "static": "_static_i9u81_113"
 };
 function Cell({ cell, state }) {
   const table2 = useDataGridTable();
@@ -2285,10 +2285,10 @@ function StaticCell({ children, colSpan }) {
     "data-ezui-data-grid-shadow": true
   })));
 }
-const SortIndicator$1 = "_SortIndicator_1utdq_5";
-const arrow = "_arrow_1utdq_10";
-const sorted = "_sorted_1utdq_14";
-const onHeaderSecondary = "_onHeaderSecondary_1utdq_18";
+const SortIndicator$1 = "_SortIndicator_1h8s6_5";
+const arrow = "_arrow_1h8s6_10";
+const sorted = "_sorted_1h8s6_14";
+const onHeaderSecondary = "_onHeaderSecondary_1h8s6_18";
 const styles$4 = {
   SortIndicator: SortIndicator$1,
   arrow,
@@ -2321,19 +2321,19 @@ function Arrow(props) {
     d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
   }));
 }
-const ColumnHeader$1 = "_ColumnHeader_qqfxs_5";
-const content = "_content_qqfxs_15";
-const allowsSorting = "_allowsSorting_qqfxs_26";
-const focused = "_focused_qqfxs_31";
-const first = "_first_qqfxs_44";
-const firstWithActions = "_firstWithActions_qqfxs_50";
-const secondWithActions = "_secondWithActions_qqfxs_57";
-const last = "_last_qqfxs_63";
-const lastWithActions = "_lastWithActions_qqfxs_67";
-const secondToLastWithActions = "_secondToLastWithActions_qqfxs_74";
-const shadowBottom = "_shadowBottom_qqfxs_78";
-const shadowRight = "_shadowRight_qqfxs_100";
-const shadowLeft = "_shadowLeft_qqfxs_119";
+const ColumnHeader$1 = "_ColumnHeader_tk8fi_5";
+const content = "_content_tk8fi_15";
+const allowsSorting = "_allowsSorting_tk8fi_26";
+const focused = "_focused_tk8fi_31";
+const first = "_first_tk8fi_44";
+const firstWithActions = "_firstWithActions_tk8fi_50";
+const secondWithActions = "_secondWithActions_tk8fi_57";
+const last = "_last_tk8fi_63";
+const lastWithActions = "_lastWithActions_tk8fi_67";
+const secondToLastWithActions = "_secondToLastWithActions_tk8fi_74";
+const shadowBottom = "_shadowBottom_tk8fi_78";
+const shadowRight = "_shadowRight_tk8fi_100";
+const shadowLeft = "_shadowLeft_tk8fi_119";
 const styles$3 = {
   ColumnHeader: ColumnHeader$1,
   content,
@@ -2392,8 +2392,8 @@ function SelectAllColumnHeaderContent({ state }) {
   }
   return React.createElement(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
 }
-const ExpandedRowContent$1 = "_ExpandedRowContent_1gfic_5";
-const inner = "_inner_1gfic_17";
+const ExpandedRowContent$1 = "_ExpandedRowContent_1sl9n_5";
+const inner = "_inner_1sl9n_17";
 const styles$2 = {
   ExpandedRowContent: ExpandedRowContent$1,
   inner
@@ -2406,12 +2406,14 @@ function ExpandedRowContent({ children }) {
     className: utilities_css.classNames(styles$2.inner)
   }, children));
 }
-const Row$1 = "_Row_1j1jr_5";
-const expanded = "_expanded_1j1jr_12";
-const hovered = "_hovered_1j1jr_18";
-const selected = "_selected_1j1jr_22";
+const Row$1 = "_Row_1s55p_5";
+const noUserSelection = "_noUserSelection_1s55p_10";
+const expanded = "_expanded_1s55p_15";
+const hovered = "_hovered_1s55p_21";
+const selected = "_selected_1s55p_25";
 const styles$1 = {
   Row: Row$1,
+  noUserSelection,
   expanded,
   hovered,
   selected
@@ -2436,6 +2438,7 @@ function Row({ item, children, state, isExpanded }) {
   const isPendingExpanded = item.value ? item.value[EXPAND_COLUMN_KEY] === true : false;
   const rowIndex = item.index;
   const ref = React.useRef(null);
+  const { hasSelection, hasOnRowAction } = useDataGridTable();
   const { rowProps, isPressed } = $b2db214c022798eb$export$7f2f6ae19e707aa5({
     node: item
   }, state, ref);
@@ -2460,7 +2463,7 @@ function Row({ item, children, state, isExpanded }) {
       index: rowIndex
     };
   }, [isExpanded, isFocusVisible, removeHover, rowIndex]);
-  const className = utilities_css.classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled);
+  const className = utilities_css.classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled, (hasSelection || hasOnRowAction) && styles$1.noUserSelection);
   return React.createElement(DataGridRowContext.Provider, {
     value: context2
   }, React.createElement("tr", __spreadProps(__spreadValues({
@@ -2477,14 +2480,15 @@ function StaticRow({ children }) {
     className: styles$1.Row
   }, children);
 }
-const DataGrid$1 = "_DataGrid_1b8mw_5";
-const sizeSm = "_sizeSm_1b8mw_42";
-const sizeLg = "_sizeLg_1b8mw_47";
-const innerContainer = "_innerContainer_1b8mw_51";
-const contents = "_contents_1b8mw_56";
-const table = "_table_1b8mw_60";
-const headerSecondary = "_headerSecondary_1b8mw_68";
-const headerEmphasized = "_headerEmphasized_1b8mw_73";
+const DataGrid$1 = "_DataGrid_1mou1_5";
+const sizeSm = "_sizeSm_1mou1_41";
+const sizeLg = "_sizeLg_1mou1_46";
+const innerContainer = "_innerContainer_1mou1_50";
+const contents = "_contents_1mou1_55";
+const table = "_table_1mou1_59";
+const headerSecondary = "_headerSecondary_1mou1_67";
+const headerEmphasized = "_headerEmphasized_1mou1_72";
+const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_1mou1_76";
 const styles = {
   DataGrid: DataGrid$1,
   sizeSm,
@@ -2493,7 +2497,8 @@ const styles = {
   contents,
   table,
   headerSecondary,
-  headerEmphasized
+  headerEmphasized,
+  visuallyHiddenCellContainer
 };
 function RowGroup({ as: As = "div", children }) {
   const { rowGroupProps } = $0047e6c294ea075f$export$6fb1613bd7b28198();
@@ -2556,7 +2561,7 @@ function getExpandedRowEl($container) {
   return $container.querySelector(`[data-ezui-data-grid-expanded-row='true']`);
 }
 function Table(props) {
-  const { headerVariant, maxRows = DEFAULT_MAX_ROWS, renderExpandedRow = (r) => r, selectionMode, size = DEFAULT_SIZE, renderEmptyState = () => "No Data!", isLoading = false } = props;
+  const { headerVariant, maxRows = DEFAULT_MAX_ROWS, renderExpandedRow = (r) => r, selectionMode, size = DEFAULT_SIZE, renderEmptyState = () => "No Data", isLoading = false } = props;
   const outerContainerRef = React.useRef(null);
   const innerContainerRef = React.useRef(null);
   const tableRef = React.useRef(null);
@@ -2576,6 +2581,7 @@ function Table(props) {
   const hasSelection = columns.some((c) => c.props.isSelectionCell);
   const hasExpansion = columns.some((c) => c.key === EXPAND_COLUMN_KEY);
   const hasRowActions = columns.some((c) => c.key === ACTIONS_COLUMN_KEY);
+  const hasOnRowAction = !!props.onRowAction;
   const dataGridClassName = utilities_css.classNames(styles.DataGrid, styles[utilities_css.variationName("size", size)]);
   const tableClassName = utilities_css.classNames(styles.table, headerVariant && styles[utilities_css.variationName("header", headerVariant)], hasSelection && styles.hasSelection, hasExpansion && styles.hasExpansion, hasRowActions && styles.hasRowActions, isTopEdgeUnderScroll && styles.topEdgeUnderScroll, isLeftEdgeUnderScroll && styles.leftEdgeUnderScroll, isRightEdgeUnderScroll && styles.rightEdgeUnderScroll);
   const style = __spreadValues(__spreadValues({}, utilities_css.getComponentToken("data-grid", "max-rows", String(maxRows))), expandedRowStyle);
@@ -2585,11 +2591,12 @@ function Table(props) {
       hasSelection,
       hasExpansion,
       hasRowActions,
+      hasOnRowAction,
       isTopEdgeUnderScroll,
       isLeftEdgeUnderScroll,
       isRightEdgeUnderScroll
     };
-  }, [headerVariant, hasSelection, hasExpansion, hasRowActions, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
+  }, [headerVariant, hasSelection, hasExpansion, hasRowActions, hasOnRowAction, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
   return React.createElement(DataGridTableContext.Provider, {
     value: context2
   }, React.createElement("div", {
@@ -2631,9 +2638,11 @@ function Table(props) {
   })))))), expandedRow && React.createElement(ExpandedRowContent, null, renderExpandedRow(expandedRow.key)), renderInterceptors())));
 }
 function VisuallyHiddenCellContent({ children }) {
-  return React.createElement(Text.Text, {
+  return React.createElement("span", {
+    className: styles.visuallyHiddenCellContainer
+  }, React.createElement(Text.Text, {
     visuallyHidden: true
-  }, children);
+  }, children));
 }
 function DataGrid(props) {
   const { columns: unprocessedColumns, columnKeysAllowingSort = [], defaultExpandedKey, expandedKey: expandedKeyFromUser, onExpandedChange = () => {

package/DataGrid/index.mjs

@@ -66,13 +66,13 @@ var __yieldStar = (value) => {
   }, "return" in obj && method("return"), it;
 };
 import React__default, { useMemo, useRef, useEffect, useState, useCallback, createContext, useContext, useLayoutEffect } from "react";
-import { I as Icon } from "../__chunks__/Icon-CcUj4MVY.mjs";
-import { M as Menu } from "../__chunks__/Menu-i28maspp.mjs";
-import { T as Text } from "../__chunks__/Text-BAiVIBZd.mjs";
-import { K as KebabButton, U as UnstyledPressButton } from "../__chunks__/KebabButton-Bj7-5IMa.mjs";
+import { I as Icon } from "../__chunks__/Icon-CQ73-QIg.mjs";
+import { M as Menu } from "../__chunks__/Menu-DZBO3sp5.mjs";
+import { T as Text } from "../__chunks__/Text-BY4p1xZ-.mjs";
+import { K as KebabButton, U as UnstyledPressButton } from "../__chunks__/KebabButton-D_JdD9tg.mjs";
 import { A as ArrowForwardIos } from "../__chunks__/ArrowForwardIos-DSeLeLhY.mjs";
 import { classNames, variationName, getComponentToken } from "../utilities/css.mjs";
-import { C as Checkbox } from "../__chunks__/Checkbox-ukdXVfAE.mjs";
+import { C as Checkbox } from "../__chunks__/Checkbox-CAqgwqP5.mjs";
 import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-CUJV-jWH.mjs";
 import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "../__chunks__/focusSafely-CCOEuEpK.mjs";
 import { c as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-DSi85raC.mjs";
@@ -90,9 +90,9 @@ import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, g as $ea8dcbcb9ea1b556$
 import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-cQCgS6_a.mjs";
 import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, c as $c5a24bc478652b5f$export$1005530eda016c13, d as $c5a24bc478652b5f$export$7475b2c64539e4cf, e as $c5a24bc478652b5f$export$fbdeaa6a76694f71, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, a as $7613b1592d41b092$export$6cd28814d92fa9c9, f as $c5a24bc478652b5f$export$5f3398f8733f90e2 } from "../__chunks__/SelectionManager-DCO_d3m1.mjs";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-BOYR4wqI.mjs";
-import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-BougedeY.mjs";
+import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-DUaDYOew.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
-import { S as Spinner } from "../__chunks__/Spinner-CBomPNoI.mjs";
+import { S as Spinner } from "../__chunks__/Spinner-w1oZ97DZ.mjs";
 import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-DPJUwWwV.mjs";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
@@ -2134,7 +2134,7 @@ const useDataGridRow = () => {
   }
   return dataGridRowContext;
 };
-const ActionsCellContent$1 = "_ActionsCellContent_wkb8f_5";
+const ActionsCellContent$1 = "_ActionsCellContent_1emjy_5";
 const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
@@ -2180,8 +2180,8 @@ function ActionRowAction({ rowAction }) {
     symbol: rowAction.iconSymbol
   }));
 }
-const button = "_button_1xuui_5";
-const expanded$2 = "_expanded_1xuui_23";
+const button = "_button_13cnl_5";
+const expanded$2 = "_expanded_13cnl_23";
 const styles$6 = {
   button,
   expanded: expanded$2
@@ -2202,20 +2202,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     size: "xs"
   }));
 }
-const Cell$1 = "_Cell_12v8r_5";
-const content$1 = "_content_12v8r_14";
-const lastRow = "_lastRow_12v8r_25";
-const focused$1 = "_focused_12v8r_29";
-const rowFocused = "_rowFocused_12v8r_30";
-const expanded$1 = "_expanded_12v8r_34";
-const first$1 = "_first_12v8r_38";
-const firstWithActions$1 = "_firstWithActions_12v8r_45";
-const secondWithActions$1 = "_secondWithActions_12v8r_51";
-const last$1 = "_last_12v8r_25";
-const lastWithActions$1 = "_lastWithActions_12v8r_62";
-const secondToLastWithActions$1 = "_secondToLastWithActions_12v8r_71";
-const shadowLeft$1 = "_shadowLeft_12v8r_75";
-const shadowRight$1 = "_shadowRight_12v8r_94";
+const Cell$1 = "_Cell_i9u81_5";
+const content$1 = "_content_i9u81_14";
+const lastRow = "_lastRow_i9u81_25";
+const focused$1 = "_focused_i9u81_29";
+const rowFocused = "_rowFocused_i9u81_30";
+const expanded$1 = "_expanded_i9u81_34";
+const first$1 = "_first_i9u81_38";
+const firstWithActions$1 = "_firstWithActions_i9u81_45";
+const secondWithActions$1 = "_secondWithActions_i9u81_51";
+const last$1 = "_last_i9u81_25";
+const lastWithActions$1 = "_lastWithActions_i9u81_62";
+const secondToLastWithActions$1 = "_secondToLastWithActions_i9u81_71";
+const shadowLeft$1 = "_shadowLeft_i9u81_75";
+const shadowRight$1 = "_shadowRight_i9u81_94";
 const styles$5 = {
   Cell: Cell$1,
   content: content$1,
@@ -2231,7 +2231,7 @@ const styles$5 = {
   secondToLastWithActions: secondToLastWithActions$1,
   shadowLeft: shadowLeft$1,
   shadowRight: shadowRight$1,
-  "static": "_static_12v8r_113"
+  "static": "_static_i9u81_113"
 };
 function Cell({ cell, state }) {
   const table2 = useDataGridTable();
@@ -2283,10 +2283,10 @@ function StaticCell({ children, colSpan }) {
     "data-ezui-data-grid-shadow": true
   })));
 }
-const SortIndicator$1 = "_SortIndicator_1utdq_5";
-const arrow = "_arrow_1utdq_10";
-const sorted = "_sorted_1utdq_14";
-const onHeaderSecondary = "_onHeaderSecondary_1utdq_18";
+const SortIndicator$1 = "_SortIndicator_1h8s6_5";
+const arrow = "_arrow_1h8s6_10";
+const sorted = "_sorted_1h8s6_14";
+const onHeaderSecondary = "_onHeaderSecondary_1h8s6_18";
 const styles$4 = {
   SortIndicator: SortIndicator$1,
   arrow,
@@ -2319,19 +2319,19 @@ function Arrow(props) {
     d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
   }));
 }
-const ColumnHeader$1 = "_ColumnHeader_qqfxs_5";
-const content = "_content_qqfxs_15";
-const allowsSorting = "_allowsSorting_qqfxs_26";
-const focused = "_focused_qqfxs_31";
-const first = "_first_qqfxs_44";
-const firstWithActions = "_firstWithActions_qqfxs_50";
-const secondWithActions = "_secondWithActions_qqfxs_57";
-const last = "_last_qqfxs_63";
-const lastWithActions = "_lastWithActions_qqfxs_67";
-const secondToLastWithActions = "_secondToLastWithActions_qqfxs_74";
-const shadowBottom = "_shadowBottom_qqfxs_78";
-const shadowRight = "_shadowRight_qqfxs_100";
-const shadowLeft = "_shadowLeft_qqfxs_119";
+const ColumnHeader$1 = "_ColumnHeader_tk8fi_5";
+const content = "_content_tk8fi_15";
+const allowsSorting = "_allowsSorting_tk8fi_26";
+const focused = "_focused_tk8fi_31";
+const first = "_first_tk8fi_44";
+const firstWithActions = "_firstWithActions_tk8fi_50";
+const secondWithActions = "_secondWithActions_tk8fi_57";
+const last = "_last_tk8fi_63";
+const lastWithActions = "_lastWithActions_tk8fi_67";
+const secondToLastWithActions = "_secondToLastWithActions_tk8fi_74";
+const shadowBottom = "_shadowBottom_tk8fi_78";
+const shadowRight = "_shadowRight_tk8fi_100";
+const shadowLeft = "_shadowLeft_tk8fi_119";
 const styles$3 = {
   ColumnHeader: ColumnHeader$1,
   content,
@@ -2390,8 +2390,8 @@ function SelectAllColumnHeaderContent({ state }) {
   }
   return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
 }
-const ExpandedRowContent$1 = "_ExpandedRowContent_1gfic_5";
-const inner = "_inner_1gfic_17";
+const ExpandedRowContent$1 = "_ExpandedRowContent_1sl9n_5";
+const inner = "_inner_1sl9n_17";
 const styles$2 = {
   ExpandedRowContent: ExpandedRowContent$1,
   inner
@@ -2404,12 +2404,14 @@ function ExpandedRowContent({ children }) {
     className: classNames(styles$2.inner)
   }, children));
 }
-const Row$1 = "_Row_1j1jr_5";
-const expanded = "_expanded_1j1jr_12";
-const hovered = "_hovered_1j1jr_18";
-const selected = "_selected_1j1jr_22";
+const Row$1 = "_Row_1s55p_5";
+const noUserSelection = "_noUserSelection_1s55p_10";
+const expanded = "_expanded_1s55p_15";
+const hovered = "_hovered_1s55p_21";
+const selected = "_selected_1s55p_25";
 const styles$1 = {
   Row: Row$1,
+  noUserSelection,
   expanded,
   hovered,
   selected
@@ -2434,6 +2436,7 @@ function Row({ item, children, state, isExpanded }) {
   const isPendingExpanded = item.value ? item.value[EXPAND_COLUMN_KEY] === true : false;
   const rowIndex = item.index;
   const ref = useRef(null);
+  const { hasSelection, hasOnRowAction } = useDataGridTable();
   const { rowProps, isPressed } = $b2db214c022798eb$export$7f2f6ae19e707aa5({
     node: item
   }, state, ref);
@@ -2458,7 +2461,7 @@ function Row({ item, children, state, isExpanded }) {
       index: rowIndex
     };
   }, [isExpanded, isFocusVisible, removeHover, rowIndex]);
-  const className = classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled);
+  const className = classNames(styles$1.Row, isExpanded && styles$1.expanded, isHovered && styles$1.hovered, isFocusVisible && styles$1.focused, isSelected && styles$1.selected, isPressed && styles$1.pressed, isDisabled && styles$1.disabled, (hasSelection || hasOnRowAction) && styles$1.noUserSelection);
   return React__default.createElement(DataGridRowContext.Provider, {
     value: context
   }, React__default.createElement("tr", __spreadProps(__spreadValues({
@@ -2475,14 +2478,15 @@ function StaticRow({ children }) {
     className: styles$1.Row
   }, children);
 }
-const DataGrid$1 = "_DataGrid_1b8mw_5";
-const sizeSm = "_sizeSm_1b8mw_42";
-const sizeLg = "_sizeLg_1b8mw_47";
-const innerContainer = "_innerContainer_1b8mw_51";
-const contents = "_contents_1b8mw_56";
-const table = "_table_1b8mw_60";
-const headerSecondary = "_headerSecondary_1b8mw_68";
-const headerEmphasized = "_headerEmphasized_1b8mw_73";
+const DataGrid$1 = "_DataGrid_1mou1_5";
+const sizeSm = "_sizeSm_1mou1_41";
+const sizeLg = "_sizeLg_1mou1_46";
+const innerContainer = "_innerContainer_1mou1_50";
+const contents = "_contents_1mou1_55";
+const table = "_table_1mou1_59";
+const headerSecondary = "_headerSecondary_1mou1_67";
+const headerEmphasized = "_headerEmphasized_1mou1_72";
+const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_1mou1_76";
 const styles = {
   DataGrid: DataGrid$1,
   sizeSm,
@@ -2491,7 +2495,8 @@ const styles = {
   contents,
   table,
   headerSecondary,
-  headerEmphasized
+  headerEmphasized,
+  visuallyHiddenCellContainer
 };
 function RowGroup({ as: As = "div", children }) {
   const { rowGroupProps } = $0047e6c294ea075f$export$6fb1613bd7b28198();
@@ -2554,7 +2559,7 @@ function getExpandedRowEl($container) {
   return $container.querySelector(`[data-ezui-data-grid-expanded-row='true']`);
 }
 function Table(props) {
-  const { headerVariant, maxRows = DEFAULT_MAX_ROWS, renderExpandedRow = (r) => r, selectionMode, size = DEFAULT_SIZE, renderEmptyState = () => "No Data!", isLoading = false } = props;
+  const { headerVariant, maxRows = DEFAULT_MAX_ROWS, renderExpandedRow = (r) => r, selectionMode, size = DEFAULT_SIZE, renderEmptyState = () => "No Data", isLoading = false } = props;
   const outerContainerRef = useRef(null);
   const innerContainerRef = useRef(null);
   const tableRef = useRef(null);
@@ -2574,6 +2579,7 @@ function Table(props) {
   const hasSelection = columns.some((c) => c.props.isSelectionCell);
   const hasExpansion = columns.some((c) => c.key === EXPAND_COLUMN_KEY);
   const hasRowActions = columns.some((c) => c.key === ACTIONS_COLUMN_KEY);
+  const hasOnRowAction = !!props.onRowAction;
   const dataGridClassName = classNames(styles.DataGrid, styles[variationName("size", size)]);
   const tableClassName = classNames(styles.table, headerVariant && styles[variationName("header", headerVariant)], hasSelection && styles.hasSelection, hasExpansion && styles.hasExpansion, hasRowActions && styles.hasRowActions, isTopEdgeUnderScroll && styles.topEdgeUnderScroll, isLeftEdgeUnderScroll && styles.leftEdgeUnderScroll, isRightEdgeUnderScroll && styles.rightEdgeUnderScroll);
   const style = __spreadValues(__spreadValues({}, getComponentToken("data-grid", "max-rows", String(maxRows))), expandedRowStyle);
@@ -2583,11 +2589,12 @@ function Table(props) {
       hasSelection,
       hasExpansion,
       hasRowActions,
+      hasOnRowAction,
       isTopEdgeUnderScroll,
       isLeftEdgeUnderScroll,
       isRightEdgeUnderScroll
     };
-  }, [headerVariant, hasSelection, hasExpansion, hasRowActions, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
+  }, [headerVariant, hasSelection, hasExpansion, hasRowActions, hasOnRowAction, isTopEdgeUnderScroll, isLeftEdgeUnderScroll, isRightEdgeUnderScroll]);
   return React__default.createElement(DataGridTableContext.Provider, {
     value: context
   }, React__default.createElement("div", {
@@ -2629,9 +2636,11 @@ function Table(props) {
   })))))), expandedRow && React__default.createElement(ExpandedRowContent, null, renderExpandedRow(expandedRow.key)), renderInterceptors())));
 }
 function VisuallyHiddenCellContent({ children }) {
-  return React__default.createElement(Text, {
+  return React__default.createElement("span", {
+    className: styles.visuallyHiddenCellContainer
+  }, React__default.createElement(Text, {
     visuallyHidden: true
-  }, children);
+  }, children));
 }
 function DataGrid(props) {
   const { columns: unprocessedColumns, columnKeysAllowingSort = [], defaultExpandedKey, expandedKey: expandedKeyFromUser, onExpandedChange = () => {

package/DatePicker/index.js

@@ -20,9 +20,9 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const DatePickerBase = require("../__chunks__/DatePickerBase-Dn6y6xs8.js");
-const Calendar = require("../__chunks__/Calendar-CaPbfdfI.js");
-const CalendarBase = require("../__chunks__/CalendarBase-2ZQWqtoJ.js");
+const DatePickerBase = require("../__chunks__/DatePickerBase-D_Cbxxc6.js");
+const Calendar = require("../__chunks__/Calendar-Tx6YYe1Z.js");
+const CalendarBase = require("../__chunks__/CalendarBase-CyfGzPs0.js");
 const useFormValidation = require("../__chunks__/useFormValidation-BeqiYVJN.js");
 const Overlay = require("../__chunks__/Overlay-CwJbrICR.js");
 const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");

package/DatePicker/index.mjs

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import React__default, { useState, useMemo } from "react";
-import { $ as $35a22f14a1f04b11$export$2440da353cedad43, h as $35a22f14a1f04b11$export$f18627323ab57ac0, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, f as $16f0b7bb276bc17e$export$300019f83c56d282, e as $dfb4eba373ed9493$exports, D as DatePickerBase } from "../__chunks__/DatePickerBase-DVa8mIxi.mjs";
-import { C as Calendar } from "../__chunks__/Calendar-CRF4AZno.mjs";
-import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-C5U2z_dE.mjs";
+import { $ as $35a22f14a1f04b11$export$2440da353cedad43, h as $35a22f14a1f04b11$export$f18627323ab57ac0, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, f as $16f0b7bb276bc17e$export$300019f83c56d282, e as $dfb4eba373ed9493$exports, D as DatePickerBase } from "../__chunks__/DatePickerBase-ix3RmplD.mjs";
+import { C as Calendar } from "../__chunks__/Calendar-BypbgQDc.mjs";
+import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-d72EQzpy.mjs";
 import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../__chunks__/useFormValidation-CCe1AoIX.mjs";
 import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-zuiAML3I.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";

package/DateRangePicker/index.js

@@ -20,9 +20,9 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const RangeCalendar = require("../__chunks__/RangeCalendar-Bs9IeXPy.js");
-const DatePickerBase = require("../__chunks__/DatePickerBase-Dn6y6xs8.js");
-const CalendarBase = require("../__chunks__/CalendarBase-2ZQWqtoJ.js");
+const RangeCalendar = require("../__chunks__/RangeCalendar-BbXSVgVP.js");
+const DatePickerBase = require("../__chunks__/DatePickerBase-D_Cbxxc6.js");
+const CalendarBase = require("../__chunks__/CalendarBase-CyfGzPs0.js");
 const useFormValidation = require("../__chunks__/useFormValidation-BeqiYVJN.js");
 const Overlay = require("../__chunks__/Overlay-CwJbrICR.js");
 const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");

package/DateRangePicker/index.mjs

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import React__default, { useState, useMemo, useRef } from "react";
-import { R as RangeCalendar } from "../__chunks__/RangeCalendar-BPHbgsZ0.mjs";
-import { $ as $35a22f14a1f04b11$export$2440da353cedad43, a as $35a22f14a1f04b11$export$80ff8fc0ae339c13, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, e as $dfb4eba373ed9493$exports, f as $16f0b7bb276bc17e$export$300019f83c56d282, g as $16f0b7bb276bc17e$export$7b3062cd49e80452, D as DatePickerBase } from "../__chunks__/DatePickerBase-DVa8mIxi.mjs";
-import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-C5U2z_dE.mjs";
+import { R as RangeCalendar } from "../__chunks__/RangeCalendar-Bctey6Vi.mjs";
+import { $ as $35a22f14a1f04b11$export$2440da353cedad43, a as $35a22f14a1f04b11$export$80ff8fc0ae339c13, b as $35a22f14a1f04b11$export$7e319ea407e63bc0, c as $35a22f14a1f04b11$export$c5221a78ef73c5e9, d as $3dfb0f96be0d6a08$export$4a931266a3838b86, e as $dfb4eba373ed9493$exports, f as $16f0b7bb276bc17e$export$300019f83c56d282, g as $16f0b7bb276bc17e$export$7b3062cd49e80452, D as DatePickerBase } from "../__chunks__/DatePickerBase-ix3RmplD.mjs";
+import { m as $fb18d541ea1ad717$export$ad991b66133851cf, n as $11d87f3f76e88657$export$b21e0b124e224484, d as $11d87f3f76e88657$export$93522d1a439f3617 } from "../__chunks__/CalendarBase-d72EQzpy.mjs";
 import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb, d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e } from "../__chunks__/useFormValidation-CCe1AoIX.mjs";
 import { a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../__chunks__/Overlay-zuiAML3I.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../__chunks__/useControlledState-CFWhSD5C.mjs";

package/Drawer/index.js

@@ -34,8 +34,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const utilities_css = require("../utilities/css.js");
 const utilities_useScrollbar = require("../utilities/useScrollbar.js");
-const Icon = require("../__chunks__/Icon-CYsmNchv.js");
-const Text = require("../__chunks__/Text-hP_Y9mSJ.js");
+const Icon = require("../__chunks__/Icon-BlcrcY3U.js");
+const Text = require("../__chunks__/Text-C6DuTMMj.js");
 const useModalOverlay = require("../__chunks__/useModalOverlay-gSHY_FAb.js");
 const Overlay = require("../__chunks__/Overlay-CwJbrICR.js");
 const objectWithoutPropertiesLoose = require("../__chunks__/objectWithoutPropertiesLoose-3GpnIKeG.js");
@@ -60,21 +60,21 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const underlayBg = "_underlayBg_15b7x_5";
-const underlayBgEnter = "_underlayBgEnter_15b7x_33";
-const underlayBgEnterDone = "_underlayBgEnterDone_15b7x_37";
-const underlayBgExit = "_underlayBgExit_15b7x_42";
-const underlayBox = "_underlayBox_15b7x_47";
-const underlayBoxAppear = "_underlayBoxAppear_15b7x_58";
-const underlayBoxExit = "_underlayBoxExit_15b7x_66";
-const Drawer$1 = "_Drawer_15b7x_70";
-const header = "_header_15b7x_87";
-const stuck = "_stuck_15b7x_90";
-const banner = "_banner_15b7x_94";
-const body = "_body_15b7x_100";
-const closeButton = "_closeButton_15b7x_117";
-const banneredContentArea = "_banneredContentArea_15b7x_132";
-const standaloneContentArea = "_standaloneContentArea_15b7x_136";
+const underlayBg = "_underlayBg_gm5y1_5";
+const underlayBgEnter = "_underlayBgEnter_gm5y1_33";
+const underlayBgEnterDone = "_underlayBgEnterDone_gm5y1_37";
+const underlayBgExit = "_underlayBgExit_gm5y1_42";
+const underlayBox = "_underlayBox_gm5y1_47";
+const underlayBoxAppear = "_underlayBoxAppear_gm5y1_58";
+const underlayBoxExit = "_underlayBoxExit_gm5y1_66";
+const Drawer$1 = "_Drawer_gm5y1_70";
+const header = "_header_gm5y1_87";
+const stuck = "_stuck_gm5y1_90";
+const banner = "_banner_gm5y1_94";
+const body = "_body_gm5y1_100";
+const closeButton = "_closeButton_gm5y1_117";
+const banneredContentArea = "_banneredContentArea_gm5y1_132";
+const standaloneContentArea = "_standaloneContentArea_gm5y1_136";
 const styles = {
   underlayBg,
   underlayBgEnter,