@dust-tt/sparkle 0.2.228 → 0.2.230
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/cjs/index.js +5 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.d.ts +5 -1
- package/dist/esm/hooks/usePaginationFromUrl.d.ts.map +1 -1
- package/dist/esm/hooks/usePaginationFromUrl.js +5 -5
- package/dist/esm/hooks/usePaginationFromUrl.js.map +1 -1
- package/dist/esm/stories/Pagination.stories.d.ts.map +1 -1
- package/dist/esm/stories/Pagination.stories.js +4 -1
- package/dist/esm/stories/Pagination.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/hooks/usePaginationFromUrl.ts +10 -5
- package/src/stories/Pagination.stories.tsx +4 -1
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { PaginationState } from "@tanstack/react-table";
|
|
2
|
-
export declare const usePaginationFromUrl: (urlPrefix
|
|
2
|
+
export declare const usePaginationFromUrl: ({ urlPrefix, initialPageSize, history, }: {
|
|
3
|
+
urlPrefix?: string;
|
|
4
|
+
initialPageSize?: number;
|
|
5
|
+
history?: "push" | "replace";
|
|
6
|
+
}) => {
|
|
3
7
|
pagination: PaginationState;
|
|
4
8
|
setPagination: (newValue: PaginationState) => void;
|
|
5
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationFromUrl.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAOxD,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"usePaginationFromUrl.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAOxD,eAAO,MAAM,oBAAoB,6CAI9B;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;;8BAcoC,eAAe;CAWnD,CAAC"}
|
|
@@ -2,17 +2,17 @@ import { __read } from "tslib";
|
|
|
2
2
|
import { useMemo } from "react";
|
|
3
3
|
import { useHashParam } from "../hooks/useHashParams";
|
|
4
4
|
var defaultPageSize = 25;
|
|
5
|
-
export var usePaginationFromUrl = function (
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
5
|
+
export var usePaginationFromUrl = function (_a) {
|
|
6
|
+
var urlPrefix = _a.urlPrefix, _b = _a.initialPageSize, initialPageSize = _b === void 0 ? defaultPageSize : _b, _c = _a.history, history = _c === void 0 ? "push" : _c;
|
|
7
|
+
var _d = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageIndex") : "pageIndex"), 2), pageIndexParam = _d[0], setPageIndexParam = _d[1];
|
|
8
|
+
var _e = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageSize") : "pageSize"), 2), pageSizeParam = _e[0], setPageSizeParam = _e[1];
|
|
9
9
|
var pageIndex = pageIndexParam ? parseInt(pageIndexParam) : 0;
|
|
10
10
|
var pageSize = pageSizeParam ? parseInt(pageSizeParam) : initialPageSize;
|
|
11
11
|
var res = useMemo(function () {
|
|
12
12
|
var pagination = { pageIndex: pageIndex, pageSize: pageSize };
|
|
13
13
|
var setPagination = function (newValue) {
|
|
14
14
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
15
|
-
setPageIndexParam(newValue.pageIndex.toString());
|
|
15
|
+
setPageIndexParam(newValue.pageIndex.toString(), { history: history });
|
|
16
16
|
setPageSizeParam(newValue.pageSize.toString());
|
|
17
17
|
}
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,
|
|
1
|
+
{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAQpC;QAPC,SAAS,eAAA,EACT,uBAAiC,EAAjC,eAAe,mBAAG,eAAe,KAAA,EACjC,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA;IAMV,IAAA,KAAA,OAAsC,YAAY,CACtD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,CAAC,CAAC,CAAC,WAAW,CAClD,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IACI,IAAA,KAAA,OAAoC,YAAY,CACpD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,aAAU,CAAC,CAAC,CAAC,UAAU,CAChD,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3E,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,UAAU,GAAoB,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAE5D,IAAM,aAAa,GAAG,UAAC,QAAyB;YAC9C,IAAI,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACvE,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;gBAC9D,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,eAAO,MAAM,YAAY,yBAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAcxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAenC,CAAC;AAEF,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAA,MAAM,IAAI;;;CAGyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,eAAO,MAAM,YAAY,yBAYxB,CAAC;AAEF,eAAO,MAAM,YAAY,yBAcxB,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAenC,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAgB7B,CAAC"}
|
|
@@ -29,7 +29,10 @@ export var PaginationNoPageButtons = function () {
|
|
|
29
29
|
return (React.createElement(Pagination, { rowCount: 960, size: "xs", showDetails: false, showPageButtons: false, pagination: pagination, setPagination: setPagination }));
|
|
30
30
|
};
|
|
31
31
|
export var PaginationWithUrl = function () {
|
|
32
|
-
var _a = usePaginationFromUrl(
|
|
32
|
+
var _a = usePaginationFromUrl({
|
|
33
|
+
urlPrefix: "example",
|
|
34
|
+
initialPageSize: 50,
|
|
35
|
+
}), pagination = _a.pagination, setPagination = _a.setPagination;
|
|
33
36
|
return (React.createElement(React.Fragment, null,
|
|
34
37
|
React.createElement("div", { className: "s-p-2" },
|
|
35
38
|
"Current hash: ",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IAC/B,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IACzB,IAAA,KAAgC,oBAAoB,CAAC,SAAS,EAAE,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"Pagination.stories.js","sourceRoot":"","sources":["../../../src/stories/Pagination.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;CACY,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG;IACpB,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAG;IAC/B,IAAA,KAAA,OAA8B,KAAK,CAAC,QAAQ,CAAC;QACjD,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,EAAE;KACb,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG;IACzB,IAAA,KAAgC,oBAAoB,CAAC;QACzD,SAAS,EAAE,SAAS;QACpB,eAAe,EAAE,EAAE;KACpB,CAAC,EAHM,UAAU,gBAAA,EAAE,aAAa,mBAG/B,CAAC;IAEH,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,OAAO;;YAAgB,QAAQ,CAAC,IAAI,CAAO;QAC1D,oBAAC,UAAU,IACT,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,GAC5B,CACD,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -5,10 +5,15 @@ import { useHashParam } from "@sparkle/hooks/useHashParams";
|
|
|
5
5
|
|
|
6
6
|
const defaultPageSize = 25;
|
|
7
7
|
|
|
8
|
-
export const usePaginationFromUrl = (
|
|
9
|
-
urlPrefix
|
|
10
|
-
initialPageSize = defaultPageSize
|
|
11
|
-
|
|
8
|
+
export const usePaginationFromUrl = ({
|
|
9
|
+
urlPrefix,
|
|
10
|
+
initialPageSize = defaultPageSize,
|
|
11
|
+
history = "push",
|
|
12
|
+
}: {
|
|
13
|
+
urlPrefix?: string;
|
|
14
|
+
initialPageSize?: number;
|
|
15
|
+
history?: "push" | "replace";
|
|
16
|
+
}) => {
|
|
12
17
|
const [pageIndexParam, setPageIndexParam] = useHashParam(
|
|
13
18
|
urlPrefix ? `${urlPrefix}PageIndex` : "pageIndex"
|
|
14
19
|
);
|
|
@@ -24,7 +29,7 @@ export const usePaginationFromUrl = (
|
|
|
24
29
|
|
|
25
30
|
const setPagination = (newValue: PaginationState) => {
|
|
26
31
|
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
27
|
-
setPageIndexParam(newValue.pageIndex.toString());
|
|
32
|
+
setPageIndexParam(newValue.pageIndex.toString(), { history });
|
|
28
33
|
setPageSizeParam(newValue.pageSize.toString());
|
|
29
34
|
}
|
|
30
35
|
};
|
|
@@ -59,7 +59,10 @@ export const PaginationNoPageButtons = () => {
|
|
|
59
59
|
};
|
|
60
60
|
|
|
61
61
|
export const PaginationWithUrl = () => {
|
|
62
|
-
const { pagination, setPagination } = usePaginationFromUrl(
|
|
62
|
+
const { pagination, setPagination } = usePaginationFromUrl({
|
|
63
|
+
urlPrefix: "example",
|
|
64
|
+
initialPageSize: 50,
|
|
65
|
+
});
|
|
63
66
|
|
|
64
67
|
return (
|
|
65
68
|
<>
|