@elliemae/ds-datagrids 3.16.0-next.18 → 3.16.0-next.19
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/plugins/pagination/components/Paginator.js +11 -10
- package/dist/cjs/plugins/pagination/components/Paginator.js.map +2 -2
- package/dist/esm/plugins/pagination/components/Paginator.js +11 -10
- package/dist/esm/plugins/pagination/components/Paginator.js.map +2 -2
- package/package.json +20 -20
|
@@ -37,9 +37,10 @@ var import_jsx_runtime = require("react/jsx-runtime");
|
|
|
37
37
|
var import_react_pagify = __toESM(require("react-pagify"));
|
|
38
38
|
var import_segmentize = __toESM(require("segmentize"));
|
|
39
39
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
40
|
+
const Comp = import_react_pagify.default?.default ?? import_react_pagify.default;
|
|
40
41
|
const blockName = "data-grid";
|
|
41
42
|
const PaginationContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "pagination");
|
|
42
|
-
const PagifyContext = (0, import_ds_classnames.aggregatedClasses)(
|
|
43
|
+
const PagifyContext = (0, import_ds_classnames.aggregatedClasses)(Comp?.Context)(blockName, "pagify-pagination");
|
|
43
44
|
const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", labelNext = "Next" }) => {
|
|
44
45
|
const prevPage = pagination.page - 1;
|
|
45
46
|
const nextPage = pagination.page + 1;
|
|
@@ -55,15 +56,15 @@ const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", la
|
|
|
55
56
|
sidePages: 1
|
|
56
57
|
}),
|
|
57
58
|
children: [
|
|
58
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
59
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
60
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
61
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
62
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
64
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
65
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Button, { className: pagination.page <= 1 ? "button-disabled" : "", page: prevPage, children: labelPrevious }),
|
|
60
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Segment, { field: "beginPages" }),
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Ellipsis, { className: "ellipsis", nextField: "previousPages", previousField: "beginPages" }),
|
|
62
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Segment, { field: "previousPages" }),
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Segment, { className: "selected", field: "centerPage" }),
|
|
64
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Segment, { field: "nextPages" }),
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Ellipsis, { className: "ellipsis", nextField: "endPages", previousField: "nextPages" }),
|
|
66
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Segment, { field: "endPages" }),
|
|
67
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Comp.Button, { className: pagination.page >= pages ? "button-disabled" : "", page: nextPage, children: labelNext })
|
|
67
68
|
]
|
|
68
69
|
}
|
|
69
70
|
) });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/plugins/pagination/components/Paginator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport React from 'react';\nimport { default as ReactPagify } from 'react-pagify';\nimport segmentize from 'segmentize';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'data-grid';\nconst PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');\nconst PagifyContext = aggregatedClasses(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport React from 'react';\nimport { default as ReactPagify } from 'react-pagify';\nimport segmentize from 'segmentize';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Comp = (ReactPagify as any)?.default ?? ReactPagify;\nconst blockName = 'data-grid';\nconst PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');\nconst PagifyContext = aggregatedClasses(Comp?.Context)(blockName, 'pagify-pagination');\n\nconst Paginator = ({ pagination, pages, onSelect, labelPrevious = 'Previous', labelNext = 'Next' }) => {\n const prevPage = pagination.page - 1;\n const nextPage = pagination.page + 1;\n\n return (\n <PaginationContainer>\n <PagifyContext\n onSelect={(page) => page !== pagination.page && onSelect(page)}\n segments={segmentize({\n page: pagination.page,\n pages,\n beginPages: 1,\n endPages: 1,\n sidePages: 1,\n })}\n >\n <Comp.Button className={pagination.page <= 1 ? 'button-disabled' : ''} page={prevPage}>\n {labelPrevious}\n </Comp.Button>\n\n <Comp.Segment field=\"beginPages\" />\n\n <Comp.Ellipsis className=\"ellipsis\" nextField=\"previousPages\" previousField=\"beginPages\" />\n\n <Comp.Segment field=\"previousPages\" />\n <Comp.Segment className=\"selected\" field=\"centerPage\" />\n <Comp.Segment field=\"nextPages\" />\n\n <Comp.Ellipsis className=\"ellipsis\" nextField=\"endPages\" previousField=\"nextPages\" />\n\n <Comp.Segment field=\"endPages\" />\n\n <Comp.Button className={pagination.page >= pages ? 'button-disabled' : ''} page={nextPage}>\n {labelNext}\n </Comp.Button>\n </PagifyContext>\n </PaginationContainer>\n );\n};\n\nexport { Paginator };\nexport default Paginator;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAfN,0BAAuC;AACvC,wBAAuB;AACvB,2BAAkC;AAElC,MAAM,OAAQ,oBAAAA,SAAqB,WAAW,oBAAAA;AAC9C,MAAM,YAAY;AAClB,MAAM,0BAAsB,wCAAkB,KAAK,EAAE,WAAW,YAAY;AAC5E,MAAM,oBAAgB,wCAAkB,MAAM,OAAO,EAAE,WAAW,mBAAmB;AAErF,MAAM,YAAY,CAAC,EAAE,YAAY,OAAO,UAAU,gBAAgB,YAAY,YAAY,OAAO,MAAM;AACrG,QAAM,WAAW,WAAW,OAAO;AACnC,QAAM,WAAW,WAAW,OAAO;AAEnC,SACE,4CAAC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,SAAS,SAAS,WAAW,QAAQ,SAAS,IAAI;AAAA,MAC7D,cAAU,kBAAAC,SAAW;AAAA,QACnB,MAAM,WAAW;AAAA,QACjB;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb,CAAC;AAAA,MAED;AAAA,oDAAC,KAAK,QAAL,EAAY,WAAW,WAAW,QAAQ,IAAI,oBAAoB,IAAI,MAAM,UAC1E,yBACH;AAAA,QAEA,4CAAC,KAAK,SAAL,EAAa,OAAM,cAAa;AAAA,QAEjC,4CAAC,KAAK,UAAL,EAAc,WAAU,YAAW,WAAU,iBAAgB,eAAc,cAAa;AAAA,QAEzF,4CAAC,KAAK,SAAL,EAAa,OAAM,iBAAgB;AAAA,QACpC,4CAAC,KAAK,SAAL,EAAa,WAAU,YAAW,OAAM,cAAa;AAAA,QACtD,4CAAC,KAAK,SAAL,EAAa,OAAM,aAAY;AAAA,QAEhC,4CAAC,KAAK,UAAL,EAAc,WAAU,YAAW,WAAU,YAAW,eAAc,aAAY;AAAA,QAEnF,4CAAC,KAAK,SAAL,EAAa,OAAM,YAAW;AAAA,QAE/B,4CAAC,KAAK,QAAL,EAAY,WAAW,WAAW,QAAQ,QAAQ,oBAAoB,IAAI,MAAM,UAC9E,qBACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAGA,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["ReactPagify", "segmentize"]
|
|
7
7
|
}
|
|
@@ -3,9 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import { default as ReactPagify } from "react-pagify";
|
|
4
4
|
import segmentize from "segmentize";
|
|
5
5
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
6
|
+
const Comp = ReactPagify?.default ?? ReactPagify;
|
|
6
7
|
const blockName = "data-grid";
|
|
7
8
|
const PaginationContainer = aggregatedClasses("div")(blockName, "pagination");
|
|
8
|
-
const PagifyContext = aggregatedClasses(
|
|
9
|
+
const PagifyContext = aggregatedClasses(Comp?.Context)(blockName, "pagify-pagination");
|
|
9
10
|
const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", labelNext = "Next" }) => {
|
|
10
11
|
const prevPage = pagination.page - 1;
|
|
11
12
|
const nextPage = pagination.page + 1;
|
|
@@ -21,15 +22,15 @@ const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", la
|
|
|
21
22
|
sidePages: 1
|
|
22
23
|
}),
|
|
23
24
|
children: [
|
|
24
|
-
/* @__PURE__ */ jsx(
|
|
25
|
-
/* @__PURE__ */ jsx(
|
|
26
|
-
/* @__PURE__ */ jsx(
|
|
27
|
-
/* @__PURE__ */ jsx(
|
|
28
|
-
/* @__PURE__ */ jsx(
|
|
29
|
-
/* @__PURE__ */ jsx(
|
|
30
|
-
/* @__PURE__ */ jsx(
|
|
31
|
-
/* @__PURE__ */ jsx(
|
|
32
|
-
/* @__PURE__ */ jsx(
|
|
25
|
+
/* @__PURE__ */ jsx(Comp.Button, { className: pagination.page <= 1 ? "button-disabled" : "", page: prevPage, children: labelPrevious }),
|
|
26
|
+
/* @__PURE__ */ jsx(Comp.Segment, { field: "beginPages" }),
|
|
27
|
+
/* @__PURE__ */ jsx(Comp.Ellipsis, { className: "ellipsis", nextField: "previousPages", previousField: "beginPages" }),
|
|
28
|
+
/* @__PURE__ */ jsx(Comp.Segment, { field: "previousPages" }),
|
|
29
|
+
/* @__PURE__ */ jsx(Comp.Segment, { className: "selected", field: "centerPage" }),
|
|
30
|
+
/* @__PURE__ */ jsx(Comp.Segment, { field: "nextPages" }),
|
|
31
|
+
/* @__PURE__ */ jsx(Comp.Ellipsis, { className: "ellipsis", nextField: "endPages", previousField: "nextPages" }),
|
|
32
|
+
/* @__PURE__ */ jsx(Comp.Segment, { field: "endPages" }),
|
|
33
|
+
/* @__PURE__ */ jsx(Comp.Button, { className: pagination.page >= pages ? "button-disabled" : "", page: nextPage, children: labelNext })
|
|
33
34
|
]
|
|
34
35
|
}
|
|
35
36
|
) });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/pagination/components/Paginator.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport React from 'react';\nimport { default as ReactPagify } from 'react-pagify';\nimport segmentize from 'segmentize';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'data-grid';\nconst PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');\nconst PagifyContext = aggregatedClasses(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable @typescript-eslint/no-unsafe-member-access */\nimport React from 'react';\nimport { default as ReactPagify } from 'react-pagify';\nimport segmentize from 'segmentize';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Comp = (ReactPagify as any)?.default ?? ReactPagify;\nconst blockName = 'data-grid';\nconst PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');\nconst PagifyContext = aggregatedClasses(Comp?.Context)(blockName, 'pagify-pagination');\n\nconst Paginator = ({ pagination, pages, onSelect, labelPrevious = 'Previous', labelNext = 'Next' }) => {\n const prevPage = pagination.page - 1;\n const nextPage = pagination.page + 1;\n\n return (\n <PaginationContainer>\n <PagifyContext\n onSelect={(page) => page !== pagination.page && onSelect(page)}\n segments={segmentize({\n page: pagination.page,\n pages,\n beginPages: 1,\n endPages: 1,\n sidePages: 1,\n })}\n >\n <Comp.Button className={pagination.page <= 1 ? 'button-disabled' : ''} page={prevPage}>\n {labelPrevious}\n </Comp.Button>\n\n <Comp.Segment field=\"beginPages\" />\n\n <Comp.Ellipsis className=\"ellipsis\" nextField=\"previousPages\" previousField=\"beginPages\" />\n\n <Comp.Segment field=\"previousPages\" />\n <Comp.Segment className=\"selected\" field=\"centerPage\" />\n <Comp.Segment field=\"nextPages\" />\n\n <Comp.Ellipsis className=\"ellipsis\" nextField=\"endPages\" previousField=\"nextPages\" />\n\n <Comp.Segment field=\"endPages\" />\n\n <Comp.Button className={pagination.page >= pages ? 'button-disabled' : ''} page={nextPage}>\n {labelNext}\n </Comp.Button>\n </PagifyContext>\n </PaginationContainer>\n );\n};\n\nexport { Paginator };\nexport default Paginator;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACkBjB,SAUE,KAVF;AAfN,SAAS,WAAW,mBAAmB;AACvC,OAAO,gBAAgB;AACvB,SAAS,yBAAyB;AAElC,MAAM,OAAQ,aAAqB,WAAW;AAC9C,MAAM,YAAY;AAClB,MAAM,sBAAsB,kBAAkB,KAAK,EAAE,WAAW,YAAY;AAC5E,MAAM,gBAAgB,kBAAkB,MAAM,OAAO,EAAE,WAAW,mBAAmB;AAErF,MAAM,YAAY,CAAC,EAAE,YAAY,OAAO,UAAU,gBAAgB,YAAY,YAAY,OAAO,MAAM;AACrG,QAAM,WAAW,WAAW,OAAO;AACnC,QAAM,WAAW,WAAW,OAAO;AAEnC,SACE,oBAAC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,SAAS,SAAS,WAAW,QAAQ,SAAS,IAAI;AAAA,MAC7D,UAAU,WAAW;AAAA,QACnB,MAAM,WAAW;AAAA,QACjB;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb,CAAC;AAAA,MAED;AAAA,4BAAC,KAAK,QAAL,EAAY,WAAW,WAAW,QAAQ,IAAI,oBAAoB,IAAI,MAAM,UAC1E,yBACH;AAAA,QAEA,oBAAC,KAAK,SAAL,EAAa,OAAM,cAAa;AAAA,QAEjC,oBAAC,KAAK,UAAL,EAAc,WAAU,YAAW,WAAU,iBAAgB,eAAc,cAAa;AAAA,QAEzF,oBAAC,KAAK,SAAL,EAAa,OAAM,iBAAgB;AAAA,QACpC,oBAAC,KAAK,SAAL,EAAa,WAAU,YAAW,OAAM,cAAa;AAAA,QACtD,oBAAC,KAAK,SAAL,EAAa,OAAM,aAAY;AAAA,QAEhC,oBAAC,KAAK,UAAL,EAAc,WAAU,YAAW,WAAU,YAAW,eAAc,aAAY;AAAA,QAEnF,oBAAC,KAAK,SAAL,EAAa,OAAM,YAAW;AAAA,QAE/B,oBAAC,KAAK,QAAL,EAAY,WAAW,WAAW,QAAQ,QAAQ,oBAAoB,IAAI,MAAM,UAC9E,qBACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;AAGA,IAAO,oBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-datagrids",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.19",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Data Grids",
|
|
6
6
|
"files": [
|
|
@@ -556,25 +556,25 @@
|
|
|
556
556
|
"sortabular": "~1.6.0",
|
|
557
557
|
"stylesheet-helpers": "~0.2.2",
|
|
558
558
|
"uuid": "~8.3.2",
|
|
559
|
-
"@elliemae/ds-button": "3.16.0-next.
|
|
560
|
-
"@elliemae/ds-
|
|
561
|
-
"@elliemae/ds-
|
|
562
|
-
"@elliemae/ds-
|
|
563
|
-
"@elliemae/ds-
|
|
564
|
-
"@elliemae/ds-
|
|
565
|
-
"@elliemae/ds-form": "3.16.0-next.
|
|
566
|
-
"@elliemae/ds-grid": "3.16.0-next.
|
|
567
|
-
"@elliemae/ds-icons": "3.16.0-next.
|
|
568
|
-
"@elliemae/ds-menu": "3.16.0-next.
|
|
569
|
-
"@elliemae/ds-popper": "3.16.0-next.
|
|
570
|
-
"@elliemae/ds-props-helpers": "3.16.0-next.
|
|
571
|
-
"@elliemae/ds-separator": "3.16.0-next.
|
|
572
|
-
"@elliemae/ds-shared": "3.16.0-next.
|
|
573
|
-
"@elliemae/ds-spinner": "3.16.0-next.
|
|
574
|
-
"@elliemae/ds-system": "3.16.0-next.
|
|
575
|
-
"@elliemae/ds-toolbar": "3.16.0-next.
|
|
576
|
-
"@elliemae/ds-truncated-tooltip-text": "3.16.0-next.
|
|
577
|
-
"@elliemae/ds-utilities": "3.16.0-next.
|
|
559
|
+
"@elliemae/ds-button": "3.16.0-next.19",
|
|
560
|
+
"@elliemae/ds-controlled-form": "3.16.0-next.19",
|
|
561
|
+
"@elliemae/ds-dropdownmenu": "3.16.0-next.19",
|
|
562
|
+
"@elliemae/ds-classnames": "3.16.0-next.19",
|
|
563
|
+
"@elliemae/ds-filterbar": "3.16.0-next.19",
|
|
564
|
+
"@elliemae/ds-datagrids": "3.16.0-next.19",
|
|
565
|
+
"@elliemae/ds-form": "3.16.0-next.19",
|
|
566
|
+
"@elliemae/ds-grid": "3.16.0-next.19",
|
|
567
|
+
"@elliemae/ds-icons": "3.16.0-next.19",
|
|
568
|
+
"@elliemae/ds-menu": "3.16.0-next.19",
|
|
569
|
+
"@elliemae/ds-popper": "3.16.0-next.19",
|
|
570
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.19",
|
|
571
|
+
"@elliemae/ds-separator": "3.16.0-next.19",
|
|
572
|
+
"@elliemae/ds-shared": "3.16.0-next.19",
|
|
573
|
+
"@elliemae/ds-spinner": "3.16.0-next.19",
|
|
574
|
+
"@elliemae/ds-system": "3.16.0-next.19",
|
|
575
|
+
"@elliemae/ds-toolbar": "3.16.0-next.19",
|
|
576
|
+
"@elliemae/ds-truncated-tooltip-text": "3.16.0-next.19",
|
|
577
|
+
"@elliemae/ds-utilities": "3.16.0-next.19"
|
|
578
578
|
},
|
|
579
579
|
"devDependencies": {
|
|
580
580
|
"@testing-library/jest-dom": "~5.16.5",
|