@seekbuddy/dsh-ui 0.0.0-stage → 0.2.0-beta.1

package/dist/chunks/chunk-FZXK4LTI.js

@@ -0,0 +1,129 @@
+// src/seekbuddy/Pagination.tsx
+import clsx from "clsx";
+import { useState } from "react";
+import { Button } from "@seekbuddy/dsh-ui";
+import { IconChevronLeftOutlineRegular, IconChevronRightOutlineRegular } from "@seekbuddy/dsh-ui/icons";
+
+// .build/css/seekbuddy/Pagination.module.mjs
+var id = "@seekbuddy/dsh-ui/seekbuddy/Pagination.module.css";
+if (typeof document !== "undefined" && !document.querySelector('style[data-dsh-ui-primitives="' + id + '"]')) {
+  const element = document.createElement("style");
+  element.setAttribute("data-dsh-ui-primitives", id);
+  element.textContent = "._74CmUG_nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}._74CmUG_total{color:var(--dsw-alias-label-tertiary);font:var(--dsw-font-xs-13);margin-right:8px}._74CmUG_step{width:28px;min-width:28px;padding:0}._74CmUG_page{min-width:28px;font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums;padding:0 6px}._74CmUG_current{background:var(--dsw-alias-interactive-bg-active);color:var(--dsw-alias-label-primary);font-weight:600}._74CmUG_jump{color:var(--dsw-alias-label-tertiary);letter-spacing:1px}._74CmUG_arrows,._74CmUG_jump:hover:not(:disabled) ._74CmUG_dots,._74CmUG_jump:focus-visible ._74CmUG_dots{display:none}._74CmUG_jump:hover:not(:disabled) ._74CmUG_arrows,._74CmUG_jump:focus-visible ._74CmUG_arrows{display:inline}._74CmUG_simple{min-width:48px;color:var(--dsw-alias-label-secondary);text-align:center;font:var(--dsw-font-xs-13);font-variant-numeric:tabular-nums}";
+  document.head.appendChild(element);
+}
+var Pagination_module_default = { "total": "_74CmUG_total", "simple": "_74CmUG_simple", "nav": "_74CmUG_nav", "arrows": "_74CmUG_arrows", "current": "_74CmUG_current", "step": "_74CmUG_step", "dots": "_74CmUG_dots", "page": "_74CmUG_page", "jump": "_74CmUG_jump" };
+
+// src/seekbuddy/Pagination.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function pageItems(current, pages, lessItems = false) {
+  const window = lessItems ? 3 : 5;
+  if (pages <= window + 2) return Array.from({ length: pages }, (_, index) => ({ type: "page", page: index + 1 }));
+  const half = Math.floor(window / 2);
+  let start = Math.max(2, current - half);
+  let end = Math.min(pages - 1, current + half);
+  if (current - half < 2) end = Math.min(pages - 1, window);
+  if (current + half > pages - 1) start = Math.max(2, pages - window + 1);
+  const items = [{ type: "page", page: 1 }];
+  if (start > 2) items.push({ type: "jump-previous", page: Math.max(1, current - window) });
+  for (let page = start; page <= end; page += 1) items.push({ type: "page", page });
+  if (end < pages - 1) items.push({ type: "jump-next", page: Math.min(pages, current + window) });
+  items.push({ type: "page", page: pages });
+  return items;
+}
+function Pagination({
+  current,
+  defaultCurrent = 1,
+  pageSize,
+  defaultPageSize = 10,
+  total,
+  onChange,
+  showTotal,
+  hideOnSinglePage = true,
+  simple = false,
+  showLessItems = false,
+  disabled = false,
+  labels,
+  className
+}) {
+  const [ownCurrent, setOwnCurrent] = useState(defaultCurrent);
+  const size = Math.max(1, pageSize ?? defaultPageSize);
+  const pages = Math.max(1, Math.ceil(Math.max(0, total) / size));
+  const page = Math.min(pages, Math.max(1, current ?? ownCurrent));
+  if (hideOnSinglePage && pages <= 1) return null;
+  const go = (target) => {
+    const next = Math.min(pages, Math.max(1, target));
+    if (next === page) return;
+    if (current === void 0) setOwnCurrent(next);
+    onChange?.(next, size);
+  };
+  const from = total === 0 ? 0 : (page - 1) * size + 1;
+  const to = Math.min(total, page * size);
+  return /* @__PURE__ */ jsxs("nav", { className: clsx(Pagination_module_default.nav, className), "aria-label": labels.navigation, children: [
+    showTotal === void 0 ? null : /* @__PURE__ */ jsx("span", { className: Pagination_module_default.total, children: showTotal(total, [from, to]) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: Pagination_module_default.step,
+        "aria-label": labels.previous,
+        disabled: disabled || page <= 1,
+        icon: /* @__PURE__ */ jsx(IconChevronLeftOutlineRegular, {}),
+        onClick: () => go(page - 1)
+      }
+    ),
+    simple ? /* @__PURE__ */ jsxs("span", { className: Pagination_module_default.simple, "aria-current": "page", children: [
+      page,
+      " / ",
+      pages
+    ] }) : pageItems(page, pages, showLessItems).map(
+      (item) => item.type === "page" ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: clsx(Pagination_module_default.page, item.page === page && Pagination_module_default.current),
+          "aria-label": labels.page(item.page),
+          "aria-current": item.page === page ? "page" : void 0,
+          disabled,
+          onClick: () => go(item.page),
+          children: item.page
+        },
+        item.page
+      ) : /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: clsx(Pagination_module_default.page, Pagination_module_default.jump),
+          "aria-label": item.type === "jump-previous" ? labels.jumpPrevious : labels.jumpNext,
+          disabled,
+          onClick: () => go(item.page),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: Pagination_module_default.dots, "aria-hidden": "true", children: "\u2022\u2022\u2022" }),
+            /* @__PURE__ */ jsx("span", { className: Pagination_module_default.arrows, "aria-hidden": "true", children: item.type === "jump-previous" ? "\xAB" : "\xBB" })
+          ]
+        },
+        item.type
+      )
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: Pagination_module_default.step,
+        "aria-label": labels.next,
+        disabled: disabled || page >= pages,
+        icon: /* @__PURE__ */ jsx(IconChevronRightOutlineRegular, {}),
+        onClick: () => go(page + 1)
+      }
+    )
+  ] });
+}
+
+export {
+  pageItems,
+  Pagination
+};