@docubook/ui-react 0.1.0 → 0.1.1

package/dist/chunk-ZMIZV66S.js

@@ -1,331 +0,0 @@
-"use client";
-import {
-  cn
-} from "./chunk-NJKWNMJF.js";
-
-// src/base/pagination.tsx
-import { useMemo } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function getPaginationRange({
-  totalCount,
-  pageSize,
-  siblingCount = 1,
-  currentPage
-}) {
-  const totalPages = Math.ceil(totalCount / pageSize);
-  if (totalPages <= 1) return [1];
-  const totalPageNumbers = siblingCount + 5;
-  if (totalPages < totalPageNumbers) return Array.from({ length: totalPages }, (_, i) => i + 1);
-  const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-  const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
-  const showLeftDots = leftSiblingIndex > 2;
-  const showRightDots = rightSiblingIndex < totalPages - 1;
-  if (!showLeftDots && showRightDots)
-    return [...Array.from({ length: 3 }, (_, i) => i + 1), "ellipsis", totalPages - 1, totalPages];
-  if (showLeftDots && !showRightDots)
-    return [1, 2, "ellipsis", ...Array.from({ length: 3 }, (_, i) => totalPages - 2 + i)];
-  if (showLeftDots && showRightDots) {
-    const middle = Array.from(
-      { length: rightSiblingIndex - leftSiblingIndex + 1 },
-      (_, i) => leftSiblingIndex + i
-    );
-    return [1, 2, "ellipsis", ...middle, "ellipsis", totalPages - 1, totalPages];
-  }
-  return [1];
-}
-function variantClass(variant) {
-  if (variant === "square") return "[&_.join-item]:btn-square";
-  if (variant === "rounded") return "[&_.join-item]:btn-circle";
-  return "";
-}
-function PaginationItem({
-  children,
-  active,
-  disabled,
-  onClick,
-  className,
-  size = "md",
-  "aria-label": ariaLabel
-}) {
-  const sizeClass = size === "lg" ? "btn-lg" : size === "sm" ? "btn-sm" : size === "xs" ? "btn-xs" : "";
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      className: cn(
-        "join-item btn",
-        sizeClass,
-        active && "btn-active",
-        disabled && "btn-disabled",
-        className
-      ),
-      onClick,
-      disabled,
-      "aria-label": ariaLabel,
-      "aria-current": active ? "page" : void 0,
-      children
-    }
-  );
-}
-function PaginationButtons({
-  page,
-  totalPages,
-  onPageChange,
-  className,
-  size = "md",
-  showFirstLast = false,
-  showPrevNext = true,
-  prevLabel,
-  nextLabel,
-  firstLabel,
-  lastLabel,
-  disabled = false
-}) {
-  const sizeClass = size !== "md" ? `btn-${size}` : "";
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    showFirstLast && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn("join-item btn", sizeClass, className),
-        onClick: () => onPageChange(1),
-        disabled: disabled || page <= 1,
-        "aria-label": firstLabel != null ? firstLabel : "First page",
-        children: firstLabel != null ? firstLabel : "\xAB"
-      }
-    ),
-    showPrevNext && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn("join-item btn", sizeClass, className),
-        onClick: () => onPageChange(page - 1),
-        disabled: disabled || page <= 1,
-        "aria-label": prevLabel != null ? prevLabel : "Previous page",
-        children: prevLabel != null ? prevLabel : "\u2039"
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "join-item btn btn-disabled no-animation cursor-default", children: [
-      page,
-      " / ",
-      totalPages
-    ] }),
-    showPrevNext && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn("join-item btn", sizeClass, className),
-        onClick: () => onPageChange(page + 1),
-        disabled: disabled || page >= totalPages,
-        "aria-label": nextLabel != null ? nextLabel : "Next page",
-        children: nextLabel != null ? nextLabel : "\u203A"
-      }
-    ),
-    showFirstLast && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn("join-item btn", sizeClass, className),
-        onClick: () => onPageChange(totalPages),
-        disabled: disabled || page >= totalPages,
-        "aria-label": lastLabel != null ? lastLabel : "Last page",
-        children: lastLabel != null ? lastLabel : "\xBB"
-      }
-    )
-  ] });
-}
-function PaginationRange({
-  start,
-  end,
-  total,
-  current,
-  onPageChange,
-  siblingCount = 1,
-  className,
-  size = "md",
-  variant
-}) {
-  const range = useMemo(
-    () => getPaginationRange({
-      totalCount: total,
-      pageSize: end - start + 1,
-      siblingCount,
-      currentPage: current
-    }),
-    [total, start, end, siblingCount, current]
-  );
-  const sizeClass = size === "lg" ? "join-lg" : size === "sm" ? "join-sm" : size === "xs" ? "join-xs" : "";
-  return /* @__PURE__ */ jsx("div", { className: cn("join", sizeClass, variantClass(variant), className), children: range.map(
-    (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "join-item btn",
-          item === current && "btn-active",
-          size !== "md" && `btn-${size}`
-        ),
-        onClick: () => onPageChange(item),
-        "aria-current": item === current ? "page" : void 0,
-        children: item
-      },
-      item
-    )
-  ) });
-}
-function PaginationInfo({
-  current,
-  total,
-  pageSize = 10,
-  className,
-  label = "Showing",
-  showTotal = true
-}) {
-  const start = (current - 1) * pageSize + 1;
-  const end = Math.min(current * pageSize, total);
-  return /* @__PURE__ */ jsxs("div", { className: cn("text-base-content/70 text-sm", className), children: [
-    label,
-    " ",
-    start,
-    "-",
-    end,
-    showTotal && ` of ${total}`
-  ] });
-}
-function PaginationFull({
-  current,
-  total,
-  pageSize = 10,
-  onPageChange,
-  siblingCount = 1,
-  className,
-  size = "md",
-  variant,
-  showFirstLast = true,
-  showPrevNext = true,
-  infoClassName
-}) {
-  const totalPages = Math.ceil(total / pageSize);
-  const range = useMemo(
-    () => getPaginationRange({ totalCount: total, pageSize, siblingCount, currentPage: current }),
-    [total, pageSize, siblingCount, current]
-  );
-  const sizeClass = size === "lg" ? "join-lg" : size === "sm" ? "join-sm" : size === "xs" ? "join-xs" : "";
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-between gap-4 sm:flex-row", className), children: [
-    /* @__PURE__ */ jsx(
-      PaginationInfo,
-      {
-        current,
-        total,
-        pageSize,
-        className: infoClassName
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: cn("join", sizeClass, variantClass(variant)), children: [
-      showFirstLast && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: cn("join-item btn", size !== "md" && `btn-${size}`),
-          onClick: () => onPageChange(1),
-          disabled: current <= 1,
-          "aria-label": "First page",
-          children: "\xAB"
-        }
-      ),
-      showPrevNext && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: cn("join-item btn", size !== "md" && `btn-${size}`),
-          onClick: () => onPageChange(current - 1),
-          disabled: current <= 1,
-          "aria-label": "Previous page",
-          children: "\u2039"
-        }
-      ),
-      range.map(
-        (item, i) => item === "ellipsis" ? /* @__PURE__ */ jsx("span", { className: "join-item btn btn-disabled no-animation", children: "..." }, `e-${i}`) : /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: cn(
-              "join-item btn",
-              item === current && "btn-active",
-              size !== "md" && `btn-${size}`
-            ),
-            onClick: () => onPageChange(item),
-            "aria-current": item === current ? "page" : void 0,
-            children: item
-          },
-          item
-        )
-      ),
-      showPrevNext && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: cn("join-item btn", size !== "md" && `btn-${size}`),
-          onClick: () => onPageChange(current + 1),
-          disabled: current >= totalPages,
-          "aria-label": "Next page",
-          children: "\u203A"
-        }
-      ),
-      showFirstLast && /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: cn("join-item btn", size !== "md" && `btn-${size}`),
-          onClick: () => onPageChange(totalPages),
-          disabled: current >= totalPages,
-          "aria-label": "Last page",
-          children: "\xBB"
-        }
-      )
-    ] })
-  ] });
-}
-function PaginationDocs({
-  prev,
-  next,
-  className,
-  prevIcon,
-  nextIcon,
-  linkClassName
-}) {
-  const linkBase = "flex flex-col no-underline rounded-lg border border-base-300 bg-base-100 transition-colors hover:bg-base-200 hover:border-base-300";
-  return /* @__PURE__ */ jsxs("div", { className: cn("grid grow grid-cols-1 gap-4 py-8 sm:grid-cols-2", className), children: [
-    /* @__PURE__ */ jsx("div", { children: prev && /* @__PURE__ */ jsxs("a", { href: prev.href, className: cn(linkBase, "items-start px-4 py-4", linkClassName), children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-start text-xs", children: [
-        prevIcon && /* @__PURE__ */ jsx("span", { className: "mr-1", children: prevIcon }),
-        "Previous"
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: prev.title })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { children: next && /* @__PURE__ */ jsxs(
-      "a",
-      {
-        href: next.href,
-        className: cn(linkBase, "items-end px-4 py-4 text-right", linkClassName),
-        children: [
-          /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground flex items-center justify-end text-xs", children: [
-            "Next",
-            nextIcon && /* @__PURE__ */ jsx("span", { className: "ml-1", children: nextIcon })
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-base-content mt-1 text-sm font-medium", children: next.title })
-        ]
-      }
-    ) })
-  ] });
-}
-
-export {
-  getPaginationRange,
-  PaginationItem,
-  PaginationButtons,
-  PaginationRange,
-  PaginationInfo,
-  PaginationFull,
-  PaginationDocs
-};