@deepnoid/ui 0.0.95 → 0.0.97

package/dist/{chunk-JWFWFBQM.mjs → chunk-PNFR2J4Q.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   table_body_default
-} from "./chunk-PR277HT5.mjs";
+} from "./chunk-QDDEQY63.mjs";
 import {
   table_head_default
-} from "./chunk-VG4644BG.mjs";
+} from "./chunk-PO3ADNA5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -13,13 +13,20 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 
 // src/components/table/table.tsx
-import { forwardRef, useCallback, useImperativeHandle, useMemo, useState } from "react";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from "react";
 import { tv } from "tailwind-variants";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Table = forwardRef((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [checkedRows, setCheckedRows] = useState(/* @__PURE__ */ new Set());
   const [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
+  useEffect(() => {
+    setCheckedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
+  useEffect(() => {
+    setSelectedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
   const slots = useMemo(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = useCallback(
     (props2) => ({
@@ -35,21 +42,41 @@ var Table = 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);
   };
   useImperativeHandle(ref, () => ({
+    checkedRows,
     selectedRows,
+    setCheckedRows,
     setSelectedRows
   }));
   return /* @__PURE__ */ jsx("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ jsxs("table", { ...getTableProps(tableComponentsProps), children: [
@@ -61,10 +88,10 @@ var Table = 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__ */ jsx(
@@ -76,13 +103,16 @@ var Table = 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
       }
     )
@@ -93,13 +123,13 @@ var table_default = Table;
 var table = tv({
   slots: {
     base: "flex flex-col relative gap-4",
-    table: "min-w-full h-auto",
+    table: "w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
-    tbody: "",
-    tr: ["group", "outline-none"],
+    tbody: "w-full",
+    tr: ["group", "outline-none", "w-full"],
     th: [
       "text-foreground",
-      "text-center",
+      "!text-center",
       "align-middle",
       "whitespace-nowrap",
       "font-normal",
@@ -118,7 +148,6 @@ var table = tv({
       "[&>*]:z-1",
       "[&>*]:relative",
       "transition duration-200",
-      "data-[selected=true]:before:opacity-100",
       "group-data-[disabled=true]:text-default-300"
     ],
     tfoot: "",
@@ -184,7 +213,13 @@ var table = tv({
     isSelected: {
       true: {}
     },
-    isSelectedRow: {
+    isMultiSelect: {
+      true: {}
+    },
+    isChecked: {
+      true: {}
+    },
+    isCheckedRow: {
       true: {
         tr: "cursor-pointer"
       }
@@ -216,7 +251,7 @@ var table = tv({
     color: "primary",
     variant: "solid",
     size: "md",
-    isSelected: false,
+    isChecked: false,
     isExpanded: false,
     isCompact: false,
     hideHeader: false,
@@ -229,7 +264,7 @@ var table = 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"]
       }
     },
     {
@@ -237,7 +272,7 @@ var table = 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"]
       }
     },
     {
@@ -245,7 +280,7 @@ var table = 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"]
       }
     },
     {
@@ -253,7 +288,7 @@ var table = 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"]
       }
     },
     {
@@ -261,7 +296,7 @@ var table = 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"]
       }
     },
     {
@@ -269,7 +304,7 @@ var table = 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"]
       }
     },
     {

package/dist/{chunk-VG4644BG.mjs → chunk-PO3ADNA5.mjs}

@@ -16,10 +16,10 @@ var TableHead = ({
   size,
   color,
   isExpanded,
-  isSelected,
-  isAllSelected,
+  isChecked,
+  isCheckedAll,
   classNames,
-  onSelectAll
+  onCheckAll
 }) => {
   const getTheadProps = useCallback(
     () => ({
@@ -39,12 +39,12 @@ var TableHead = ({
     }),
     [classNames == null ? void 0 : classNames.th, slots]
   );
-  const handleClickSelectAll = (e) => {
+  const handleClickCheckAll = (e) => {
     e.preventDefault();
-    onSelectAll(!isAllSelected);
+    onCheckAll(!isCheckedAll);
   };
   return /* @__PURE__ */ jsx("thead", { ...getTheadProps(), children: /* @__PURE__ */ jsxs("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ jsx("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ jsx(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
+    isChecked && /* @__PURE__ */ jsx("th", { className: "w-[40px]", onClick: handleClickCheckAll, children: /* @__PURE__ */ jsx(checkbox_default, { size, color, checked: isCheckedAll, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ jsx("th", { className: "w-[40px]" }),
     columns.map((column, index) => /* @__PURE__ */ createElement("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });

package/dist/{chunk-PR277HT5.mjs → chunk-QDDEQY63.mjs}

@@ -22,13 +22,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] = useState(/* @__PURE__ */ new Set());
   useEffect(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -41,11 +44,14 @@ var TableBody = ({
   );
   const getTrProps = 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 = useCallback(
     () => ({
@@ -96,7 +102,8 @@ var TableBody = ({
     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) {
       (_a = row.onRowAction) == null ? void 0 : _a.call(row, e, row);
@@ -106,7 +113,7 @@ var TableBody = ({
     const keys = Object.keys(row);
     return /* @__PURE__ */ jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxs("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ jsx(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
+        isChecked && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onCheckedRow(rowIndex), children: /* @__PURE__ */ jsx(checkbox_default, { color, size, checked: checkedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ jsx("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ jsx(
           Icon_default,
           {

package/dist/components/accordion/accordion.test.mjs

@@ -1,10 +1,10 @@
 "use client";
-import {
-  accordion_default
-} from "../../chunk-SWR7E3NU.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";
+import {
+  accordion_default
+} from "../../chunk-SWR7E3NU.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/button/button-group.test.mjs

@@ -5,12 +5,12 @@ import {
 import {
   button_group_default
 } from "../../chunk-NGQ3MK2J.mjs";
-import {
-  render
-} from "../../chunk-FNPWLOGV.mjs";
 import {
   button_default
 } from "../../chunk-UR64ZUAU.mjs";
+import {
+  render
+} from "../../chunk-FNPWLOGV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/button/button.test.mjs

@@ -1,12 +1,12 @@
 "use client";
 import "../../chunk-H7BLXC5M.mjs";
+import {
+  button_default
+} from "../../chunk-UR64ZUAU.mjs";
 import {
   act,
   render
 } from "../../chunk-FNPWLOGV.mjs";
-import {
-  button_default
-} from "../../chunk-UR64ZUAU.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/checkbox/checkbox.test.mjs

@@ -1,10 +1,10 @@
 "use client";
-import {
-  checkbox_default
-} from "../../chunk-ANYPMQH4.mjs";
 import {
   userEvent
 } from "../../chunk-S4DTK5GI.mjs";
+import {
+  checkbox_default
+} from "../../chunk-ANYPMQH4.mjs";
 import {
   act,
   render

package/dist/components/input/input.test.mjs

@@ -1,8 +1,8 @@
 "use client";
+import "../../chunk-H7BLXC5M.mjs";
 import {
   input_default
 } from "../../chunk-ZNEEYSIK.mjs";
-import "../../chunk-H7BLXC5M.mjs";
 import {
   render,
   waitForWrapper

package/dist/components/modal/modal.test.mjs

@@ -4,11 +4,11 @@ import {
 } from "../../chunk-PRLGHYFO.mjs";
 import "../../chunk-VUYUQGLF.mjs";
 import "../../chunk-NGQ3MK2J.mjs";
+import "../../chunk-UR64ZUAU.mjs";
 import {
   fireEvent,
   render
 } from "../../chunk-FNPWLOGV.mjs";
-import "../../chunk-UR64ZUAU.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/select/select.test.mjs

@@ -1,12 +1,12 @@
 "use client";
+import {
+  userEvent
+} from "../../chunk-S4DTK5GI.mjs";
 import {
   select_default
 } from "../../chunk-2BCJZILI.mjs";
 import "../../chunk-S3QS5B7F.mjs";
 import "../../chunk-RZZWHI6O.mjs";
-import {
-  userEvent
-} from "../../chunk-S4DTK5GI.mjs";
 import {
   act,
   render