@deepnoid/ui 0.1.67 → 0.1.69

package/dist/{chunk-XX2LIHAI.mjs → chunk-337VFHYV.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   text_button_default
 } from "./chunk-TVTIX7MO.mjs";

package/dist/{chunk-UE7QOB6Y.mjs → chunk-3YXCBM7H.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-VQ7DLJ57.mjs → chunk-45XDSBRF.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-FZJ5PLRU.mjs";
 import {
   button_default
-} from "./chunk-5TVBNB3E.mjs";
+} from "./chunk-CD6HJQKL.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-25EK5DQ6.mjs → chunk-4IKNOB5Y.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-SQF2SUJZ.mjs";
+} from "./chunk-YZ7HQHTL.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-KLKTY6FQ.mjs → chunk-5GBAUDP4.mjs}

@@ -20,7 +20,6 @@ var TableBody = ({
   rowCheckbox = false,
   checkedRows,
   onCheckRow,
-  // onRowClick,
   isLoading = false,
   emptyContent,
   skeletonRow,
@@ -35,40 +34,30 @@ var TableBody = ({
     textAlign: column.align || "center"
   });
   const renderTdSkeleton = (key) => /* @__PURE__ */ jsx("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ jsx(skeleton_default, { color, className: "h-full w-full", rounded: "lg", speed: "fast" }) }, key);
-  const renderCheckboxCell = (rowIndex) => /* @__PURE__ */ jsx("td", { className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"), children: /* @__PURE__ */ jsx(
-    checkbox_default,
-    {
-      size,
-      checked: checkedRows.has(rowIndex),
-      onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-    }
-  ) });
+  const renderCheckboxCell = (rowId) => /* @__PURE__ */ jsx("td", { className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"), children: /* @__PURE__ */ jsx(checkbox_default, { size, checked: checkedRows.has(rowId), onChange: (e) => onCheckRow(rowId, e.target.checked) }) });
   const renderSkeletonRow = (rowIndex) => /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     columns.map((_, colIdx) => renderTdSkeleton(`skeleton-${rowIndex}-${colIdx}`)),
     rowCheckbox && renderTdSkeleton(`skeleton-checkbox-${rowIndex}`)
   ] }, `skeleton-${rowIndex}`);
   const renderEmptyRow = () => /* @__PURE__ */ jsx("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ jsx("td", { colSpan: columns.length + (rowCheckbox ? 1 : 0), className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) });
-  const renderDataRow = (row, rowIndex) => (
-    // <tr key={rowIndex} className={slots.tr({ class: classNames?.tr })} onClick={() => onRowClick?.(row)}>
-    /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
-      columns.map((column, colIdx) => {
-        var _a;
-        const value = row[column.field];
-        const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
-        const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
-        return /* @__PURE__ */ jsx(
-          "td",
-          {
-            className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
-            style: getCellStyle(column),
-            children: content
-          },
-          `${rowIndex}-${colIdx}`
-        );
-      }),
-      rowCheckbox && renderCheckboxCell(rowIndex)
-    ] }, rowIndex)
-  );
+  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ jsxs("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
+    columns.map((column, colIdx) => {
+      var _a;
+      const value = row[column.field];
+      const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+      const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+      return /* @__PURE__ */ jsx(
+        "td",
+        {
+          className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
+          style: getCellStyle(column),
+          children: content
+        },
+        `${rowIndex}-${colIdx}`
+      );
+    }),
+    rowCheckbox && renderCheckboxCell(row.id)
+  ] }, rowIndex);
   const renderRows = () => {
     if (isLoading) return skeletonRow ? Array.from({ length: skeletonRow }, (_, idx) => renderSkeletonRow(idx)) : /* @__PURE__ */ jsx(Fragment, {});
     if (!rows.length && emptyContent) return renderEmptyRow();

package/dist/{chunk-5TVBNB3E.mjs → chunk-CD6HJQKL.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-LCHZ36TM.mjs → chunk-CFB4JWDA.mjs}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-P732YGHO.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-2YUYQCUG.mjs → chunk-F5XBEFX5.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-ZD67BBJ3.mjs → chunk-HLLRDA4A.mjs}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-FTLP7OLQ.mjs";
+} from "./chunk-MNGULMJI.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-3HXQY566.mjs → chunk-IFO3TSDM.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  useRipple
-} from "./chunk-6PNKRBUT.mjs";
 import {
   ripple_default
 } from "./chunk-LXHUO6VM.mjs";
+import {
+  useRipple
+} from "./chunk-6PNKRBUT.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-NVRS6IWV.mjs → chunk-LA34MKK7.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   timePicker_default
-} from "./chunk-22ZPZFM2.mjs";
+} from "./chunk-NP6OELBR.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
-} from "./chunk-LCHZ36TM.mjs";
+} from "./chunk-CFB4JWDA.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-D6C74C5O.mjs → chunk-LHO66CGE.mjs}

@@ -1,16 +1,16 @@
 "use client";
+import {
+  pagination_default
+} from "./chunk-HLLRDA4A.mjs";
 import {
   table_body_default
-} from "./chunk-KLKTY6FQ.mjs";
+} from "./chunk-5GBAUDP4.mjs";
 import {
   table_head_default
 } from "./chunk-TKB2JL2E.mjs";
 import {
   scrollArea_default
 } from "./chunk-M37VBNB3.mjs";
-import {
-  pagination_default
-} from "./chunk-ZD67BBJ3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -24,7 +24,6 @@ import {
   useEffect,
   useImperativeHandle,
   useMemo,
-  useRef,
   useState
 } from "react";
 import { tv } from "tailwind-variants";
@@ -35,7 +34,6 @@ var Table = forwardRef((originalProps, ref) => {
     rows,
     columns,
     rowCheckbox = false,
-    // onRowClick,
     totalData = 0,
     pagination,
     onPageChange,
@@ -50,37 +48,34 @@ var Table = forwardRef((originalProps, ref) => {
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
   const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
-  const divRef = useRef(null);
+  useEffect(() => {
+    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(checkedRows));
+  }, [checkedRows]);
+  useEffect(() => {
+    setCheckedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
   useImperativeHandle(
     ref,
     () => ({
       checkedRows,
-      setCheckedRows: (rowsSet) => {
-        setCheckedRows(rowsSet);
-        onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(rowsSet));
-      }
+      setCheckedRows
     }),
     [checkedRows]
   );
-  useEffect(() => {
-    setCheckedRows(/* @__PURE__ */ new Set());
-  }, [rows]);
   const handleAllRowCheck = (checked) => {
-    const updated = checked ? new Set(rows.map((_, i) => i)) : /* @__PURE__ */ new Set();
+    const updated = checked ? new Set(rows.map((row) => row.id)) : /* @__PURE__ */ new Set();
     setCheckedRows(updated);
-    onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
   };
-  const handleRowCheck = (index, checked) => {
+  const handleRowCheck = (id, checked) => {
     setCheckedRows((prev) => {
       const updated = new Set(prev);
-      checked ? updated.add(index) : updated.delete(index);
-      onCheckedRowsChange == null ? void 0 : onCheckedRowsChange(getCheckedRowData(updated));
+      checked ? updated.add(id) : updated.delete(id);
       return updated;
     });
   };
-  const getCheckedRowData = (checked) => Array.from(checked).map((index) => rows[index]).filter((row) => row !== void 0);
+  const getCheckedRowData = (checked) => rows.filter((row) => checked.has(row.id));
   const slots = useMemo(() => tableStyle(variantProps), [variantProps]);
-  return /* @__PURE__ */ jsxs("div", { ref: divRef, "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+  return /* @__PURE__ */ jsxs("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ jsx(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ jsxs("table", { className: slots.table({ class: classNames == null ? void 0 : classNames.table }), children: [
       /* @__PURE__ */ jsx(
         table_head_default,

package/dist/{chunk-KP2ENWC6.mjs → chunk-LIP5CNY3.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   avatar_default
-} from "./chunk-25EK5DQ6.mjs";
+} from "./chunk-4IKNOB5Y.mjs";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-FTLP7OLQ.mjs → chunk-MNGULMJI.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-22ZPZFM2.mjs → chunk-NP6OELBR.mjs}

@@ -1,10 +1,10 @@
 "use client";
+import {
+  listItem_default
+} from "./chunk-LIP5CNY3.mjs";
 import {
   list_default
 } from "./chunk-B6XJNGQL.mjs";
-import {
-  listItem_default
-} from "./chunk-KP2ENWC6.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-FZ3GVVL6.mjs → chunk-NQYWOEB3.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-TVIVXGEN.mjs";
+} from "./chunk-UTWY7OBW.mjs";
 import {
   tv
 } from "./chunk-XOPCRI7Z.mjs";

package/dist/{chunk-GV5UKAZV.mjs → chunk-SJTGJ6NC.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-UE7QOB6Y.mjs";
+} from "./chunk-3YXCBM7H.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-TVIVXGEN.mjs → chunk-UTWY7OBW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-SQF2SUJZ.mjs";
+} from "./chunk-YZ7HQHTL.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";