@deepnoid/ui 0.1.67 → 0.1.69

package/dist/components/table/index.mjs

@@ -1,27 +1,27 @@
 "use client";
 import "../../chunk-DX3KXNP6.mjs";
-import {
-  definition_table_default
-} from "../../chunk-KCAGZUYM.mjs";
 import {
   table_default
-} from "../../chunk-D6C74C5O.mjs";
-import "../../chunk-KLKTY6FQ.mjs";
+} from "../../chunk-LHO66CGE.mjs";
+import "../../chunk-7B7LRG5J.mjs";
+import "../../chunk-HLLRDA4A.mjs";
+import "../../chunk-F3HENRVM.mjs";
+import "../../chunk-5GBAUDP4.mjs";
 import "../../chunk-TKB2JL2E.mjs";
-import "../../chunk-DQRAFUDA.mjs";
-import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
-import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-ZD67BBJ3.mjs";
-import "../../chunk-F3HENRVM.mjs";
+import {
+  definition_table_default
+} from "../../chunk-KCAGZUYM.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-FTLP7OLQ.mjs";
+import "../../chunk-MNGULMJI.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-SKOCUCE5.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-TVIVXGEN.mjs";
-import "../../chunk-SQF2SUJZ.mjs";
+import "../../chunk-UTWY7OBW.mjs";
+import "../../chunk-YZ7HQHTL.mjs";
 import "../../chunk-XOPCRI7Z.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";

package/dist/components/table/table-body.js

@@ -680,7 +680,6 @@ var TableBody = ({
   rowCheckbox = false,
   checkedRows,
   onCheckRow,
-  // onRowClick,
   isLoading = false,
   emptyContent,
   skeletonRow,
@@ -695,40 +694,30 @@ var TableBody = ({
     textAlign: column.align || "center"
   });
   const renderTdSkeleton = (key) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(skeleton_default, { color, className: "h-full w-full", rounded: "lg", speed: "fast" }) }, key);
-  const renderCheckboxCell = (rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    checkbox_default,
-    {
-      size,
-      checked: checkedRows.has(rowIndex),
-      onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-    }
-  ) });
+  const renderCheckboxCell = (rowId) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(checkbox_default, { size, checked: checkedRows.has(rowId), onChange: (e) => onCheckRow(rowId, e.target.checked) }) });
   const renderSkeletonRow = (rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.jsx)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.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__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
     if (!rows.length && emptyContent) return renderEmptyRow();

package/dist/components/table/table-body.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-KLKTY6FQ.mjs";
+} from "../../chunk-5GBAUDP4.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import "../../chunk-QZ3LVYJW.mjs";

package/dist/components/table/table.d.mts

@@ -193,18 +193,6 @@ type TableVariantProps = VariantProps<typeof tableStyle>;
 type TableSlots = keyof ReturnType<typeof tableStyle>;
 type TableReturnType = ReturnType<typeof tableStyle>;
 type RowValue = Record<string | symbol, any>;
-type CellParams<R extends RowValue = any, V = any, F = V> = {
-    id: string | number;
-    field: string;
-    value: V | undefined;
-    formattedValue: F | undefined;
-    row: TableRow<R>;
-};
-type ValueFormatterParams<V = any> = {
-    id?: string | number;
-    field: string;
-    value: V;
-};
 type TableRow<R extends RowValue = RowValue> = R;
 type Align = "center" | "left" | "right";
 type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
@@ -219,5 +207,17 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     renderCell?: (params: CellParams<R, V, F>) => ReactNode;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
 };
+type CellParams<R extends RowValue = any, V = any, F = V> = {
+    id: string | number;
+    field: string;
+    value: V | undefined;
+    formattedValue: F | undefined;
+    row: TableRow<R>;
+};
+type ValueFormatterParams<V = any> = {
+    id?: string | number;
+    field: string;
+    value: V;
+};
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };

package/dist/components/table/table.d.ts

@@ -193,18 +193,6 @@ type TableVariantProps = VariantProps<typeof tableStyle>;
 type TableSlots = keyof ReturnType<typeof tableStyle>;
 type TableReturnType = ReturnType<typeof tableStyle>;
 type RowValue = Record<string | symbol, any>;
-type CellParams<R extends RowValue = any, V = any, F = V> = {
-    id: string | number;
-    field: string;
-    value: V | undefined;
-    formattedValue: F | undefined;
-    row: TableRow<R>;
-};
-type ValueFormatterParams<V = any> = {
-    id?: string | number;
-    field: string;
-    value: V;
-};
 type TableRow<R extends RowValue = RowValue> = R;
 type Align = "center" | "left" | "right";
 type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
@@ -219,5 +207,17 @@ type TableColumn<R extends RowValue = RowValue, V = any, F = V> = {
     renderCell?: (params: CellParams<R, V, F>) => ReactNode;
     valueFormatter?: (params: ValueFormatterParams<V>) => F;
 };
+type CellParams<R extends RowValue = any, V = any, F = V> = {
+    id: string | number;
+    field: string;
+    value: V | undefined;
+    formattedValue: F | undefined;
+    row: TableRow<R>;
+};
+type ValueFormatterParams<V = any> = {
+    id?: string | number;
+    field: string;
+    value: V;
+};
 
 export { type TableColumn, type TableRef, type TableReturnType, type TableRow, type TableSlots, type TableVariantProps, Table as default };