@dmsi/wedgekit-react 3.0.1 → 3.1.0

package/dist/components/DataGridCell.d.ts

@@ -20,6 +20,7 @@ type DataGridCellProps = PropsWithChildren<{
     disabled?: boolean;
     isLast?: boolean;
 }>;
+export declare const GridColumnSizeContext: import('react').Context<number | null>;
 export declare const DataGridCell: import('react').MemoExoticComponent<({ id, type, component, children, className, locked, noPadding, paddedLeft, style, onClick, onRightClick, error, warning, pending, center, width, minWidth, disabled, isLast, testid, ...props }: AsProps<Tags> & DataGridCellProps) => import("react/jsx-runtime").JSX.Element>;
 export type DataGridCellHeaderProps<T> = {
     header: Header<T, unknown>;

package/dist/components/DataGridCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAKV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,wOAuBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CAuIrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsS5B;yBAhTe,cAAc;;;AAqT9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAkBpB;yBAzBe,aAAa"}
+{"version":3,"file":"DataGridCell.d.ts","sourceRoot":"","sources":["../../src/components/DataGridCell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,IAAI,EAGJ,MAAM,EACN,OAAO,EACR,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAExC,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExB,KAAK,iBAAiB,GAAG,iBAAiB,CAAC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACxC,SAAS,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,qBAAqB,wCAAqC,CAAC;AAExE,eAAO,MAAM,YAAY,wOAuBpB,OAAO,CAAC,IAAI,CAAC,GAAG,iBAAiB,6CA4IrC,CAAC;AAIF,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI;IACvC,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,GAAG,iBAAiB,GACnB,cAAc,CAAC,IAAI,CAAC,CAAC;AAEvB,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAChC,MAAM,EACN,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,EAAE,EACF,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CAsS5B;yBAhTe,cAAc;;;AAqT9B,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACjE,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,CAAC,CAAC,2CA+B5B;yBAnCe,mBAAmB;;;AAuCnC,wBAAgB,aAAa,CAAC,CAAC,SAAS,OAAO,EAAE,MAAM,EAAE,EACvD,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IACD,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,iBAAiB,2CAkBpB;yBAzBe,aAAa"}

package/dist/components/DataGridCell.js

@@ -1,251 +1,251 @@
 "use client";
-import { jsx as r, jsxs as W, Fragment as X } from "react/jsx-runtime";
-import { useSortable as q } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
-import { CSS as J } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
+import { jsx as r, jsxs as N, Fragment as ee } from "react/jsx-runtime";
+import { useSortable as J } from "../node_modules/@dnd-kit/sortable/dist/sortable.esm.js";
+import { CSS as Q } from "../node_modules/@dnd-kit/utilities/dist/utilities.esm.js";
 import { clsx as v } from "../node_modules/clsx/dist/clsx.js";
-import { memo as Y, useRef as V, useState as A, useEffect as B } from "react";
-import { componentPadding as Z, paddingUsingComponentGap as ee } from "../classNames.js";
-import { MenuOption as f } from "./MenuOption.js";
-import { Menu as U } from "./Menu.js";
+import { createContext as ne, memo as te, useRef as B, useState as A, useContext as oe, useEffect as _ } from "react";
+import { componentPadding as re, paddingUsingComponentGap as ie } from "../classNames.js";
+import { MenuOption as m } from "./MenuOption.js";
+import { Menu as V } from "./Menu.js";
 import { Icon as j } from "./Icon.js";
-import { Search as ne } from "./Search.js";
-import { useSubMenuSystem as te } from "../hooks/useMenuSystem.js";
-const _ = Y(
+import { Search as le } from "./Search.js";
+import { useSubMenuSystem as se } from "../hooks/useMenuSystem.js";
+const ae = ne(null), K = te(
   ({
     id: e,
     type: d = "default",
     component: o = "static",
-    children: m,
+    children: u,
     className: t,
     locked: n = !1,
-    noPadding: g = !1,
-    paddedLeft: $ = !1,
-    style: w,
-    onClick: p,
-    onRightClick: C,
-    error: h,
-    warning: D,
-    pending: P,
-    center: k,
-    width: b,
-    minWidth: y,
-    disabled: F,
-    isLast: z,
+    noPadding: f = !1,
+    paddedLeft: M = !1,
+    style: C,
+    onClick: g,
+    onRightClick: w,
+    error: p,
+    warning: F,
+    pending: G,
+    center: I,
+    width: h,
+    minWidth: x,
+    disabled: T,
+    isLast: H,
     testid: O,
-    ...H
+    ...L
   }) => {
-    const L = d === "header" ? "th" : "td", c = V(null), [E, S] = A(!1), [M, x] = A(!1);
-    B(() => () => {
+    const E = d === "header" ? "th" : "td", c = B(null), [R, y] = A(!1), [W, S] = A(!1), z = oe(ae), $ = h ?? (z != null ? `${z}px` : void 0), U = x ?? (h == null ? $ : void 0);
+    _(() => () => {
       c.current && (clearTimeout(c.current), c.current = null);
     }, []);
-    const G = (u) => {
-      x(!0), c.current = window.setTimeout(() => {
-        S(!0);
+    const D = (k) => {
+      S(!0), c.current = window.setTimeout(() => {
+        y(!0);
       }, 500);
-    }, I = (u) => {
+    }, P = (k) => {
       c.current && (clearTimeout(c.current), c.current = null);
-      const K = u.nativeEvent instanceof MouseEvent && u.nativeEvent.button === 2;
-      !E && p && !K && M && p(u), K && C && C(), S(!1), x(!1);
-    }, R = () => {
+      const q = k.nativeEvent instanceof MouseEvent && k.nativeEvent.button === 2;
+      !R && g && !q && W && g(k), q && w && w(), y(!1), S(!1);
+    }, l = () => {
       c.current && (clearTimeout(c.current), c.current = null);
-    }, T = d === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", N = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", l = d === "header" && o !== "button" && o !== "icon" && !z && v("border-r"), a = o === "button" && v("border-r border-b border-border-primary-normal"), s = o === "icon" && v("border-l"), i = v(
-      l,
+    }, a = d === "header" && !n && !["button"].includes(o) && "bg-brand-400 border-brand-200", s = n && !["button"].includes(o) && "bg-neutral-400 border-neutral-300", i = d === "header" && o !== "button" && o !== "icon" && !H && v("border-r"), b = o === "button" && v("border-r border-b border-border-primary-normal"), Y = o === "icon" && v("border-l"), Z = v(
+      i,
+      b,
       a,
-      T,
-      N,
       s,
+      Y,
       t,
       "flex flex-1 items-center gap-1 whitespace-nowrap h-10 relative text-text-primary-normal",
       "focus-within:!z-10",
       "overflow-x-hidden",
       "overflow-y-hidden",
       o === "input" && "border",
-      o === "input" && !h && !D && "border-border-primary-normal",
-      o === "input" && !h && !D && P && "[&:not(:focus-within)]:border-background-warning-normal",
-      o === "input" && h && "border-border-primary-error",
-      o === "input" && D && "border-background-warning-normal",
-      !["button", "icon"].includes(o) && !g && Z,
-      $ && "pl-2",
+      o === "input" && !p && !F && "border-border-primary-normal",
+      o === "input" && !p && !F && G && "[&:not(:focus-within)]:border-background-warning-normal",
+      o === "input" && p && "border-border-primary-error",
+      o === "input" && F && "border-background-warning-normal",
+      !["button", "icon"].includes(o) && !f && re,
+      M && "pl-2",
       o === "icon" && "border-l",
-      E && "!cursor-grabbing",
-      o === "checkbox" || k && "justify-center",
-      F && "!text-text-primary-disabled"
+      R && "!cursor-grabbing",
+      o === "checkbox" || I && "justify-center",
+      T && "!text-text-primary-disabled"
     );
     return /* @__PURE__ */ r(
-      L,
+      E,
       {
         id: e,
         "data-testid": O,
-        className: v("flex h-10", !b && "flex-1"),
-        style: { width: b, minWidth: y },
-        ...H,
+        className: v("flex h-10", !$ && "flex-1"),
+        style: { width: $, minWidth: U },
+        ...L,
         "data-theme": d === "header" && !n ? "brand" : void 0,
         children: /* @__PURE__ */ r(
           "div",
           {
-            className: i,
+            className: Z,
             style: {
-              ...w
+              ...C
             },
-            onMouseDown: G,
-            onMouseUp: I,
-            onMouseLeave: R,
-            onTouchStart: G,
-            onTouchEnd: I,
-            onTouchCancel: R,
-            onContextMenu: (u) => u.preventDefault(),
-            children: m
+            onMouseDown: D,
+            onMouseUp: P,
+            onMouseLeave: l,
+            onTouchStart: D,
+            onTouchEnd: P,
+            onTouchCancel: l,
+            onContextMenu: (k) => k.preventDefault(),
+            children: u
           }
         )
       }
     );
   }
 );
-_.displayName = "DataGridCell";
-function Q({
+K.displayName = "DataGridCell";
+function X({
   header: e,
   children: d,
   setNodeRef: o,
-  node: m,
+  node: u,
   id: t,
   testid: n,
-  useMenuDefaultMinWidth: g,
-  allowUserGrouping: $,
-  ...w
+  useMenuDefaultMinWidth: f,
+  allowUserGrouping: M,
+  ...C
 }) {
-  const [p, C] = A(!1), [h, D] = A(
+  const [g, w] = A(!1), [p, F] = A(
     e.column.getFilterValue() ?? ""
-  ), P = V(null), k = V(!1), { column: b, getContext: y } = e, { id: F, setFilterValue: z } = b, {
+  ), G = B(null), I = B(!1), { column: h, getContext: x } = e, { id: T, setFilterValue: H } = h, {
     menuRootRef: O,
-    isMenuActive: H,
-    registerSubMenu: L,
+    isMenuActive: L,
+    registerSubMenu: E,
     listeners: c,
-    mobileHide: E
-  } = te(m || P);
-  B(() => {
-    const l = y().table.options.initialState?.columnPinning, a = l?.left ?? [], s = l?.right ?? [];
-    k.current = [...a, ...s].includes(F);
-  }, [F, y]), B(() => {
+    mobileHide: R
+  } = se(u || G);
+  _(() => {
+    const l = x().table.options.initialState?.columnPinning, a = l?.left ?? [], s = l?.right ?? [];
+    I.current = [...a, ...s].includes(T);
+  }, [T, x]), _(() => {
     const l = setTimeout(() => {
-      z(h);
+      H(p);
     }, 500);
     return () => {
       clearTimeout(l);
     };
-  }, [h, z]);
-  const S = !!$ && b.getCanGroup(), M = b.getIsGrouped(), x = b.getGroupedIndex(), G = y().table.getState().grouping.length, I = (l) => {
-    y().table.setGrouping((a) => {
-      const s = a.indexOf(F), i = s + l;
+  }, [p, H]);
+  const y = !!M && h.getCanGroup(), W = h.getIsGrouped(), S = h.getGroupedIndex(), z = x().table.getState().grouping.length, $ = (l) => {
+    x().table.setGrouping((a) => {
+      const s = a.indexOf(T), i = s + l;
       if (s === -1 || i < 0 || i >= a.length)
         return a;
-      const u = [...a];
-      return [u[s], u[i]] = [u[i], u[s]], u;
+      const b = [...a];
+      return [b[s], b[i]] = [b[i], b[s]], b;
     });
-  }, R = {
+  }, U = {
     position: "relative",
     whiteSpace: "nowrap",
     minWidth: e.column.getSize(),
     "--color-text-primary-normal": "var(--color-text-brand-primary-normal)",
     "--color-icon-on-action-primary-normal": "var(--color-text-brand-primary-normal)",
     "--background-action-secondary-normal": "var(--color-text-brand-primary-normal)",
-    ...w.style
+    ...C.style
   };
-  return /* @__PURE__ */ W(
-    _,
+  return /* @__PURE__ */ N(
+    K,
     {
       id: t,
       testid: n,
-      ref: o || P,
+      ref: o || G,
       type: "header",
       component: "header",
-      style: R,
+      style: U,
       minWidth: `${e.column.getSize()}px`,
       onClick: e.column.getToggleSortingHandler(),
-      onRightClick: () => C(!p),
-      ...w,
+      onRightClick: () => w(!g),
+      ...C,
       children: [
         d,
-        M && /* @__PURE__ */ r(
+        W && /* @__PURE__ */ r(
           j,
           {
             name: "workspaces",
             size: 16,
             className: "shrink-0",
-            title: `Grouped (level ${x + 1})`,
+            title: `Grouped (level ${S + 1})`,
             "data-testid": n ? `${n}-grouped-indicator` : void 0
           }
         ),
-        (e.column.getCanFilter() || !k.current && e.column.getCanPin() || S) && /* @__PURE__ */ W(
-          U,
+        (e.column.getCanFilter() || !I.current && e.column.getCanPin() || y) && /* @__PURE__ */ N(
+          V,
           {
             id: t ? `${t}-menu` : void 0,
             testid: n ? `${n}-menu` : void 0,
             ref: O,
-            positionTo: m || P,
-            show: p,
-            setShow: C,
-            mobileHide: E,
-            useDefaultMinWidth: g,
+            positionTo: u || G,
+            show: g,
+            setShow: w,
+            mobileHide: R,
+            useDefaultMinWidth: f,
             children: [
               e.column.getCanFilter() && /* @__PURE__ */ r(
-                f,
+                m,
                 {
                   id: t ? `${t}-filter-option` : void 0,
                   testid: n ? `${n}-filter-option` : void 0,
                   ...c,
-                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
-                    U,
+                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
+                    V,
                     {
                       id: t ? `${t}-filter-submenu` : void 0,
                       testid: n ? `${n}-filter-submenu` : void 0,
                       ...s,
-                      show: H(l, a),
+                      show: L(l, a),
                       ref: (i) => {
-                        L(l, i);
+                        E(l, i);
                       },
-                      useDefaultMinWidth: g,
+                      useDefaultMinWidth: f,
                       children: [
-                        /* @__PURE__ */ r("div", { className: v(ee), children: /* @__PURE__ */ r(
-                          ne,
+                        /* @__PURE__ */ r("div", { className: v(ie), children: /* @__PURE__ */ r(
+                          le,
                           {
                             id: t ? `${t}-filter-search` : void 0,
                             testid: n ? `${n}-filter-search` : void 0,
                             onChange: (i) => {
-                              D(i.target.value);
+                              F(i.target.value);
                             },
                             onKeyDown: (i) => {
                               [" ", "Space"].includes(i.key) && i.stopPropagation();
                             },
-                            value: h ?? ""
+                            value: p ?? ""
                           }
                         ) }),
                         /* @__PURE__ */ r(
-                          f,
+                          m,
                           {
                             id: t ? `${t}-filter-contains` : void 0,
                             testid: n ? `${n}-filter-contains` : void 0,
-                            onClick: N,
-                            before: T("includesString"),
+                            onClick: P,
+                            before: D("includesString"),
                             children: "Contains"
                           }
                         ),
                         /* @__PURE__ */ r(
-                          f,
+                          m,
                           {
                             id: t ? `${t}-filter-startswith` : void 0,
                             testid: n ? `${n}-filter-startswith` : void 0,
-                            onClick: N,
-                            before: T("startsWith"),
+                            onClick: P,
+                            before: D("startsWith"),
                             children: "Starts with"
                           }
                         ),
                         /* @__PURE__ */ r(
-                          f,
+                          m,
                           {
                             id: t ? `${t}-filter-endswith` : void 0,
                             testid: n ? `${n}-filter-endswith` : void 0,
-                            onClick: N,
-                            before: T("endsWith"),
+                            onClick: P,
+                            before: D("endsWith"),
                             children: "Ends with"
                           }
                         )
@@ -255,24 +255,24 @@ function Q({
                   children: "Filter"
                 }
               ),
-              !k.current && e.column.getCanPin() && /* @__PURE__ */ r(
-                f,
+              !I.current && e.column.getCanPin() && /* @__PURE__ */ r(
+                m,
                 {
                   onClick: () => {
-                    C(!p);
+                    w(!g);
                   },
                   ...c,
-                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ W(
-                    U,
+                  subMenu: ({ menuId: l, subMenuLevel: a, ...s }) => /* @__PURE__ */ N(
+                    V,
                     {
                       ...s,
-                      show: H(l, a),
+                      show: L(l, a),
                       ref: (i) => {
-                        L(l, i);
+                        E(l, i);
                       },
                       children: [
                         /* @__PURE__ */ r(
-                          f,
+                          m,
                           {
                             selected: e.column.getIsPinned() === "left",
                             onClick: () => {
@@ -283,7 +283,7 @@ function Q({
                           }
                         ),
                         /* @__PURE__ */ r(
-                          f,
+                          m,
                           {
                             selected: e.column.getIsPinned() === "right",
                             onClick: () => {
@@ -296,36 +296,36 @@ function Q({
                       ]
                     }
                   ),
-                  children: `Freeze [${e.column.columnDef.header}]`
+                  children: `Freeze ${e.column.columnDef.header}`
                 }
               ),
-              S && /* @__PURE__ */ r(
-                f,
+              y && /* @__PURE__ */ r(
+                m,
                 {
                   id: t ? `${t}-group-option` : void 0,
                   testid: n ? `${n}-group-option` : void 0,
                   onClick: e.column.getToggleGroupingHandler(),
-                  children: M ? "Remove group" : `Group by [${e.column.columnDef.header}]`
+                  children: W ? "Remove group" : `Group by [${e.column.columnDef.header}]`
                 }
               ),
-              S && M && G > 1 && /* @__PURE__ */ W(X, { children: [
+              y && W && z > 1 && /* @__PURE__ */ N(ee, { children: [
                 /* @__PURE__ */ r(
-                  f,
+                  m,
                   {
                     id: t ? `${t}-group-move-up` : void 0,
                     testid: n ? `${n}-group-move-up` : void 0,
-                    disabled: x === 0,
-                    onClick: () => I(-1),
+                    disabled: S === 0,
+                    onClick: () => $(-1),
                     children: "Move up"
                   }
                 ),
                 /* @__PURE__ */ r(
-                  f,
+                  m,
                   {
                     id: t ? `${t}-group-move-down` : void 0,
                     testid: n ? `${n}-group-move-down` : void 0,
-                    disabled: x === G - 1,
-                    onClick: () => I(1),
+                    disabled: S === z - 1,
+                    onClick: () => $(1),
                     children: "Move down"
                   }
                 )
@@ -336,7 +336,7 @@ function Q({
       ]
     }
   );
-  function T(l) {
+  function D(l) {
     return /* @__PURE__ */ r(
       j,
       {
@@ -347,24 +347,24 @@ function Q({
       }
     );
   }
-  function N(l, a) {
+  function P(l, a) {
     let s = "includesString";
     const i = e.column.columnDef.filterFn;
-    a?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), a?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), a?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(h);
+    a?.toLowerCase() === "starts with" && (s = i === "startsWith" ? "auto" : "startsWith"), a?.toLowerCase() === "ends with" && (s = i === "endsWith" ? "auto" : "endsWith"), a?.toLowerCase() === "contains" && (s = i === "includesString" ? "auto" : "includesString"), e.column.columnDef.filterFn = s, e.column.setFilterValue(p);
   }
 }
-Q.displayName = "DataCellHeader";
-function oe({
+X.displayName = "DataCellHeader";
+function ce({
   header: e,
   children: d,
   ...o
 }) {
-  const { attributes: m, isDragging: t, listeners: n, setNodeRef: g, transform: $, node: w } = q({
+  const { attributes: u, isDragging: t, listeners: n, setNodeRef: f, transform: M, node: C } = J({
     id: e.column.id
-  }), p = {
+  }), g = {
     opacity: t ? 0.8 : 1,
     position: "relative",
-    transform: J.Translate.toString($),
+    transform: Q.Translate.toString(M),
     transition: "width transform 0.2s ease-in-out",
     whiteSpace: "nowrap",
     zIndex: t ? 1 : 0,
@@ -373,40 +373,41 @@ function oe({
     userSelect: "none"
   };
   return /* @__PURE__ */ r(
-    Q,
+    X,
     {
       header: e,
-      setNodeRef: g,
-      node: w,
-      style: p,
+      setNodeRef: f,
+      node: C,
+      style: g,
       ...o,
-      ...m,
+      ...u,
       ...n,
       children: d
     }
   );
 }
-oe.displayName = "DraggableCellHeader";
-function re({
+ce.displayName = "DraggableCellHeader";
+function ue({
   cell: e,
   children: d,
   ...o
 }) {
-  const { isDragging: m, setNodeRef: t, transform: n } = q({
+  const { isDragging: u, setNodeRef: t, transform: n } = J({
     id: e.column.id
-  }), g = {
-    opacity: m ? 0.8 : 1,
+  }), f = {
+    opacity: u ? 0.8 : 1,
     position: "relative",
-    transform: J.Translate.toString(n),
+    transform: Q.Translate.toString(n),
     transition: "width transform 0.2s ease-in-out",
-    zIndex: m ? 1 : 0
+    zIndex: u ? 1 : 0
   };
-  return /* @__PURE__ */ r(_, { style: g, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
+  return /* @__PURE__ */ r(K, { style: f, ref: t, width: `${e.column.getSize()}px`, ...o, children: d });
 }
-re.displayName = "DragAlongCell";
+ue.displayName = "DragAlongCell";
 export {
-  Q as DataCellHeader,
-  _ as DataGridCell,
-  re as DragAlongCell,
-  oe as DraggableCellHeader
+  X as DataCellHeader,
+  K as DataGridCell,
+  ue as DragAlongCell,
+  ce as DraggableCellHeader,
+  ae as GridColumnSizeContext
 };