@geomak/ui 7.2.1 → 7.2.2

package/dist/index.cjs

@@ -5515,23 +5515,12 @@ function Pagination({
   onPageChange,
   maxPage,
   options,
-  onPerPageChange,
-  serverSide = false
+  perPage,
+  onPerPageChange
 }) {
   const picker = options.pickerOptions ?? DEFAULT_PICKER;
-  const matchedOption = picker.find(
-    (o) => o.label === options.perPage || o.value === options.perPage
-  );
-  const [perPageKey, setPerPageKey] = React29.useState(() => matchedOption?.key ?? picker[0]?.key);
-  const displayPerPageKey = serverSide ? matchedOption?.key ?? perPageKey : perPageKey;
-  React29.useEffect(() => {
-    if (serverSide && options.perPage != null) {
-      const next = picker.find((o) => o.label === options.perPage || o.value === options.perPage);
-      if (next) setPerPageKey(next.key);
-    }
-  }, [serverSide, options.perPage, picker]);
-  const currentOpt = picker.find((o) => o.key === displayPerPageKey);
-  const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
+  const currentOpt = picker.find((o) => o.value === perPage || o.label === perPage);
+  const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? perPage ?? "";
   const FOCUS = "focus-visible:!ring-0 focus-visible:!border-accent";
   const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsxRuntime.jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: `w-7 !px-0 ${FOCUS}`, "aria-label": title, title });
   const chevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" }) });
@@ -5550,10 +5539,7 @@ function Pagination({
           items: picker.map((o) => ({
             key: o.key,
             label: String(o.label ?? o.value ?? o.key),
-            onSelect: () => {
-              if (!serverSide) setPerPageKey(o.key);
-              onPerPageChange(o.label ?? o.value ?? o.key);
-            }
+            onSelect: () => onPerPageChange(o.value ?? o.label ?? o.key)
           }))
         }
       )
@@ -5693,9 +5679,9 @@ function Table({
       activePage,
       onPageChange: handlePageChange,
       maxPage: MAX_PAGE,
+      perPage,
       onPerPageChange: onPaginationChange,
-      options: pagination,
-      serverSide: isServerSide
+      options: pagination
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `w-full h-max rounded-lg ${className}`.trim(), style, children: [