@easypost/easy-ui 1.0.0-alpha.71 → 1.0.0-alpha.73

package/DataGrid/index.mjs

@@ -66,39 +66,39 @@ 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-C5tHQyHr.mjs";
-import { M as Menu } from "../__chunks__/Menu-Bh10IFV1.mjs";
-import { T as Text } from "../__chunks__/Text-DAilskpC.mjs";
-import { K as KebabButton, U as UnstyledPressButton } from "../__chunks__/KebabButton-C2L-OC4Y.mjs";
+import { I as Icon } from "../__chunks__/Icon-Dj1ar_iv.mjs";
+import { M as Menu } from "../__chunks__/Menu-CQghk0Xm.mjs";
+import { T as Text } from "../__chunks__/Text-Bx5xQvLg.mjs";
+import { K as KebabButton, U as UnstyledPressButton } from "../__chunks__/KebabButton-BTDy4F9A.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-PjSuOA8S.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";
+import { C as Checkbox } from "../__chunks__/Checkbox-B7qn8pJg.mjs";
+import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "../__chunks__/useFocusVisible-D_XXcaLm.mjs";
+import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c } from "../__chunks__/focusSafely-MpYXzuLP.mjs";
+import { $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../__chunks__/FocusScope-Dg66t-dG.mjs";
+import { d as $bdb11010cef70236$export$f680877a34711e37, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $ff5963eb1fccf552$export$e08e3b67e392101e } from "../__chunks__/mergeProps-C4OYS8Nd.mjs";
 import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "../__chunks__/getScrollParent-B5CCP-yO.mjs";
-import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-wURtlgJt.mjs";
-import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "../__chunks__/useFocusVisible-Bb3k4_O_.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BZCcafjG.mjs";
-import { a as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-DeFiKyU1.mjs";
-import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-B_YjQEPD.mjs";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-BHXy3Wtu.mjs";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-KIEn23AD.mjs";
-import { e as $c87311424ea30a05$export$a11b0059900ceec8 } from "../__chunks__/isVirtualEvent-B_Z4yzgm.mjs";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-DxcU91xN.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, g as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/usePress-CqfuY_T7.mjs";
-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-YaV-ot5j.mjs";
+import { b as $2f04cbc44ee30ce0$export$c826860796309d1b, $ as $ef06256079686ba0$export$f8aeda7b10753fa1 } from "../__chunks__/scrollIntoView-1v0vfaIN.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../__chunks__/context-BZH2zfKM.mjs";
+import { b as $ae20dd8cbca75726$export$d6daf82dcd84e87c, $ as $880e95eb8b93ba9a$export$ecf600387e221c37 } from "../__chunks__/useSelectableItem-DR0zbOkr.mjs";
+import { $ as $5b9b5b5723db6ae1$export$be42ebdab07ae4c2, a as $92599c3fd427b763$export$137e594ef3218a10, b as $835c96616a7cb4f9$exports } from "../__chunks__/useHighlightSelectionDescription-C3ZHe657.mjs";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../__chunks__/useLocalizedStringFormatter-BhtDVRd3.mjs";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../__chunks__/useFocusRing-BbxvDonI.mjs";
+import { x as $f4e2df6bd15f8569$export$1b00cb14a96194e6, p as $c87311424ea30a05$export$a11b0059900ceec8 } from "../__chunks__/utils-_T25xnBK.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, f as $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 } from "../__chunks__/usePress-CMfwAyab.mjs";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "../__chunks__/useFocusable-BQyiLqbY.mjs";
+import { a as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../__chunks__/VisuallyHidden-BW8z0u63.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-my6312qq.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../__chunks__/useHover-DpEGMvo6.mjs";
+import { u as useEdgeInterceptors } from "../__chunks__/useEdgeInterceptors-DtSwXFEP.mjs";
 import { $ as $9daab02d461809db$export$683480f191c0e3ea } from "../__chunks__/useResizeObserver-Dyb4wvuA.mjs";
-import { S as Spinner } from "../__chunks__/Spinner-DWNM6vOK.mjs";
-import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-DPJUwWwV.mjs";
+import { S as Spinner } from "../__chunks__/Spinner-_rvpJRN-.mjs";
+import { c as $657e4dc4a6e88df0$export$8f5ed9ff9f511381 } from "../__chunks__/useSelectableList-CPXWkbh2.mjs";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../__chunks__/LiveAnnouncer-BSV5-C0m.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../__chunks__/filterDOMProps-EDDcM64A.mjs";
-import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-B-keb3wA.mjs";
-import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-DOO1szWv.mjs";
-import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-BLgGnNgL.mjs";
+import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "../__chunks__/useCollator-CYCg6wMz.mjs";
+import { $ as $83013635b024ae3d$export$eac1895992b9f3d6 } from "../__chunks__/useHasTabbableChild-BkKbzCwx.mjs";
+import { $ as $4f58c5f72bcf79f7$export$496315a1608d9602 } from "../__chunks__/useUpdateEffect-C9amKlvd.mjs";
 function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
   let { collection, focusMode } = props;
   let selectionState = props.UNSAFE_selectionState || $7af3f5b51489e0b5$export$253fe78d46329472(props);
@@ -232,7 +232,22 @@ class $16805b1b18093c5f$export$de3fdf6493c353d {
       this.keyMap.set(node.key, node);
       let childKeys = /* @__PURE__ */ new Set();
       let last3 = null;
+      let rowHasCellWithColSpan = false;
+      if (node.type === "item") {
+        var _child_props;
+        for (let child of node.childNodes) if (((_child_props = child.props) === null || _child_props === void 0 ? void 0 : _child_props.colSpan) !== void 0) {
+          rowHasCellWithColSpan = true;
+          break;
+        }
+      }
       for (let child of node.childNodes) {
+        if (child.type === "cell" && rowHasCellWithColSpan) {
+          var _child_props1, _child_props2;
+          child.colspan = (_child_props1 = child.props) === null || _child_props1 === void 0 ? void 0 : _child_props1.colSpan;
+          child.colSpan = (_child_props2 = child.props) === null || _child_props2 === void 0 ? void 0 : _child_props2.colSpan;
+          var _last_colIndex, _last_colSpan;
+          child.colIndex = !last3 ? child.index : ((_last_colIndex = last3.colIndex) !== null && _last_colIndex !== void 0 ? _last_colIndex : last3.index) + ((_last_colSpan = last3.colSpan) !== null && _last_colSpan !== void 0 ? _last_colSpan : 1);
+        }
         if (child.type === "cell" && child.parentKey == null)
           child.parentKey = node.key;
         childKeys.add(child.key);
@@ -296,15 +311,17 @@ function $788781baa30117fa$export$7c127db850d4e81e(keyMap, columnNodes) {
       if (!parent) break;
       if (seen.has(parent)) {
         var _parent;
-        var _colspan;
-        (_colspan = (_parent = parent).colspan) !== null && _colspan !== void 0 ? _colspan : _parent.colspan = 0;
-        parent.colspan++;
+        var _colSpan;
+        (_colSpan = (_parent = parent).colSpan) !== null && _colSpan !== void 0 ? _colSpan : _parent.colSpan = 0;
+        parent.colSpan++;
+        parent.colspan = parent.colSpan;
         let { column: column2, index } = seen.get(parent);
         if (index > col.length) break;
         for (let i2 = index; i2 < col.length; i2++) column2.splice(i2, 0, null);
         for (let i2 = col.length; i2 < column2.length; i2++)
           if (column2[i2] && seen.has(column2[i2])) seen.get(column2[i2]).index = i2;
       } else {
+        parent.colSpan = 1;
         parent.colspan = 1;
         col.push(parent);
         seen.set(parent, {
@@ -326,14 +343,15 @@ function $788781baa30117fa$export$7c127db850d4e81e(keyMap, columnNodes) {
       if (item) {
         let row = headerRows[i2];
         let rowLength = row.reduce((p, c) => {
-          var _c_colspan;
-          return p + ((_c_colspan = c.colspan) !== null && _c_colspan !== void 0 ? _c_colspan : 1);
+          var _c_colSpan;
+          return p + ((_c_colSpan = c.colSpan) !== null && _c_colSpan !== void 0 ? _c_colSpan : 1);
         }, 0);
         if (rowLength < colIndex) {
           let placeholder = {
             type: "placeholder",
             key: "placeholder-" + item.key,
             colspan: colIndex - rowLength,
+            colSpan: colIndex - rowLength,
             index: rowLength,
             value: null,
             rendered: null,
@@ -363,13 +381,14 @@ function $788781baa30117fa$export$7c127db850d4e81e(keyMap, columnNodes) {
   let i = 0;
   for (let row of headerRows) {
     let rowLength = row.reduce((p, c) => {
-      var _c_colspan;
-      return p + ((_c_colspan = c.colspan) !== null && _c_colspan !== void 0 ? _c_colspan : 1);
+      var _c_colSpan;
+      return p + ((_c_colSpan = c.colSpan) !== null && _c_colSpan !== void 0 ? _c_colSpan : 1);
     }, 0);
     if (rowLength < columnNodes.length) {
       let placeholder = {
         type: "placeholder",
         key: "placeholder-" + row[row.length - 1].key,
+        colSpan: columnNodes.length - rowLength,
         colspan: columnNodes.length - rowLength,
         index: rowLength,
         value: null,
@@ -724,6 +743,7 @@ $70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode4(props
       } else {
         let cells = [];
         let childRows = [];
+        let columnCount = 0;
         React__default.Children.forEach(children, (node) => {
           if (node.type === $70d70eb16ea48428$var$Row) {
             if (cells.length < context.columns.length) throw new Error("All of a Row's child Cells must be positioned before any child Rows.");
@@ -731,12 +751,16 @@ $70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode4(props
               type: "item",
               element: node
             });
-          } else cells.push({
-            type: "cell",
-            element: node
-          });
+          } else {
+            cells.push({
+              type: "cell",
+              element: node
+            });
+            var _node_props_colSpan;
+            columnCount += (_node_props_colSpan = node.props.colSpan) !== null && _node_props_colSpan !== void 0 ? _node_props_colSpan : 1;
+          }
         });
-        if (cells.length !== context.columns.length) throw new Error(`Cell count must match column count. Found ${cells.length} cells and ${context.columns.length} columns.`);
+        if (columnCount !== context.columns.length) throw new Error(`Cell count must match column count. Found ${columnCount} cells and ${context.columns.length} columns.`);
         yield* __yieldStar(cells);
         yield* __yieldStar(childRows);
       }
@@ -763,10 +787,6 @@ $941d1d9a6a28982a$var$Cell.getCollectionNode = function* getCollectionNode5(prop
   };
 };
 let $941d1d9a6a28982a$export$f6f0c3fe4ec306ea = $941d1d9a6a28982a$var$Cell;
-let $f4e2df6bd15f8569$var$_tableNestedRows = false;
-function $f4e2df6bd15f8569$export$1b00cb14a96194e6() {
-  return $f4e2df6bd15f8569$var$_tableNestedRows;
-}
 class $d1c300d9c497e402$export$de9feff04fda126e {
   isCell(node) {
     return node.type === "cell";
@@ -799,6 +819,21 @@ class $d1c300d9c497e402$export$de9feff04fda126e {
     }
     return null;
   }
+  getKeyForItemInRowByIndex(key, index = 0) {
+    if (index < 0) return null;
+    let item = this.collection.getItem(key);
+    if (!item) return null;
+    let i = 0;
+    for (let child of $c5a24bc478652b5f$export$1005530eda016c13(item, this.collection)) {
+      var _child_key;
+      if (child.colSpan && child.colSpan + i > index) return (_child_key = child.key) !== null && _child_key !== void 0 ? _child_key : null;
+      if (child.colSpan) i = i + child.colSpan - 1;
+      var _child_key1;
+      if (i === index) return (_child_key1 = child.key) !== null && _child_key1 !== void 0 ? _child_key1 : null;
+      i++;
+    }
+    return null;
+  }
   getKeyBelow(fromKey) {
     let key = fromKey;
     let startItem = this.collection.getItem(key);
@@ -809,11 +844,8 @@ class $d1c300d9c497e402$export$de9feff04fda126e {
     key = this.findNextKey(key, (item) => item.type === "item");
     if (key != null) {
       if (this.isCell(startItem)) {
-        var _getNthItem;
-        let item = this.collection.getItem(key);
-        if (!item) return null;
-        var _startItem_index, _getNthItem_key;
-        return (_getNthItem_key = (_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(item, this.collection), (_startItem_index = startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) !== null && _getNthItem_key !== void 0 ? _getNthItem_key : null;
+        let startIndex = startItem.colIndex ? startItem.colIndex : startItem.index;
+        return this.getKeyForItemInRowByIndex(key, startIndex);
       }
       if (this.focusMode === "row") return key;
     }
@@ -829,11 +861,8 @@ class $d1c300d9c497e402$export$de9feff04fda126e {
     key = this.findPreviousKey(key, (item) => item.type === "item");
     if (key != null) {
       if (this.isCell(startItem)) {
-        var _getNthItem;
-        let item = this.collection.getItem(key);
-        if (!item) return null;
-        var _startItem_index;
-        return ((_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(item, this.collection), (_startItem_index = startItem.index) !== null && _startItem_index !== void 0 ? _startItem_index : 0)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) || null;
+        let startIndex = startItem.colIndex ? startItem.colIndex : startItem.index;
+        return this.getKeyForItemInRowByIndex(key, startIndex);
       }
       if (this.focusMode === "row") return key;
     }
@@ -1023,7 +1052,7 @@ class $d1c300d9c497e402$var$DeprecatedLayoutDelegate {
 }
 const $1af922eb41e03c8f$export$e6235c0d09b995d0 = /* @__PURE__ */ new WeakMap();
 function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
-  let { isVirtualized, keyboardDelegate, focusMode, scrollRef, getRowText, onRowAction, onCellAction } = props;
+  let { isVirtualized, disallowTypeAhead, keyboardDelegate, focusMode, scrollRef, getRowText, onRowAction, onCellAction } = props;
   let { selectionManager: manager } = state;
   if (!props["aria-label"] && !props["aria-labelledby"]) console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
   let collator = $325a3faab7a68acd$export$a16aca283550c30d({
@@ -1055,7 +1084,8 @@ function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
     selectionManager: manager,
     keyboardDelegate: delegate,
     isVirtualized,
-    scrollRef
+    scrollRef,
+    disallowTypeAhead
   });
   let id = $bdb11010cef70236$export$f680877a34711e37(props.id);
   $1af922eb41e03c8f$export$e6235c0d09b995d0.set(state, {
@@ -1164,11 +1194,11 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
         if (ref.current.contains(document.activeElement) && ref.current !== document.activeElement) return;
         let focusable = state.selectionManager.childFocusStrategy === "last" ? $ab90dcbc1b5466d0$var$last(treeWalker) : treeWalker.firstChild();
         if (focusable) {
-          $6a99195332edec8b$export$80f3e147d781571c(focusable);
+          $3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           return;
         }
       }
-      if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !ref.current.contains(document.activeElement)) $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !ref.current.contains(document.activeElement)) $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
     }
   };
   let { itemProps, isPressed } = $880e95eb8b93ba9a$export$ecf600387e221c37({
@@ -1192,7 +1222,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
         e.preventDefault();
         e.stopPropagation();
         if (focusable) {
-          $6a99195332edec8b$export$80f3e147d781571c(focusable);
+          $3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
             containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
           });
@@ -1205,7 +1235,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             break;
           }
           if (focusMode === "cell" && direction === "rtl") {
-            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+            $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
             $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
               containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
@@ -1213,7 +1243,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             walker.currentNode = ref.current;
             focusable = direction === "rtl" ? walker.firstChild() : $ab90dcbc1b5466d0$var$last(walker);
             if (focusable) {
-              $6a99195332edec8b$export$80f3e147d781571c(focusable);
+              $3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
               $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
                 containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
@@ -1228,7 +1258,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
         e.preventDefault();
         e.stopPropagation();
         if (focusable) {
-          $6a99195332edec8b$export$80f3e147d781571c(focusable);
+          $3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
             containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
           });
@@ -1241,7 +1271,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             break;
           }
           if (focusMode === "cell" && direction === "ltr") {
-            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+            $3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
             $2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
               containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
@@ -1249,7 +1279,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             walker.currentNode = ref.current;
             focusable = direction === "rtl" ? $ab90dcbc1b5466d0$var$last(walker) : walker.firstChild();
             if (focusable) {
-              $6a99195332edec8b$export$80f3e147d781571c(focusable);
+              $3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
               $2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
                 containingElement: $62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
@@ -1282,6 +1312,9 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
   let gridCellProps = $3ef42575df84b30b$export$9d1611c77c2fe928(itemProps, {
     role: "gridcell",
     onKeyDownCapture,
+    "aria-colspan": node.colSpan,
+    "aria-colindex": node.colIndex != null ? node.colIndex + 1 : void 0,
+    colSpan: isVirtualized ? void 0 : node.colSpan,
     onFocus
   });
   var _node_colIndex;
@@ -1802,15 +1835,13 @@ class $0ba3c81c7f1caedd$export$da43f8f5cb04028d extends $d1c300d9c497e402$export
     let startItem = this.collection.getItem(key);
     if (!startItem) return null;
     if (startItem.type === "column") {
-      var _getNthItem;
       let child = $c5a24bc478652b5f$export$fbdeaa6a76694f71($c5a24bc478652b5f$export$1005530eda016c13(startItem, this.collection));
       if (child) return child.key;
       let firstKey = this.getFirstKey();
       if (firstKey == null) return null;
       let firstItem = this.collection.getItem(firstKey);
       if (!firstItem) return null;
-      var _getNthItem_key;
-      return (_getNthItem_key = (_getNthItem = $c5a24bc478652b5f$export$5f3398f8733f90e2($c5a24bc478652b5f$export$1005530eda016c13(firstItem, this.collection), startItem.index)) === null || _getNthItem === void 0 ? void 0 : _getNthItem.key) !== null && _getNthItem_key !== void 0 ? _getNthItem_key : null;
+      return super.getKeyForItemInRowByIndex(firstKey, startItem.index);
     }
     return super.getKeyBelow(key);
   }
@@ -1980,7 +2011,7 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     },
     ref
   });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({}, ref);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c({}, ref);
   let ariaSort = void 0;
   let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
   let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
@@ -2002,9 +2033,9 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
   ]);
   return {
     columnHeaderProps: __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(
+      focusableProps,
       gridCellProps,
       pressProps,
-      focusableProps,
       descriptionProps,
       // If the table is empty, make all column headers untabbable
       shouldDisableFocus ? {
@@ -2013,7 +2044,7 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     )), {
       role: "columnheader",
       id: $2140fb2337097f2d$export$37cd4213f2ad742e(state, node.key),
-      "aria-colspan": node.colspan && node.colspan > 1 ? node.colspan : void 0,
+      "aria-colspan": node.colSpan && node.colSpan > 1 ? node.colSpan : void 0,
       "aria-sort": ariaSort
     })
   };
@@ -2134,7 +2165,7 @@ const useDataGridRow = () => {
   }
   return dataGridRowContext;
 };
-const ActionsCellContent$1 = "_ActionsCellContent_1kwod_5";
+const ActionsCellContent$1 = "_ActionsCellContent_5is7x_5";
 const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
@@ -2180,8 +2211,8 @@ function ActionRowAction({ rowAction }) {
     symbol: rowAction.iconSymbol
   }));
 }
-const button = "_button_93gck_5";
-const expanded$2 = "_expanded_93gck_23";
+const button = "_button_1mv8y_5";
+const expanded$2 = "_expanded_1mv8y_23";
 const styles$6 = {
   button,
   expanded: expanded$2
@@ -2202,20 +2233,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     size: "xs"
   }));
 }
-const Cell$1 = "_Cell_lmvvw_5";
-const content$1 = "_content_lmvvw_14";
-const lastRow = "_lastRow_lmvvw_25";
-const focused$1 = "_focused_lmvvw_29";
-const rowFocused = "_rowFocused_lmvvw_30";
-const expanded$1 = "_expanded_lmvvw_34";
-const first$1 = "_first_lmvvw_38";
-const firstWithActions$1 = "_firstWithActions_lmvvw_45";
-const secondWithActions$1 = "_secondWithActions_lmvvw_51";
-const last$1 = "_last_lmvvw_25";
-const lastWithActions$1 = "_lastWithActions_lmvvw_62";
-const secondToLastWithActions$1 = "_secondToLastWithActions_lmvvw_71";
-const shadowLeft$1 = "_shadowLeft_lmvvw_75";
-const shadowRight$1 = "_shadowRight_lmvvw_94";
+const Cell$1 = "_Cell_utls2_5";
+const content$1 = "_content_utls2_14";
+const lastRow = "_lastRow_utls2_25";
+const focused$1 = "_focused_utls2_29";
+const rowFocused = "_rowFocused_utls2_30";
+const expanded$1 = "_expanded_utls2_34";
+const first$1 = "_first_utls2_38";
+const firstWithActions$1 = "_firstWithActions_utls2_45";
+const secondWithActions$1 = "_secondWithActions_utls2_51";
+const last$1 = "_last_utls2_25";
+const lastWithActions$1 = "_lastWithActions_utls2_62";
+const secondToLastWithActions$1 = "_secondToLastWithActions_utls2_71";
+const shadowLeft$1 = "_shadowLeft_utls2_75";
+const shadowRight$1 = "_shadowRight_utls2_94";
 const styles$5 = {
   Cell: Cell$1,
   content: content$1,
@@ -2231,7 +2262,7 @@ const styles$5 = {
   secondToLastWithActions: secondToLastWithActions$1,
   shadowLeft: shadowLeft$1,
   shadowRight: shadowRight$1,
-  "static": "_static_lmvvw_113"
+  "static": "_static_utls2_113"
 };
 function Cell({ cell, state }) {
   const table2 = useDataGridTable();
@@ -2283,10 +2314,10 @@ function StaticCell({ children, colSpan }) {
     "data-ezui-data-grid-shadow": true
   })));
 }
-const SortIndicator$1 = "_SortIndicator_cwcpq_5";
-const arrow = "_arrow_cwcpq_10";
-const sorted = "_sorted_cwcpq_14";
-const onHeaderSecondary = "_onHeaderSecondary_cwcpq_18";
+const SortIndicator$1 = "_SortIndicator_otqet_5";
+const arrow = "_arrow_otqet_10";
+const sorted = "_sorted_otqet_14";
+const onHeaderSecondary = "_onHeaderSecondary_otqet_18";
 const styles$4 = {
   SortIndicator: SortIndicator$1,
   arrow,
@@ -2319,19 +2350,19 @@ function Arrow(props) {
     d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
   }));
 }
-const ColumnHeader$1 = "_ColumnHeader_1x8pz_5";
-const content = "_content_1x8pz_15";
-const allowsSorting = "_allowsSorting_1x8pz_26";
-const focused = "_focused_1x8pz_31";
-const first = "_first_1x8pz_44";
-const firstWithActions = "_firstWithActions_1x8pz_50";
-const secondWithActions = "_secondWithActions_1x8pz_57";
-const last = "_last_1x8pz_63";
-const lastWithActions = "_lastWithActions_1x8pz_67";
-const secondToLastWithActions = "_secondToLastWithActions_1x8pz_74";
-const shadowBottom = "_shadowBottom_1x8pz_78";
-const shadowRight = "_shadowRight_1x8pz_100";
-const shadowLeft = "_shadowLeft_1x8pz_119";
+const ColumnHeader$1 = "_ColumnHeader_1cvbr_5";
+const content = "_content_1cvbr_15";
+const allowsSorting = "_allowsSorting_1cvbr_26";
+const focused = "_focused_1cvbr_31";
+const first = "_first_1cvbr_44";
+const firstWithActions = "_firstWithActions_1cvbr_50";
+const secondWithActions = "_secondWithActions_1cvbr_57";
+const last = "_last_1cvbr_63";
+const lastWithActions = "_lastWithActions_1cvbr_67";
+const secondToLastWithActions = "_secondToLastWithActions_1cvbr_74";
+const shadowBottom = "_shadowBottom_1cvbr_78";
+const shadowRight = "_shadowRight_1cvbr_100";
+const shadowLeft = "_shadowLeft_1cvbr_119";
 const styles$3 = {
   ColumnHeader: ColumnHeader$1,
   content,
@@ -2390,8 +2421,8 @@ function SelectAllColumnHeaderContent({ state }) {
   }
   return React__default.createElement(Checkbox, __spreadValues({}, checkboxProps));
 }
-const ExpandedRowContent$1 = "_ExpandedRowContent_t16wn_5";
-const inner = "_inner_t16wn_17";
+const ExpandedRowContent$1 = "_ExpandedRowContent_1azpv_5";
+const inner = "_inner_1azpv_17";
 const styles$2 = {
   ExpandedRowContent: ExpandedRowContent$1,
   inner
@@ -2404,11 +2435,11 @@ function ExpandedRowContent({ children }) {
     className: classNames(styles$2.inner)
   }, children));
 }
-const Row$1 = "_Row_gef2w_5";
-const noUserSelection = "_noUserSelection_gef2w_10";
-const expanded = "_expanded_gef2w_15";
-const hovered = "_hovered_gef2w_21";
-const selected = "_selected_gef2w_25";
+const Row$1 = "_Row_1o3mh_5";
+const noUserSelection = "_noUserSelection_1o3mh_11";
+const expanded = "_expanded_1o3mh_16";
+const hovered = "_hovered_1o3mh_22";
+const selected = "_selected_1o3mh_26";
 const styles$1 = {
   Row: Row$1,
   noUserSelection,
@@ -2478,15 +2509,15 @@ function StaticRow({ children }) {
     className: styles$1.Row
   }, children);
 }
-const DataGrid$1 = "_DataGrid_kofgv_5";
-const sizeSm = "_sizeSm_kofgv_41";
-const sizeLg = "_sizeLg_kofgv_46";
-const innerContainer = "_innerContainer_kofgv_50";
-const contents = "_contents_kofgv_55";
-const table = "_table_kofgv_59";
-const headerSecondary = "_headerSecondary_kofgv_67";
-const headerEmphasized = "_headerEmphasized_kofgv_72";
-const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_kofgv_76";
+const DataGrid$1 = "_DataGrid_qzb3x_5";
+const sizeSm = "_sizeSm_qzb3x_41";
+const sizeLg = "_sizeLg_qzb3x_46";
+const innerContainer = "_innerContainer_qzb3x_50";
+const contents = "_contents_qzb3x_55";
+const table = "_table_qzb3x_59";
+const headerSecondary = "_headerSecondary_qzb3x_67";
+const headerEmphasized = "_headerEmphasized_qzb3x_72";
+const visuallyHiddenCellContainer = "_visuallyHiddenCellContainer_qzb3x_76";
 const styles = {
   DataGrid: DataGrid$1,
   sizeSm,

package/DatePicker/index.js

@@ -20,20 +20,20 @@ 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-DFxPgoc8.js");
-const Calendar = require("../__chunks__/Calendar-6J28aEN6.js");
-const CalendarBase = require("../__chunks__/CalendarBase-Cn_m810l.js");
-const useFormValidation = require("../__chunks__/useFormValidation-BeqiYVJN.js");
-const Overlay = require("../__chunks__/Overlay-CwJbrICR.js");
+const DatePickerBase = require("../__chunks__/DatePickerBase-D4UJlvkz.js");
+const Calendar = require("../__chunks__/Calendar-C5woWpfH.js");
+const CalendarBase = require("../__chunks__/CalendarBase-BUa-SUff.js");
+const useFormValidation = require("../__chunks__/useFormValidation-BqUyj3MW.js");
+const Overlay = require("../__chunks__/Overlay-CwRnK9dm.js");
 const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
-const FocusScope = require("../__chunks__/FocusScope-Djtxzznf.js");
-const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
+const FocusScope = require("../__chunks__/FocusScope-CL3-fUEU.js");
+const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
-const scrollIntoView = require("../__chunks__/scrollIntoView-BN4yt25y.js");
-const useField = require("../__chunks__/useField-BJW_bXVD.js");
-const useFocusWithin = require("../__chunks__/useFocusWithin-C-45XiL1.js");
-const context = require("../__chunks__/context-D3NeXov7.js");
-const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-CaF1VsOH.js");
+const scrollIntoView = require("../__chunks__/scrollIntoView-CzFYIYQT.js");
+const useFocusWithin = require("../__chunks__/useFocusWithin-B1KKdipT.js");
+const useField = require("../__chunks__/useField-MeTEdBhD.js");
+const context = require("../__chunks__/context-BQfsEeih.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-C3ZwxPrF.js");
 function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
   let overlayState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);
   let [value, setValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
@@ -162,11 +162,26 @@ function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
   let focusManager = React.useMemo(() => FocusScope.$9bf71ea28793e738$export$c5251b9e124bf29(ref), [
     ref
   ]);
+  let isFocused = React.useRef(false);
   let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec(__spreadProps(__spreadValues({}, props), {
     isDisabled: state.isOpen,
-    onBlurWithin: props.onBlur,
-    onFocusWithin: props.onFocus,
-    onFocusWithinChange: props.onFocusChange
+    onBlurWithin: (e) => {
+      let dialog = document.getElementById(dialogId);
+      if (!(dialog === null || dialog === void 0 ? void 0 : dialog.contains(e.relatedTarget))) {
+        var _props_onBlur, _props_onFocusChange;
+        isFocused.current = false;
+        (_props_onBlur = props.onBlur) === null || _props_onBlur === void 0 ? void 0 : _props_onBlur.call(props, e);
+        (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, false);
+      }
+    },
+    onFocusWithin: (e) => {
+      if (!isFocused.current) {
+        var _props_onFocus, _props_onFocusChange;
+        isFocused.current = true;
+        (_props_onFocus = props.onFocus) === null || _props_onFocus === void 0 ? void 0 : _props_onFocus.call(props, e);
+        (_props_onFocusChange = props.onFocusChange) === null || _props_onFocusChange === void 0 ? void 0 : _props_onFocusChange.call(props, true);
+      }
+    }
   }));
   return {
     groupProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {