@algorithm-shift/design-system 1.2.69 → 1.2.71

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import { ClassValue } from 'clsx';
 
 interface ModalProps {
     isOpen: boolean;
-    onClose?: () => void;
+    onModalClose?: () => void;
     title: string;
     children: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
@@ -13,7 +13,7 @@ interface ModalProps {
     className?: string;
     style?: React$1.CSSProperties;
 }
-declare function Modal({ isOpen, onClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
+declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface ElementProps {
   children?: React.ReactNode;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { ClassValue } from 'clsx';
 
 interface ModalProps {
     isOpen: boolean;
-    onClose?: () => void;
+    onModalClose?: () => void;
     title: string;
     children: React$1.ReactNode;
     size?: 'sm' | 'md' | 'lg' | 'xl';
@@ -13,7 +13,7 @@ interface ModalProps {
     className?: string;
     style?: React$1.CSSProperties;
 }
-declare function Modal({ isOpen, onClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
+declare function Modal({ isOpen, onModalClose, title, children, size, showCloseButton, className, style }: ModalProps): react_jsx_runtime.JSX.Element | null;
 
 interface ElementProps {
   children?: React.ReactNode;

package/dist/index.js

@@ -107,7 +107,7 @@ function getInitials(name) {
 var import_jsx_runtime = require("react/jsx-runtime");
 function Modal({
   isOpen,
-  onClose,
+  onModalClose,
   title,
   children,
   size = "md",
@@ -118,7 +118,7 @@ function Modal({
   (0, import_react.useEffect)(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape") {
-        onClose?.();
+        onModalClose?.();
       }
     };
     if (isOpen) {
@@ -129,7 +129,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",
@@ -153,7 +153,7 @@ function Modal({
           showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(import_react_fontawesome.FontAwesomeIcon, { icon: import_free_solid_svg_icons.faTimes, className: "w-5 h-5" })
@@ -28481,10 +28481,12 @@ function DataTable({
     state: {
       columnFilters,
       columnVisibility,
-      pagination: {
-        pageIndex: controlledPageIndex ?? 0,
-        pageSize
-      }
+      ...paginationMode === "server" ? {
+        pagination: {
+          pageIndex: controlledPageIndex ?? 0,
+          pageSize
+        }
+      } : {}
     },
     onColumnFiltersChange: setColumnFilters,
     onColumnVisibilityChange: setColumnVisibility,
@@ -28493,11 +28495,13 @@ function DataTable({
     getPaginationRowModel: pagination && paginationMode === "client" ? (0, import_react_table.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) {