@classytic/fluid 0.3.4 → 0.4.0

package/dist/api-pagination-DBTE0yk4.mjs

@@ -1,190 +0,0 @@
-import { t as cn } from "./utils-DQ5SCVoW.mjs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "@/components/ui/pagination";
-
-//#region src/components/custom-pagination.tsx
-function CustomPagination({ page, onPageChange, pages, hasPrev, hasNext }) {
-	const [isMobile, setIsMobile] = useState(false);
-	const currentPageNum = Number(page);
-	useEffect(() => {
-		const checkMobile = () => {
-			setIsMobile(window.innerWidth < 640);
-		};
-		checkMobile();
-		window.addEventListener("resize", checkMobile);
-		return () => window.removeEventListener("resize", checkMobile);
-	}, []);
-	if (pages <= 1) return null;
-	const getPageNumbers = () => {
-		const delta = isMobile ? 1 : 2;
-		const range = [];
-		const rangeWithDots = [];
-		for (let i = Math.max(2, currentPageNum - delta); i <= Math.min(pages - 1, currentPageNum + delta); i++) range.push(i);
-		if (currentPageNum - delta > 2) rangeWithDots.push(1, "...");
-		else rangeWithDots.push(1);
-		rangeWithDots.push(...range);
-		if (currentPageNum + delta < pages - 1) rangeWithDots.push("...", pages);
-		else if (pages > 1) {
-			if (!range.includes(pages)) rangeWithDots.push(pages);
-		}
-		return [...new Set(rangeWithDots)];
-	};
-	if (isMobile && pages > 5) return /* @__PURE__ */ jsx(Pagination, {
-		className: "mx-0 w-auto",
-		children: /* @__PURE__ */ jsxs(PaginationContent, {
-			className: "gap-1",
-			children: [
-				/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, {
-					onClick: () => hasPrev ? onPageChange(currentPageNum - 1) : void 0,
-					className: cn("cursor-pointer transition-colors h-8 px-2 text-xs", !hasPrev && "pointer-events-none opacity-50 cursor-not-allowed", hasPrev && "hover:bg-accent hover:text-accent-foreground"),
-					"aria-disabled": !hasPrev
-				}) }),
-				/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsxs("div", {
-					className: "flex h-8 items-center justify-center px-3 text-xs font-medium bg-primary text-primary-foreground rounded-md",
-					children: [
-						currentPageNum,
-						" / ",
-						pages
-					]
-				}) }),
-				/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, {
-					onClick: () => hasNext ? onPageChange(currentPageNum + 1) : void 0,
-					className: cn("cursor-pointer transition-colors h-8 px-2 text-xs", !hasNext && "pointer-events-none opacity-50 cursor-not-allowed", hasNext && "hover:bg-accent hover:text-accent-foreground"),
-					"aria-disabled": !hasNext
-				}) })
-			]
-		})
-	});
-	return /* @__PURE__ */ jsx(Pagination, {
-		className: "mx-0 w-auto",
-		children: /* @__PURE__ */ jsxs(PaginationContent, {
-			className: "gap-1 flex-wrap",
-			children: [
-				/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationPrevious, {
-					onClick: () => hasPrev ? onPageChange(currentPageNum - 1) : void 0,
-					className: cn("cursor-pointer transition-colors", isMobile ? "h-8 px-2 text-xs" : "h-9 px-3 text-sm", !hasPrev && "pointer-events-none opacity-50 cursor-not-allowed", hasPrev && "hover:bg-accent hover:text-accent-foreground"),
-					"aria-disabled": !hasPrev
-				}) }),
-				getPageNumbers().map((pageNum, index) => /* @__PURE__ */ jsx(PaginationItem, { children: pageNum === "..." ? /* @__PURE__ */ jsx("span", {
-					className: cn("flex items-center justify-center text-muted-foreground", isMobile ? "h-8 w-8 text-xs" : "h-9 w-9 text-sm"),
-					children: "..."
-				}) : /* @__PURE__ */ jsx(PaginationLink, {
-					className: cn("cursor-pointer transition-colors", isMobile ? "h-8 w-8 text-xs p-0" : "h-9 w-9 text-sm p-0", "hover:bg-accent hover:text-accent-foreground", Number(currentPageNum) === Number(pageNum) && "bg-primary text-primary-foreground hover:bg-primary/90"),
-					onClick: () => typeof pageNum === "number" ? onPageChange(pageNum) : void 0,
-					isActive: Number(currentPageNum) === Number(pageNum),
-					"aria-label": `Go to page ${pageNum}`,
-					"aria-current": Number(currentPageNum) === Number(pageNum) ? "page" : void 0,
-					children: pageNum
-				}) }, `pagination-page-${pageNum}-${index}`)),
-				/* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationNext, {
-					onClick: () => hasNext ? onPageChange(currentPageNum + 1) : void 0,
-					className: cn("cursor-pointer transition-colors", isMobile ? "h-8 px-2 text-xs" : "h-9 px-3 text-sm", !hasNext && "pointer-events-none opacity-50 cursor-not-allowed", hasNext && "hover:bg-accent hover:text-accent-foreground"),
-					"aria-disabled": !hasNext
-				}) })
-			]
-		})
-	});
-}
-function PaginationInfo({ page, total, limit = 10 }) {
-	const [isMobile, setIsMobile] = useState(false);
-	useEffect(() => {
-		const checkMobile = () => {
-			setIsMobile(window.innerWidth < 640);
-		};
-		checkMobile();
-		window.addEventListener("resize", checkMobile);
-		return () => window.removeEventListener("resize", checkMobile);
-	}, []);
-	if (total === 0) return /* @__PURE__ */ jsx("div", {
-		className: "flex-1 text-sm text-muted-foreground",
-		children: /* @__PURE__ */ jsx("p", { children: "No entries found" })
-	});
-	const startEntry = (page - 1) * limit + 1;
-	const endEntry = Math.min(page * limit, total);
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex-1 text-sm text-muted-foreground",
-		children: /* @__PURE__ */ jsx("p", {
-			className: cn("whitespace-nowrap", isMobile && "text-xs"),
-			children: isMobile ? /* @__PURE__ */ jsxs("span", { children: [
-				startEntry.toLocaleString(),
-				"-",
-				endEntry.toLocaleString(),
-				" of",
-				" ",
-				total.toLocaleString()
-			] }) : /* @__PURE__ */ jsxs("span", { children: [
-				"Showing",
-				" ",
-				/* @__PURE__ */ jsx("span", {
-					className: "font-medium text-foreground",
-					children: startEntry.toLocaleString()
-				}),
-				" ",
-				"to",
-				" ",
-				/* @__PURE__ */ jsx("span", {
-					className: "font-medium text-foreground",
-					children: endEntry.toLocaleString()
-				}),
-				" ",
-				"of",
-				" ",
-				/* @__PURE__ */ jsx("span", {
-					className: "font-medium text-foreground",
-					children: total.toLocaleString()
-				}),
-				" ",
-				total === 1 ? "result" : "results"
-			] })
-		})
-	});
-}
-
-//#endregion
-//#region src/components/api-pagination.tsx
-/**
-* ApiPagination - A reusable pagination component for API-driven data
-*/
-function ApiPagination({ total = 0, limit = 10, pages = 1, page = 1, hasNext = false, hasPrev = false, onPageChange = () => {}, className, showInfo = true, infoPosition = "left" }) {
-	const infoComponent = showInfo && /* @__PURE__ */ jsx("div", {
-		className: "shrink-0",
-		children: /* @__PURE__ */ jsx(PaginationInfo, {
-			total,
-			page,
-			limit
-		})
-	});
-	const paginationComponent = /* @__PURE__ */ jsx("div", {
-		className: "flex justify-center sm:justify-end",
-		children: /* @__PURE__ */ jsx(CustomPagination, {
-			page,
-			pages,
-			hasPrev,
-			hasNext,
-			onPageChange
-		})
-	});
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("shrink-0 bg-muted/30 rounded-lg border border-border p-3 mb-2", className),
-		children: /* @__PURE__ */ jsx("div", {
-			className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4",
-			children: infoPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-				className: "order-2 sm:order-1",
-				children: infoComponent
-			}), /* @__PURE__ */ jsx("div", {
-				className: "order-1 sm:order-2",
-				children: paginationComponent
-			})] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-				className: "order-1 sm:order-1",
-				children: paginationComponent
-			}), /* @__PURE__ */ jsx("div", {
-				className: "order-2 sm:order-2",
-				children: infoComponent
-			})] })
-		})
-	});
-}
-
-//#endregion
-export { CustomPagination as n, PaginationInfo as r, ApiPagination as t };