@deepnoid/ui 0.0.94 → 0.0.96

package/dist/components/table/table.test.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   table_default
-} from "../../chunk-6YE26GOI.mjs";
-import "../../chunk-DWROPKZW.mjs";
-import "../../chunk-VG4644BG.mjs";
+} from "../../chunk-HAKQYVWB.mjs";
+import "../../chunk-QDDEQY63.mjs";
+import "../../chunk-PO3ADNA5.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/index.js

@@ -4633,7 +4633,7 @@ var inputStyle = tv({
         label: ["text-neutral-light"],
         inputWrapper: ["bg-neutral-soft", "border-neutral-light", "pointer-events-none"],
         input: ["text-neutral-light", "placeholder:text-neutral-light"],
-        content: ["text-neutral-light"],
+        content: ["text-neutral-light", "group-has-[p]/input:text-danger-light"],
         errorMessage: ["text-danger-light"]
       }
     },
@@ -5305,10 +5305,10 @@ var TableHead = ({
   size,
   color,
   isExpanded,
-  isSelected,
-  isAllSelected,
+  isChecked,
+  isCheckedAll,
   classNames,
-  onSelectAll
+  onCheckAll
 }) => {
   const getTheadProps = (0, import_react7.useCallback)(
     () => ({
@@ -5328,12 +5328,12 @@ var TableHead = ({
     }),
     [classNames == null ? void 0 : classNames.th, slots]
   );
-  const handleClickSelectAll = (e) => {
+  const handleClickCheckAll = (e) => {
     e.preventDefault();
-    onSelectAll(!isAllSelected);
+    onCheckAll(!isCheckedAll);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("thead", { ...getTheadProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
+    isChecked && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, checked: isCheckedAll, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]" }),
     columns.map((column, index) => /* @__PURE__ */ (0, import_react8.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
@@ -5353,13 +5353,16 @@ var TableBody = ({
   columns,
   isExpanded,
   isSelected,
-  isSelectedRow,
+  isChecked,
+  isCheckedRow,
   selectedRows,
+  checkedRows,
   emptyContent,
-  onSelectRow,
+  onCheckedRow,
+  onSelectedRow,
   onRowAction
 }) => {
-  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
+  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isChecked ? 1 : 0);
   const [expandedRows, setExpandedRows] = (0, import_react9.useState)(/* @__PURE__ */ new Set());
   (0, import_react9.useEffect)(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -5372,11 +5375,14 @@ var TableBody = ({
   );
   const getTrProps = (0, import_react9.useCallback)(
     (index) => ({
-      className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
+      className: clsx(
+        slots.tr({ class: [classNames == null ? void 0 : classNames.tr, (isSelected || isCheckedRow || isExpanded) && "cursor-pointer"] })
+      ),
       "data-odd": index % 2 !== 0,
-      "data-expanded": expandedRows.has(index)
+      "data-expanded": expandedRows.has(index),
+      "data-selected": selectedRows == null ? void 0 : selectedRows.has(index)
     }),
-    [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
+    [classNames == null ? void 0 : classNames.tr, expandedRows, isCheckedRow, isExpanded, isSelected, selectedRows, slots]
   );
   const getExpandedContentProps = (0, import_react9.useCallback)(
     () => ({
@@ -5423,20 +5429,22 @@ var TableBody = ({
     });
   };
   const handleRowClick = (index) => (e) => {
+    var _a;
     e.stopPropagation();
     e.preventDefault();
     if (isExpanded) onChangeExpandedRow(index);
-    if (isSelected && isSelectedRow) onSelectRow(index);
+    if (isSelected) onSelectedRow(index);
+    if (isChecked && isCheckedRow) onCheckedRow(index);
     const row = rows[index];
-    if (row !== void 0) {
-      onRowAction == null ? void 0 : onRowAction(e, row);
+    if (row) {
+      (_a = row.onRowAction) == null ? void 0 : _a.call(row, e, row);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { ...getTbodyProps(), children: rows.length > 0 ? rows.map((row, rowIndex) => {
     const keys = Object.keys(row);
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react9.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
+        isChecked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onCheckedRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size, checked: checkedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Icon_default,
           {
@@ -5459,6 +5467,7 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [checkedRows, setCheckedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   const [selectedRows, setSelectedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   const slots = (0, import_react11.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = (0, import_react11.useCallback)(
@@ -5475,21 +5484,41 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
-  const handleSelectAll = (isSelected) => {
-    const newSelectedRows = isSelected ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
-    setSelectedRows(newSelectedRows);
+  const handleCheckAll = (isChecked) => {
+    const newCheckedRows = isChecked ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
+    setCheckedRows(newCheckedRows);
+  };
+  const handleCheckRow = (index) => {
+    const newCheckedRows = new Set(checkedRows);
+    if (newCheckedRows.has(index)) {
+      newCheckedRows.delete(index);
+    } else {
+      newCheckedRows.add(index);
+    }
+    setCheckedRows(newCheckedRows);
   };
   const handleSelectRow = (index) => {
     const newSelectedRows = new Set(selectedRows);
-    if (newSelectedRows.has(index)) {
-      newSelectedRows.delete(index);
+    if (originalProps.isMultiSelect) {
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.add(index);
+      }
     } else {
-      newSelectedRows.add(index);
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.clear();
+        newSelectedRows.add(index);
+      }
     }
     setSelectedRows(newSelectedRows);
   };
   (0, import_react11.useImperativeHandle)(ref, () => ({
+    checkedRows,
     selectedRows,
+    setCheckedRows,
     setSelectedRows
   }));
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
@@ -5501,10 +5530,10 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         columns,
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-        isSelected: originalProps.isSelected,
+        isChecked: originalProps.isChecked,
         isExpanded: originalProps.isExpanded,
-        onSelectAll: handleSelectAll,
-        isAllSelected: selectedRows.size === rows.length
+        onCheckAll: handleCheckAll,
+        isCheckedAll: checkedRows.size === rows.length
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -5516,13 +5545,16 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
-        isSelectedRow: originalProps.isSelectedRow,
+        isChecked: originalProps.isChecked,
+        isCheckedRow: originalProps.isCheckedRow,
         isExpanded: originalProps.isExpanded,
         isLoading,
         classNames,
         emptyContent,
         selectedRows,
-        onSelectRow: handleSelectRow,
+        checkedRows,
+        onCheckedRow: handleCheckRow,
+        onSelectedRow: handleSelectRow,
         onRowAction
       }
     )
@@ -5539,7 +5571,7 @@ var table = (0, import_tailwind_variants8.tv)({
     tr: ["group", "outline-none"],
     th: [
       "text-foreground",
-      "text-center",
+      "!text-center",
       "align-middle",
       "whitespace-nowrap",
       "font-normal",
@@ -5558,7 +5590,6 @@ var table = (0, import_tailwind_variants8.tv)({
       "[&>*]:z-1",
       "[&>*]:relative",
       "transition duration-200",
-      "data-[selected=true]:before:opacity-100",
       "group-data-[disabled=true]:text-default-300"
     ],
     tfoot: "",
@@ -5624,7 +5655,13 @@ var table = (0, import_tailwind_variants8.tv)({
     isSelected: {
       true: {}
     },
-    isSelectedRow: {
+    isMultiSelect: {
+      true: {}
+    },
+    isChecked: {
+      true: {}
+    },
+    isCheckedRow: {
       true: {
         tr: "cursor-pointer"
       }
@@ -5656,7 +5693,7 @@ var table = (0, import_tailwind_variants8.tv)({
     color: "primary",
     variant: "solid",
     size: "md",
-    isSelected: false,
+    isChecked: false,
     isExpanded: false,
     isCompact: false,
     hideHeader: false,
@@ -5669,7 +5706,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "primary",
       class: {
         thead: "[&>tr]:bg-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -5677,7 +5714,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "secondary",
       class: {
         thead: "[&>tr]:bg-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -5685,7 +5722,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "neutral",
       class: {
         thead: "[&>tr]:bg-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {
@@ -5693,7 +5730,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "primary",
       class: {
         thead: "border-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -5701,7 +5738,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "secondary",
       class: {
         thead: "border-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -5709,7 +5746,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "neutral",
       class: {
         thead: "border-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {
@@ -8960,7 +8997,7 @@ var getThemeColors = (colorChip, mode) => {
     trans: getColor("gray", mode, "trans"),
     info: getColor("teal", mode, "function"),
     success: getColor("green", mode, "function"),
-    warning: getColor("yellow", mode, "function"),
+    warning: getColor("orange", mode, "function"),
     danger: getColor("pink", mode, "function")
   };
 };

package/dist/index.mjs

@@ -9,10 +9,6 @@ import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
 } from "./chunk-OJ2OEI5B.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-KRI5IALM.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -26,30 +22,34 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-S3O52LLG.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-KRI5IALM.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "./chunk-6YE26GOI.mjs";
-import "./chunk-DWROPKZW.mjs";
-import "./chunk-VG4644BG.mjs";
-import "./chunk-QCEKPS7U.mjs";
-import {
-  select_default
-} from "./chunk-JN7EGKJL.mjs";
-import "./chunk-RZZWHI6O.mjs";
-import "./chunk-S3QS5B7F.mjs";
+} from "./chunk-HAKQYVWB.mjs";
+import "./chunk-QDDEQY63.mjs";
+import "./chunk-PO3ADNA5.mjs";
 import "./chunk-MV2WCFK7.mjs";
 import {
   slider_default
 } from "./chunk-A3RWT3JJ.mjs";
+import "./chunk-TPFN22HR.mjs";
+import {
+  radio_default
+} from "./chunk-QWFOYO3D.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
 } from "./chunk-N2JULHST.mjs";
-import "./chunk-TPFN22HR.mjs";
+import "./chunk-QCEKPS7U.mjs";
 import {
-  radio_default
-} from "./chunk-QWFOYO3D.mjs";
+  select_default
+} from "./chunk-2BCJZILI.mjs";
+import "./chunk-S3QS5B7F.mjs";
+import "./chunk-RZZWHI6O.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
@@ -59,22 +59,17 @@ import {
   pagination_default
 } from "./chunk-B4KZBOGT.mjs";
 import "./chunk-F3HENRVM.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-3DRIHQOM.mjs";
+} from "./chunk-ZNEEYSIK.mjs";
 import "./chunk-HAOK24MK.mjs";
-import "./chunk-QZ3LVYJW.mjs";
-import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-ON2OTH5K.mjs";
-import "./chunk-FWJ2ZKH6.mjs";
+} from "./chunk-I5SI4OCM.mjs";
 import "./chunk-FDKT4IBP.mjs";
-import "./chunk-P732YGHO.mjs";
 import "./chunk-BCN5F2MN.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
@@ -83,6 +78,11 @@ import {
 import {
   listItem_default
 } from "./chunk-V77MALL4.mjs";
+import "./chunk-FWJ2ZKH6.mjs";
+import "./chunk-P732YGHO.mjs";
+import {
+  checkbox_default
+} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import "./chunk-VUYUQGLF.mjs";
 import {
@@ -454,7 +454,7 @@ var getThemeColors = (colorChip, mode) => {
     trans: getColor("gray", mode, "trans"),
     info: getColor("teal", mode, "function"),
     success: getColor("green", mode, "function"),
-    warning: getColor("yellow", mode, "function"),
+    warning: getColor("orange", mode, "function"),
     danger: getColor("pink", mode, "function")
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.0.94",
+  "version": "0.0.96",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/index.js",

package/dist/{chunk-JN7EGKJL.mjs → chunk-2BCJZILI.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  option_default
-} from "./chunk-RZZWHI6O.mjs";
 import {
   useSelect
 } from "./chunk-S3QS5B7F.mjs";
+import {
+  option_default
+} from "./chunk-RZZWHI6O.mjs";
 import {
   Icon_default
 } from "./chunk-LCI6RPWE.mjs";

package/dist/{chunk-ON2OTH5K.mjs → chunk-I5SI4OCM.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  useDatePicker
-} from "./chunk-FWJ2ZKH6.mjs";
 import {
   calendar_default
 } from "./chunk-FDKT4IBP.mjs";
 import {
   timePicker_default
 } from "./chunk-BCN5F2MN.mjs";
+import {
+  useDatePicker
+} from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-LCI6RPWE.mjs";