@algorithm-shift/design-system 1.2.69 → 1.2.71

package/dist/index.mjs

@@ -12,7 +12,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Modal({
   isOpen,
-  onClose,
+  onModalClose,
   title,
   children,
   size = "md",
@@ -23,7 +23,7 @@ function Modal({
   useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
-        onClose?.();
+        onModalClose?.();
       }
     };
     if (isOpen) {
@@ -34,7 +34,7 @@ function Modal({
       document.removeEventListener("keydown", handleEscape);
       document.body.style.overflow = "unset";
     };
-  }, [isOpen, onClose]);
+  }, [isOpen, onModalClose]);
   if (!isOpen) return null;
   const sizeClasses = {
     sm: "w-md",
@@ -58,7 +58,7 @@ function Modal({
           showCloseButton && /* @__PURE__ */ jsx(
             "button",
             {
-              onClick: onClose,
+              onClick: onModalClose,
               className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors cursor-pointer",
               "aria-label": "Close modal",
               children: /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faTimes, className: "w-5 h-5" })
@@ -28392,10 +28392,12 @@ function DataTable({
     state: {
       columnFilters,
       columnVisibility,
-      pagination: {
-        pageIndex: controlledPageIndex ?? 0,
-        pageSize
-      }
+      ...paginationMode === "server" ? {
+        pagination: {
+          pageIndex: controlledPageIndex ?? 0,
+          pageSize
+        }
+      } : {}
     },
     onColumnFiltersChange: setColumnFilters,
     onColumnVisibilityChange: setColumnVisibility,
@@ -28404,11 +28406,13 @@ function DataTable({
     getPaginationRowModel: pagination && paginationMode === "client" ? getPaginationRowModel() : void 0,
     manualPagination: paginationMode === "server",
     pageCount: paginationMode === "server" ? Math.ceil(totalRecords / pageSize) : void 0,
-    onPaginationChange: (updater) => {
-      const prev = table.getState().pagination;
-      const next = typeof updater === "function" ? updater(prev) : updater;
-      onPageChange?.(next.pageIndex, next.pageSize);
-    }
+    ...paginationMode === "server" ? {
+      onPaginationChange: (updater) => {
+        const prev = table.getState().pagination;
+        const next = typeof updater === "function" ? updater(prev) : updater;
+        onPageChange?.(next.pageIndex, next.pageSize);
+      }
+    } : {}
   });
   const getPageNumbers = (currentPage, totalPages, maxVisiblePages = 5) => {
     if (totalPages <= maxVisiblePages) {