@auspices/eos 4.2.1 → 5.0.0

package/dist/Pagination/Page.d.ts

@@ -1,17 +1,7 @@
-import React from "react";
+import { ElementType, FC, ReactNode } from "react";
 import { ButtonProps } from "../Button";
-export type PageOnClick = {
-    event: React.MouseEvent<HTMLAnchorElement>;
-    pageNumber: number;
+export type PageProps = ButtonProps & {
+    as?: ElementType | keyof JSX.IntrinsicElements;
+    children: ReactNode;
 };
-export type PageProps = Omit<ButtonProps, "onClick"> & {
-    as?: "a" | React.ElementType;
-    children: JSX.Element | string | number;
-    currentPage: number;
-    href: string;
-    onClick?: ({ event, pageNumber }: PageOnClick) => void;
-    pageNumber: number;
-    per: number;
-    rel?: string;
-};
-export declare const Page: React.FC<PageProps>;
+export declare const Page: FC<PageProps>;

package/dist/Pagination/Page.js

@@ -29,20 +29,8 @@ exports.Page = void 0;
 var react_1 = __importDefault(require("react"));
 var Button_1 = require("../Button");
 var Page = function (_a) {
-    var _b = _a.as, as = _b === void 0 ? "a" : _b, children = _a.children, currentPage = _a.currentPage, href = _a.href, onClick = _a.onClick, pageNumber = _a.pageNumber, per = _a.per, rest = __rest(_a, ["as", "children", "currentPage", "href", "onClick", "pageNumber", "per"]);
-    var handleClick = function (event) {
-        if (!onClick)
-            return;
-        onClick({ event: event, pageNumber: pageNumber });
-    };
-    return (react_1.default.createElement(Button_1.Button, __assign({ flex: "1", textAlign: "center", as: as, disabled: pageNumber === currentPage, tabIndex: pageNumber === currentPage && -1, onClick: handleClick }, (as === "a"
-        ? { href: "".concat(href, "?page=").concat(pageNumber, "&per=").concat(per) }
-        : {
-            to: {
-                pathname: href,
-                search: "?page=".concat(pageNumber, "&per=").concat(per),
-            },
-        }), rest), children));
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return (react_1.default.createElement(Button_1.Button, __assign({ flex: "1", textAlign: "center" }, rest), children));
 };
 exports.Page = Page;
 exports.Page.displayName = "Page";

package/dist/Pagination/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAgD;AAkBzC,IAAM,IAAI,GAAwB,UAAC,EASzC;IARC,IAAA,UAAQ,EAAR,EAAE,mBAAG,GAAG,KAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,GAAG,SAAA,EACA,IAAI,cARiC,yEASzC,CADQ;IAEP,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,OAAO,CAAC,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,eAAM,aACL,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,UAAU,KAAK,WAAW,EACpC,QAAQ,EAAE,UAAU,KAAK,WAAW,IAAI,CAAC,CAAC,EAC1C,OAAO,EAAE,WAAW,IAChB,CAAC,EAAE,KAAK,GAAG;QACb,CAAC,CAAC,EAAE,IAAI,EAAE,UAAG,IAAI,mBAAS,UAAU,kBAAQ,GAAG,CAAE,EAAE;QACnD,CAAC,CAAC;YACE,EAAE,EAAE;gBACF,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,gBAAS,UAAU,kBAAQ,GAAG,CAAE;aACzC;SACF,CAAC,EACF,IAAI,GAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,IAAI,QAoCf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0D;AAC1D,oCAAgD;AAOzC,IAAM,IAAI,GAAkB,UAAC,EAAqB;IAAnB,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IACrD,OAAO,CACL,8BAAC,eAAM,aAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,IAAK,IAAI,GACzC,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,IAAI,QAMf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/Pagination/Pagination.d.ts

@@ -1,27 +1,12 @@
 import React from "react";
 import { CellVariant } from "../Cell";
 import { StackProps } from "../Stack";
-import { PageProps } from "./Page";
 export type PaginationProps = StackProps & {
-    href: string;
     interval?: number;
     onChange?: (page: number) => void;
     page?: number;
-    Page?: React.FC<PageProps>;
     per?: number;
     total: number;
     variant?: CellVariant;
 };
-export declare const PAGINATION_DEFAULT_PAGE = 1;
-export declare const PAGINATION_DEFAULT_PER = 24;
-export declare const PAGINATION_DEFAULT_INTERVAL = 3;
-export declare const paginate: ({ page, per, total, }: {
-    page: number;
-    per: number;
-    total: number;
-}) => {
-    totalPages: number;
-    prevPage: number;
-    nextPage: number;
-};
 export declare const Pagination: React.FC<PaginationProps>;

package/dist/Pagination/Pagination.js

@@ -21,87 +21,45 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pagination = exports.paginate = exports.PAGINATION_DEFAULT_INTERVAL = exports.PAGINATION_DEFAULT_PER = exports.PAGINATION_DEFAULT_PAGE = void 0;
+exports.Pagination = void 0;
 var react_1 = __importDefault(require("react"));
+var hooks_1 = require("../hooks");
 var Stack_1 = require("../Stack");
 var Page_1 = require("./Page");
-exports.PAGINATION_DEFAULT_PAGE = 1;
-exports.PAGINATION_DEFAULT_PER = 24;
-exports.PAGINATION_DEFAULT_INTERVAL = 3;
-var paginate = function (_a) {
-    var _b = _a.page, page = _b === void 0 ? exports.PAGINATION_DEFAULT_PAGE : _b, _c = _a.per, per = _c === void 0 ? exports.PAGINATION_DEFAULT_PER : _c, total = _a.total;
-    var totalPages = Math.ceil(total / per);
-    var prevPage = page > 1 ? page - 1 : page;
-    var nextPage = page < totalPages ? page + 1 : page;
-    return { totalPages: totalPages, prevPage: prevPage, nextPage: nextPage };
-};
-exports.paginate = paginate;
 var Pagination = function (_a) {
-    var href = _a.href, _b = _a.interval, interval = _b === void 0 ? exports.PAGINATION_DEFAULT_INTERVAL : _b, onChange = _a.onChange, _c = _a.Page, Page = _c === void 0 ? Page_1.Page : _c, _d = _a.page, page = _d === void 0 ? exports.PAGINATION_DEFAULT_PAGE : _d, _e = _a.per, per = _e === void 0 ? exports.PAGINATION_DEFAULT_PER : _e, total = _a.total, variant = _a.variant, rest = __rest(_a, ["href", "interval", "onChange", "Page", "page", "per", "total", "variant"]);
-    var _f = (0, exports.paginate)({ page: page, per: per, total: total }), totalPages = _f.totalPages, prevPage = _f.prevPage, nextPage = _f.nextPage;
-    var handleClick = function (_a) {
-        var pageNumber = _a.pageNumber, event = _a.event;
-        if (!onChange)
-            return;
-        event.preventDefault();
-        onChange(pageNumber);
-    };
-    var pageProps = {
-        currentPage: page,
-        href: href,
-        onClick: handleClick,
+    var interval = _a.interval, onChange = _a.onChange, currentPage = _a.page, per = _a.per, total = _a.total, variant = _a.variant, rest = __rest(_a, ["interval", "onChange", "page", "per", "total", "variant"]);
+    var _b = (0, hooks_1.usePagination)({
+        currentPage: currentPage,
+        interval: interval,
         per: per,
-        variant: variant,
-    };
+        total: total,
+    }), head = _b.head, center = _b.center, tail = _b.tail, totalPages = _b.totalPages;
     if (totalPages <= 1)
         return null;
     return (react_1.default.createElement(Stack_1.Stack, __assign({ direction: "horizontal" }, rest),
-        react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
-            react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: 1 }), "A"),
-            react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: prevPage, rel: "prev" }), "\u2190")),
-        __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
-            return page > i + 1 ? (react_1.default.createElement(Page, __assign({}, pageProps, { key: page - (i + 1), pageNumber: page - (i + 1), display: ["none", "none", "block"] }), page - (i + 1))) : undefined;
-        })
-            .filter(Boolean)
-            .reverse(),
-        react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: page }), page),
-        __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
-            return totalPages - page + 1 > i + 1 ? (react_1.default.createElement(Page, __assign({}, pageProps, { key: page + (i + 1), pageNumber: page + (i + 1), display: ["none", "none", "block"] }), page + (i + 1))) : undefined;
-        })
-            .filter(Boolean),
-        react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
-            react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: nextPage, rel: "next" }), "\u2192"),
-            react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: totalPages }), "\u03A9"))));
+        react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" }, head.map(function (page) {
+            return react_1.default.createElement(DefaultPage, __assign({ key: page.page }, page, { onClick: onChange }));
+        })),
+        center.map(function (page) {
+            return react_1.default.createElement(DefaultPage, __assign({ key: page.page }, page, { onClick: onChange }));
+        }),
+        react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" }, tail.map(function (page) {
+            return react_1.default.createElement(DefaultPage, __assign({ key: page.page }, page, { onClick: onChange }));
+        }))));
 };
 exports.Pagination = Pagination;
 exports.Pagination.displayName = "Pagination";
+var DefaultPage = function (_a) {
+    var page = _a.page, label = _a.label, disabled = _a.disabled, tabIndex = _a.tabIndex, onClick = _a.onClick, rest = __rest(_a, ["page", "label", "disabled", "tabIndex", "onClick"]);
+    var handleClick = function () {
+        if (!onClick)
+            return;
+        onClick(page);
+    };
+    return (react_1.default.createElement(Page_1.Page, __assign({ key: page, onClick: handleClick, disabled: disabled, tabIndex: tabIndex }, rest), label));
+};
 //# sourceMappingURL=Pagination.js.map

package/dist/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,kCAA6C;AAC7C,+BAAqE;AAaxD,QAAA,uBAAuB,GAAG,CAAC,CAAC;AAC5B,QAAA,sBAAsB,GAAG,EAAE,CAAC;AAC5B,QAAA,2BAA2B,GAAG,CAAC,CAAC;AAEtC,IAAM,QAAQ,GAAG,UAAC,EAQxB;QAPC,YAA8B,EAA9B,IAAI,mBAAG,+BAAuB,KAAA,EAC9B,WAA4B,EAA5B,GAAG,mBAAG,8BAAsB,KAAA,EAC5B,KAAK,WAAA;IAML,IAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;IAC1C,IAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5C,IAAM,QAAQ,GAAG,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAErD,OAAO,EAAE,UAAU,YAAA,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;AAC5C,CAAC,CAAC;AAdW,QAAA,QAAQ,YAcnB;AAEK,IAAM,UAAU,GAA8B,UAAC,EAUrD;IATC,IAAA,IAAI,UAAA,EACJ,gBAAsC,EAAtC,QAAQ,mBAAG,mCAA2B,KAAA,EACtC,QAAQ,cAAA,EACR,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,YAA8B,EAA9B,IAAI,mBAAG,+BAAuB,KAAA,EAC9B,WAA4B,EAA5B,GAAG,mBAAG,8BAAsB,KAAA,EAC5B,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,IAAI,cAT6C,2EAUrD,CADQ;IAED,IAAA,KAAqC,IAAA,gBAAQ,EAAC,EAAE,IAAI,MAAA,EAAE,GAAG,KAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAjE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAmC,CAAC;IAE1E,IAAM,WAAW,GAAG,UAAC,EAAkC;YAAhC,UAAU,gBAAA,EAAE,KAAK,WAAA;QACtC,IAAI,CAAC,QAAQ;YAAE,OAAO;QAEtB,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,SAAS,GAAG;QAChB,WAAW,EAAE,IAAI;QACjB,IAAI,MAAA;QACJ,OAAO,EAAE,WAAW;QACpB,GAAG,KAAA;QACH,OAAO,SAAA;KACR,CAAC;IAEF,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,8BAAC,aAAK,aAAC,SAAS,EAAC,YAAY,IAAK,IAAI;QACpC,8BAAC,aAAK,IAAC,SAAS,EAAC,YAAY;YAC3B,8BAAC,IAAI,eAAK,SAAS,IAAE,UAAU,EAAE,CAAC,SAE3B;YAEP,8BAAC,IAAI,eAAK,SAAS,IAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAC,MAAM,cAE9C,CACD;QAGP,yBAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,UACxB,GAAG,CAAC,UAAC,CAAC;YACL,OAAA,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACb,8BAAC,IAAI,eACC,SAAS,IACb,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EACnB,UAAU,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,KAEjC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CACV,CACR,CAAC,CAAC,CAAC,SAAS;QATb,CASa,CACd;aACA,MAAM,CAAC,OAAO,CAAC;aACf,OAAO,EAAE;QAEZ,8BAAC,IAAI,eAAK,SAAS,IAAE,UAAU,EAAE,IAAI,KAClC,IAAI,CACA;QAGN,yBAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,UACxB,GAAG,CAAC,UAAC,CAAC;YACL,OAAA,UAAU,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,8BAAC,IAAI,eACC,SAAS,IACb,GAAG,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EACnB,UAAU,EAAE,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,KAEjC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CACV,CACR,CAAC,CAAC,CAAC,SAAS;QATb,CASa,CACd;aACA,MAAM,CAAC,OAAO,CAAC;QAElB,8BAAC,aAAK,IAAC,SAAS,EAAC,YAAY;YAC3B,8BAAC,IAAI,eAAK,SAAS,IAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAC,MAAM,cAE9C;YAEP,8BAAC,IAAI,eAAK,SAAS,IAAE,UAAU,EAAE,UAAU,cAEpC,CACD,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AA3FW,QAAA,UAAU,cA2FrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAElC,kCAAyD;AACzD,kCAA6C;AAC7C,+BAAyC;AAWlC,IAAM,UAAU,GAA8B,UAAC,EAQrD;IAPC,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACF,WAAW,UAAA,EACjB,GAAG,SAAA,EACH,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,IAAI,cAP6C,2DAQrD,CADQ;IAED,IAAA,KAAqC,IAAA,qBAAa,EAAC;QACvD,WAAW,aAAA;QACX,QAAQ,UAAA;QACR,GAAG,KAAA;QACH,KAAK,OAAA;KACN,CAAC,EALM,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,UAAU,gBAKpC,CAAC;IAEH,IAAI,UAAU,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEjC,OAAO,CACL,8BAAC,aAAK,aAAC,SAAS,EAAC,YAAY,IAAK,IAAI;QACpC,8BAAC,aAAK,IAAC,SAAS,EAAC,YAAY,IAC1B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;YACb,OAAO,8BAAC,WAAW,aAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IAAM,IAAI,IAAE,OAAO,EAAE,QAAQ,IAAI,CAAC;QACtE,CAAC,CAAC,CACI;QAEP,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI;YACf,OAAO,8BAAC,WAAW,aAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IAAM,IAAI,IAAE,OAAO,EAAE,QAAQ,IAAI,CAAC;QACtE,CAAC,CAAC;QAEF,8BAAC,aAAK,IAAC,SAAS,EAAC,YAAY,IAC1B,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;YACb,OAAO,8BAAC,WAAW,aAAC,GAAG,EAAE,IAAI,CAAC,IAAI,IAAM,IAAI,IAAE,OAAO,EAAE,QAAQ,IAAI,CAAC;QACtE,CAAC,CAAC,CACI,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAOtC,IAAM,WAAW,GAAyB,UAAC,EAO1C;IANC,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cANkC,oDAO1C,CADQ;IAEP,IAAM,WAAW,GAAG;QAClB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,WAAI,aACH,GAAG,EAAE,IAAI,EACT,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,IAAI,GAEP,KAAK,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./useClickOutside";
 export * from "./useContrastingColor";
+export * from "./usePagination";
 export * from "./useUniqueId";
 export * from "./useUpdateEffect";

package/dist/hooks/index.js

@@ -16,6 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./useClickOutside"), exports);
 __exportStar(require("./useContrastingColor"), exports);
+__exportStar(require("./usePagination"), exports);
 __exportStar(require("./useUniqueId"), exports);
 __exportStar(require("./useUpdateEffect"), exports);
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,wDAAsC;AACtC,gDAA8B;AAC9B,oDAAkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,wDAAsC;AACtC,kDAAgC;AAChC,gDAA8B;AAC9B,oDAAkC"}

package/dist/hooks/usePagination.d.ts

@@ -0,0 +1,28 @@
+export declare const PAGINATION_DEFAULT_PAGE = 1;
+export declare const PAGINATION_DEFAULT_PER = 24;
+export declare const PAGINATION_DEFAULT_INTERVAL = 3;
+export interface PaginationPage {
+    disabled: boolean;
+    label: string;
+    page: number;
+    rel?: "next" | "prev";
+    tabIndex?: number;
+}
+export interface UsePagination {
+    currentPage?: number;
+    interval?: number;
+    per?: number;
+    total: number;
+}
+export declare const usePagination: ({ currentPage, interval, per, total, }: UsePagination) => {
+    center: PaginationPage[];
+    current: PaginationPage;
+    head: PaginationPage[];
+    leftSurrounding: PaginationPage[];
+    nextPage: number;
+    pages: PaginationPage[];
+    prevPage: number;
+    rightSurrounding: PaginationPage[];
+    tail: PaginationPage[];
+    totalPages: number;
+};

package/dist/hooks/usePagination.js

@@ -0,0 +1,125 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePagination = exports.PAGINATION_DEFAULT_INTERVAL = exports.PAGINATION_DEFAULT_PER = exports.PAGINATION_DEFAULT_PAGE = void 0;
+var react_1 = require("react");
+exports.PAGINATION_DEFAULT_PAGE = 1;
+exports.PAGINATION_DEFAULT_PER = 24;
+exports.PAGINATION_DEFAULT_INTERVAL = 3;
+var usePagination = function (_a) {
+    var _b = _a.currentPage, currentPage = _b === void 0 ? exports.PAGINATION_DEFAULT_PAGE : _b, _c = _a.interval, interval = _c === void 0 ? exports.PAGINATION_DEFAULT_INTERVAL : _c, _d = _a.per, per = _d === void 0 ? exports.PAGINATION_DEFAULT_PER : _d, total = _a.total;
+    var totalPages = Math.ceil(total / per);
+    var prevPage = currentPage > 1 ? currentPage - 1 : currentPage;
+    var nextPage = currentPage < totalPages ? currentPage + 1 : currentPage;
+    var head = [
+        {
+            label: "A",
+            page: 1,
+            disabled: disabled(1, currentPage),
+            tabIndex: tabIndex(1, currentPage),
+        },
+        {
+            label: "←",
+            page: prevPage,
+            disabled: disabled(prevPage, currentPage),
+            tabIndex: tabIndex(prevPage, currentPage),
+            rel: "prev",
+        },
+    ];
+    var tail = [
+        {
+            label: "→",
+            page: nextPage,
+            disabled: disabled(nextPage, currentPage),
+            tabIndex: tabIndex(nextPage, currentPage),
+            rel: "next",
+        },
+        {
+            label: "Ω",
+            page: totalPages,
+            disabled: disabled(totalPages, currentPage),
+            tabIndex: tabIndex(totalPages, currentPage),
+        },
+    ];
+    var current = {
+        label: "".concat(currentPage),
+        page: currentPage,
+        disabled: disabled(currentPage, currentPage),
+        tabIndex: tabIndex(currentPage, currentPage),
+    };
+    var leftSurrounding = (0, react_1.useMemo)(function () {
+        return __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
+            var page = currentPage - (i + 1);
+            return {
+                label: "".concat(page),
+                page: page,
+                disabled: disabled(page, currentPage),
+                tabIndex: tabIndex(page, currentPage),
+            };
+        })
+            .filter(function (page) { return page.page > 0; })
+            .reverse();
+    }, [currentPage, interval]);
+    var rightSurrounding = (0, react_1.useMemo)(function () {
+        return __spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
+            var page = currentPage + (i + 1);
+            return {
+                label: "".concat(page),
+                page: page,
+                disabled: disabled(page, currentPage),
+                tabIndex: tabIndex(page, currentPage),
+            };
+        })
+            .filter(function (page) { return page.page <= totalPages; });
+    }, [currentPage, interval, totalPages]);
+    var center = __spreadArray(__spreadArray(__spreadArray([], __read(leftSurrounding), false), [
+        current
+    ], false), __read(rightSurrounding), false);
+    var pages = __spreadArray(__spreadArray(__spreadArray([], __read(head), false), __read(center), false), __read(tail), false);
+    return {
+        center: center,
+        current: current,
+        head: head,
+        leftSurrounding: leftSurrounding,
+        nextPage: nextPage,
+        pages: pages,
+        prevPage: prevPage,
+        rightSurrounding: rightSurrounding,
+        tail: tail,
+        totalPages: totalPages,
+    };
+};
+exports.usePagination = usePagination;
+var disabled = function (page, currentPage) {
+    return page === currentPage;
+};
+var tabIndex = function (page, currentPage) {
+    if (page === currentPage) {
+        return -1;
+    }
+};
+//# sourceMappingURL=usePagination.js.map

package/dist/hooks/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auspices/eos",
-  "version": "4.2.1",
+  "version": "5.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -44,7 +44,7 @@
     "use-keyboard-list-navigation": "^2.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.20.5",
+    "@babel/core": "7.20.7",
     "@storybook/addon-actions": "6.5.15",
     "@storybook/addon-info": "5.3.21",
     "@storybook/addon-links": "6.5.15",
@@ -52,7 +52,7 @@
     "@storybook/addons": "6.5.15",
     "@storybook/react": "6.5.15",
     "@types/node": "18.11.17",
-    "@types/react-dom": "18.0.9",
+    "@types/react-dom": "18.0.10",
     "@types/styled-components": "5.1.26",
     "@typescript-eslint/eslint-plugin": "5.47.0",
     "@typescript-eslint/parser": "5.47.0",