@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260722072521 → 0.8.1-dev.20260722072620

package/dist/Pagination-OQT7Q2XO.mjs

@@ -1,183 +0,0 @@
-"use client";
-
-"use client";
-import {
-  OdataBuilder
-} from "./chunk-OGGIS4AN.mjs";
-import {
-  Constants,
-  Hyperlink,
-  Icon_default
-} from "./chunk-FI2KJBK2.mjs";
-import "./chunk-IMNQO57B.mjs";
-
-// src/components/Pagination.tsx
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Pagination = (props) => {
-  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
-  const builder = useMemo(() => {
-    const b = new OdataBuilder(path);
-    if (query) b.setQuery(query);
-    return b;
-  }, [path, query]);
-  const activePageNumber = builder.getPageNumber(Constants.pagesize);
-  const totalItems = dataset?.count || 0;
-  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
-  const totalPages = Math.ceil(totalItems / itemsPerPage);
-  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
-  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
-  const getPaginationRange = () => {
-    const delta = 1;
-    const range = [];
-    if (totalPages <= 7) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    range.push(1);
-    let start = Math.max(2, activePageNumber - delta);
-    let end = Math.min(totalPages - 1, activePageNumber + delta);
-    if (activePageNumber - delta <= 2) {
-      end = Math.min(totalPages - 1, 4);
-    }
-    if (activePageNumber + delta >= totalPages - 1) {
-      start = Math.max(2, totalPages - 4);
-    }
-    if (start > 2) {
-      range.push("...");
-    }
-    for (let i = start; i <= end; i++) {
-      range.push(i);
-    }
-    if (end < totalPages - 1) {
-      range.push("...");
-    }
-    if (totalPages > 1) {
-      range.push(totalPages);
-    }
-    return range;
-  };
-  const paginationRange = getPaginationRange();
-  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx(
-    Hyperlink,
-    {
-      linkType: "Link" /* Link */,
-      className: `
-               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
-                border text-sm font-medium transition-colors duration-150
-                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
-            `,
-      href: builder.getNewPageUrl(page),
-      children
-    }
-  );
-  const NavigationButton = ({ page, disabled, children }) => {
-    if (disabled) {
-      return /* @__PURE__ */ jsx("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
-    }
-    return /* @__PURE__ */ jsx(
-      Hyperlink,
-      {
-        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
-        href: builder.getNewPageUrl(page),
-        children
-      }
-    );
-  };
-  if (totalPages <= 1 && totalItems === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
-        "Showing ",
-        /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
-          startItem,
-          "-",
-          endItem
-        ] }),
-        " ",
-        "out of ",
-        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
-        " results"
-      ] }),
-      totalPages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-1", children: [
-        /* @__PURE__ */ jsxs(
-          NavigationButton,
-          {
-            page: activePageNumber - 1,
-            disabled: activePageNumber === 1,
-            children: [
-              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Prev" })
-            ]
-          }
-        ),
-        paginationRange.map((item, index) => {
-          if (item === "...") {
-            return /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
-                children: "..."
-              },
-              `ellipsis-${index}`
-            );
-          }
-          const page = item;
-          return /* @__PURE__ */ jsx(PageButton, { page, children: page }, page);
-        }),
-        /* @__PURE__ */ jsxs(
-          NavigationButton,
-          {
-            page: activePageNumber + 1,
-            disabled: activePageNumber === totalPages,
-            children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Next" }),
-              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
-            ]
-          }
-        )
-      ] }),
-      showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Go to:" }),
-        /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            min: "1",
-            max: totalPages,
-            defaultValue: activePageNumber,
-            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                const input = e.target;
-                const page = parseInt(input.value);
-                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
-                  window.location.href = builder.getNewPageUrl(page);
-                }
-              }
-            }
-          }
-        ) })
-      ] })
-    ] }),
-    showPageSizeSelector && /* @__PURE__ */ jsx("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center space-x-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Show:" }),
-      /* @__PURE__ */ jsx("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx(
-        Hyperlink,
-        {
-          className: `
-                                        px-3 py-1 text-sm rounded border transition-colors duration-150
-                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
-                                    `,
-          href: builder.getNewPageSizeUrl(size),
-          children: size
-        },
-        size
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "per page" })
-    ] }) })
-  ] });
-};
-var Pagination_default = Pagination;
-export {
-  Pagination_default as default
-};