@yuno-payments/dashboard-design-system 0.0.75 → 0.0.76

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

@@ -1,10 +1,11 @@
 import { ColumnResizeMode } from '@tanstack/react-table';
-import { DataTableActionsConfig, DataTableColumnDef, DataTableEmptyConfig } from './data-table.types';
+import { DataTableActionsConfig, DataTableColumnDef } from './data-table.types';
+import { EmptyProps } from '../../molecules';
 export interface DataTableProps<TData, TValue> {
     columns: DataTableColumnDef<TData, TValue>[];
     data: TData[];
     isLoading?: boolean;
-    empty?: DataTableEmptyConfig;
+    empty?: EmptyProps;
     checkboxSelection?: boolean;
     onRowSelectionChange?: (selectedRows: TData[]) => void;
     enableSorting?: boolean;

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

@@ -2,7 +2,7 @@ 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 f } from "../../../lib/utils.js";
+import { cn as u } from "../../../lib/utils.js";
 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";
@@ -19,12 +19,12 @@ function ae({
   checkboxSelection: m = !1,
   onRowSelectionChange: o,
   enableSorting: p = !0,
-  manualSorting: b = !1,
-  enableColumnFilters: C = !1,
+  manualSorting: C = !1,
+  enableColumnFilters: b = !1,
   enableColumnResizing: i = !0,
   columnResizeMode: h = "onChange",
   onRowClick: x,
-  actions: l,
+  actions: n,
   height: w,
   rowHeight: d = q,
   className: T,
@@ -33,7 +33,7 @@ function ae({
   const y = O({
     columns: a,
     checkboxSelection: m,
-    actions: l
+    actions: n
   }), {
     sorting: R,
     setSorting: S,
@@ -41,13 +41,13 @@ function ae({
     setColumnFilters: F,
     columnVisibility: M,
     setColumnVisibility: E,
-    rowSelection: u,
+    rowSelection: f,
     setRowSelection: N,
     columnPinning: v,
     handleColumnPinningChange: P
   } = U({
     persistKey: j,
-    hasActions: !!l
+    hasActions: !!n
   }), t = W({
     data: s,
     columns: y,
@@ -62,9 +62,9 @@ function ae({
     ...p && {
       onSortingChange: S,
       getSortedRowModel: K(),
-      manualSorting: b
+      manualSorting: C
     },
-    ...C && {
+    ...b && {
       onColumnFiltersChange: F,
       getFilteredRowModel: J()
     },
@@ -75,43 +75,43 @@ function ae({
       sorting: R,
       columnFilters: D,
       columnVisibility: M,
-      rowSelection: u,
+      rowSelection: f,
       columnPinning: v
     }
   });
   if (L.useEffect(() => {
     if (o) {
-      const r = t.getFilteredSelectedRowModel().rows.map((n) => n.original);
+      const r = t.getFilteredSelectedRowModel().rows.map((l) => l.original);
       o(r);
     }
-  }, [u, o, t]), c)
+  }, [f, o, t]), c)
     return /* @__PURE__ */ e.jsx(
       B,
       {
         columns: a,
         checkboxSelection: m,
-        actions: l,
+        actions: n,
         rowHeight: d
       }
     );
   if (s.length === 0) {
     const r = g || {}, {
-      title: n = "No results",
-      subtitle: V = "No data available",
+      title: l = "No results",
+      description: V = "No data available",
       media: A,
-      children: H
+      actions: H
     } = r;
     return /* @__PURE__ */ e.jsx(
       X,
       {
         media: A,
-        title: n,
+        title: l,
         description: V,
         actions: H
       }
     );
   }
-  return /* @__PURE__ */ e.jsx("div", { className: f("space-y-4", T), children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsx("div", { className: u("space-y-4", T), children: /* @__PURE__ */ e.jsx(
     "div",
     {
       className: "rounded-md border overflow-x-auto",
@@ -119,7 +119,7 @@ function ae({
       children: /* @__PURE__ */ e.jsxs(
         _,
         {
-          className: f("table-fixed"),
+          className: u("table-fixed"),
           style: { width: "max-content", minWidth: "100%" },
           children: [
             /* @__PURE__ */ e.jsx(

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

@@ -14,29 +14,6 @@ export interface DataTableActionsConfig<TData> {
     /** Click handler for the default button (only used if render is not provided) */
     onClick?: (row: TData) => void;
 }
-/**
- * Configuration for DataTable empty state
- *
- * @example
- * ```tsx
- * {
- *   title: "No results",
- *   subtitle: "No data available",
- *   media: <EmptyIcon name="Wallet" />,
- *   children: <Button>Create</Button>
- * }
- * ```
- */
-export interface DataTableEmptyConfig {
-    /** Title text displayed prominently */
-    title?: string;
-    /** Optional subtitle/description text displayed below the title */
-    subtitle?: string;
-    /** Media content to display (icon, image, or any ReactNode). Use EmptyIcon component for styled icons. */
-    media?: React.ReactNode;
-    /** Optional actions (buttons, links, or any ReactNode) displayed below the description */
-    children?: React.ReactNode;
-}
 /**
  * Configuration for DataTableColumnHeader component
  *

package/package.json

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