@geomak/ui 6.29.1 → 6.29.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +6 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/dist/styles.css +5 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5562,9 +5562,10 @@ function Pagination({
|
|
|
5562
5562
|
}, [serverSide, options.perPage, picker]);
|
|
5563
5563
|
const currentOpt = picker.find((o) => o.key === displayPerPageKey);
|
|
5564
5564
|
const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
|
|
5565
|
-
const
|
|
5566
|
-
const
|
|
5567
|
-
const
|
|
5565
|
+
const FOCUS = "focus-visible:!ring-0 focus-visible:!border-accent";
|
|
5566
|
+
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 });
|
|
5567
|
+
const chevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { 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" }) });
|
|
5568
|
+
const doubleChevronRight = /* @__PURE__ */ jsxRuntime.jsx("svg", { 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: "M6 6l6 6-6 6M12 6l6 6-6 6" }) });
|
|
5568
5569
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
|
|
5569
5570
|
options.withPicker && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mr-auto flex items-center gap-2", children: [
|
|
5570
5571
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-xs text-foreground-muted", children: "Rows per page" }),
|
|
@@ -5574,7 +5575,7 @@ function Pagination({
|
|
|
5574
5575
|
variant: "outline",
|
|
5575
5576
|
size: "sm",
|
|
5576
5577
|
side: "top",
|
|
5577
|
-
className:
|
|
5578
|
+
className: FOCUS,
|
|
5578
5579
|
label: String(currentPerPageLabel),
|
|
5579
5580
|
items: picker.map((o) => ({
|
|
5580
5581
|
key: o.key,
|
|
@@ -5590,7 +5591,7 @@ function Pagination({
|
|
|
5590
5591
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
|
|
5591
5592
|
navBtn(/* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex rotate-180", children: doubleChevronRight }), activePage === 0, () => onPageChange(0), "First page"),
|
|
5592
5593
|
navBtn(/* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex rotate-180", children: chevronRight }), activePage === 0, () => activePage > 0 && onPageChange(activePage - 1), "Previous page"),
|
|
5593
|
-
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 text-
|
|
5594
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-2 text-xs tabular-nums text-foreground-secondary select-none", children: [
|
|
5594
5595
|
activePage + 1,
|
|
5595
5596
|
" ",
|
|
5596
5597
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-foreground-muted", children: [
|