@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.js
CHANGED
|
@@ -5525,9 +5525,10 @@ function Pagination({
|
|
|
5525
5525
|
}, [serverSide, options.perPage, picker]);
|
|
5526
5526
|
const currentOpt = picker.find((o) => o.key === displayPerPageKey);
|
|
5527
5527
|
const currentPerPageLabel = currentOpt?.label ?? currentOpt?.value ?? options.perPage ?? "";
|
|
5528
|
-
const
|
|
5529
|
-
const
|
|
5530
|
-
const
|
|
5528
|
+
const FOCUS = "focus-visible:!ring-0 focus-visible:!border-accent";
|
|
5529
|
+
const navBtn = (icon, disabled, onClick, title) => /* @__PURE__ */ jsx(Button_default, { variant: "outline", size: "sm", disabled, onClick, icon, className: `w-7 !px-0 ${FOCUS}`, "aria-label": title, title });
|
|
5530
|
+
const chevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" }) });
|
|
5531
|
+
const doubleChevronRight = /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 6l6 6-6 6M12 6l6 6-6 6" }) });
|
|
5531
5532
|
return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-end gap-x-4 gap-y-3", children: [
|
|
5532
5533
|
options.withPicker && /* @__PURE__ */ jsxs("div", { className: "mr-auto flex items-center gap-2", children: [
|
|
5533
5534
|
/* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-xs text-foreground-muted", children: "Rows per page" }),
|
|
@@ -5537,7 +5538,7 @@ function Pagination({
|
|
|
5537
5538
|
variant: "outline",
|
|
5538
5539
|
size: "sm",
|
|
5539
5540
|
side: "top",
|
|
5540
|
-
className:
|
|
5541
|
+
className: FOCUS,
|
|
5541
5542
|
label: String(currentPerPageLabel),
|
|
5542
5543
|
items: picker.map((o) => ({
|
|
5543
5544
|
key: o.key,
|
|
@@ -5553,7 +5554,7 @@ function Pagination({
|
|
|
5553
5554
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
|
|
5554
5555
|
navBtn(/* @__PURE__ */ jsx("span", { className: "inline-flex rotate-180", children: doubleChevronRight }), activePage === 0, () => onPageChange(0), "First page"),
|
|
5555
5556
|
navBtn(/* @__PURE__ */ jsx("span", { className: "inline-flex rotate-180", children: chevronRight }), activePage === 0, () => activePage > 0 && onPageChange(activePage - 1), "Previous page"),
|
|
5556
|
-
/* @__PURE__ */ jsxs("span", { className: "px-2 text-
|
|
5557
|
+
/* @__PURE__ */ jsxs("span", { className: "px-2 text-xs tabular-nums text-foreground-secondary select-none", children: [
|
|
5557
5558
|
activePage + 1,
|
|
5558
5559
|
" ",
|
|
5559
5560
|
/* @__PURE__ */ jsxs("span", { className: "text-foreground-muted", children: [
|