@auspices/eos 4.1.0 → 4.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Cell/Cell.d.ts +1 -2
- package/dist/Pagination/Page.d.ts +9 -4
- package/dist/Pagination/Page.js +7 -2
- package/dist/Pagination/Page.js.map +1 -1
- package/dist/Pagination/Pagination.d.ts +6 -3
- package/dist/Pagination/Pagination.js +22 -8
- package/dist/Pagination/Pagination.js.map +1 -1
- package/package.json +8 -8
package/dist/Cell/Cell.d.ts
CHANGED
|
@@ -12,7 +12,7 @@ export declare const CELL_VARIANTS: {
|
|
|
12
12
|
py: number;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
-
type CellVariant = keyof typeof CELL_VARIANTS;
|
|
15
|
+
export type CellVariant = keyof typeof CELL_VARIANTS;
|
|
16
16
|
export type CellProps = BoxProps & {
|
|
17
17
|
variant?: CellVariant;
|
|
18
18
|
};
|
|
@@ -23,4 +23,3 @@ export declare const Cell: import("styled-components").StyledComponent<"div", im
|
|
|
23
23
|
} & {
|
|
24
24
|
variant?: "small" | "default" | undefined;
|
|
25
25
|
}, never>;
|
|
26
|
-
export {};
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../Button";
|
|
3
|
-
export type
|
|
3
|
+
export type PageOnClick = {
|
|
4
|
+
event: React.MouseEvent<HTMLAnchorElement>;
|
|
4
5
|
pageNumber: number;
|
|
6
|
+
};
|
|
7
|
+
export type PageProps = Omit<ButtonProps, "onClick"> & {
|
|
8
|
+
as?: "a" | React.ElementType;
|
|
9
|
+
children: JSX.Element | string | number;
|
|
10
|
+
currentPage: number;
|
|
5
11
|
href: string;
|
|
12
|
+
onClick?: ({ event, pageNumber }: PageOnClick) => void;
|
|
13
|
+
pageNumber: number;
|
|
6
14
|
per: number;
|
|
7
|
-
currentPage: number;
|
|
8
|
-
children: JSX.Element | string | number;
|
|
9
15
|
rel?: string;
|
|
10
|
-
as?: "a" | React.ElementType;
|
|
11
16
|
};
|
|
12
17
|
export declare const Page: React.FC<PageProps>;
|
package/dist/Pagination/Page.js
CHANGED
|
@@ -29,8 +29,13 @@ exports.Page = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var Button_1 = require("../Button");
|
|
31
31
|
var Page = function (_a) {
|
|
32
|
-
var
|
|
33
|
-
|
|
32
|
+
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"]);
|
|
33
|
+
var handleClick = function (event) {
|
|
34
|
+
if (!onClick)
|
|
35
|
+
return;
|
|
36
|
+
onClick({ event: event, pageNumber: pageNumber });
|
|
37
|
+
};
|
|
38
|
+
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"
|
|
34
39
|
? { href: "".concat(href, "?page=").concat(pageNumber, "&per=").concat(per) }
|
|
35
40
|
: {
|
|
36
41
|
to: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../src/Pagination/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAgD;
|
|
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"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { CellVariant } from "../Cell";
|
|
2
3
|
import { StackProps } from "../Stack";
|
|
3
4
|
import { PageProps } from "./Page";
|
|
4
5
|
export type PaginationProps = StackProps & {
|
|
5
|
-
page?: number;
|
|
6
|
-
per?: number;
|
|
7
|
-
total: number;
|
|
8
6
|
href: string;
|
|
9
7
|
interval?: number;
|
|
8
|
+
onChange?: (page: number) => void;
|
|
9
|
+
page?: number;
|
|
10
10
|
Page?: React.FC<PageProps>;
|
|
11
|
+
per?: number;
|
|
12
|
+
total: number;
|
|
13
|
+
variant?: CellVariant;
|
|
11
14
|
};
|
|
12
15
|
export declare const PAGINATION_DEFAULT_PAGE = 1;
|
|
13
16
|
export declare const PAGINATION_DEFAULT_PER = 24;
|
|
@@ -66,27 +66,41 @@ var paginate = function (_a) {
|
|
|
66
66
|
};
|
|
67
67
|
exports.paginate = paginate;
|
|
68
68
|
var Pagination = function (_a) {
|
|
69
|
-
var _b = _a.
|
|
69
|
+
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"]);
|
|
70
70
|
var _f = (0, exports.paginate)({ page: page, per: per, total: total }), totalPages = _f.totalPages, prevPage = _f.prevPage, nextPage = _f.nextPage;
|
|
71
|
+
var handleClick = function (_a) {
|
|
72
|
+
var pageNumber = _a.pageNumber, event = _a.event;
|
|
73
|
+
if (!onChange)
|
|
74
|
+
return;
|
|
75
|
+
event.preventDefault();
|
|
76
|
+
onChange(pageNumber);
|
|
77
|
+
};
|
|
78
|
+
var pageProps = {
|
|
79
|
+
currentPage: page,
|
|
80
|
+
href: href,
|
|
81
|
+
onClick: handleClick,
|
|
82
|
+
per: per,
|
|
83
|
+
variant: variant,
|
|
84
|
+
};
|
|
71
85
|
if (totalPages <= 1)
|
|
72
86
|
return null;
|
|
73
87
|
return (react_1.default.createElement(Stack_1.Stack, __assign({ direction: "horizontal" }, rest),
|
|
74
88
|
react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
|
|
75
|
-
react_1.default.createElement(Page, {
|
|
76
|
-
react_1.default.createElement(Page, { pageNumber: prevPage,
|
|
89
|
+
react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: 1 }), "A"),
|
|
90
|
+
react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: prevPage, rel: "prev" }), "\u2190")),
|
|
77
91
|
__spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
|
|
78
|
-
return page > i + 1 ? (react_1.default.createElement(Page, { key: page - (i + 1), pageNumber: page - (i + 1),
|
|
92
|
+
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;
|
|
79
93
|
})
|
|
80
94
|
.filter(Boolean)
|
|
81
95
|
.reverse(),
|
|
82
|
-
react_1.default.createElement(Page, {
|
|
96
|
+
react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: page }), page),
|
|
83
97
|
__spreadArray([], __read(Array(interval).keys()), false).map(function (i) {
|
|
84
|
-
return totalPages - page + 1 > i + 1 ? (react_1.default.createElement(Page, { key: page + (i + 1), pageNumber: page + (i + 1),
|
|
98
|
+
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;
|
|
85
99
|
})
|
|
86
100
|
.filter(Boolean),
|
|
87
101
|
react_1.default.createElement(Stack_1.Stack, { direction: "horizontal" },
|
|
88
|
-
react_1.default.createElement(Page, {
|
|
89
|
-
react_1.default.createElement(Page, {
|
|
102
|
+
react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: nextPage, rel: "next" }), "\u2192"),
|
|
103
|
+
react_1.default.createElement(Page, __assign({}, pageProps, { pageNumber: totalPages }), "\u03A9"))));
|
|
90
104
|
};
|
|
91
105
|
exports.Pagination = Pagination;
|
|
92
106
|
exports.Pagination.displayName = "Pagination";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@auspices/eos",
|
|
3
|
-
"version": "4.1
|
|
3
|
+
"version": "4.2.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"files": [
|
|
@@ -45,17 +45,17 @@
|
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@babel/core": "7.20.5",
|
|
48
|
-
"@storybook/addon-actions": "6.5.
|
|
48
|
+
"@storybook/addon-actions": "6.5.15",
|
|
49
49
|
"@storybook/addon-info": "5.3.21",
|
|
50
|
-
"@storybook/addon-links": "6.5.
|
|
51
|
-
"@storybook/addon-viewport": "6.5.
|
|
52
|
-
"@storybook/addons": "6.5.
|
|
53
|
-
"@storybook/react": "6.5.
|
|
50
|
+
"@storybook/addon-links": "6.5.15",
|
|
51
|
+
"@storybook/addon-viewport": "6.5.15",
|
|
52
|
+
"@storybook/addons": "6.5.15",
|
|
53
|
+
"@storybook/react": "6.5.15",
|
|
54
54
|
"@types/node": "18.11.17",
|
|
55
55
|
"@types/react-dom": "18.0.9",
|
|
56
56
|
"@types/styled-components": "5.1.26",
|
|
57
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
58
|
-
"@typescript-eslint/parser": "5.
|
|
57
|
+
"@typescript-eslint/eslint-plugin": "5.47.0",
|
|
58
|
+
"@typescript-eslint/parser": "5.47.0",
|
|
59
59
|
"babel-loader": "8.3.0",
|
|
60
60
|
"cz-conventional-changelog": "3.3.0",
|
|
61
61
|
"eslint": "8.30.0",
|