@dust-tt/sparkle 0.2.225 → 0.2.226
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 +283 -113
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DataTable.d.ts +5 -2
- package/dist/esm/components/DataTable.d.ts.map +1 -1
- package/dist/esm/components/DataTable.js +48 -29
- package/dist/esm/components/DataTable.js.map +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.d.ts.map +1 -1
- package/dist/esm/components/PaginatedCitationsGrid.js +8 -4
- package/dist/esm/components/PaginatedCitationsGrid.js.map +1 -1
- package/dist/esm/components/Pagination.d.ts +5 -4
- package/dist/esm/components/Pagination.d.ts.map +1 -1
- package/dist/esm/components/Pagination.js +35 -35
- package/dist/esm/components/Pagination.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +3 -0
- package/dist/esm/hooks/index.d.ts.map +1 -0
- package/dist/esm/hooks/index.js +3 -0
- package/dist/esm/hooks/index.js.map +1 -0
- package/dist/esm/hooks/useHashParams.d.ts +18 -0
- package/dist/esm/hooks/useHashParams.d.ts.map +1 -0
- package/dist/esm/hooks/useHashParams.js +67 -0
- package/dist/esm/hooks/useHashParams.js.map +1 -0
- package/dist/esm/hooks/usePaginationFromUrl.d.ts +6 -0
- package/dist/esm/hooks/usePaginationFromUrl.d.ts.map +1 -0
- package/dist/esm/hooks/usePaginationFromUrl.js +23 -0
- package/dist/esm/hooks/usePaginationFromUrl.js.map +1 -0
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/stories/DataTable.stories.d.ts +2 -0
- package/dist/esm/stories/DataTable.stories.d.ts.map +1 -1
- package/dist/esm/stories/DataTable.stories.js +133 -106
- package/dist/esm/stories/DataTable.stories.js.map +1 -1
- package/dist/esm/stories/Pagination.stories.d.ts +1 -0
- package/dist/esm/stories/Pagination.stories.d.ts.map +1 -1
- package/dist/esm/stories/Pagination.stories.js +25 -3
- package/dist/esm/stories/Pagination.stories.js.map +1 -1
- package/dist/sparkle.css +4 -0
- package/package.json +1 -1
- package/src/components/DataTable.tsx +114 -75
- package/src/components/PaginatedCitationsGrid.tsx +11 -6
- package/src/components/Pagination.tsx +48 -45
- package/src/hooks/index.ts +2 -0
- package/src/hooks/useHashParams.ts +95 -0
- package/src/hooks/usePaginationFromUrl.ts +36 -0
- package/src/index.ts +1 -0
- package/src/stories/DataTable.stories.tsx +200 -130
- package/src/stories/Pagination.stories.tsx +38 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ColumnDef, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
1
|
+
import { type ColumnDef, PaginationState, SortingFn, type SortingState } from "@tanstack/react-table";
|
|
2
2
|
import React, { ReactNode } from "react";
|
|
3
3
|
import { DropdownItemProps } from "../components/DropdownMenu";
|
|
4
4
|
interface TBaseData {
|
|
@@ -10,15 +10,18 @@ interface ColumnBreakpoint {
|
|
|
10
10
|
}
|
|
11
11
|
interface DataTableProps<TData extends TBaseData> {
|
|
12
12
|
data: TData[];
|
|
13
|
+
totalRowCount?: number;
|
|
13
14
|
columns: ColumnDef<TData, any>[];
|
|
14
15
|
className?: string;
|
|
15
16
|
filter?: string;
|
|
16
17
|
filterColumn?: string;
|
|
18
|
+
pagination?: PaginationState;
|
|
19
|
+
setPagination?: (pagination: PaginationState) => void;
|
|
17
20
|
initialColumnOrder?: SortingState;
|
|
18
21
|
columnsBreakpoints?: ColumnBreakpoint;
|
|
19
22
|
sortingFn?: SortingFn<TData>;
|
|
20
23
|
}
|
|
21
|
-
export declare function DataTable<TData extends TBaseData>({ data, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, }: DataTableProps<TData>): React.JSX.Element;
|
|
24
|
+
export declare function DataTable<TData extends TBaseData>({ data, totalRowCount, columns, className, filter, filterColumn, initialColumnOrder, columnsBreakpoints, pagination, setPagination, }: DataTableProps<TData>): React.JSX.Element;
|
|
22
25
|
export declare namespace DataTable {
|
|
23
26
|
var Root: ({ children, className, ...props }: DataTableRootProps) => React.JSX.Element;
|
|
24
27
|
var Header: ({ children, className, ...props }: HeaderProps) => React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAOd,eAAe,EACf,SAAS,EACT,KAAK,YAAY,EAGlB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG9D,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAC;AAU1C,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACtD;AAED,UAAU,cAAc,CAAC,KAAK,SAAS,SAAS;IAC9C,IAAI,EAAE,KAAK,EAAE,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;CAC9B;AAYD,wBAAgB,SAAS,CAAC,KAAK,SAAS,SAAS,EAAE,EACjD,IAAI,EACJ,aAAa,EACb,OAAO,EACP,SAAS,EACT,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,kBAAuB,EACvB,UAAU,EACV,aAAa,GACd,EAAE,cAAc,CAAC,KAAK,CAAC,qBAqIvB;yBAhJe,SAAS;;;;;;;;;;AAkJzB,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAiBD,UAAU,SAAU,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4BD,UAAU,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;CACrC;AAsCD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;IACpE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgBD,UAAU,gBAAiB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import { flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
2
|
+
import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
3
3
|
import React, { useEffect, useState } from "react";
|
|
4
4
|
import { Avatar } from "../components/Avatar";
|
|
5
5
|
import { DropdownMenu, } from "../components/DropdownMenu";
|
|
6
6
|
import { IconButton } from "../components/IconButton";
|
|
7
|
+
import { Pagination } from "../components/Pagination";
|
|
7
8
|
import { Tooltip } from "../components/Tooltip";
|
|
8
9
|
import { ArrowDownIcon, ArrowUpIcon, MoreIcon } from "../icons";
|
|
9
10
|
import { classNames } from "../lib/utils";
|
|
@@ -16,22 +17,37 @@ function shouldRenderColumn(windowWidth, breakpoint) {
|
|
|
16
17
|
return windowWidth >= breakpoints[breakpoint];
|
|
17
18
|
}
|
|
18
19
|
export function DataTable(_a) {
|
|
19
|
-
var data = _a.data, columns = _a.columns, className = _a.className, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _b = _a.columnsBreakpoints, columnsBreakpoints = _b === void 0 ? {} : _b;
|
|
20
|
+
var data = _a.data, totalRowCount = _a.totalRowCount, columns = _a.columns, className = _a.className, filter = _a.filter, filterColumn = _a.filterColumn, initialColumnOrder = _a.initialColumnOrder, _b = _a.columnsBreakpoints, columnsBreakpoints = _b === void 0 ? {} : _b, pagination = _a.pagination, setPagination = _a.setPagination;
|
|
20
21
|
var windowSize = useWindowSize();
|
|
21
22
|
var _c = __read(useState(initialColumnOrder !== null && initialColumnOrder !== void 0 ? initialColumnOrder : []), 2), sorting = _c[0], setSorting = _c[1];
|
|
22
23
|
var _d = __read(useState([]), 2), columnFilters = _d[0], setColumnFilters = _d[1];
|
|
24
|
+
var isServerSidePagination = !!totalRowCount && totalRowCount > data.length;
|
|
25
|
+
var onPaginationChange = pagination && setPagination
|
|
26
|
+
? function (updater) {
|
|
27
|
+
var newValue = typeof updater === "function" ? updater(pagination) : updater;
|
|
28
|
+
setPagination(newValue);
|
|
29
|
+
}
|
|
30
|
+
: undefined;
|
|
23
31
|
var table = useReactTable({
|
|
24
32
|
data: data,
|
|
25
33
|
columns: columns,
|
|
34
|
+
rowCount: totalRowCount,
|
|
35
|
+
manualPagination: isServerSidePagination,
|
|
26
36
|
onSortingChange: setSorting,
|
|
27
37
|
getCoreRowModel: getCoreRowModel(),
|
|
28
38
|
getSortedRowModel: getSortedRowModel(),
|
|
29
39
|
getFilteredRowModel: getFilteredRowModel(),
|
|
40
|
+
getPaginationRowModel: pagination ? getPaginationRowModel() : undefined,
|
|
30
41
|
onColumnFiltersChange: setColumnFilters,
|
|
31
42
|
state: {
|
|
32
43
|
columnFilters: columnFilters,
|
|
33
|
-
sorting: sorting,
|
|
44
|
+
sorting: isServerSidePagination ? undefined : sorting,
|
|
45
|
+
pagination: pagination,
|
|
46
|
+
},
|
|
47
|
+
initialState: {
|
|
48
|
+
pagination: pagination,
|
|
34
49
|
},
|
|
50
|
+
onPaginationChange: onPaginationChange,
|
|
35
51
|
});
|
|
36
52
|
useEffect(function () {
|
|
37
53
|
var _a;
|
|
@@ -39,32 +55,35 @@ export function DataTable(_a) {
|
|
|
39
55
|
(_a = table.getColumn(filterColumn)) === null || _a === void 0 ? void 0 : _a.setFilterValue(filter);
|
|
40
56
|
}
|
|
41
57
|
}, [filter, filterColumn]);
|
|
42
|
-
return (React.createElement(
|
|
43
|
-
React.createElement(DataTable.
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
!
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
React.createElement(
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
!
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
58
|
+
return (React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
|
|
59
|
+
React.createElement(DataTable.Root, { className: className },
|
|
60
|
+
React.createElement(DataTable.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(DataTable.Row, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
|
|
61
|
+
var breakpoint = columnsBreakpoints[header.id];
|
|
62
|
+
if (!windowSize.width ||
|
|
63
|
+
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
64
|
+
return null;
|
|
65
|
+
}
|
|
66
|
+
return (React.createElement(DataTable.Head, { key: header.id, onClick: header.column.getToggleSortingHandler(), className: classNames(header.column.getCanSort() ? "s-cursor-pointer" : "") },
|
|
67
|
+
React.createElement("div", { className: "s-flex s-items-center s-space-x-1 s-whitespace-nowrap" },
|
|
68
|
+
flexRender(header.column.columnDef.header, header.getContext()),
|
|
69
|
+
header.column.getCanSort() && (React.createElement(Icon, { visual: header.column.getIsSorted() === "asc"
|
|
70
|
+
? ArrowUpIcon
|
|
71
|
+
: header.column.getIsSorted() === "desc"
|
|
72
|
+
? ArrowDownIcon
|
|
73
|
+
: ArrowDownIcon, size: "xs", className: classNames("s-ml-1", header.column.getIsSorted()
|
|
74
|
+
? "s-opacity-100"
|
|
75
|
+
: "s-opacity-0") })))));
|
|
76
|
+
}))); })),
|
|
77
|
+
React.createElement(DataTable.Body, null, table.getRowModel().rows.map(function (row) { return (React.createElement(DataTable.Row, { key: row.id, onClick: row.original.onClick, moreMenuItems: row.original.moreMenuItems }, row.getVisibleCells().map(function (cell) {
|
|
78
|
+
var breakpoint = columnsBreakpoints[cell.column.id];
|
|
79
|
+
if (!windowSize.width ||
|
|
80
|
+
!shouldRenderColumn(windowSize.width, breakpoint)) {
|
|
81
|
+
return null;
|
|
82
|
+
}
|
|
83
|
+
return (React.createElement(DataTable.Cell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext())));
|
|
84
|
+
}))); }))),
|
|
85
|
+
pagination && (React.createElement("div", { className: "s-p-1" },
|
|
86
|
+
React.createElement(Pagination, { pagination: table.getState().pagination, setPagination: table.setPagination, rowCount: table.getRowCount() })))));
|
|
68
87
|
}
|
|
69
88
|
DataTable.Root = function DataTableRoot(_a) {
|
|
70
89
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,iBAAiB,
|
|
1
|
+
{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../src/components/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedCitationsGrid.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PaginatedCitationsGrid.d.ts","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAItE,UAAU,YAAY;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,2BAA2B;IACnC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;CACnC;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,eAAmB,GACpB,EAAE,2BAA2B,4BA2D7B"}
|
|
@@ -6,21 +6,25 @@ import { Pagination } from "../components/Pagination";
|
|
|
6
6
|
import { classNames } from "../lib/utils";
|
|
7
7
|
export function PaginatedCitationsGrid(_a) {
|
|
8
8
|
var items = _a.items, _b = _a.maxItemsPerPage, maxItemsPerPage = _b === void 0 ? 9 : _b;
|
|
9
|
-
var _c = __read(useState(
|
|
9
|
+
var _c = __read(useState({
|
|
10
|
+
pageIndex: 0,
|
|
11
|
+
pageSize: maxItemsPerPage,
|
|
12
|
+
}), 2), pagination = _c[0], setPagination = _c[1];
|
|
10
13
|
var cols = 3;
|
|
11
14
|
var rows = Math.ceil(Math.min(maxItemsPerPage, items.length) / cols);
|
|
12
15
|
if (items.length === 0) {
|
|
13
16
|
return null;
|
|
14
17
|
}
|
|
18
|
+
var pageIndex = pagination.pageIndex, pageSize = pagination.pageSize;
|
|
15
19
|
// Calculate start index.
|
|
16
|
-
var startIndex =
|
|
20
|
+
var startIndex = pageIndex * pageSize;
|
|
17
21
|
// Slice items for current page.
|
|
18
|
-
var paginatedItems = items.slice(startIndex, startIndex +
|
|
22
|
+
var paginatedItems = items.slice(startIndex, startIndex + pageSize);
|
|
19
23
|
return (React.createElement("div", { className: "s-flex s-w-full s-flex-col" },
|
|
20
24
|
React.createElement("div", { className: classNames("s-grid s-w-full s-gap-2 s-overflow-x-hidden s-py-1", "s-grid-cols-".concat(cols), "s-grid-rows-".concat(rows)) }, paginatedItems.map(function (d, idx) {
|
|
21
25
|
return (React.createElement(Citation, { size: "xs", sizing: "fluid", key: idx, description: d.description, href: d.href, title: d.title, type: d.type }));
|
|
22
26
|
})),
|
|
23
27
|
React.createElement("div", { className: classNames("s-pt-3", items.length > maxItemsPerPage ? "s-visible" : "s-collapse") },
|
|
24
|
-
React.createElement(Pagination, {
|
|
28
|
+
React.createElement(Pagination, { rowCount: items.length, pagination: pagination, setPagination: setPagination, size: "xs", showDetails: false, showPageButtons: false }))));
|
|
25
29
|
}
|
|
26
30
|
//# sourceMappingURL=PaginatedCitationsGrid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginatedCitationsGrid.js","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"PaginatedCitationsGrid.js","sourceRoot":"","sources":["../../../src/components/PaginatedCitationsGrid.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAgB,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAchD,MAAM,UAAU,sBAAsB,CAAC,EAGT;QAF5B,KAAK,WAAA,EACL,uBAAmB,EAAnB,eAAe,mBAAG,CAAC,KAAA;IAEb,IAAA,KAAA,OAA8B,QAAQ,CAAkB;QAC5D,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,eAAe;KAC1B,CAAC,IAAA,EAHK,UAAU,QAAA,EAAE,aAAa,QAG9B,CAAC;IACH,IAAM,IAAI,GAAG,CAAC,CAAC;IACf,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;IAEvE,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,IAAA,SAAS,GAAe,UAAU,UAAzB,EAAE,QAAQ,GAAK,UAAU,SAAf,CAAgB;IAC3C,yBAAyB;IACzB,IAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC,gCAAgC;IAChC,IAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;IAEtE,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B;QACzC,6BACE,SAAS,EAAE,UAAU,CACnB,oDAAoD,EACpD,sBAAe,IAAI,CAAE,EACrB,sBAAe,IAAI,CAAE,CACtB,IAEA,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG;YACzB,OAAO,CACL,oBAAC,QAAQ,IACP,IAAI,EAAC,IAAI,EACT,MAAM,EAAC,OAAO,EACd,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,CAAC,WAAW,EAC1B,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,CAAC,CAAC,IAAI,GACZ,CACH,CAAC;QACJ,CAAC,CAAC,CACE;QAEN,6BACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR,KAAK,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAC5D;YAED,oBAAC,UAAU,IACT,QAAQ,EAAE,KAAK,CAAC,MAAM,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,KAAK,GACtB,CACE,CACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import { PaginationState } from "@tanstack/react-table";
|
|
1
2
|
import React from "react";
|
|
2
3
|
type Size = "sm" | "xs";
|
|
3
4
|
interface PaginationProps {
|
|
4
|
-
itemsCount: number;
|
|
5
|
-
maxItemsPerPage: number;
|
|
6
|
-
onButtonClick: (pageNumber: number) => void;
|
|
7
5
|
size?: Size;
|
|
8
6
|
showDetails?: boolean;
|
|
9
7
|
showPageButtons?: boolean;
|
|
8
|
+
rowCount: number;
|
|
9
|
+
pagination: PaginationState;
|
|
10
|
+
setPagination: (pagination: PaginationState) => void;
|
|
10
11
|
}
|
|
11
|
-
export declare function Pagination({
|
|
12
|
+
export declare function Pagination({ size, showDetails, showPageButtons, rowCount, pagination, setPagination, }: PaginationProps): React.JSX.Element;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIxB,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAW,EACX,WAAkB,EAClB,eAAsB,EACtB,QAAQ,EACR,UAAU,EACV,aAAa,GACd,EAAE,eAAe,qBA8FjB"}
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import { __read } from "tslib";
|
|
2
1
|
import React, { useCallback } from "react";
|
|
3
|
-
import { useState } from "react";
|
|
4
2
|
import { ChevronLeftIcon, ChevronRightIcon } from "../icons/solid";
|
|
5
3
|
import { classNames } from "../lib/utils";
|
|
6
4
|
import { Button } from "./Button";
|
|
7
5
|
var pagesShownInControls = 7;
|
|
8
6
|
export function Pagination(_a) {
|
|
9
|
-
var
|
|
10
|
-
|
|
7
|
+
var _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.showDetails, showDetails = _c === void 0 ? true : _c, _d = _a.showPageButtons, showPageButtons = _d === void 0 ? true : _d, rowCount = _a.rowCount, pagination = _a.pagination, setPagination = _a.setPagination;
|
|
8
|
+
// pageIndex is 0-based
|
|
9
|
+
var pageIndex = pagination.pageIndex, pageSize = pagination.pageSize;
|
|
10
|
+
var numPages = Math.ceil(rowCount / pageSize);
|
|
11
|
+
var canNextPage = pagination.pageIndex < numPages - 1;
|
|
12
|
+
var canPreviousPage = pageIndex > 0;
|
|
13
|
+
var nextPage = function () { return setPagination({ pageSize: pageSize, pageIndex: pageIndex + 1 }); };
|
|
14
|
+
var previousPage = function () {
|
|
15
|
+
return setPagination({ pageSize: pageSize, pageIndex: pageIndex - 1 });
|
|
16
|
+
};
|
|
11
17
|
var controlsAreHidden = Boolean(numPages <= 1);
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}, [onButtonClick, setCurrentPage]);
|
|
21
|
-
var pageButtons = getPageButtons(currentPage, numPages, pagesShownInControls, onPaginationButtonClick, size);
|
|
18
|
+
var firstItemOnPageIndex = pageIndex * pageSize + 1;
|
|
19
|
+
var lastItemOnPageIndex = rowCount > (pageIndex + 1) * pageSize
|
|
20
|
+
? (pageIndex + 1) * pageSize
|
|
21
|
+
: rowCount;
|
|
22
|
+
var onPaginationButtonClick = useCallback(function (pageIndex) {
|
|
23
|
+
setPagination({ pageSize: pageSize, pageIndex: pageIndex });
|
|
24
|
+
}, [pageIndex, setPagination]);
|
|
25
|
+
var pageButtons = getPageButtons(pageIndex, numPages, pagesShownInControls, onPaginationButtonClick, size);
|
|
22
26
|
return (React.createElement("div", { className: classNames("s-flex s-w-full s-items-center", controlsAreHidden ? "s-justify-end" : "s-justify-between") },
|
|
23
27
|
React.createElement("div", { className: classNames("s-flex", controlsAreHidden ? "s-invisible" : "s-visible", showPageButtons ? "s-gap-0" : "s-gap-2") },
|
|
24
|
-
React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "previous", labelVisible: false, disabledTooltip: true, disabled:
|
|
25
|
-
onPaginationButtonClick(currentPage - 1);
|
|
26
|
-
} }),
|
|
28
|
+
React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "previous", labelVisible: false, disabledTooltip: true, disabled: !canPreviousPage, icon: ChevronLeftIcon, onClick: previousPage }),
|
|
27
29
|
React.createElement("div", { className: classNames("s-items-center", size === "xs" ? "s-gap-3 s-px-3" : "s-gap-4 s-px-4", showPageButtons ? "s-flex" : "s-hidden") }, pageButtons),
|
|
28
|
-
React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "next", labelVisible: false, disabledTooltip: true, disabled:
|
|
29
|
-
onPaginationButtonClick(currentPage + 1);
|
|
30
|
-
} })),
|
|
30
|
+
React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "next", labelVisible: false, disabledTooltip: true, disabled: !canNextPage, icon: ChevronRightIcon, onClick: nextPage })),
|
|
31
31
|
React.createElement("span", { className: classNames("s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm", showDetails ? "s-visible" : "s-collapse") }, controlsAreHidden
|
|
32
|
-
? "".concat(
|
|
33
|
-
: "Showing ".concat(
|
|
32
|
+
? "".concat(rowCount, " items")
|
|
33
|
+
: "Showing ".concat(firstItemOnPageIndex, "-").concat(lastItemOnPageIndex, " of ").concat(rowCount, " items"))));
|
|
34
34
|
}
|
|
35
35
|
function renderPageNumber(pageNumber, currentPage, onPageClick, size) {
|
|
36
|
-
return (React.createElement("button", { key: pageNumber, className: classNames("s-font-semibold s-transition-colors s-duration-100", currentPage === pageNumber ? "s-text-action-500" : "s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm"), onClick: function () { return onPageClick(pageNumber); } }, pageNumber));
|
|
36
|
+
return (React.createElement("button", { key: pageNumber, className: classNames("s-font-semibold s-transition-colors s-duration-100", currentPage === pageNumber ? "s-text-action-500" : "s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm"), onClick: function () { return onPageClick(pageNumber); } }, pageNumber + 1));
|
|
37
37
|
}
|
|
38
38
|
function renderEllipses(size) {
|
|
39
39
|
return (React.createElement("span", { className: classNames("s-text-sm s-font-semibold s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm") }, "..."));
|
|
@@ -42,7 +42,7 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
|
|
|
42
42
|
var pagination = [];
|
|
43
43
|
// If total pages are less than or equal to slots, show all pages
|
|
44
44
|
if (totalPages <= slots) {
|
|
45
|
-
for (var i =
|
|
45
|
+
for (var i = 0; i < totalPages; i++) {
|
|
46
46
|
pagination.push(renderPageNumber(i, currentPage, onPageClick, size));
|
|
47
47
|
}
|
|
48
48
|
return pagination;
|
|
@@ -50,24 +50,24 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
|
|
|
50
50
|
var remainingSlots = slots - 2; // slots excluding first and last page
|
|
51
51
|
var halfSlots = Math.floor(remainingSlots / 2);
|
|
52
52
|
// Ensure current page is within bounds
|
|
53
|
-
currentPage = Math.max(
|
|
54
|
-
pagination.push(renderPageNumber(
|
|
53
|
+
currentPage = Math.max(0, Math.min(currentPage, totalPages - 1));
|
|
54
|
+
pagination.push(renderPageNumber(0, currentPage, onPageClick, size)); // Always show the first page
|
|
55
55
|
// Determine the range of pages to display
|
|
56
56
|
var start, end;
|
|
57
|
-
if (currentPage <= halfSlots +
|
|
58
|
-
start =
|
|
59
|
-
end = remainingSlots;
|
|
57
|
+
if (currentPage <= halfSlots + 1) {
|
|
58
|
+
start = 1;
|
|
59
|
+
end = remainingSlots - 1;
|
|
60
60
|
}
|
|
61
|
-
else if (currentPage >= totalPages - halfSlots -
|
|
62
|
-
start = totalPages - remainingSlots
|
|
63
|
-
end = totalPages -
|
|
61
|
+
else if (currentPage >= totalPages - halfSlots - 2) {
|
|
62
|
+
start = totalPages - remainingSlots;
|
|
63
|
+
end = totalPages - 2;
|
|
64
64
|
}
|
|
65
65
|
else {
|
|
66
66
|
start = currentPage - halfSlots + 1;
|
|
67
67
|
end = currentPage + halfSlots - 1;
|
|
68
68
|
}
|
|
69
69
|
// Add ellipsis if there is a gap between the first page and the start of the range
|
|
70
|
-
if (start >
|
|
70
|
+
if (start > 1) {
|
|
71
71
|
pagination.push(renderEllipses(size));
|
|
72
72
|
}
|
|
73
73
|
// Add the range of pages
|
|
@@ -75,10 +75,10 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
|
|
|
75
75
|
pagination.push(renderPageNumber(i, currentPage, onPageClick, size));
|
|
76
76
|
}
|
|
77
77
|
// Add ellipsis if there is a gap between the end of the range and the last page
|
|
78
|
-
if (end < totalPages -
|
|
78
|
+
if (end < totalPages - 2) {
|
|
79
79
|
pagination.push(renderEllipses(size));
|
|
80
80
|
}
|
|
81
|
-
pagination.push(renderPageNumber(totalPages, currentPage, onPageClick, size)); // Always show the last page
|
|
81
|
+
pagination.push(renderPageNumber(totalPages - 1, currentPage, onPageClick, size)); // Always show the last page
|
|
82
82
|
return pagination;
|
|
83
83
|
}
|
|
84
84
|
//# sourceMappingURL=Pagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Original code from : https://www.npmjs.com/package/use-hash-param
|
|
3
|
+
* ISC License
|
|
4
|
+
*/
|
|
5
|
+
type Updater = (prevValue?: string) => string;
|
|
6
|
+
type SetterOptions = {
|
|
7
|
+
history: "replace" | "push";
|
|
8
|
+
};
|
|
9
|
+
type Setter = (value?: string | Updater, options?: SetterOptions) => void;
|
|
10
|
+
/**
|
|
11
|
+
* @param key The parameter-name to use from the hash-string query string.
|
|
12
|
+
* @param defaultValue A default value to use if the parameter is not specified and on the server.
|
|
13
|
+
* @returns A two-tuple, the first element is the selected param value (either extracted from the hash param or the default value).
|
|
14
|
+
* The second element is a setter function to change the param value.
|
|
15
|
+
*/
|
|
16
|
+
export declare const useHashParam: (key: string, defaultValue?: string) => [string | undefined, Setter];
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=useHashParams.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHashParams.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA6CH,KAAK,OAAO,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAC9C,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B,CAAC;AACF,KAAK,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAE1E;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,QAClB,MAAM,iBACI,MAAM,KACpB,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CA8B7B,CAAC"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Original code from : https://www.npmjs.com/package/use-hash-param
|
|
3
|
+
* ISC License
|
|
4
|
+
*/
|
|
5
|
+
import { __read } from "tslib";
|
|
6
|
+
import { useCallback, useEffect, useState } from "react";
|
|
7
|
+
var getHashSearchParams = function (location) {
|
|
8
|
+
var hash = location.hash.slice(1);
|
|
9
|
+
var _a = __read(hash.split("?"), 2), prefix = _a[0], query = _a[1];
|
|
10
|
+
return [prefix, new URLSearchParams(query)];
|
|
11
|
+
};
|
|
12
|
+
var getHashParam = function (key, defaultValue) {
|
|
13
|
+
var _a;
|
|
14
|
+
if (typeof window === "undefined") {
|
|
15
|
+
return defaultValue;
|
|
16
|
+
}
|
|
17
|
+
var _b = __read(getHashSearchParams(window.location), 2), searchParams = _b[1];
|
|
18
|
+
return (_a = searchParams.get(key)) !== null && _a !== void 0 ? _a : defaultValue;
|
|
19
|
+
};
|
|
20
|
+
var setHashParam = function (key, value, shouldReplaceState) {
|
|
21
|
+
if (typeof window !== "undefined") {
|
|
22
|
+
var _a = __read(getHashSearchParams(window.location), 2), prefix = _a[0], searchParams = _a[1];
|
|
23
|
+
if (typeof value === "undefined" || value === "") {
|
|
24
|
+
searchParams.delete(key);
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
searchParams.set(key, value);
|
|
28
|
+
}
|
|
29
|
+
var search = searchParams.toString();
|
|
30
|
+
var hash = search ? "".concat(prefix, "?").concat(search) : prefix;
|
|
31
|
+
if (shouldReplaceState && "replaceState" in history) {
|
|
32
|
+
history.replaceState(null, "", "#".concat(hash));
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
window.location.hash = hash;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* @param key The parameter-name to use from the hash-string query string.
|
|
41
|
+
* @param defaultValue A default value to use if the parameter is not specified and on the server.
|
|
42
|
+
* @returns A two-tuple, the first element is the selected param value (either extracted from the hash param or the default value).
|
|
43
|
+
* The second element is a setter function to change the param value.
|
|
44
|
+
*/
|
|
45
|
+
export var useHashParam = function (key, defaultValue) {
|
|
46
|
+
var _a = __read(useState(function () {
|
|
47
|
+
return getHashParam(key, defaultValue);
|
|
48
|
+
}), 2), innerValue = _a[0], setInnerValue = _a[1];
|
|
49
|
+
useEffect(function () {
|
|
50
|
+
var handleHashChange = function () {
|
|
51
|
+
return setInnerValue(getHashParam(key, defaultValue));
|
|
52
|
+
};
|
|
53
|
+
handleHashChange();
|
|
54
|
+
window.addEventListener("hashchange", handleHashChange);
|
|
55
|
+
return function () { return window.removeEventListener("hashchange", handleHashChange); };
|
|
56
|
+
}, [key]);
|
|
57
|
+
var setValue = useCallback(function (newValue, options) {
|
|
58
|
+
if (options === void 0) { options = { history: "replace" }; }
|
|
59
|
+
var newInnerValue = typeof newValue === "function"
|
|
60
|
+
? newValue(getHashParam(key, defaultValue))
|
|
61
|
+
: newValue;
|
|
62
|
+
setInnerValue(newInnerValue);
|
|
63
|
+
setHashParam(key, newInnerValue, options.history === "replace");
|
|
64
|
+
}, [key]);
|
|
65
|
+
return [innerValue || defaultValue, setValue];
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=useHashParams.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHashParams.js","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PaginationState } from "@tanstack/react-table";
|
|
2
|
+
export declare const usePaginationFromUrl: (urlPrefix?: string, initialPageSize?: number) => {
|
|
3
|
+
pagination: PaginationState;
|
|
4
|
+
setPagination: (newValue: PaginationState) => void;
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=usePaginationFromUrl.d.ts.map
|
|
@@ -0,0 +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,eACnB,MAAM;;8BAgBiB,eAAe;CAWnD,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import { useMemo } from "react";
|
|
3
|
+
import { useHashParam } from "../hooks/useHashParams";
|
|
4
|
+
var defaultPageSize = 25;
|
|
5
|
+
export var usePaginationFromUrl = function (urlPrefix, initialPageSize) {
|
|
6
|
+
if (initialPageSize === void 0) { initialPageSize = defaultPageSize; }
|
|
7
|
+
var _a = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageIndex") : "pageIndex"), 2), pageIndexParam = _a[0], setPageIndexParam = _a[1];
|
|
8
|
+
var _b = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageSize") : "pageSize"), 2), pageSizeParam = _b[0], setPageSizeParam = _b[1];
|
|
9
|
+
var pageIndex = pageIndexParam ? parseInt(pageIndexParam) : 0;
|
|
10
|
+
var pageSize = pageSizeParam ? parseInt(pageSizeParam) : initialPageSize;
|
|
11
|
+
var res = useMemo(function () {
|
|
12
|
+
var pagination = { pageIndex: pageIndex, pageSize: pageSize };
|
|
13
|
+
var setPagination = function (newValue) {
|
|
14
|
+
if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
|
|
15
|
+
setPageIndexParam(newValue.pageIndex.toString());
|
|
16
|
+
setPageSizeParam(newValue.pageSize.toString());
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
return { pagination: pagination, setPagination: setPagination };
|
|
20
|
+
}, [pageIndex, pageSize, urlPrefix]);
|
|
21
|
+
return res;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=usePaginationFromUrl.js.map
|
|
@@ -0,0 +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,UAClC,SAAkB,EAClB,eAAiC;IAAjC,gCAAA,EAAA,iCAAiC;IAE3B,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,CAAC,CAAC;gBACjD,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"}
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
|