npm - @easypost/easy-ui - Versions diffs - 1.0.0-alpha.71 → 1.0.0-alpha.73 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

package/DataGrid/index.js CHANGED Viewed

@@ -68,39 +68,39 @@ var __yieldStar = (value) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../__chunks__/Icon-YEBBOjcK.js");
-const Menu = require("../__chunks__/Menu-BR1eZSkl.js");
-const Text = require("../__chunks__/Text-DKSomTmh.js");
-const KebabButton = require("../__chunks__/KebabButton-K9NaCoId.js");
+const Icon = require("../__chunks__/Icon-lRxgQUlF.js");
+const Menu = require("../__chunks__/Menu-CqzvIQht.js");
+const Text = require("../__chunks__/Text-BMoA0yMR.js");
+const KebabButton = require("../__chunks__/KebabButton-AUlp_RzU.js");
 const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
 const utilities_css = require("../utilities/css.js");
-const Checkbox = require("../__chunks__/Checkbox-5_dirQJ7.js");
-const FocusScope = require("../__chunks__/FocusScope-Djtxzznf.js");
-const focusSafely = require("../__chunks__/focusSafely-wmTq_iKq.js");
-const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
+const Checkbox = require("../__chunks__/Checkbox-BtIjmaiX.js");
+const useFocusVisible = require("../__chunks__/useFocusVisible-DFYEx6se.js");
+const focusSafely = require("../__chunks__/focusSafely-DLX4i5KV.js");
+const FocusScope = require("../__chunks__/FocusScope-CL3-fUEU.js");
+const mergeProps = require("../__chunks__/mergeProps-6pKCnMWU.js");
 const getScrollParent = require("../__chunks__/getScrollParent-DNz2ReWu.js");
-const scrollIntoView = require("../__chunks__/scrollIntoView-BN4yt25y.js");
-const useFocusVisible = require("../__chunks__/useFocusVisible-CiIrKjuz.js");
-const context = require("../__chunks__/context-D3NeXov7.js");
-const useSelectableItem = require("../__chunks__/useSelectableItem-BEkjpB_K.js");
-const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-nSfKxNPA.js");
-const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-CaF1VsOH.js");
-const useFocusRing = require("../__chunks__/useFocusRing-f5StfjhA.js");
-const isVirtualEvent = require("../__chunks__/isVirtualEvent-C-tB2MCl.js");
-const useFocusable = require("../__chunks__/useFocusable-BQyiwtXU.js");
-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-B2OWg9dT.js");
+const scrollIntoView = require("../__chunks__/scrollIntoView-CzFYIYQT.js");
+const context = require("../__chunks__/context-BQfsEeih.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-DyTPlPnm.js");
+const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-DDHTMZiR.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-C3ZwxPrF.js");
+const useFocusRing = require("../__chunks__/useFocusRing-BTr2SNa0.js");
+const utils = require("../__chunks__/utils-DTjlhnVc.js");
+const usePress = require("../__chunks__/usePress-BkfhIu8i.js");
+const useFocusable = require("../__chunks__/useFocusable-6aWd3xB2.js");
+const VisuallyHidden = require("../__chunks__/VisuallyHidden-CxznJ2eH.js");
+const SelectionManager = require("../__chunks__/SelectionManager-px2R7S_e.js");
+const useHover = require("../__chunks__/useHover-NuBBFo1D.js");
+const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-BTw8xzQs.js");
 const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
-const Spinner = require("../__chunks__/Spinner-idiilXrq.js");
-const useSelectableList = require("../__chunks__/useSelectableList-Dk3TxzYJ.js");
+const Spinner = require("../__chunks__/Spinner-C0O2rv-c.js");
+const useSelectableList = require("../__chunks__/useSelectableList-CORVRfbM.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CzeNwq2D.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
-const useCollator = require("../__chunks__/useCollator-DGrSWVh4.js");
-const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-CepF5tQS.js");
-const useUpdateEffect = require("../__chunks__/useUpdateEffect-CssYIsWI.js");
+const useCollator = require("../__chunks__/useCollator-DpGidudE.js");
+const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-OzJPDs7u.js");
+const useUpdateEffect = require("../__chunks__/useUpdateEffect-BII0W8Ne.js");
 function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
   let { collection, focusMode } = props;
   let selectionState = props.UNSAFE_selectionState || SelectionManager.$7af3f5b51489e0b5$export$253fe78d46329472(props);
@@ -234,7 +234,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);
@@ -298,15 +313,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, {
@@ -328,14 +345,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,
@@ -365,13 +383,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,
@@ -726,6 +745,7 @@ $70d70eb16ea48428$var$Row.getCollectionNode = function* getCollectionNode4(props
       } else {
         let cells = [];
         let childRows = [];
+        let columnCount = 0;
         React.Children.forEach(children, (node) => {
           if (node.type === $70d70eb16ea48428$var$Row) {
             if (cells.length < context2.columns.length) throw new Error("All of a Row's child Cells must be positioned before any child Rows.");
@@ -733,12 +753,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 !== context2.columns.length) throw new Error(`Cell count must match column count. Found ${cells.length} cells and ${context2.columns.length} columns.`);
+        if (columnCount !== context2.columns.length) throw new Error(`Cell count must match column count. Found ${columnCount} cells and ${context2.columns.length} columns.`);
         yield* __yieldStar(cells);
         yield* __yieldStar(childRows);
       }
@@ -765,10 +789,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";
@@ -801,6 +821,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 SelectionManager.$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);
@@ -811,11 +846,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 = SelectionManager.$c5a24bc478652b5f$export$5f3398f8733f90e2(SelectionManager.$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;
     }
@@ -831,11 +863,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 = SelectionManager.$c5a24bc478652b5f$export$5f3398f8733f90e2(SelectionManager.$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;
     }
@@ -1025,7 +1054,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 = useCollator.$325a3faab7a68acd$export$a16aca283550c30d({
@@ -1057,7 +1086,8 @@ function $83c6e2eafa584c67$export$f6b86a04e5d66d90(props, state, ref) {
     selectionManager: manager,
     keyboardDelegate: delegate,
     isVirtualized,
-    scrollRef
+    scrollRef,
+    disallowTypeAhead
   });
   let id = mergeProps.$bdb11010cef70236$export$f680877a34711e37(props.id);
   $1af922eb41e03c8f$export$e6235c0d09b995d0.set(state, {
@@ -1166,11 +1196,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) {
-          focusSafely.$6a99195332edec8b$export$80f3e147d781571c(focusable);
+          focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           return;
         }
       }
-      if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !ref.current.contains(document.activeElement)) focusSafely.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      if (keyWhenFocused.current != null && node.key !== keyWhenFocused.current || !ref.current.contains(document.activeElement)) focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
     }
   };
   let { itemProps, isPressed } = useSelectableItem.$880e95eb8b93ba9a$export$ecf600387e221c37({
@@ -1194,7 +1224,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
         e.preventDefault();
         e.stopPropagation();
         if (focusable) {
-          focusSafely.$6a99195332edec8b$export$80f3e147d781571c(focusable);
+          focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
             containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
           });
@@ -1207,7 +1237,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             break;
           }
           if (focusMode === "cell" && direction === "rtl") {
-            focusSafely.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+            focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
             scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
               containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
@@ -1215,7 +1245,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             walker.currentNode = ref.current;
             focusable = direction === "rtl" ? walker.firstChild() : $ab90dcbc1b5466d0$var$last(walker);
             if (focusable) {
-              focusSafely.$6a99195332edec8b$export$80f3e147d781571c(focusable);
+              focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
               scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
                 containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
@@ -1230,7 +1260,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
         e.preventDefault();
         e.stopPropagation();
         if (focusable) {
-          focusSafely.$6a99195332edec8b$export$80f3e147d781571c(focusable);
+          focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
           scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
             containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
           });
@@ -1243,7 +1273,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             break;
           }
           if (focusMode === "cell" && direction === "ltr") {
-            focusSafely.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+            focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
             scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(ref.current, {
               containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
             });
@@ -1251,7 +1281,7 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
             walker.currentNode = ref.current;
             focusable = direction === "rtl" ? $ab90dcbc1b5466d0$var$last(walker) : walker.firstChild();
             if (focusable) {
-              focusSafely.$6a99195332edec8b$export$80f3e147d781571c(focusable);
+              focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(focusable);
               scrollIntoView.$2f04cbc44ee30ce0$export$c826860796309d1b(focusable, {
                 containingElement: getScrollParent.$62d8ded9296f3872$export$cfa2225e87938781(ref.current)
               });
@@ -1284,6 +1314,9 @@ function $ab90dcbc1b5466d0$export$c7e10bfc0c59f67c(props, state, ref) {
   let gridCellProps = mergeProps.$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;
@@ -1804,15 +1837,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 = SelectionManager.$c5a24bc478652b5f$export$fbdeaa6a76694f71(SelectionManager.$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 = SelectionManager.$c5a24bc478652b5f$export$5f3398f8733f90e2(SelectionManager.$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);
   }
@@ -1933,7 +1964,7 @@ function $6e31608fbba75bab$export$25bceaac3c7e4dc7(props, state, ref) {
     keyboardDelegate: delegate
   }), state, ref);
   if (isVirtualized) gridProps["aria-rowcount"] = state.collection.size + state.collection.headerRows.length;
-  if ($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) gridProps.role = "treegrid";
+  if (utils.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) gridProps.role = "treegrid";
   let { column, direction: sortDirection } = state.sortDescriptor || {};
   let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$2($7476b46781682bf5$exports), "@react-aria/table");
   let sortDescription = React.useMemo(() => {
@@ -1982,16 +2013,16 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
     },
     ref
   });
-  let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c({}, ref);
+  let { focusableProps } = useFocusable.$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;
-  if (node.props.allowsSorting && !isVirtualEvent.$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
+  if (node.props.allowsSorting && !utils.$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
   let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($7476b46781682bf5$exports), "@react-aria/table");
   let sortDescription;
   if (allowsSorting2) {
     sortDescription = `${stringFormatter.format("sortable")}`;
-    if (isSortedColumn && sortDirection && isVirtualEvent.$c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
+    if (isSortedColumn && sortDirection && utils.$c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
   }
   let descriptionProps = scrollIntoView.$ef06256079686ba0$export$f8aeda7b10753fa1(sortDescription);
   let shouldDisableFocus = state.collection.size === 0;
@@ -2004,9 +2035,9 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
   ]);
   return {
     columnHeaderProps: __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(
+      focusableProps,
       gridCellProps,
       pressProps,
-      focusableProps,
       descriptionProps,
       // If the table is empty, make all column headers untabbable
       shouldDisableFocus ? {
@@ -2015,7 +2046,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
     })
   };
@@ -2034,10 +2065,10 @@ function $b2db214c022798eb$export$7f2f6ae19e707aa5(props, state, ref) {
   let { node, isVirtualized } = props;
   let _a = $4159a7a9cbb0cc18$export$96357d5a73f686fa(props, state, ref), { rowProps } = _a, states = __objRest(_a, ["rowProps"]);
   let { direction } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
-  if (isVirtualized && !($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length;
+  if (isVirtualized && !(utils.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1 + state.collection.headerRows.length;
   else delete rowProps["aria-rowindex"];
   let treeGridRowProps = {};
-  if ($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) {
+  if (utils.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state) {
     let treeNode = state.keyMap.get(node.key);
     if (treeNode != null) {
       var _treeNode_props, _treeNode_props_children, _treeNode_props1, _getLastItem, _state_keyMap_get, _getLastItem1;
@@ -2073,7 +2104,7 @@ function $f917ee10f4c32dab$export$1b95a7d2d517b841(props, state, ref) {
   let rowProps = {
     role: "row"
   };
-  if (isVirtualized && !($f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1;
+  if (isVirtualized && !(utils.$f4e2df6bd15f8569$export$1b00cb14a96194e6() && "expandedKeys" in state)) rowProps["aria-rowindex"] = node.index + 1;
   return {
     rowProps
   };
@@ -2136,7 +2167,7 @@ const useDataGridRow = () => {
   }
   return dataGridRowContext;
 };
-const ActionsCellContent$1 = "_ActionsCellContent_1kwod_5";
+const ActionsCellContent$1 = "_ActionsCellContent_5is7x_5";
 const styles$7 = {
   ActionsCellContent: ActionsCellContent$1
 };
@@ -2182,8 +2213,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
@@ -2204,20 +2235,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,
@@ -2233,7 +2264,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();
@@ -2285,10 +2316,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,
@@ -2321,19 +2352,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,
@@ -2392,8 +2423,8 @@ function SelectAllColumnHeaderContent({ state }) {
   }
   return React.createElement(Checkbox.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
@@ -2406,11 +2437,11 @@ function ExpandedRowContent({ children }) {
     className: utilities_css.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,
@@ -2480,15 +2511,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,