@deepnoid/ui 0.1.171 → 0.1.173

package/dist/index.js

@@ -8341,6 +8341,10 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
     size
   } = { ...props, ...variantProps };
   const [inputPage, setInputPage] = (0, import_react16.useState)(currentPage);
+  const isFirstPageDisabled = currentPage <= 1;
+  const isPrevPageDisabled = currentPage <= 1;
+  const isNextPageDisabled = currentPage >= totalPage;
+  const isLastPageDisabled = currentPage >= totalPage;
   const slots = (0, import_react16.useMemo)(() => paginationStyle(variantProps), [variantProps]);
   const { pageList, handleClickMovePage } = usePagination_default({
     currentPage,
@@ -8362,9 +8366,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "firstPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(1) : void 0,
+          "data-disabled": isFirstPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "left-double-chevron", size })
         }
       ),
@@ -8372,9 +8378,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "prevPage",
-          "data-is-active": currentPage > 1,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage > 1 ? handleClickMovePage(currentPage - 1) : void 0,
+          "data-disabled": isPrevPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "left-chevron", size })
         }
       ),
@@ -8392,9 +8400,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "nextPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(currentPage + 1) : void 0,
+          "data-disabled": isNextPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "right-chevron", size })
         }
       ),
@@ -8402,9 +8412,11 @@ var Pagination = (0, import_react16.forwardRef)((originalProps, ref) => {
         "div",
         {
           "aria-label": "lastPage",
-          "data-is-active": currentPage < totalPage,
-          className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }),
-          onClick: currentPage < totalPage ? handleClickMovePage(totalPage) : void 0,
+          "data-disabled": isLastPageDisabled,
+          className: slots.icon({
+            class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
+          }),
+          onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
           children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon_default, { name: "right-double-chevron", size })
         }
       )
@@ -8442,8 +8454,8 @@ var paginationStyle = tv(
         "justify-center",
         "cursor-pointer",
         "text-neutral-main",
-        "data-[is-active=false]:stroke-neutral-light",
-        "data-[is-active=false]:cursor-default"
+        "data-[disabled=true]:text-neutral-light",
+        "data-[disabled=true]:cursor-default"
       ],
       button: [
         "flex",
@@ -8504,7 +8516,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-primary-main",
             "data-[selected=true]:bg-primary-soft"
           ],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8516,7 +8528,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-secondary-main",
             "data-[selected=true]:bg-secondary-soft"
           ],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8528,7 +8540,7 @@ var paginationStyle = tv(
             "data-[selected=true]:text-neutral-dark",
             "data-[selected=true]:bg-neutral-soft"
           ],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8536,7 +8548,7 @@ var paginationStyle = tv(
         color: "primary",
         class: {
           button: ["hover:text-primary-main", "data-[selected=true]:text-primary-main"],
-          icon: ["hover:text-primary-main"]
+          icon: ["hover:text-primary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8576,7 +8588,7 @@ var paginationStyle = tv(
         color: "secondary",
         class: {
           button: ["hover:text-secondary-main", "data-[selected=true]:text-secondary-main"],
-          icon: ["hover:text-secondary-main"]
+          icon: ["hover:text-secondary-main", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -8616,7 +8628,7 @@ var paginationStyle = tv(
         color: "neutral",
         class: {
           button: ["hover:text-neutral-dark", "data-[selected=true]:text-neutral-dark"],
-          icon: ["hover:text-neutral-dark"]
+          icon: ["hover:text-neutral-dark", "data-[disabled=true]:hover:text-neutral-light"]
         }
       },
       {
@@ -11319,6 +11331,14 @@ var DatePicker = (0, import_react32.forwardRef)((originalProps, ref) => {
   const calendarWrapperRef = (0, import_react32.useRef)(null);
   const [panelPos, setPanelPos] = (0, import_react32.useState)({ top: -9999, left: -9999 });
   const blurTimeoutRef = (0, import_react32.useRef)(null);
+  const isConfirmDisabled = (0, import_react32.useMemo)(() => {
+    if (range) {
+      const hasStart = !!tempSelectedRange.startDate;
+      const hasEnd = !!tempSelectedRange.endDate;
+      return hasStart && !hasEnd;
+    }
+    return false;
+  }, [range, tempSelectedRange]);
   const formatDate = (dateString) => {
     if (!dateString) return "";
     const [year, month, day] = dateString.split("-");
@@ -11461,6 +11481,7 @@ var DatePicker = (0, import_react32.forwardRef)((originalProps, ref) => {
     }
   };
   const handleConfirmDate = () => {
+    if (isConfirmDisabled) return;
     if (range) {
       setSelectedRange(tempSelectedRange);
       onChange == null ? void 0 : onChange(tempSelectedRange);
@@ -11625,7 +11646,16 @@ var DatePicker = (0, import_react32.forwardRef)((originalProps, ref) => {
                   children: cancelTitle
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(button_default, { size: "sm", classNames: { base: "flex flex-1" }, onClick: handleConfirmDate, children: confirmTitle })
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                button_default,
+                {
+                  size: "sm",
+                  classNames: { base: "flex flex-1" },
+                  onClick: handleConfirmDate,
+                  disabled: isConfirmDisabled,
+                  children: confirmTitle
+                }
+              )
             ] })
           ]
         }

package/dist/index.mjs

@@ -9,6 +9,10 @@ import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-WSBUOY2M.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
 import "./chunk-RRAZM5D3.mjs";
 import {
   textarea_default
@@ -26,17 +30,13 @@ import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import "./chunk-3MY6LO7N.mjs";
-import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "./chunk-PX4RCHOE.mjs";
+} from "./chunk-NSADIVGU.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -52,12 +52,12 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-WLTBJF4I.mjs";
+} from "./chunk-D4YI5HF2.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   datePicker_default
-} from "./chunk-C7CV72QF.mjs";
+} from "./chunk-52VX5MC2.mjs";
 import "./chunk-FWFEKWWD.mjs";
 import {
   day_default
@@ -69,6 +69,18 @@ import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-5G6CCE55.mjs";
+import "./chunk-RLXOHILK.mjs";
+import {
+  fileUpload_default
+} from "./chunk-4XEZQMLU.mjs";
+import "./chunk-7VOQKIIK.mjs";
+import {
+  progress_default
+} from "./chunk-KH63CD55.mjs";
+import "./chunk-2GCSFWHD.mjs";
+import {
+  input_default
+} from "./chunk-VNRGOOSY.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
@@ -89,18 +101,6 @@ import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
-import "./chunk-RLXOHILK.mjs";
-import {
-  fileUpload_default
-} from "./chunk-4XEZQMLU.mjs";
-import "./chunk-7VOQKIIK.mjs";
-import {
-  progress_default
-} from "./chunk-KH63CD55.mjs";
-import "./chunk-2GCSFWHD.mjs";
-import {
-  input_default
-} from "./chunk-VNRGOOSY.mjs";
 import "./chunk-3OCNT22V.mjs";
 import {
   areaChart_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.171",
+  "version": "0.1.173",
   "license": "MIT",
   "sideEffects": false,
   "exports": {