@commercetools/nimbus 0.0.0-canary-20250919133951 → 0.0.0-canary-20250919142636

package/dist/chunks/{data-table-WrOybKO-.es.js → data-table-DCXZgjnH.es.js}

@@ -32,15 +32,15 @@ import { $ as un } from "./LiveAnnouncer-CsPyaceH.es.js";
 import { $ as wt } from "./useCollator-BHMZd1r6.es.js";
 import { $ as an } from "./useUpdateEffect-CCDx8D4X.es.js";
 import { B as we } from "./box-DuBoAZvq.es.js";
-import { e as $e } from "./extractStyleProps-tYFaIfUG.es.js";
+import { e as $e } from "./extractStyleProps-BBE3vyqu.es.js";
 import { createSlotRecipeContext as sn, mergeRefs as dn } from "@chakra-ui/react";
-import { k as cn } from "./index-B68rhcD_.es.js";
+import { k as cn } from "./index-knmonT53.es.js";
 import { Highlight as fn } from "@chakra-ui/react/highlight";
-import { I as pn } from "./icon-button-BucXZ7sA.es.js";
+import { I as pn } from "./icon-button-Dbzy90zM.es.js";
 import { b as ct } from "./tooltip-B1YdruCE.es.js";
-import { C as St } from "./checkbox-CKNIwwcB.es.js";
+import { C as St } from "./checkbox-nVRGeWGD.es.js";
 import { KeyboardArrowDown as hn, KeyboardArrowRight as mn, PushPin as gn, ArrowDownward as bn } from "@commercetools/nimbus-icons";
-import { S as vn } from "./separator-D3JP7dvE.es.js";
+import { S as vn } from "./separator-0JsNXE3j.es.js";
 import { Flex as yn } from "@chakra-ui/react/flex";
 function $n(t) {
   let { onMoveStart: e, onMove: l, onMoveEnd: n } = t, o = K({
@@ -3018,37 +3018,53 @@ const qe = ({
         ...D,
         dependencies: [T, o, a],
         children: [
-          B === "toggle" && /* @__PURE__ */ C(me, { "data-slot": "selection", isDisabled: $, children: /* @__PURE__ */ C(
-            we,
+          B === "toggle" && /* @__PURE__ */ C(
+            me,
             {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              w: "100%",
-              h: "100%",
+              className: "data-table-sticky-cell",
+              "data-slot": "selection",
+              isDisabled: $,
               children: /* @__PURE__ */ C(
-                St,
+                we,
                 {
-                  name: "select-row",
-                  slot: "selection",
-                  "aria-label": "select row"
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  w: "100%",
+                  h: "100%",
+                  children: /* @__PURE__ */ C(
+                    St,
+                    {
+                      name: "select-row",
+                      slot: "selection",
+                      "aria-label": "select row"
+                    }
+                  )
                 }
               )
             }
-          ) }),
-          d && /* @__PURE__ */ C(me, { "data-slot": "expand", isDisabled: $, children: W ? /* @__PURE__ */ C(
-            Dl,
+          ),
+          d && /* @__PURE__ */ C(
+            me,
             {
-              w: "100%",
-              h: "100%",
-              cursor: "pointer",
-              "aria-label": T ? "Collapse" : "Expand",
-              onClick: (x) => {
-                x.stopPropagation(), i(t.id);
-              },
-              children: T ? /* @__PURE__ */ C(hn, {}) : /* @__PURE__ */ C(mn, {})
+              className: "data-table-sticky-cell",
+              "data-slot": "expand",
+              isDisabled: $,
+              children: W ? /* @__PURE__ */ C(
+                Dl,
+                {
+                  w: "100%",
+                  h: "100%",
+                  cursor: "pointer",
+                  "aria-label": T ? "Collapse" : "Expand",
+                  onClick: (x) => {
+                    x.stopPropagation(), i(t.id);
+                  },
+                  children: T ? /* @__PURE__ */ C(hn, {}) : /* @__PURE__ */ C(mn, {})
+                }
+              ) : null
             }
-          ) : null }),
+          ),
           /* @__PURE__ */ C(Se, { items: n, children: (x) => {
             const z = x.accessor(t);
             return /* @__PURE__ */ C(me, { isDisabled: $, children: /* @__PURE__ */ C(
@@ -3070,34 +3086,37 @@ const qe = ({
               }
             ) }, x.id);
           } }),
-          /* @__PURE__ */ C(me, { "data-slot": "pin-row-cell", isDisabled: $, children: /* @__PURE__ */ C(
-            we,
+          /* @__PURE__ */ C(
+            me,
             {
-              display: "flex",
-              alignItems: "center",
-              justifyContent: "center",
-              w: "100%",
-              h: "100%",
-              children: /* @__PURE__ */ re(ct.Root, { children: [
-                /* @__PURE__ */ C(
-                  pn,
-                  {
-                    size: "2xs",
-                    variant: "ghost",
-                    "aria-label": I ? "Unpin row" : "Pin row",
-                    colorPalette: "primary",
-                    className: `nimbus-table-cell-pin-button ${I ? "nimbus-table-cell-pin-button-pinned" : ""}`,
-                    onClick: (x) => {
-                      x.stopPropagation(), g(t.id);
-                    },
-                    children: /* @__PURE__ */ C(gn, {})
-                  },
-                  "pin-btn"
-                ),
-                /* @__PURE__ */ C(ct.Content, { placement: "top", children: I ? "Unpin row" : "Pin row" })
-              ] })
+              className: "data-table-sticky-cell",
+              "data-slot": "pin-row-cell",
+              isDisabled: $,
+              children: /* @__PURE__ */ C(
+                we,
+                {
+                  "data-slot": I ? "nimbus-table-cell-pin-button-pinned" : "nimbus-table-cell-pin-button",
+                  children: /* @__PURE__ */ re(ct.Root, { children: [
+                    /* @__PURE__ */ C(
+                      pn,
+                      {
+                        size: "2xs",
+                        variant: "ghost",
+                        "aria-label": I ? "Unpin row" : "Pin row",
+                        colorPalette: "primary",
+                        onClick: (x) => {
+                          x.stopPropagation(), g(t.id);
+                        },
+                        children: /* @__PURE__ */ C(gn, {})
+                      },
+                      "pin-btn"
+                    ),
+                    /* @__PURE__ */ C(ct.Content, { placement: "top", children: I ? "Unpin row" : "Pin row" })
+                  ] })
+                }
+              )
             }
-          ) })
+          )
         ]
       }
     ) }),
@@ -3561,4 +3580,4 @@ export {
   wo as j,
   Co as k
 };
-//# sourceMappingURL=data-table-WrOybKO-.es.js.map
+//# sourceMappingURL=data-table-DCXZgjnH.es.js.map