@yuno-payments/dashboard-design-system 0.0.138-beta.2 → 0.0.139

package/dist/components/organisms/data-table/utils/data-table-styles.js

@@ -1,23 +1,38 @@
 import { cn as o } from "../../../../lib/utils.js";
-import { getPinnedStyles as s } from "./data-table-utils.js";
-import { PINNED_SHADOW_CLASS as S } from "./data-table-constants.js";
-function p(t, n, r) {
-  const i = t.getIsPinned();
+import { getPinnedStyles as p } from "./data-table-utils.js";
+import { PINNED_SHADOW_CLASS as l } from "./data-table-constants.js";
+function f(t, r, d) {
+  const s = t.getIsPinned(), e = t.getSize(), i = t.id === "_spacer", a = t.columnDef.enableResizing === !1 && !i;
   return {
     style: {
-      width: `${t.getSize()}px`,
-      // Don't set minWidth/maxWidth in CSS as TanStack Table handles this internally
-      // Setting these can interfere with the resize functionality
-      ...s(
-        i,
-        (e) => t.getStart(e),
-        (e) => t.getAfter(e),
-        r
+      // Spacer column should not have a fixed width, let it absorb remaining space
+      ...i ? {
+        width: "auto",
+        minWidth: 0
+      } : a ? {
+        width: `${e}px`,
+        minWidth: `${e}px`,
+        maxWidth: `${e}px`
+      } : {
+        width: `${e}px`
+      },
+      ...p(
+        s,
+        (n) => t.getStart(n),
+        (n) => t.getAfter(n),
+        d
       )
     },
-    className: o(n, i && S)
+    className: o(
+      r,
+      s && l,
+      // Add a class to identify fixed-size columns
+      a && "data-table-fixed-column",
+      // Hide spacer column visually
+      i && "data-table-spacer"
+    )
   };
 }
 export {
-  p as getCellStyles
+  f as getCellStyles
 };

package/dist/node_modules/@phosphor-icons/react/dist/csr/File.es.js

@@ -0,0 +1,8 @@
+import * as o from "react";
+import a from "../lib/IconBase.es.js";
+import m from "../defs/File.es.js";
+const t = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(a, { ref: r, ...e, weights: m }));
+t.displayName = "FileIcon";
+export {
+  t as FileIcon
+};

package/dist/node_modules/@phosphor-icons/react/dist/csr/Table.es.js

@@ -0,0 +1,8 @@
+import * as o from "react";
+import a from "../lib/IconBase.es.js";
+import m from "../defs/Table.es.js";
+const t = o.forwardRef((e, r) => /* @__PURE__ */ o.createElement(a, { ref: r, ...e, weights: m }));
+t.displayName = "TableIcon";
+export {
+  t as TableIcon
+};

package/dist/node_modules/@phosphor-icons/react/dist/defs/File.es.js

@@ -0,0 +1,30 @@
+import * as e from "react";
+const a = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,79.52l-56-56A12,12,0,0,0,152,20H56A20,20,0,0,0,36,40V216a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V88A12,12,0,0,0,216.49,79.52ZM160,57l23,23H160ZM60,212V44h76V92a12,12,0,0,0,12,12h48V212Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,88H152V32Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM152,88V44l44,44Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,83.76l-56-56A6,6,0,0,0,152,26H56A14,14,0,0,0,42,40V216a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V88A6,6,0,0,0,212.24,83.76ZM158,46.48,193.52,82H158ZM200,218H56a2,2,0,0,1-2-2V40a2,2,0,0,1,2-2h90V88a6,6,0,0,0,6,6h50V216A2,2,0,0,1,200,218Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,85.17l-56-56A4,4,0,0,0,152,28H56A12,12,0,0,0,44,40V216a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V88A4,4,0,0,0,210.83,85.17ZM156,41.65,198.34,84H156ZM200,220H56a4,4,0,0,1-4-4V40a4,4,0,0,1,4-4h92V88a4,4,0,0,0,4,4h52V216A4,4,0,0,1,200,220Z" }))
+  ]
+]);
+export {
+  a as default
+};

package/dist/node_modules/@phosphor-icons/react/dist/defs/Table.es.js

@@ -0,0 +1,30 @@
+import * as H from "react";
+const e = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM44,116H76v24H44Zm56,0H212v24H100ZM212,68V92H44V68ZM44,164H76v24H44Zm56,24V164H212v24Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M88,104v96H32V104Z", opacity: "0.2" }), /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,50H32a6,6,0,0,0-6,6V192a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A6,6,0,0,0,224,50ZM38,110H82v36H38Zm56,0H218v36H94ZM218,62V98H38V62ZM38,192V158H82v36H40A2,2,0,0,1,38,192Zm178,2H94V158H218v34A2,2,0,0,1,216,194Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,48H32a8,8,0,0,0-8,8V192a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A8,8,0,0,0,224,48ZM40,112H80v32H40Zm56,0H216v32H96ZM216,64V96H40V64ZM40,160H80v32H40Zm176,32H96V160H216v32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement("path", { d: "M224,52H32a4,4,0,0,0-4,4V192a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A4,4,0,0,0,224,52ZM36,108H84v40H36Zm56,0H220v40H92ZM220,60v40H36V60ZM36,192V156H84v40H40A4,4,0,0,1,36,192Zm180,4H92V156H220v36A4,4,0,0,1,216,196Z" }))
+  ]
+]);
+export {
+  e as default
+};

package/dist/vendor/shadcn/table.js

@@ -62,7 +62,7 @@ const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t.jsx(
   {
     ref: o,
     className: r(
-      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      "p-2 align-middle overflow-x-hidden [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       e
     ),
     ...a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuno-payments/dashboard-design-system",
-  "version": "0.0.138-beta.2",
+  "version": "0.0.139",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",