@yuno-payments/dashboard-design-system 0.0.167 → 0.0.170

package/dist/components/organisms/data-table/hooks/use-data-table-state.js

@@ -1,109 +1,74 @@
-import * as i from "react";
-function $({
-  persistKey: r,
-  hasActions: s = !1,
-  externalSorting: P,
-  onExternalSortingChange: l,
-  externalRowSelection: y,
-  initialSettings: o,
-  onUpdate: m
+import * as e from "react";
+function V({
+  persistKey: i,
+  hasActions: l = !1
 }) {
-  const [c, a] = i.useState([]), [w, I] = i.useState(
+  const [g, m] = e.useState([]), [S, b] = e.useState(
     []
-  ), [u, d] = i.useState({}), [V, C] = i.useState({}), [f, g] = i.useState({
+  ), [r, c] = e.useState({}), [h, P] = e.useState({}), [a, s] = e.useState({
     left: [],
-    right: s ? ["actions"] : []
-  }), F = P ?? c, O = l ?? a, R = y ?? V, v = C;
-  i.useEffect(() => {
-    if (o) {
-      if (o.hide || o.show) {
-        const e = {};
-        o.hide?.forEach((t) => {
-          e[t] = !1;
-        }), d(e);
-      }
-      o.pinnedColumns && g({
-        left: o.pinnedColumns.left || [],
-        right: [
-          ...(o.pinnedColumns.right || []).filter(
-            (e) => e !== "actions"
-          ),
-          ...s ? ["actions"] : []
-        ]
-      }), !l && o.sorting && a(o.sorting);
-    }
-  }, [o, s, l]), i.useEffect(() => {
-    if (!r) return;
-    const e = localStorage.getItem(`datatable-${r}`);
-    if (e)
+    right: l ? ["actions"] : []
+  });
+  e.useEffect(() => {
+    if (!i) return;
+    const n = localStorage.getItem(`datatable-${i}`);
+    if (n)
       try {
-        const t = JSON.parse(e);
-        t.columnVisibility && d(t.columnVisibility), t.columnPinning && g({
+        const t = JSON.parse(n);
+        t.columnVisibility && c(t.columnVisibility), t.columnPinning && s({
           left: t.columnPinning.left || [],
           right: [
             ...(t.columnPinning.right || []).filter(
-              (n) => n !== "actions"
+              (o) => o !== "actions"
             ),
-            ...s ? ["actions"] : []
+            ...l ? ["actions"] : []
           ]
-        }), !l && t.sorting && a(t.sorting);
+        });
       } catch (t) {
         console.error("Failed to load table state", t);
       }
-  }, [r, s, l]), i.useEffect(() => {
-    const e = Object.entries(u).filter(([, n]) => !n).map(([n]) => n), t = {
-      hide: e.length > 0 ? e : void 0,
-      pinnedColumns: {
-        left: f.left || [],
-        right: f.right || []
-      },
-      // Only include sorting if not controlled externally
-      ...!l && c.length > 0 && { sorting: c }
+  }, [i, l]), e.useEffect(() => {
+    if (!i) return;
+    const n = {
+      columnVisibility: r,
+      columnPinning: a
     };
-    if (r) {
-      const n = {
-        columnVisibility: u,
-        columnPinning: f,
-        ...!l && { sorting: c }
-      };
-      localStorage.setItem(`datatable-${r}`, JSON.stringify(n));
-    }
-    m && m(t);
-  }, [u, f, c, r, l, m]);
-  const J = i.useCallback(
-    (e) => {
-      g((t) => {
-        const n = typeof e == "function" ? e(t) : e, h = Array.isArray(n.left) ? n.left : [], b = Array.isArray(n.right) ? n.right : [];
-        if (s) {
-          const N = b.filter(
-            (S) => S !== "actions"
+    localStorage.setItem(`datatable-${i}`, JSON.stringify(n));
+  }, [r, a, i]);
+  const d = e.useCallback(
+    (n) => {
+      s((t) => {
+        const o = typeof n == "function" ? n(t) : n, u = Array.isArray(o.left) ? o.left : [], f = Array.isArray(o.right) ? o.right : [];
+        if (l) {
+          const y = f.filter(
+            (C) => C !== "actions"
           );
           return {
-            left: h,
-            right: [...N, "actions"]
+            left: u,
+            right: [...y, "actions"]
           };
         }
         return {
-          left: h,
-          right: b
+          left: u,
+          right: f
         };
       });
     },
-    [s]
+    [l]
   );
   return {
-    sorting: F,
-    setSorting: O,
-    columnFilters: w,
-    setColumnFilters: I,
-    columnVisibility: u,
-    setColumnVisibility: d,
-    rowSelection: R,
-    setRowSelection: v,
-    columnPinning: f,
-    handleColumnPinningChange: J
+    sorting: g,
+    setSorting: m,
+    columnFilters: S,
+    setColumnFilters: b,
+    columnVisibility: r,
+    setColumnVisibility: c,
+    rowSelection: h,
+    setRowSelection: P,
+    columnPinning: a,
+    handleColumnPinningChange: d
   };
 }
 export {
-  $ as useDataTableState
+  V as useDataTableState
 };

package/dist/components/organisms/data-table/utils/data-table-constants.d.ts

@@ -10,20 +10,14 @@ export declare const RESIZE_HANDLE_CONFIG: {
     readonly lineHeight: "h-5";
     readonly lineWidth: "w-[1px]";
 };
-export declare const CHECKBOX_COLUMN_CONFIG: {
-    readonly size: 50;
-    readonly minSize: 50;
-    readonly maxSize: 50;
-};
 export declare const ACTIONS_COLUMN_CONFIG: {
     readonly size: 50;
     readonly minSize: 50;
     readonly maxSize: 50;
 };
 export declare const CELL_BACKGROUND_COLORS: {
-    readonly header: "hsl(var(--sidebar))";
-    readonly body: "hsl(var(--background))";
+    readonly header: "rgb(250 250 250)";
+    readonly body: "white";
 };
 export declare const ROW_HEIGHT_DEFAULT = 66;
-export declare const COLUMN_MIN_SIZE_DEFAULT = 50;
 export declare const PINNED_SHADOW_CLASS = "shadow-[-4px_0_4px_-2px_rgba(0,0,0,0.1)]";

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

@@ -1,4 +1,4 @@
-const _ = {
+const t = {
   height: "h-8",
   gap: "gap-1.5",
   roundedClass: "rounded-md",
@@ -8,25 +8,19 @@ const _ = {
   width: "w-2",
   lineHeight: "h-5",
   lineWidth: "w-[1px]"
-}, t = {
+}, _ = {
   size: 50,
   minSize: 50,
   maxSize: 50
 }, i = {
-  size: 50,
-  minSize: 50,
-  maxSize: 50
-}, n = {
-  header: "hsl(var(--sidebar))",
-  body: "hsl(var(--background))"
-}, o = 66, s = 50, C = "shadow-[-4px_0_4px_-2px_rgba(0,0,0,0.1)]";
+  header: "rgb(250 250 250)",
+  body: "white"
+}, n = 66, o = "shadow-[-4px_0_4px_-2px_rgba(0,0,0,0.1)]";
 export {
-  i as ACTIONS_COLUMN_CONFIG,
-  n as CELL_BACKGROUND_COLORS,
-  t as CHECKBOX_COLUMN_CONFIG,
-  _ as COLUMN_HEADER_CONFIG,
-  s as COLUMN_MIN_SIZE_DEFAULT,
-  C as PINNED_SHADOW_CLASS,
+  _ as ACTIONS_COLUMN_CONFIG,
+  i as CELL_BACKGROUND_COLORS,
+  t as COLUMN_HEADER_CONFIG,
+  o as PINNED_SHADOW_CLASS,
   e as RESIZE_HANDLE_CONFIG,
-  o as ROW_HEIGHT_DEFAULT
+  n as ROW_HEIGHT_DEFAULT
 };