npm - @yuno-payments/dashboard-design-system - Versions diffs - 0.0.150 → 0.0.151-beta.1 - Mend

@yuno-payments/dashboard-design-system 0.0.150 → 0.0.151-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

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

@@ -27,6 +27,11 @@ export interface DataTableProps<TData, TValue> {
      * @default false
      */
     checkboxSelection?: boolean;
+    /**
+     * Controlled row selection state (array of selected rows)
+     * When provided, component operates in controlled mode
+     */
+    selectedRows?: TData[];
     /**
      * Callback fired when row selection changes
      */
@@ -126,4 +131,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, enableColumnPinning, 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, selectedRows, onRowSelectionChange, enableSorting, manualSorting, sorting: externalSorting, onSortingChange: externalOnSortingChange, enableColumnFilters, enableColumnResizing, columnResizeMode, enableColumnPinning, onRowClick, actions, height, rowHeight, className, persistKey, initialSettings, onUpdate, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -100,6 +100,7 @@ export interface DataTableProps<TData> {
     isLoading?: boolean;
     empty?: EmptyProps;
     checkboxSelection?: boolean;
+    selectedRows?: TData[];
     onRowSelectionChange?: (selectedRows: TData[]) => void;
     enablePagination?: boolean;
     pageSize?: number;

package/package.json CHANGED Viewed

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