@evolve.ui/core-components 1.0.0

package/Pagination-bAtbN478.cjs

@@ -0,0 +1,409 @@
+const require_Icons = require("./Icons.cjs");
+const require_Typography_Text = require("./Typography/Text.cjs");
+const require_windowSizeProvider = require("./windowSizeProvider-BMaATFiZ.cjs");
+const require_IconButton = require("./IconButton.cjs");
+const require_Select = require("./Select-BXDjzyDs.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let es_toolkit = require("es-toolkit");
+let react_select = require("react-select");
+//#region src/Pagination/paginationProvider.tsx
+const PaginationContext = (0, react.createContext)({
+	extraQueryParams: {},
+	goToPage: () => 0,
+	initialPageSize: 24,
+	itemCount: 1,
+	page: 1,
+	pageCount: 1,
+	pageSize: 24,
+	pageSizeOptions: [],
+	path: "",
+	setPageSize: () => 0
+});
+/**
+* `1` based pagination logic provider
+*/
+const PaginationProvider = ({ children, currentPage, currentPageSize, extraQueryParams, initialPage = 1, initialPageSize = 24, itemCount, onPageChange, onPageSizeChange, pageSizeOptions = [], path }) => {
+	const [page, setPage] = (0, react.useState)(Math.max(initialPage, 1));
+	const [pageSize, _setPageSize] = (0, react.useState)(initialPageSize);
+	const pageCount = (0, react.useMemo)(() => pageSize === "all" ? 1 : Math.max(Math.ceil(itemCount / pageSize), 1), [itemCount, pageSize]);
+	const dataValues = (0, react.useMemo)(() => ({
+		extraQueryParams,
+		initialPageSize,
+		itemCount,
+		page,
+		pageCount,
+		pageSize,
+		pageSizeOptions,
+		path
+	}), [
+		extraQueryParams,
+		initialPageSize,
+		itemCount,
+		page,
+		pageCount,
+		pageSize,
+		path,
+		pageSizeOptions
+	]);
+	(0, react.useEffect)(() => {
+		if (currentPage && currentPage !== page) setPage(currentPage);
+	}, [currentPage, page]);
+	(0, react.useEffect)(() => {
+		if (currentPageSize !== void 0 && currentPageSize !== pageSize) _setPageSize(currentPageSize);
+	}, [currentPageSize, pageSize]);
+	const goToPage = (0, react.useCallback)((newPage) => {
+		setPage(newPage);
+		onPageChange?.({
+			...dataValues,
+			page: newPage
+		});
+	}, [dataValues, onPageChange]);
+	const setPageSize = (0, react.useCallback)((newPageSize) => {
+		_setPageSize(newPageSize);
+		if (newPageSize === "all") setPage(1);
+		else {
+			const newPageCount = Math.max(Math.ceil(itemCount / newPageSize), 1);
+			if (page > newPageCount) setPage(newPageCount);
+		}
+		onPageSizeChange?.({
+			...dataValues,
+			pageSize: newPageSize
+		});
+	}, [
+		dataValues,
+		itemCount,
+		onPageSizeChange,
+		page
+	]);
+	const value = (0, react.useMemo)(() => ({
+		...dataValues,
+		goToPage,
+		setPageSize
+	}), [
+		dataValues,
+		goToPage,
+		setPageSize
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PaginationContext.Provider, {
+		value,
+		children
+	});
+};
+/**
+* Provides access to all these values
+* ```tsx
+* goToPage: (page: number) => void;
+* initialPageSize: PageSizeOptions; // number | 'all'
+* items: number;
+* page: number;
+* pageCount: number;
+* pageSize: PageSizeOptions; // number | 'all'
+* setPageSize: (pageSize: PageSizeOptions) => void;
+* ```
+*
+* @see https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading
+*/
+const usePagination = () => (0, react.useContext)(PaginationContext);
+//#endregion
+//#region src/Pagination/utils.tsx
+const usePaginationQueryParams = () => {
+	const currentPaginationState = usePagination();
+	return (0, react.useCallback)((newState) => {
+		const { extraQueryParams, page, path } = (0, es_toolkit.merge)((0, es_toolkit.cloneDeep)(currentPaginationState), newState);
+		const params = { ...extraQueryParams };
+		if (page !== 1) params.page = page;
+		if (Object.keys(params).length === 0) return path;
+		const cleanedParams = Object.fromEntries(Object.entries(params).map(([key, value]) => [key, value.toString()]));
+		return `${path.startsWith("/") ? "" : "/"}${path}?${new URLSearchParams(cleanedParams).toString()}`;
+	}, [currentPaginationState]);
+};
+//#endregion
+//#region src/Pagination/Pagination.tsx
+const ellipsis = "...";
+/**
+* `1` based pagination component
+*
+* @see https://www.a11ymatters.com/pattern/pagination/
+*/
+const Pagination = ({ "aria-label": ariaLabel = "Pagination Navigation", className, collapsedPagesLabel = "Collapsed pages", nextPageLabel = "Next Page", pageLabel = (page) => `Page ${page}`, previousPageLabel = "Previous Page" }) => {
+	const { goToPage, page, pageCount } = usePagination();
+	const isDesktop = require_windowSizeProvider.useWindowIsDesktop();
+	const buildQueryParams = usePaginationQueryParams();
+	const pageList = (0, react.useMemo)(() => {
+		let max = isDesktop ? 9 : 6;
+		const leftEllipsis = pageCount > max + 1 && page > 5;
+		if (leftEllipsis && isDesktop) max += 1;
+		const increment = isDesktop ? 3 : 1;
+		const theRestFits = page - increment + (max - 3) >= pageCount;
+		let pageCounter = leftEllipsis ? theRestFits ? pageCount - (max - 3) - 1 : page - increment : 2;
+		const resultingPages = [1];
+		let pagesAdded = 1;
+		if (leftEllipsis) {
+			pagesAdded += 1;
+			resultingPages.push(ellipsis);
+		}
+		while (pagesAdded < max && pageCounter <= pageCount) {
+			resultingPages.push(pageCounter);
+			if (pagesAdded === max - 2 && pageCounter + 2 <= pageCount) {
+				if (pageCounter + 2 === pageCount) resultingPages.push(pageCount - 1);
+				else resultingPages.push(ellipsis);
+				resultingPages.push(pageCount);
+				break;
+			}
+			pageCounter += 1;
+			pagesAdded += 1;
+		}
+		return resultingPages;
+	}, [
+		isDesktop,
+		page,
+		pageCount
+	]);
+	const renderedList = (0, react.useMemo)(() => {
+		return pageList.map((item, index) => {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: (0, _evolve_ui_theme_system.cn)({ "flex h-[34px] min-w-[34px] items-center justify-center": item === ellipsis }),
+				children: item === ellipsis ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, {
+					"aria-label": collapsedPagesLabel,
+					className: "text-link-disabled",
+					children: item
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					"aria-current": item === page ? "page" : void 0,
+					"aria-label": pageLabel(item),
+					className: (0, _evolve_ui_theme_system.cn)("hui-text-body-secondary flex h-[34px] min-w-[34px] items-center justify-center rounded-full px-xs", "hui-focus-visible-outline", "hover:bg-background-hover", { "hui-text-label-strong border-2 border-border-selected text-link-primary": item === page }),
+					href: buildQueryParams({ page: item }),
+					onClick: (e) => {
+						e.preventDefault();
+						goToPage(item);
+					},
+					rel: page - 1 === item && item !== 1 ? "prev" : page + 1 === item && item !== pageCount ? "next" : void 0,
+					children: item
+				}, `content-${item}-index-${index}`)
+			}, `pagination-${item}-${index}`);
+		});
+	}, [
+		buildQueryParams,
+		collapsedPagesLabel,
+		goToPage,
+		page,
+		pageCount,
+		pageLabel,
+		pageList
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		"aria-label": ariaLabel,
+		className,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("ul", {
+			className: "flex gap-2xs",
+			children: [
+				(0, react.useMemo)(() => {
+					const disabled = page === 1;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						className: "mr-sm",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+							"aria-disabled": disabled,
+							"aria-label": disabled ? void 0 : previousPageLabel,
+							as: disabled ? "button" : "a",
+							"data-testid": "pagination-previous-page",
+							disabled,
+							href: disabled ? void 0 : buildQueryParams({ page: page - 1 }),
+							icon: require_Icons.CaretLeft,
+							onClick: (event) => {
+								event.preventDefault();
+								if (!disabled) goToPage(page - 1);
+							},
+							rel: disabled ? void 0 : "prev",
+							size: "sm",
+							variant: "outlined"
+						})
+					}, `previous-page-${page}`);
+				}, [
+					buildQueryParams,
+					goToPage,
+					page,
+					previousPageLabel
+				]),
+				renderedList,
+				(0, react.useMemo)(() => {
+					const disabled = page === pageCount;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+						className: "ml-sm",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+							"aria-disabled": disabled,
+							"aria-label": disabled ? void 0 : nextPageLabel,
+							as: disabled ? "button" : "a",
+							"data-testid": "pagination-next-page",
+							disabled,
+							href: disabled ? void 0 : buildQueryParams({ page: page + 1 }),
+							icon: require_Icons.CaretRight,
+							onClick: (event) => {
+								event.preventDefault();
+								if (!disabled) goToPage(page + 1);
+							},
+							rel: disabled ? void 0 : "next",
+							size: "sm",
+							variant: "outlined"
+						})
+					}, `next-page-${page}`);
+				}, [
+					buildQueryParams,
+					goToPage,
+					nextPageLabel,
+					page,
+					pageCount
+				])
+			]
+		})
+	});
+};
+//#endregion
+//#region src/Pagination/components/AdvancedPaginator/components/PageSelect/PageSelect.tsx
+const SingleValue = ({ children, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_select.components.SingleValue, {
+		...props,
+		children
+	});
+};
+const PageSelect = () => {
+	const { goToPage, page, pageCount } = usePagination();
+	const options = (0, react.useMemo)(() => new Array(pageCount).fill(0).map((_, i) => ({
+		label: `${i + 1}`,
+		value: i + 1
+	})), [pageCount]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Select, {
+		autoComplete: "off",
+		className: "pl-sm",
+		components: { SingleValue },
+		defaultValue: pageCount,
+		isInsideLabel: true,
+		labelText: "Page:",
+		onChange: (event) => goToPage(event?.value),
+		options,
+		small: true,
+		styles: { singleValue: (base) => ({
+			...base,
+			overflow: "visible"
+		}) },
+		value: options[page - 1]
+	});
+};
+//#endregion
+//#region src/Pagination/components/AdvancedPaginator/AdvancedPaginator.tsx
+const AdvancedPaginator = ({ nextPageLabel = "Next Page", ofLabel = (pageCount) => `of ${pageCount}`, previousPageLabel = "Previous Page" }) => {
+	const { goToPage, page, pageCount } = usePagination();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+				"aria-label": previousPageLabel,
+				"data-testid": "previous-page",
+				disabled: page === 1,
+				icon: require_Icons.CaretLeft,
+				onClick: () => {
+					if (page !== 1) goToPage(page - 1);
+				},
+				size: "sm"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PageSelect, {}),
+			" ",
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, {
+				className: "whitespace-nowrap px-xs",
+				children: ofLabel(pageCount)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+				"aria-label": nextPageLabel,
+				"data-testid": "next-page",
+				disabled: page === pageCount,
+				icon: require_Icons.CaretRight,
+				onClick: () => {
+					if (page !== pageCount) goToPage(page + 1);
+				},
+				size: "sm"
+			})
+		]
+	});
+};
+//#endregion
+//#region src/Pagination/components/ItemCountDisplay/ItemCountDisplay.tsx
+const ItemCountDisplay = ({ allItemsLabel = (itemCount) => `${itemCount} Items`, itemRangeLabel = ({ end, start, total }) => `${start} - ${end} of ${total}` }) => {
+	const { itemCount, page, pageSize } = usePagination();
+	if (pageSize === "all") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: allItemsLabel(itemCount) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Typography_Text.BodyPrimary, { children: itemRangeLabel({
+		end: Math.min(page * pageSize, itemCount),
+		start: (page - 1) * pageSize + 1,
+		total: itemCount
+	}) });
+};
+//#endregion
+//#region src/Pagination/components/ItemCountSelect/ItemCountSelect.tsx
+const ItemCountSelect = ({ resultsPerPageLabel = "Results per page:" }) => {
+	const { pageSize, pageSizeOptions, setPageSize } = usePagination();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Select.Select, {
+		autoComplete: "off",
+		className: "mr-sm w-[224px]",
+		defaultValue: pageSize,
+		isInsideLabel: true,
+		labelText: resultsPerPageLabel,
+		onChange: (event) => setPageSize(event?.value),
+		options: (0, react.useMemo)(() => {
+			return pageSizeOptions.map((option) => {
+				return {
+					label: option.toString(),
+					value: option
+				};
+			});
+		}, [pageSizeOptions]),
+		small: true,
+		value: {
+			label: pageSize,
+			value: pageSize
+		}
+	});
+};
+//#endregion
+//#region src/Pagination/AdvancedPagination.tsx
+const AdvancedPagination = ({ allItemsLabel, className, itemRangeLabel, nextPageLabel, ofLabel, previousPageLabel, resultsPerPageLabel }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("flex items-center justify-between p-sm", className),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AdvancedPaginator, {
+			nextPageLabel,
+			ofLabel,
+			previousPageLabel
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemCountSelect, { resultsPerPageLabel }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemCountDisplay, {
+				allItemsLabel,
+				itemRangeLabel
+			})]
+		})]
+	});
+};
+//#endregion
+Object.defineProperty(exports, "AdvancedPagination", {
+	enumerable: true,
+	get: function() {
+		return AdvancedPagination;
+	}
+});
+Object.defineProperty(exports, "Pagination", {
+	enumerable: true,
+	get: function() {
+		return Pagination;
+	}
+});
+Object.defineProperty(exports, "PaginationProvider", {
+	enumerable: true,
+	get: function() {
+		return PaginationProvider;
+	}
+});
+Object.defineProperty(exports, "usePagination", {
+	enumerable: true,
+	get: function() {
+		return usePagination;
+	}
+});
+
+//# sourceMappingURL=Pagination-bAtbN478.cjs.map

package/Pagination-bAtbN478.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination-bAtbN478.cjs","names":["useWindowIsDesktop","BodyPrimary","IconButton","CaretLeft","CaretRight","components","Select","IconButton","CaretLeft","BodyPrimary","CaretRight","BodyPrimary","Select"],"sources":["../src/Pagination/paginationProvider.tsx","../src/Pagination/utils.tsx","../src/Pagination/Pagination.tsx","../src/Pagination/components/AdvancedPaginator/components/PageSelect/PageSelect.tsx","../src/Pagination/components/AdvancedPaginator/AdvancedPaginator.tsx","../src/Pagination/components/ItemCountDisplay/ItemCountDisplay.tsx","../src/Pagination/components/ItemCountSelect/ItemCountSelect.tsx","../src/Pagination/AdvancedPagination.tsx"],"sourcesContent":["import { createContext, ReactNode, useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nexport type CurrentPaginationState = Omit<\n    PaginationState,\n    'goToNextPage' | 'goToPage' | 'headInfoUpdateCallback' | 'onPageChange' | 'onPageSizeChange' | 'setPageSize'\n>;\nexport type PageSizeOptions = number | 'all';\n\ntype CommonValues = {\n    /**\n     * This prop allows you to control how the urls for the links are formatted.\n     *\n     * By default, they're just `?page=PAGE`,\n     * (omitted as necessary)\n     * but you can append to that using this object.\n     *\n     * @see https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading#avoid-indexing-variations\n     */\n    extraQueryParams?: Record<string, string>;\n    /**\n     * The path of the current location\n     *\n     * IE if url = example.com/search?page=3\n     * `path` = /search\n     */\n    path: string;\n};\n\nexport type PaginationState = CommonValues & {\n    /**\n     * Defacto method of changing pages. Does not route.\n     * See PaginationProvider's `onPageChange` to handle these changes.\n     *\n     * Pagination components use this.\n     *\n     * @param page Page number to go to\n     */\n    goToPage: (page: number) => void;\n    /**\n     * Default page size.\n     */\n    initialPageSize: PageSizeOptions;\n    /**\n     * Passes down the `itemCount` given to PaginationProvider\n     */\n    itemCount: number;\n    /**\n     * This should always be one indexed\n     *\n     * Remember pages are `1` indexed NOT `0` indexed.\n     */\n    page: number;\n    /** The total number of pages */\n    pageCount: number;\n    /** The current page size */\n    pageSize: PageSizeOptions;\n    /** The current page size options. */\n    pageSizeOptions: PageSizeOptions[];\n    /**\n     * Defacto method of changing page size.\n     * See PaginationProvider's `onPageSizeChange` to handle these changes.\n     *\n     * Pagination components use this. (None implemented right now)\n     *\n     * @param page Page number to jump to\n     */\n    setPageSize: (pageSize: PageSizeOptions) => void;\n};\n\nconst PaginationContext = createContext<PaginationState>({\n    extraQueryParams: {},\n    goToPage: () => 0,\n    initialPageSize: 24,\n    itemCount: 1,\n    page: 1,\n    pageCount: 1,\n    pageSize: 24,\n    pageSizeOptions: [],\n    path: '',\n    setPageSize: () => 0,\n});\n\ntype Props = CommonValues & {\n    children: ReactNode;\n    /** The current page number. This is used if you wish to control the page number externally.*/\n    currentPage?: number;\n    /**\n     * The current page size. Use this to control page size externally (e.g. from URL params).\n     * Mirrors `currentPage` behaviour — when this value changes, the internal `pageSize` state\n     * updates to match without remounting the provider.\n     *\n     * **Note**: `onPageSizeChange` is not fired when `currentPageSize` drives the update. Adjusting currentPage is the user/developer responsibility.\n     */\n    currentPageSize?: PageSizeOptions;\n    /**\n     * Default value for page. Does not affect anything past the first render.\n     *\n     * Remember pages are `1` indexed NOT `0` indexed.\n     */\n    initialPage?: number;\n    /**\n     * Default value for pageSize. Does not affect anything past the first render.\n     */\n    initialPageSize?: PageSizeOptions;\n    /**\n     * The total number of items you're paginating over. This is usually provided by the API.\n     *\n     * Internally, it's only used to determine the number of pages with `Math.ceil(itemCount / pageSize)`\n     */\n    itemCount: number;\n    /**\n     * Callback that runs when something changes page. Useful for updating your API call / routing.\n     *\n     * You can also just listen with the `usePagination` hook.\n     */\n    onPageChange?: (currentPaginationState: CurrentPaginationState) => void;\n    /**\n     * Callback that runs when something changes pageSize. Useful for updating your API call / routing.\n     *\n     * You can also just listen with the `usePagination` hook.\n     */\n    onPageSizeChange?: (currentPaginationState: CurrentPaginationState) => void;\n    /**  */\n    pageSizeOptions?: PageSizeOptions[];\n};\n\n/**\n * `1` based pagination logic provider\n */\nexport const PaginationProvider = ({\n    children,\n    currentPage,\n    currentPageSize,\n    extraQueryParams,\n    initialPage = 1,\n    initialPageSize = 24,\n    itemCount,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = [],\n    path,\n}: Props) => {\n    const [page, setPage] = useState<number>(Math.max(initialPage, 1));\n    const [pageSize, _setPageSize] = useState<PageSizeOptions>(initialPageSize);\n\n    const pageCount = useMemo(\n        () => (pageSize === 'all' ? 1 : Math.max(Math.ceil(itemCount / pageSize), 1)),\n        [itemCount, pageSize]\n    );\n\n    const dataValues = useMemo(\n        () => ({\n            extraQueryParams,\n            initialPageSize,\n            itemCount,\n            page,\n            pageCount,\n            pageSize,\n            pageSizeOptions,\n            path,\n        }),\n        [extraQueryParams, initialPageSize, itemCount, page, pageCount, pageSize, path, pageSizeOptions]\n    );\n\n    // If page is changed externally, update the page number to reflect the current page inside the component\n    // This will changed the component to be more controlled.\n    useEffect(() => {\n        if (currentPage && currentPage !== page) {\n            setPage(currentPage);\n        }\n    }, [currentPage, page]);\n\n    useEffect(() => {\n        if (currentPageSize !== undefined && currentPageSize !== pageSize) {\n            _setPageSize(currentPageSize);\n        }\n    }, [currentPageSize, pageSize]);\n\n    const goToPage = useCallback(\n        (newPage: number) => {\n            setPage(newPage);\n            onPageChange?.({ ...dataValues, page: newPage });\n        },\n        [dataValues, onPageChange]\n    );\n\n    const setPageSize = useCallback(\n        (newPageSize: PageSizeOptions) => {\n            _setPageSize(newPageSize);\n\n            // Set page to highest possible page if we're on a page that's too high\n            if (newPageSize === 'all') {\n                setPage(1);\n            } else {\n                // Make sure page is least 1 since we're doing 1 indexed.\n                const newPageCount = Math.max(Math.ceil(itemCount / newPageSize), 1);\n\n                if (page > newPageCount) {\n                    setPage(newPageCount);\n                }\n            }\n\n            onPageSizeChange?.({ ...dataValues, pageSize: newPageSize });\n        },\n        [dataValues, itemCount, onPageSizeChange, page]\n    );\n\n    const value: PaginationState = useMemo(\n        () => ({\n            ...dataValues,\n            goToPage,\n            setPageSize,\n        }),\n        [dataValues, goToPage, setPageSize]\n    );\n\n    return <PaginationContext.Provider value={value}>{children}</PaginationContext.Provider>;\n};\n\n/**\n * Provides access to all these values\n * ```tsx\n * goToPage: (page: number) => void;\n * initialPageSize: PageSizeOptions; // number | 'all'\n * items: number;\n * page: number;\n * pageCount: number;\n * pageSize: PageSizeOptions; // number | 'all'\n * setPageSize: (pageSize: PageSizeOptions) => void;\n * ```\n *\n * @see https://developers.google.com/search/docs/specialty/ecommerce/pagination-and-incremental-page-loading\n */\nexport const usePagination = () => useContext(PaginationContext);\n","import { cloneDeep, merge } from 'es-toolkit';\nimport { useCallback } from 'react';\n\nimport { CurrentPaginationState, usePagination } from './paginationProvider';\n\nexport const usePaginationQueryParams = () => {\n    const currentPaginationState = usePagination();\n\n    const buildQueryParams = useCallback(\n        (newState: Partial<CurrentPaginationState>): string => {\n            const { extraQueryParams, page, path } = merge(cloneDeep(currentPaginationState), newState);\n\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any -- hammer-parity: params values are stringified below regardless of source type\n            const params: Record<string, any> = {\n                ...extraQueryParams,\n            };\n\n            if (page !== 1) {\n                params.page = page;\n            }\n\n            if (Object.keys(params).length === 0) {\n                return path;\n            }\n\n            const cleanedParams = Object.fromEntries(\n                Object.entries(params).map(([key, value]) => [key, value.toString()])\n            );\n\n            return `${path.startsWith('/') ? '' : '/'}${path}?${new URLSearchParams(cleanedParams).toString()}`;\n        },\n        [currentPaginationState]\n    );\n\n    return buildQueryParams;\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport { useMemo } from 'react';\n\nimport { IconButton } from '../IconButton/IconButton';\nimport { CaretLeft, CaretRight } from '../Icons';\nimport { useWindowIsDesktop } from '../providers';\nimport { BodyPrimary } from '../Typography/Text/Text';\nimport { usePagination } from './paginationProvider';\nimport { usePaginationQueryParams } from './utils';\n\nconst ellipsis = '...' as const;\n\ntype Props = {\n    /**\n     * This prop is useful when multiple paginations are on the same page.\n     *\n     * For instance, if a page had a \"featured items\" section\n     * and a \"recent activity\" section, you might want to label one as\n     * \"Featured Items Pagination\" and the other as \"Recent Activity Pagination\"\n     */\n    'aria-label'?: string;\n    className?: string;\n    /** aria-label applied to the collapsed-pages ellipsis element. */\n    collapsedPagesLabel?: string;\n    /** aria-label for the next-page button (only applied when not disabled). */\n    nextPageLabel?: string;\n    /** Returns the aria-label for a specific page anchor. Receives the page number. */\n    pageLabel?: (page: number) => string;\n    /** aria-label for the previous-page button (only applied when not disabled). */\n    previousPageLabel?: string;\n};\n\n/**\n * `1` based pagination component\n *\n * @see https://www.a11ymatters.com/pattern/pagination/\n */\nexport const Pagination = ({\n    'aria-label': ariaLabel = 'Pagination Navigation',\n    className,\n    collapsedPagesLabel = 'Collapsed pages',\n    nextPageLabel = 'Next Page',\n    pageLabel = (page) => `Page ${page}`,\n    previousPageLabel = 'Previous Page',\n}: Props) => {\n    const { goToPage, page, pageCount } = usePagination();\n    const isDesktop = useWindowIsDesktop();\n    const buildQueryParams = usePaginationQueryParams();\n\n    const pageList = useMemo<(typeof ellipsis | number)[]>(() => {\n        let max = isDesktop ? 9 : 6;\n        const leftEllipsis = pageCount > max + 1 && page > 5;\n        if (leftEllipsis && isDesktop) {\n            max += 1;\n        }\n\n        const increment = isDesktop ? 3 : 1;\n        const theRestFits = page - increment + (max - 3) >= pageCount;\n        let pageCounter = leftEllipsis ? (theRestFits ? pageCount - (max - 3) - 1 : page - increment) : 2;\n\n        const resultingPages: (typeof ellipsis | number)[] = [1];\n        let pagesAdded = 1;\n\n        if (leftEllipsis) {\n            pagesAdded += 1;\n            resultingPages.push(ellipsis);\n        }\n\n        while (pagesAdded < max && pageCounter <= pageCount) {\n            resultingPages.push(pageCounter);\n\n            if (pagesAdded === max - 2 && pageCounter + 2 <= pageCount) {\n                if (pageCounter + 2 === pageCount) {\n                    resultingPages.push(pageCount - 1);\n                } else {\n                    resultingPages.push(ellipsis);\n                }\n                resultingPages.push(pageCount);\n                break;\n            }\n\n            pageCounter += 1;\n            pagesAdded += 1;\n        }\n\n        return resultingPages;\n    }, [isDesktop, page, pageCount]);\n\n    const renderedList = useMemo(() => {\n        return pageList.map((item, index) => {\n            return (\n                <li\n                    className={cn({\n                        'flex h-[34px] min-w-[34px] items-center justify-center': item === ellipsis,\n                    })}\n                    key={`pagination-${item}-${index}`}\n                >\n                    {item === ellipsis ? (\n                        <BodyPrimary\n                            aria-label={collapsedPagesLabel}\n                            className=\"text-link-disabled\"\n                        >\n                            {item}\n                        </BodyPrimary>\n                    ) : (\n                        <a\n                            aria-current={item === page ? 'page' : undefined}\n                            aria-label={pageLabel(item)}\n                            className={cn(\n                                'hui-text-body-secondary flex h-[34px] min-w-[34px] items-center justify-center rounded-full px-xs',\n                                // FOCUS\n                                'hui-focus-visible-outline',\n                                // HOVER\n                                'hover:bg-background-hover',\n                                // CURRENT\n                                {\n                                    'hui-text-label-strong border-2 border-border-selected text-link-primary':\n                                        item === page,\n                                }\n                            )}\n                            href={buildQueryParams({ page: item })}\n                            key={`content-${item}-index-${index}`}\n                            onClick={(e) => {\n                                e.preventDefault();\n                                goToPage(item);\n                            }}\n                            // `rel` is not recommended by google's seo guidelines\n                            rel={\n                                page - 1 === item && item !== 1\n                                    ? 'prev'\n                                    : page + 1 === item && item !== pageCount\n                                      ? 'next'\n                                      : undefined\n                            }\n                        >\n                            {item}\n                        </a>\n                    )}\n                </li>\n            );\n        });\n    }, [buildQueryParams, collapsedPagesLabel, goToPage, page, pageCount, pageLabel, pageList]);\n\n    const previousPage = useMemo(() => {\n        const disabled = page === 1;\n        return (\n            <li\n                className=\"mr-sm\"\n                key={`previous-page-${page}`}\n            >\n                <IconButton\n                    aria-disabled={disabled}\n                    aria-label={disabled ? undefined : previousPageLabel}\n                    as={disabled ? 'button' : 'a'}\n                    data-testid=\"pagination-previous-page\"\n                    disabled={disabled}\n                    href={disabled ? undefined : buildQueryParams({ page: page - 1 })}\n                    icon={CaretLeft}\n                    onClick={(event) => {\n                        event.preventDefault();\n                        if (!disabled) {\n                            goToPage(page - 1);\n                        }\n                    }}\n                    // `rel` is not recommended by google's seo guidelines\n                    rel={disabled ? undefined : 'prev'}\n                    size=\"sm\"\n                    variant=\"outlined\"\n                />\n            </li>\n        );\n    }, [buildQueryParams, goToPage, page, previousPageLabel]);\n\n    const nextPage = useMemo(() => {\n        const disabled = page === pageCount;\n        return (\n            <li\n                className=\"ml-sm\"\n                key={`next-page-${page}`}\n            >\n                <IconButton\n                    aria-disabled={disabled}\n                    aria-label={disabled ? undefined : nextPageLabel}\n                    as={disabled ? 'button' : 'a'}\n                    data-testid=\"pagination-next-page\"\n                    disabled={disabled}\n                    href={disabled ? undefined : buildQueryParams({ page: page + 1 })}\n                    icon={CaretRight}\n                    onClick={(event) => {\n                        event.preventDefault();\n                        if (!disabled) {\n                            goToPage(page + 1);\n                        }\n                    }}\n                    // `rel` is not recommended by google's seo guidelines\n                    rel={disabled ? undefined : 'next'}\n                    size=\"sm\"\n                    variant=\"outlined\"\n                />\n            </li>\n        );\n    }, [buildQueryParams, goToPage, nextPageLabel, page, pageCount]);\n\n    return (\n        <nav\n            aria-label={ariaLabel}\n            className={className}\n        >\n            <ul className=\"flex gap-2xs\">\n                {previousPage}\n                {renderedList}\n                {nextPage}\n            </ul>\n        </nav>\n    );\n};\n","import { useMemo } from 'react';\nimport { components, SingleValueProps } from 'react-select';\n\nimport { OptionType, Select } from '../../../../../Select/Select';\nimport { usePagination } from '../../../../paginationProvider';\n\nconst SingleValue = ({ children, ...props }: SingleValueProps) => {\n    return <components.SingleValue {...props}>{children}</components.SingleValue>;\n};\n\nexport const PageSelect = () => {\n    const { goToPage, page, pageCount } = usePagination();\n\n    const options = useMemo(\n        () =>\n            new Array(pageCount).fill(0).map((_, i) => ({\n                label: `${i + 1}`,\n                value: i + 1,\n            })),\n        [pageCount]\n    );\n\n    return (\n        <Select\n            autoComplete=\"off\"\n            className=\"pl-sm\"\n            components={{ SingleValue }}\n            defaultValue={pageCount}\n            isInsideLabel\n            labelText=\"Page:\"\n            onChange={(event?: OptionType) => goToPage(event?.value)}\n            options={options}\n            small\n            styles={{\n                singleValue: (base) => ({\n                    ...base,\n                    overflow: 'visible',\n                }),\n            }}\n            value={options[page - 1]}\n        />\n    );\n};\n","import { IconButton } from '../../../IconButton/IconButton';\nimport { CaretLeft, CaretRight } from '../../../Icons';\nimport { BodyPrimary } from '../../../Typography/Text/Text';\nimport { usePagination } from '../../paginationProvider';\nimport { PageSelect } from './components/PageSelect/PageSelect';\n\ntype Props = {\n    /** aria-label for the next-page button. */\n    nextPageLabel?: string;\n    /** Renders the page-count suffix. Receives total page count. */\n    ofLabel?: (pageCount: number) => string;\n    /** aria-label for the previous-page button. */\n    previousPageLabel?: string;\n};\n\nexport const AdvancedPaginator = ({\n    nextPageLabel = 'Next Page',\n    ofLabel = (pageCount) => `of ${pageCount}`,\n    previousPageLabel = 'Previous Page',\n}: Props) => {\n    const { goToPage, page, pageCount } = usePagination();\n\n    return (\n        <div className=\"flex items-center\">\n            <IconButton\n                aria-label={previousPageLabel}\n                data-testid=\"previous-page\"\n                disabled={page === 1}\n                icon={CaretLeft}\n                onClick={() => {\n                    if (page !== 1) {\n                        goToPage(page - 1);\n                    }\n                }}\n                size=\"sm\"\n            />\n            <PageSelect /> <BodyPrimary className=\"whitespace-nowrap px-xs\">{ofLabel(pageCount)}</BodyPrimary>\n            <IconButton\n                aria-label={nextPageLabel}\n                data-testid=\"next-page\"\n                disabled={page === pageCount}\n                icon={CaretRight}\n                onClick={() => {\n                    if (page !== pageCount) {\n                        goToPage(page + 1);\n                    }\n                }}\n                size=\"sm\"\n            />\n        </div>\n    );\n};\n","import { BodyPrimary } from '../../../Typography/Text/Text';\nimport { usePagination } from '../../paginationProvider';\n\nexport type ItemRangeLabelArgs = { end: number; start: number; total: number };\n\ntype Props = {\n    /** Renders the label when all items are shown (pageSize === 'all'). Receives total item count. */\n    allItemsLabel?: (itemCount: number) => string;\n    /** Renders the label for a paginated range. Receives start, end, and total item count. */\n    itemRangeLabel?: (args: ItemRangeLabelArgs) => string;\n};\n\nexport const ItemCountDisplay = ({\n    allItemsLabel = (itemCount) => `${itemCount} Items`,\n    itemRangeLabel = ({ end, start, total }) => `${start} - ${end} of ${total}`,\n}: Props) => {\n    const { itemCount, page, pageSize } = usePagination();\n\n    if (pageSize === 'all') {\n        return <BodyPrimary>{allItemsLabel(itemCount)}</BodyPrimary>;\n    }\n\n    return (\n        <BodyPrimary>\n            {itemRangeLabel({\n                end: Math.min(page * pageSize, itemCount),\n                start: (page - 1) * pageSize + 1,\n                total: itemCount,\n            })}\n        </BodyPrimary>\n    );\n};\n","import { useMemo } from 'react';\n\nimport { OptionType, Select } from '../../../Select/Select';\nimport { usePagination } from '../../paginationProvider';\n\ntype Props = {\n    /** Label text for the results-per-page select input. */\n    resultsPerPageLabel?: string;\n};\n\nexport const ItemCountSelect = ({ resultsPerPageLabel = 'Results per page:' }: Props) => {\n    const { pageSize, pageSizeOptions, setPageSize } = usePagination();\n\n    const generatedOptions: OptionType[] = useMemo(() => {\n        return pageSizeOptions.map((option) => {\n            return { label: option.toString(), value: option };\n        });\n    }, [pageSizeOptions]);\n\n    return (\n        <Select\n            autoComplete=\"off\"\n            className=\"mr-sm w-[224px]\"\n            defaultValue={pageSize}\n            isInsideLabel\n            labelText={resultsPerPageLabel}\n            onChange={(event?: OptionType) => setPageSize(event?.value)}\n            options={generatedOptions}\n            small\n            value={{ label: pageSize, value: pageSize }}\n        />\n    );\n};\n","import { cn } from '@evolve.ui/theme-system';\n\nimport { AdvancedPaginator } from './components/AdvancedPaginator/AdvancedPaginator';\nimport { ItemCountDisplay, ItemRangeLabelArgs } from './components/ItemCountDisplay/ItemCountDisplay';\nimport { ItemCountSelect } from './components/ItemCountSelect/ItemCountSelect';\n\ntype Props = {\n    /** Renders the label when all items are shown (pageSize === 'all'). Forwarded to ItemCountDisplay. */\n    allItemsLabel?: (itemCount: number) => string;\n    className?: string;\n    /** Renders the label for a paginated range. Forwarded to ItemCountDisplay. */\n    itemRangeLabel?: (args: ItemRangeLabelArgs) => string;\n    /** aria-label for the next-page button. Forwarded to AdvancedPaginator. */\n    nextPageLabel?: string;\n    /** Renders the page-count suffix. Forwarded to AdvancedPaginator. */\n    ofLabel?: (pageCount: number) => string;\n    /** aria-label for the previous-page button. Forwarded to AdvancedPaginator. */\n    previousPageLabel?: string;\n    /** Label text for the results-per-page select input. Forwarded to ItemCountSelect. */\n    resultsPerPageLabel?: string;\n};\n\nexport const AdvancedPagination = ({\n    allItemsLabel,\n    className,\n    itemRangeLabel,\n    nextPageLabel,\n    ofLabel,\n    previousPageLabel,\n    resultsPerPageLabel,\n}: Props) => {\n    return (\n        <div className={cn('flex items-center justify-between p-sm', className)}>\n            <AdvancedPaginator\n                nextPageLabel={nextPageLabel}\n                ofLabel={ofLabel}\n                previousPageLabel={previousPageLabel}\n            />\n            <div className=\"flex items-center\">\n                <ItemCountSelect resultsPerPageLabel={resultsPerPageLabel} />\n                <ItemCountDisplay\n                    allItemsLabel={allItemsLabel}\n                    itemRangeLabel={itemRangeLabel}\n                />\n            </div>\n        </div>\n    );\n};\n"],"mappings":"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"}