@yuno-payments/dashboard-design-system 0.0.135 → 0.0.137

package/dist/components/atoms/multi-values-field/multi-values-field.js

@@ -1,15 +1,15 @@
-import { j as n } from "../../../_virtual/jsx-runtime.js";
+import { j as o } from "../../../_virtual/jsx-runtime.js";
 import { forwardRef as q, useId as z, useState as g } from "react";
 import { cn as b } from "../../../lib/utils.js";
 import { Field as G, FieldLabel as H, FieldDescription as J, FieldError as K } from "../../../vendor/shadcn/field.js";
 import { Badge as O } from "../badge/badge.js";
 const Q = q(
   ({
-    value: t = [],
+    value: n = [],
     onChange: d,
-    label: w,
+    label: y,
     description: c,
-    error: y,
+    error: w,
     placeholder: j = "Type and press Enter...",
     disabled: u = !1,
     id: v,
@@ -23,14 +23,14 @@ const Q = q(
     orientation: N = "vertical",
     className: $
   }, C) => {
-    const T = z(), o = v || T, m = !!y, [h, E] = g(""), [R, F] = g(!1), [x, i] = g(""), s = (e) => {
+    const T = z(), t = v || T, m = !!w, [x, E] = g(""), [R, F] = g(!1), [h, i] = g(""), s = (e) => {
       const r = e.trim();
       if (r !== "") {
-        if (f && t.length >= f) {
+        if (f && n.length >= f) {
           i(`Maximum ${f} items allowed`);
           return;
         }
-        if (!D && t.includes(r)) {
+        if (!D && n.includes(r)) {
           i("Duplicate values are not allowed");
           return;
         }
@@ -43,46 +43,46 @@ const Q = q(
             return;
           }
         }
-        i(""), d([...t, r]), E("");
+        i(""), d([...n, r]), E("");
       }
     }, M = (e) => {
-      d(t.filter((r) => r !== e)), i("");
+      d(n.filter((r) => r !== e)), i("");
     }, P = (e) => {
       const r = e.currentTarget.value;
-      e.key === "Enter" && p.includes("Enter") ? (e.preventDefault(), s(r)) : e.key === "Tab" && p.includes("Tab") ? r.trim() !== "" && (e.preventDefault(), s(r)) : (e.key === "," || e.key === ",") && p.includes("Comma") ? (e.preventDefault(), s(r)) : e.key === "Backspace" && r === "" && t.length > 0 && d(t.slice(0, -1));
+      e.key === "Enter" && p.includes("Enter") ? (e.preventDefault(), s(r)) : e.key === "Tab" && p.includes("Tab") ? r.trim() !== "" && (e.preventDefault(), s(r)) : (e.key === "," || e.key === ",") && p.includes("Comma") ? (e.preventDefault(), s(r)) : e.key === "Backspace" && r === "" && n.length > 0 && d(n.slice(0, -1));
     }, A = (e) => {
       E(e.target.value), i("");
     }, L = () => {
       F(!0);
     }, S = () => {
-      F(!1), B && h.trim() !== "" && s(h);
+      F(!1), B && x.trim() !== "" && s(x);
     }, X = (e, r) => {
       e.preventDefault(), e.stopPropagation(), M(r);
-    }, a = y || x;
-    return /* @__PURE__ */ n.jsxs(
+    }, a = w || h;
+    return /* @__PURE__ */ o.jsxs(
       G,
       {
         orientation: N,
         "data-invalid": m,
         className: b("w-full", $),
         children: [
-          w && /* @__PURE__ */ n.jsx(H, { htmlFor: o, children: w }),
-          /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
-            /* @__PURE__ */ n.jsxs(
+          y && /* @__PURE__ */ o.jsx(H, { htmlFor: t, children: y }),
+          /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+            /* @__PURE__ */ o.jsxs(
               "div",
               {
                 className: b(
-                  "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-9 w-full min-w-0 rounded-md border bg-white px-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
+                  "font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-9 w-full min-w-0 rounded-md border bg-background px-3 py-1.5 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
                   "flex-wrap gap-1.5 items-center",
                   R && "border-ring ring-ring/50 ring-[3px]",
-                  (m || x) && "border-destructive ring-destructive/20 dark:ring-destructive/40",
+                  (m || h) && "border-destructive ring-destructive/20 dark:ring-destructive/40",
                   u && "opacity-50 cursor-not-allowed"
                 ),
                 onClick: () => {
-                  u || document.getElementById(o)?.focus();
+                  u || document.getElementById(t)?.focus();
                 },
                 children: [
-                  t.map((e, r) => /* @__PURE__ */ n.jsx(
+                  n.map((e, r) => /* @__PURE__ */ o.jsx(
                     O,
                     {
                       variant: I,
@@ -96,34 +96,34 @@ const Q = q(
                     },
                     `${e}-${r}`
                   )),
-                  /* @__PURE__ */ n.jsx(
+                  /* @__PURE__ */ o.jsx(
                     "input",
                     {
                       ref: C,
-                      id: o,
+                      id: t,
                       name: V,
                       type: "text",
-                      value: h,
+                      value: x,
                       onChange: A,
                       onKeyDown: P,
                       onFocus: L,
                       onBlur: S,
-                      placeholder: t.length === 0 ? j : "",
+                      placeholder: n.length === 0 ? j : "",
                       disabled: u,
                       className: b(
                         "flex-1 min-w-[120px] outline-none bg-transparent border-none shadow-none p-0 h-6",
                         "placeholder:text-muted-foreground",
                         "disabled:cursor-not-allowed"
                       ),
-                      "aria-invalid": m || !!x,
-                      "aria-describedby": c || a ? `${o}-description` : void 0
+                      "aria-invalid": m || !!h,
+                      "aria-describedby": c || a ? `${t}-description` : void 0
                     }
                   )
                 ]
               }
             ),
-            c && !a && /* @__PURE__ */ n.jsx(J, { id: `${o}-description`, children: c }),
-            a && /* @__PURE__ */ n.jsx(K, { id: `${o}-description`, children: a })
+            c && !a && /* @__PURE__ */ o.jsx(J, { id: `${t}-description`, children: c }),
+            a && /* @__PURE__ */ o.jsx(K, { id: `${t}-description`, children: a })
           ] })
         ]
       }

package/dist/components/atoms/radio-group/radio-group-option.js

@@ -1,7 +1,7 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
 import { RadioGroupItem as d } from "../../../vendor/shadcn/radio-group.js";
-import { cn as l } from "../../../lib/utils.js";
-import { Label as a } from "../../../vendor/shadcn/label.js";
+import { cn as a } from "../../../lib/utils.js";
+import { Label as l } from "../../../vendor/shadcn/label.js";
 const o = ({
   option: e,
   radioId: s,
@@ -17,15 +17,15 @@ const o = ({
           value: e.value,
           id: s,
           disabled: e.disabled,
-          className: "size-3.5 data-[state=unchecked]:bg-white border-border cursor-pointer"
+          className: "size-3.5 data-[state=unchecked]:bg-background border-border cursor-pointer"
         }
       ),
       t ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsx(
-          a,
+          l,
           {
             htmlFor: s,
-            className: l(
+            className: a(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),
@@ -35,10 +35,10 @@ const o = ({
         e.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-muted-foreground ml-auto", children: e.description })
       ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1.5 flex-1", children: [
         /* @__PURE__ */ r.jsx(
-          a,
+          l,
           {
             htmlFor: s,
-            className: l(
+            className: a(
               "cursor-pointer",
               e.disabled && "text-muted-foreground"
             ),

package/dist/components/atoms/search-field/search-field.js

@@ -1,5 +1,5 @@
 import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { forwardRef as U, useId as Y, useState as l, useRef as V, useEffect as z } from "react";
+import { forwardRef as U, useId as Y, useState as n, useRef as V, useEffect as z } from "react";
 import { cn as r } from "../../../lib/utils.js";
 import { Input as Z } from "../../../vendor/shadcn/input.js";
 import { Icon as w } from "../icon/icon.js";
@@ -28,7 +28,7 @@ const P = D("flex gap-2 w-full", {
 }), te = U(
   ({
     placeholder: F = "Search...",
-    onSearch: n,
+    onSearch: l,
     limitSearch: y = 10,
     persistKey: c = "",
     value: m = "",
@@ -43,15 +43,15 @@ const P = D("flex gap-2 w-full", {
     inputProps: h,
     ...E
   }, i) => {
-    const M = Y(), u = O || h?.id || M, b = !!a, [o, d] = l(m), [f, R] = l(() => {
+    const M = Y(), u = O || h?.id || M, b = !!a, [o, d] = n(m), [f, R] = n(() => {
       if (c) {
         const e = localStorage.getItem(`${c}_searchfield`);
         return e ? JSON.parse(e) : [];
       }
       return [];
-    }), [C, L] = l([]), [B, v] = l(!1), [J, I] = l(!1), g = V(null), _ = V(null), G = (e) => {
+    }), [C, L] = n([]), [B, v] = n(!1), [J, I] = n(!1), g = V(null), _ = V(null), G = (e) => {
       const s = e.target.value;
-      d(s), (s === "" || H) && n(s);
+      d(s), (s === "" || H) && l(s);
     }, W = (e) => {
       e.key === "Enter" && o !== "" && S();
     }, S = () => {
@@ -65,11 +65,11 @@ const P = D("flex gap-2 w-full", {
       R(k), c && localStorage.setItem(
         `${c}_searchfield`,
         JSON.stringify(k)
-      ), n(o);
+      ), l(o);
     }, X = () => {
-      d(""), n(""), g.current?.focus();
+      d(""), l(""), g.current?.focus();
     }, q = (e) => {
-      d(e), n(e), v(!1), g.current?.focus();
+      d(e), l(e), v(!1), g.current?.focus();
     }, A = () => {
       v(!0);
     }, Q = () => {
@@ -124,7 +124,7 @@ const P = D("flex gap-2 w-full", {
                 size: "sm",
                 onClick: S,
                 className: r(
-                  "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+                  "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground dark:text-foreground",
                   !x && "cursor-pointer hover:text-foreground transition-colors"
                 )
               }

package/dist/components/atoms/switch/switch.js

@@ -5,18 +5,18 @@ import { cn as n } from "../../../lib/utils.js";
 import { Label as y } from "../../../vendor/shadcn/label.js";
 const N = j(
   ({
-    label: i,
+    label: c,
     description: o,
-    side: c = "left",
+    side: i = "left",
     variant: l = "default",
-    id: f,
+    id: d,
     name: t,
     onChange: a,
-    className: m,
-    switchClassName: x,
-    ...d
+    className: f,
+    switchClassName: m,
+    ...x
   }, p) => {
-    const h = v(), r = f || t || h, u = (s) => {
+    const h = v(), r = d || t || h, u = (s) => {
       if (!a) return;
       a({
         target: {
@@ -42,17 +42,17 @@ const N = j(
         ref: p,
         id: r,
         name: t,
-        className: n("cursor-pointer", x),
+        className: n("cursor-pointer", m),
         onCheckedChange: u,
-        ...d
+        ...x
       }
     ), w = n(
       "flex gap-3 items-start",
       {
-        "flex-row-reverse": c === "right",
-        "bg-white box-border justify-start p-4 rounded-lg border shadow-xs": l === "box"
+        "flex-row-reverse": i === "right",
+        "bg-background box-border justify-start p-4 rounded-lg border shadow-xs": l === "box"
       },
-      m
+      f
     );
     return /* @__PURE__ */ e.jsxs("div", { className: w, children: [
       g,
@@ -62,7 +62,7 @@ const N = j(
           {
             htmlFor: r,
             className: "text-sm leading-[18.39px] cursor-pointer",
-            children: i
+            children: c
           }
         ),
         o && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: o })

package/dist/components/molecules/empty/empty-icon.js

@@ -1,14 +1,14 @@
 import { j as o } from "../../../_virtual/jsx-runtime.js";
 import "react";
-import { Icon as i } from "../../atoms/icon/icon.js";
-function x({
+import { Icon as t } from "../../atoms/icon/icon.js";
+function d({
   name: r,
-  size: t = "xl",
-  className: m,
+  size: m = "xl",
+  className: n,
   children: s
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: "p-4 bg-white rounded-lg shadow-sm", children: s || /* @__PURE__ */ o.jsx(i, { name: r, size: t, className: m }) });
+  return /* @__PURE__ */ o.jsx("div", { className: "p-4 bg-background rounded-lg shadow-sm", children: s || /* @__PURE__ */ o.jsx(t, { name: r, size: m, className: n }) });
 }
 export {
-  x as EmptyIcon
+  d as EmptyIcon
 };

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

@@ -41,15 +41,6 @@ export interface DataTableProps<TData, TValue> {
      * @default false
      */
     manualSorting?: boolean;
-    /**
-     * Controlled sorting state (optional)
-     * If provided, component operates in controlled mode
-     */
-    sorting?: import('@tanstack/react-table').SortingState;
-    /**
-     * Callback when sorting changes (required for controlled mode)
-     */
-    onSortingChange?: (sorting: import('@tanstack/react-table').SortingState) => void;
     /**
      * Whether to enable column filtering
      * @default false
@@ -90,15 +81,6 @@ export interface DataTableProps<TData, TValue> {
      * Unique key for persisting table state in localStorage
      */
     persistKey?: string;
-    /**
-     * Initial settings to load (from backend/profile)
-     * Takes precedence over localStorage
-     */
-    initialSettings?: import('./data-table.types').DataTableSettings;
-    /**
-     * Callback when table settings change (for syncing to backend)
-     */
-    onUpdate?: (settings: import('./data-table.types').DataTableSettings) => void;
 }
 /**
  * Advanced data table component built on TanStack Table.
@@ -121,4 +103,4 @@ export interface DataTableProps<TData, TValue> {
  * />
  * ```
  */
-export declare function DataTable<TData, TValue>({ columns, data, isLoading, empty, checkboxSelection, onRowSelectionChange, enableSorting, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, enableColumnFilters, enableColumnResizing, columnResizeMode, onRowClick, actions, height, rowHeight, className, persistKey, initialSettings, onUpdate, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, isLoading, empty, checkboxSelection, onRowSelectionChange, enableSorting, manualSorting, enableColumnFilters, enableColumnResizing, columnResizeMode, onRowClick, actions, height, rowHeight, className, persistKey, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,150 +1,140 @@
-import { j as o } from "../../../_virtual/jsx-runtime.js";
-import * as I from "react";
-import { useReactTable as U } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { Table as V } from "../../../vendor/shadcn/table.js";
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import * as L from "react";
+import { useReactTable as W } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { Table as _ } from "../../../vendor/shadcn/table.js";
 import { cn as u } from "../../../lib/utils.js";
-import { DataTableLoading as q } from "./components/states/data-table-loading.js";
-import { DataTableHeader as J } from "./components/data-table-header.js";
-import { DataTableBody as K } from "./components/data-table-body.js";
-import { useDataTableColumns as Q } from "./hooks/use-data-table-columns.js";
-import { useDataTableState as X } from "./hooks/use-data-table-state.js";
-import { ROW_HEIGHT_DEFAULT as Y } from "./utils/data-table-constants.js";
-import { getFilteredRowModel as Z, getSortedRowModel as $, getCoreRowModel as k } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
-import { Empty as z } from "../../molecules/empty/empty.js";
-function fe({
+import { DataTableLoading as B } from "./components/states/data-table-loading.js";
+import { DataTableHeader as G } from "./components/data-table-header.js";
+import { DataTableBody as I } from "./components/data-table-body.js";
+import { useDataTableColumns as O } from "./hooks/use-data-table-columns.js";
+import { useDataTableState as U } from "./hooks/use-data-table-state.js";
+import { ROW_HEIGHT_DEFAULT as q } from "./utils/data-table-constants.js";
+import { getFilteredRowModel as J, getSortedRowModel as K, getCoreRowModel as Q } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
+import { Empty as X } from "../../molecules/empty/empty.js";
+function ae({
   columns: a,
   data: s,
-  isLoading: p = !1,
-  empty: C,
+  isLoading: c = !1,
+  empty: g,
   checkboxSelection: m = !1,
-  onRowSelectionChange: n,
-  enableSorting: b = !0,
-  manualSorting: h = !1,
-  sorting: x,
-  onSortingChange: w,
-  enableColumnFilters: y = !1,
+  onRowSelectionChange: o,
+  enableSorting: p = !0,
+  manualSorting: C = !1,
+  enableColumnFilters: b = !1,
   enableColumnResizing: i = !0,
-  columnResizeMode: S = "onChange",
-  onRowClick: T,
-  actions: r,
-  height: j,
-  rowHeight: d = Y,
-  className: R,
-  persistKey: D,
-  initialSettings: F,
-  onUpdate: M
+  columnResizeMode: h = "onChange",
+  onRowClick: x,
+  actions: n,
+  height: w,
+  rowHeight: d = q,
+  className: T,
+  persistKey: j
 }) {
-  const E = Q({
+  const y = O({
     columns: a,
     checkboxSelection: m,
-    actions: r
+    actions: n
   }), {
-    sorting: f,
-    setSorting: g,
-    columnFilters: N,
-    setColumnFilters: v,
-    columnVisibility: P,
-    setColumnVisibility: A,
-    rowSelection: c,
-    setRowSelection: H,
-    columnPinning: L,
-    handleColumnPinningChange: W
-  } = X({
-    persistKey: D,
-    hasActions: !!r,
-    externalSorting: x,
-    onExternalSortingChange: w,
-    initialSettings: F,
-    onUpdate: M
-  }), t = U({
+    sorting: R,
+    setSorting: S,
+    columnFilters: D,
+    setColumnFilters: F,
+    columnVisibility: M,
+    setColumnVisibility: E,
+    rowSelection: f,
+    setRowSelection: N,
+    columnPinning: v,
+    handleColumnPinningChange: P
+  } = U({
+    persistKey: j,
+    hasActions: !!n
+  }), t = W({
     data: s,
-    columns: E,
-    getCoreRowModel: k(),
+    columns: y,
+    getCoreRowModel: Q(),
     enableColumnResizing: i,
-    columnResizeMode: S,
+    columnResizeMode: h,
     enableColumnPinning: !0,
     defaultColumn: {
       enableSorting: !1,
       minSize: 50
     },
-    ...b && {
-      onSortingChange: (e) => {
-        g(typeof e == "function" ? e(f) : e);
-      },
-      getSortedRowModel: $(),
-      manualSorting: h
+    ...p && {
+      onSortingChange: S,
+      getSortedRowModel: K(),
+      manualSorting: C
     },
-    ...y && {
-      onColumnFiltersChange: v,
-      getFilteredRowModel: Z()
+    ...b && {
+      onColumnFiltersChange: F,
+      getFilteredRowModel: J()
     },
-    onColumnVisibilityChange: A,
-    onRowSelectionChange: H,
-    onColumnPinningChange: W,
+    onColumnVisibilityChange: E,
+    onRowSelectionChange: N,
+    onColumnPinningChange: P,
     state: {
-      sorting: f,
-      columnFilters: N,
-      columnVisibility: P,
-      rowSelection: c,
-      columnPinning: L
+      sorting: R,
+      columnFilters: D,
+      columnVisibility: M,
+      rowSelection: f,
+      columnPinning: v
     }
   });
-  if (I.useEffect(() => {
-    if (n) {
-      const e = t.getFilteredSelectedRowModel().rows.map((l) => l.original);
-      n(e);
+  if (L.useEffect(() => {
+    if (o) {
+      const r = t.getFilteredSelectedRowModel().rows.map((l) => l.original);
+      o(r);
     }
-  }, [c, n, t]), p)
-    return /* @__PURE__ */ o.jsx(
-      q,
+  }, [f, o, t]), c)
+    return /* @__PURE__ */ e.jsx(
+      B,
       {
         columns: a,
         checkboxSelection: m,
-        actions: r,
+        actions: n,
         rowHeight: d
       }
     );
   if (s.length === 0) {
-    const e = C || {}, {
+    const r = g || {}, {
       title: l = "No results",
-      description: _ = "No data available",
-      media: B,
-      actions: G
-    } = e;
-    return /* @__PURE__ */ o.jsx(
-      z,
+      description: V = "No data available",
+      media: A,
+      actions: H
+    } = r;
+    return /* @__PURE__ */ e.jsx(
+      X,
       {
-        media: B,
+        media: A,
         title: l,
-        description: _,
-        actions: G
+        description: V,
+        actions: H
       }
     );
   }
-  return /* @__PURE__ */ o.jsx("div", { className: u("space-y-4", R), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ e.jsx("div", { className: u("space-y-4", T), children: /* @__PURE__ */ e.jsx(
     "div",
     {
       className: "rounded-md border overflow-x-auto",
-      style: { height: j || "auto" },
-      children: /* @__PURE__ */ o.jsxs(
-        V,
+      style: { height: w || "auto" },
+      children: /* @__PURE__ */ e.jsxs(
+        _,
         {
           className: u("table-fixed"),
           style: { width: "max-content", minWidth: "100%" },
           children: [
-            /* @__PURE__ */ o.jsx(
-              J,
+            /* @__PURE__ */ e.jsx(
+              G,
               {
                 table: t,
                 enableColumnResizing: i
               }
             ),
-            /* @__PURE__ */ o.jsx(
-              K,
+            /* @__PURE__ */ e.jsx(
+              I,
               {
                 table: t,
                 enableColumnResizing: i,
-                onRowClick: T,
+                onRowClick: x,
                 rowHeight: d
               }
             )
@@ -155,5 +145,5 @@ function fe({
   ) });
 }
 export {
-  fe as DataTable
+  ae as DataTable
 };

package/dist/components/organisms/data-table/data-table.types.d.ts

@@ -77,23 +77,6 @@ export type DataTableColumn<TData> = ColumnDef<TData> & {
     enableSorting?: boolean;
     enableHiding?: boolean;
 };
-/**
- * Settings structure compatible with TableV2 format
- * Used for initialSettings and onUpdate callback
- */
-export interface DataTableSettings {
-    hide?: string[];
-    show?: string[];
-    width?: {
-        [key: string]: number;
-    };
-    pinnedColumns?: {
-        right: string[];
-        left: string[];
-    };
-    order?: string[];
-    sorting?: SortingState;
-}
 export interface DataTableProps<TData> {
     columns: DataTableColumn<TData>[];
     data: TData[];
@@ -120,8 +103,6 @@ export interface DataTableProps<TData> {
     height?: string | number;
     rowHeight?: number;
     persistKey?: string;
-    initialSettings?: DataTableSettings;
-    onUpdate?: (settings: DataTableSettings) => void;
     renderToolbar?: () => React.ReactNode;
     renderActions?: () => React.ReactNode;
     className?: string;

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

@@ -1,17 +1,12 @@
 import { ColumnFiltersState, SortingState, VisibilityState, RowSelectionState, ColumnPinningState } from '@tanstack/react-table';
-import { DataTableSettings } from '../data-table.types';
 import * as React from "react";
 interface UseDataTableStateProps {
     persistKey?: string;
     hasActions?: boolean;
-    externalSorting?: SortingState;
-    onExternalSortingChange?: (sorting: SortingState) => void;
-    initialSettings?: DataTableSettings;
-    onUpdate?: (settings: DataTableSettings) => void;
 }
-export declare function useDataTableState({ persistKey, hasActions, externalSorting, onExternalSortingChange, initialSettings, onUpdate, }: UseDataTableStateProps): {
+export declare function useDataTableState({ persistKey, hasActions, }: UseDataTableStateProps): {
     sorting: SortingState;
-    setSorting: (sorting: SortingState) => void;
+    setSorting: React.Dispatch<React.SetStateAction<SortingState>>;
     columnFilters: ColumnFiltersState;
     setColumnFilters: React.Dispatch<React.SetStateAction<ColumnFiltersState>>;
     columnVisibility: VisibilityState;