@deepnoid/ui 0.0.98 → 0.0.100

package/dist/index.js

@@ -5466,7 +5466,7 @@ var import_tailwind_variants8 = require("tailwind-variants");
 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 { classNames, rows, columns, className, emptyContent, loadingContent, onRowAction, ...tableComponentsProps } = props;
   const [checkedRows, setCheckedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   const [selectedRows, setSelectedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   (0, import_react11.useEffect)(() => {
@@ -5486,10 +5486,17 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
   const getTableProps = (0, import_react11.useCallback)(
     (props2) => ({
       ...props2,
-      className: slots.table({ class: clsx(classNames == null ? void 0 : classNames.table, className) })
+      className: slots.table({ class: clsx(classNames == null ? void 0 : classNames.table) })
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
+  const getLoadingWrapperProps = (0, import_react11.useCallback)(
+    (props2) => ({
+      ...props2,
+      className: slots.loadingWrapper({ class: clsx(classNames == null ? void 0 : classNames.loadingWrapper) })
+    }),
+    [classNames == null ? void 0 : classNames.loadingWrapper, slots]
+  );
   const handleCheckAll = (isChecked) => {
     const newCheckedRows = isChecked ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
     setCheckedRows(newCheckedRows);
@@ -5527,53 +5534,55 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
     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: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      table_head_default,
-      {
-        classNames,
-        slots,
-        columns,
-        size: originalProps.size,
-        color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-        isChecked: originalProps.isChecked,
-        isExpanded: originalProps.isExpanded,
-        onCheckAll: handleCheckAll,
-        isCheckedAll: checkedRows.size === rows.length
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      table_body_default,
-      {
-        rows,
-        columns,
-        slots,
-        size: originalProps.size,
-        color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-        isSelected: originalProps.isSelected,
-        isChecked: originalProps.isChecked,
-        isCheckedRow: originalProps.isCheckedRow,
-        isExpanded: originalProps.isExpanded,
-        isLoading,
-        classNames,
-        emptyContent,
-        selectedRows,
-        checkedRows,
-        onCheckedRow: handleCheckRow,
-        onSelectedRow: handleSelectRow,
-        onRowAction
-      }
-    )
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { ref, "data-table": "base", ...getBaseProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        table_head_default,
+        {
+          classNames,
+          slots,
+          columns,
+          size: originalProps.size,
+          color: originalProps.color === "neutral" ? "primary" : originalProps.color,
+          isChecked: originalProps.isChecked,
+          isExpanded: originalProps.isExpanded,
+          onCheckAll: handleCheckAll,
+          isCheckedAll: checkedRows.size === rows.length
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        table_body_default,
+        {
+          rows,
+          columns,
+          slots,
+          size: originalProps.size,
+          color: originalProps.color === "neutral" ? "primary" : originalProps.color,
+          isSelected: originalProps.isSelected,
+          isChecked: originalProps.isChecked,
+          isCheckedRow: originalProps.isCheckedRow,
+          isExpanded: originalProps.isExpanded,
+          classNames,
+          emptyContent,
+          selectedRows,
+          checkedRows,
+          onCheckedRow: handleCheckRow,
+          onSelectedRow: handleSelectRow,
+          onRowAction
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ...getLoadingWrapperProps(), children: loadingContent || "Loading..." })
+  ] });
 });
 Table.displayName = "Table";
 var table_default = Table;
 var table = (0, import_tailwind_variants8.tv)({
   slots: {
-    base: "flex flex-col relative gap-4",
+    base: "flex flex-col relative gap-4 select-none",
     table: "w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
-    tbody: "w-full",
+    tbody: "",
     tr: ["group", "outline-none", "w-full"],
     th: [
       "text-foreground",
@@ -5612,7 +5621,18 @@ var table = (0, import_tailwind_variants8.tv)({
       "data-[direction=ascending]:rotate-180"
     ],
     emptyWrapper: "text-neutral-light align-middle text-center h-40",
-    loadingWrapper: "absolute inset-0 flex items-center justify-center"
+    loadingWrapper: [
+      "absolute",
+      "inset-0",
+      "flex",
+      "items-center",
+      "justify-center",
+      "bg-black/40",
+      "text-white",
+      "transition-opacity",
+      "duration-200",
+      "ease-in-out"
+    ]
   },
   variants: {
     variant: {
@@ -5658,6 +5678,14 @@ var table = (0, import_tailwind_variants8.tv)({
         expandedTr: "border-trans-light"
       }
     },
+    isLoading: {
+      true: {
+        loadingWrapper: "visible opacity-100"
+      },
+      false: {
+        loadingWrapper: "invisible opacity-0"
+      }
+    },
     isSelected: {
       true: {}
     },
@@ -6791,7 +6819,7 @@ var Pagination = (0, import_react19.forwardRef)((originalProps, ref) => {
     currentPage,
     groupSize,
     totalPage,
-    showPageNumber,
+    showPageNumber = true,
     showPageLabel,
     showFirstLastButtons,
     handleChangePage
@@ -6923,12 +6951,19 @@ var pagination = tv(
         secondary: {
           label: "text-secondary-main"
         }
+      },
+      isDisabled: {
+        true: {
+          icon: "!text-neutral-light !cursor-default",
+          button: "!text-neutral-light !cursor-default"
+        }
       }
     },
     defaultVariants: {
       variant: "solid",
       color: "primary",
-      size: "md"
+      size: "md",
+      isDisabled: false
     },
     compoundVariants: [
       {

package/dist/index.mjs

@@ -1,18 +1,4 @@
 "use client";
-import "./chunk-HIE2YRGA.mjs";
-import {
-  tooltip_default
-} from "./chunk-FY5YCQL5.mjs";
-import "./chunk-DSBSLSJW.mjs";
-import "./chunk-ODMRJXLJ.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-KRI5IALM.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-OJ2OEI5B.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -26,12 +12,26 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-S3O52LLG.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-OJ2OEI5B.mjs";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-FY5YCQL5.mjs";
+import "./chunk-DSBSLSJW.mjs";
+import "./chunk-ODMRJXLJ.mjs";
 import "./chunk-2UUH2MBF.mjs";
 import {
   table_default
-} from "./chunk-PNFR2J4Q.mjs";
+} from "./chunk-YVBOTJAH.mjs";
 import "./chunk-QDDEQY63.mjs";
 import "./chunk-PO3ADNA5.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-KRI5IALM.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
@@ -57,17 +57,17 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-B4KZBOGT.mjs";
+} from "./chunk-UZL66GNP.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-ZNEEYSIK.mjs";
-import "./chunk-HAOK24MK.mjs";
 import "./chunk-QZ3LVYJW.mjs";
+import "./chunk-HAOK24MK.mjs";
 import {
-  checkbox_default
-} from "./chunk-ANYPMQH4.mjs";
+  card_default
+} from "./chunk-2ALY3PH5.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
@@ -92,8 +92,8 @@ import {
   button_default
 } from "./chunk-UR64ZUAU.mjs";
 import {
-  card_default
-} from "./chunk-2ALY3PH5.mjs";
+  checkbox_default
+} from "./chunk-ANYPMQH4.mjs";
 import "./chunk-27Y6K5NK.mjs";
 import {
   accordion_default

package/package.json

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