@elliemae/ds-pagination 3.16.0-next.3 → 3.16.0-next.5

package/dist/cjs/parts/PaginationContent.js

@@ -29,14 +29,12 @@ __export(PaginationContent_exports, {
 module.exports = __toCommonJS(PaginationContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_DSPaginationContainer = require("./DSPaginationContainer");
 var import_styled = require("../styled");
-var import_PerPageSelector = __toESM(require("./PerPageSelector"));
-var import_Paginator = __toESM(require("./Paginator"));
-var import_PaginationDataTestID = require("../PaginationDataTestID");
-var import_PagePrevButton = require("./PagePrevButton");
-var import_PageNextButton = require("./PageNextButton");
+var import_DSPerPageSelector = require("./DSPerPageSelector");
+var import_DSPaginator = require("./DSPaginator");
+var import_DSPagePrevButton = require("./DSPagePrevButton");
+var import_DSPageNextButton = require("./DSPageNextButton");
 const PaginationContent = (props) => {
   const {
     pageIndex,
@@ -57,49 +55,36 @@ const PaginationContent = (props) => {
     perPageStep,
     minPerPage
   } = props;
-  const { rows, wrap, ...globalAttributes } = (0, import_ds_props_helpers.useGetGlobalAttributes)(props);
-  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.PaginationContainer,
-    {
-      justifyContent: "center",
-      alignItems: "center",
-      "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER,
-      ...globalAttributes,
-      ...xstyledProps,
-      cols: ["minmax(auto, 80%)"],
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.PaginationWrapper, { children: [
-        showPerPageSelector && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_PerPageSelector.default,
-            {
-              pageSize,
-              onPageSizeChange,
-              perPageOptions,
-              maxPerPage,
-              perPageStep,
-              minPerPage
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, { mr: 24 })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { mr: "32px", alignItems: "center", style: { gridAutoFlow: "column" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PagePrevButton.PagePrevButton, { canPreviousPage, onPreviousPage }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_Paginator.default,
-            {
-              pageCount,
-              isLoadingPageCount,
-              pageIndex,
-              onPageChange,
-              pageDetails,
-              pageDetailsTitle
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageNextButton.PageNextButton, { canNextPage, onNextPage })
-        ] })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DSPaginationContainer.DSPaginationContainer, { ...props, children: [
+    showPerPageSelector && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DSPerPageSelector.DSPerPageSelector,
+        {
+          pageSize,
+          onPageSizeChange,
+          perPageOptions,
+          maxPerPage,
+          perPageStep,
+          minPerPage
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.DSPaginationSeparator, { mr: 24 })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSPagePrevButton.DSPagePrevButton, { canPreviousPage, onPreviousPage }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.DSPaginationSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_DSPaginator.DSPaginator,
+      {
+        pageCount,
+        isLoadingPageCount,
+        pageIndex,
+        onPageChange,
+        pageDetails,
+        pageDetailsTitle
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.DSPaginationSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSPageNextButton.DSPageNextButton, { canNextPage, onNextPage })
+  ] });
 };
 //# sourceMappingURL=PaginationContent.js.map

package/dist/cjs/parts/PaginationContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/PaginationContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport { PaginationContainer, PaginationSeparator, PaginationWrapper } from '../styled';\nimport PerPageSelector from './PerPageSelector';\nimport Paginator from './Paginator';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PagePrevButton } from './PagePrevButton';\nimport { PageNextButton } from './PageNextButton';\nimport type { DSPaginationT } from '../react-desc-prop-types';\n\nexport const PaginationContent: React.ComponentType<DSPaginationT.InternalProps> = (props) => {\n  const {\n    pageIndex,\n    pageSize,\n    canPreviousPage,\n    canNextPage,\n    onPageSizeChange,\n    onNextPage,\n    onPreviousPage,\n    onPageChange,\n    pageCount,\n    isLoadingPageCount,\n    showPerPageSelector,\n    pageDetails,\n    pageDetailsTitle,\n    perPageOptions,\n    maxPerPage,\n    perPageStep,\n    minPerPage,\n  } = props;\n\n  // eslint-disable-next-line no-unused-vars\n  const { rows, wrap, ...globalAttributes } = useGetGlobalAttributes(props);\n  const xstyledProps = useGetXstyledProps(props);\n\n  return (\n    <PaginationContainer\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      data-testid={PAGINATION_DATA_TESTID.CONTAINER}\n      {...globalAttributes}\n      {...xstyledProps}\n      cols={['minmax(auto, 80%)']}\n    >\n      <PaginationWrapper>\n        {showPerPageSelector && (\n          <>\n            <PerPageSelector\n              pageSize={pageSize}\n              onPageSizeChange={onPageSizeChange}\n              perPageOptions={perPageOptions}\n              maxPerPage={maxPerPage}\n              perPageStep={perPageStep}\n              minPerPage={minPerPage}\n            />\n            <PaginationSeparator mr={24} />\n          </>\n        )}\n        <Grid mr=\"32px\" alignItems=\"center\" style={{ gridAutoFlow: 'column' }}>\n          <PagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n          <Paginator\n            pageCount={pageCount}\n            isLoadingPageCount={isLoadingPageCount}\n            pageIndex={pageIndex}\n            onPageChange={onPageChange}\n            pageDetails={pageDetails}\n            pageDetailsTitle={pageDetailsTitle}\n          />\n          <PageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n        </Grid>\n      </PaginationWrapper>\n    </PaginationContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgDb;AA9CV,qBAAqB;AACrB,8BAA2D;AAC3D,oBAA4E;AAC5E,6BAA4B;AAC5B,uBAAsB;AACtB,kCAAuC;AACvC,4BAA+B;AAC/B,4BAA+B;AAGxB,MAAM,oBAAsE,CAAC,UAAU;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAGJ,QAAM,EAAE,MAAM,SAAS,iBAAiB,QAAI,gDAAuB,KAAK;AACxE,QAAM,mBAAe,4CAAmB,KAAK;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,eAAa,mDAAuB;AAAA,MACnC,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAM,CAAC,mBAAmB;AAAA,MAE1B,uDAAC,mCACE;AAAA,+BACC,4EACE;AAAA;AAAA,YAAC,uBAAAA;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UACA,4CAAC,qCAAoB,IAAI,IAAI;AAAA,WAC/B;AAAA,QAEF,6CAAC,uBAAK,IAAG,QAAO,YAAW,UAAS,OAAO,EAAE,cAAc,SAAS,GAClE;AAAA,sDAAC,wCAAe,iBAAkC,gBAAgC;AAAA,UAClF;AAAA,YAAC,iBAAAC;AAAA,YAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF;AAAA,UACA,4CAAC,wCAAe,aAA0B,YAAwB;AAAA,WACpE;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;",
-  "names": ["PerPageSelector", "Paginator"]
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSPaginationContainer } from './DSPaginationContainer';\nimport { DSPaginationSeparator } from '../styled';\nimport { DSPerPageSelector } from './DSPerPageSelector';\nimport { DSPaginator } from './DSPaginator';\nimport { DSPagePrevButton } from './DSPagePrevButton';\nimport { DSPageNextButton } from './DSPageNextButton';\nimport type { DSPaginationT } from '../react-desc-prop-types';\n\nexport const PaginationContent: React.ComponentType<DSPaginationT.InternalProps> = (props) => {\n  const {\n    pageIndex,\n    pageSize,\n    canPreviousPage,\n    canNextPage,\n    onPageSizeChange,\n    onNextPage,\n    onPreviousPage,\n    onPageChange,\n    pageCount,\n    isLoadingPageCount,\n    showPerPageSelector,\n    pageDetails,\n    pageDetailsTitle,\n    perPageOptions,\n    maxPerPage,\n    perPageStep,\n    minPerPage,\n  } = props;\n\n  return (\n    <DSPaginationContainer {...props}>\n      {showPerPageSelector && (\n        <>\n          <DSPerPageSelector\n            pageSize={pageSize}\n            onPageSizeChange={onPageSizeChange}\n            perPageOptions={perPageOptions}\n            maxPerPage={maxPerPage}\n            perPageStep={perPageStep}\n            minPerPage={minPerPage}\n          />\n          <DSPaginationSeparator mr={24} />\n        </>\n      )}\n      <DSPagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n      <DSPaginationSeparator />\n\n      <DSPaginator\n        pageCount={pageCount}\n        isLoadingPageCount={isLoadingPageCount}\n        pageIndex={pageIndex}\n        onPageChange={onPageChange}\n        pageDetails={pageDetails}\n        pageDetailsTitle={pageDetailsTitle}\n      />\n      <DSPaginationSeparator />\n\n      <DSPageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n    </DSPaginationContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCf;AAhCR,mCAAsC;AACtC,oBAAsC;AACtC,+BAAkC;AAClC,yBAA4B;AAC5B,8BAAiC;AACjC,8BAAiC;AAG1B,MAAM,oBAAsE,CAAC,UAAU;AAC5F,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE,6CAAC,sDAAuB,GAAG,OACxB;AAAA,2BACC,4EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MACA,4CAAC,uCAAsB,IAAI,IAAI;AAAA,OACjC;AAAA,IAEF,4CAAC,4CAAiB,iBAAkC,gBAAgC;AAAA,IACpF,4CAAC,uCAAsB;AAAA,IAEvB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA,4CAAC,uCAAsB;AAAA,IAEvB,4CAAC,4CAAiB,aAA0B,YAAwB;AAAA,KACtE;AAEJ;",
+  "names": []
 }

package/dist/cjs/parts/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var parts_exports = {};
+__export(parts_exports, {
+  DSPageNextButton: () => import_DSPageNextButton.DSPageNextButton,
+  DSPageNextButtonWithSchema: () => import_DSPageNextButton.DSPageNextButtonWithSchema,
+  DSPagePrevButton: () => import_DSPagePrevButton.DSPagePrevButton,
+  DSPagePrevButtonWithSchema: () => import_DSPagePrevButton.DSPagePrevButtonWithSchema,
+  DSPaginationContainer: () => import_DSPaginationContainer.DSPaginationContainer,
+  DSPaginationContainerWithSchema: () => import_DSPaginationContainer.DSPaginationContainerWithSchema,
+  DSPaginator: () => import_DSPaginator.DSPaginator,
+  DSPaginatorWithSchema: () => import_DSPaginator.DSPaginatorWithSchema,
+  DSPerPageSelector: () => import_DSPerPageSelector.DSPerPageSelector,
+  DSPerPageSelectorWithSchema: () => import_DSPerPageSelector.DSPerPageSelectorWithSchema
+});
+module.exports = __toCommonJS(parts_exports);
+var React = __toESM(require("react"));
+var import_DSPageNextButton = require("./DSPageNextButton");
+var import_DSPagePrevButton = require("./DSPagePrevButton");
+var import_DSPaginationContainer = require("./DSPaginationContainer");
+var import_DSPerPageSelector = require("./DSPerPageSelector");
+var import_DSPaginator = require("./DSPaginator");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSPageNextButton, DSPageNextButtonWithSchema } from './DSPageNextButton';\nexport { DSPagePrevButton, DSPagePrevButtonWithSchema } from './DSPagePrevButton';\nexport { DSPaginationContainer, DSPaginationContainerWithSchema } from './DSPaginationContainer';\nexport { DSPerPageSelector, DSPerPageSelectorWithSchema } from './DSPerPageSelector';\nexport { DSPaginator, DSPaginatorWithSchema } from './DSPaginator';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA6D;AAC7D,8BAA6D;AAC7D,mCAAuE;AACvE,+BAA+D;AAC/D,yBAAmD;",
+  "names": []
+}

package/dist/cjs/react-desc-prop-types.js

@@ -24,13 +24,52 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
+  DSPageNextButtonPropTypes: () => DSPageNextButtonPropTypes,
+  DSPageNextButtonPropTypesSchema: () => DSPageNextButtonPropTypesSchema,
+  DSPagePrevButtonPropTypes: () => DSPagePrevButtonPropTypes,
+  DSPagePrevButtonPropTypesSchema: () => DSPagePrevButtonPropTypesSchema,
+  DSPaginationContainerPropTypes: () => DSPaginationContainerPropTypes,
+  DSPaginationContainerPropTypesSchema: () => DSPaginationContainerPropTypesSchema,
   DSPaginationPropTypes: () => DSPaginationPropTypes,
   DSPaginationPropTypesSchema: () => DSPaginationPropTypesSchema,
-  defaultProps: () => defaultProps
+  DSPaginationStyledPartPropTypes: () => DSPaginationStyledPartPropTypes,
+  DSPaginationStyledPartPropTypesSchema: () => DSPaginationStyledPartPropTypesSchema,
+  DSPaginatorPropTypes: () => DSPaginatorPropTypes,
+  DSPaginatorPropTypesSchema: () => DSPaginatorPropTypesSchema,
+  DSPerPageSelectorPropTypes: () => DSPerPageSelectorPropTypes,
+  DSPerPageSelectorPropTypesSchema: () => DSPerPageSelectorPropTypesSchema,
+  defaultProps: () => defaultProps,
+  pageNextButtonDefaultProps: () => pageNextButtonDefaultProps,
+  pagePrevButtonDefaultProps: () => pagePrevButtonDefaultProps,
+  paginatorDefaultProps: () => paginatorDefaultProps,
+  perPageSelectorDefaultProps: () => perPageSelectorDefaultProps
 });
 module.exports = __toCommonJS(react_desc_prop_types_exports);
 var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const perPageSelectorDefaultProps = {
+  pageSize: 10,
+  onPageSizeChange: () => null,
+  perPageStep: 5,
+  minPerPage: 0,
+  maxPerPage: 100
+};
+const pagePrevButtonDefaultProps = {
+  canPreviousPage: true,
+  onPreviousPage: () => null
+};
+const pageNextButtonDefaultProps = {
+  canNextPage: true,
+  onNextPage: () => null
+};
+const paginatorDefaultProps = {
+  pageCount: 0,
+  isLoadingPageCount: false,
+  pageIndex: 1,
+  onPageChange: () => null,
+  pageDetails: [],
+  pageDetailsTitle: ""
+};
 const defaultProps = {
   pageCount: 0,
   pageIndex: 1,
@@ -39,7 +78,6 @@ const defaultProps = {
   canNextPage: true,
   pageSize: 10,
   showPerPageSelector: true,
-  perPageOptions: [10],
   perPageStep: 5,
   minPerPage: 0,
   maxPerPage: 100,
@@ -52,36 +90,72 @@ const defaultProps = {
   width: "100%"
 };
 const DSPaginationPropTypes = {
-  ...import_ds_utilities.globalAttributesPropTypes,
-  ...import_ds_utilities.xstyledPropTypes,
-  pageIndex: import_ds_utilities.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
-  pageCount: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("How many pages are there"),
-  pageSize: import_ds_utilities.PropTypes.number.description("The current page size").defaultValue(10),
-  canPreviousPage: import_ds_utilities.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
-  canNextPage: import_ds_utilities.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
-  onPreviousPage: import_ds_utilities.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
-  onPageChange: import_ds_utilities.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
-  onNextPage: import_ds_utilities.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
-  showPerPageSelector: import_ds_utilities.PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
-  perPageOptions: import_ds_utilities.PropTypes.arrayOf(
-    import_ds_utilities.PropTypes.oneOfType([
-      import_ds_utilities.PropTypes.number,
-      import_ds_utilities.PropTypes.shape({
-        dsId: import_ds_utilities.PropTypes.string,
-        value: import_ds_utilities.PropTypes.number,
-        label: import_ds_utilities.PropTypes.string,
-        type: import_ds_utilities.PropTypes.oneOf(["single"])
-      })
-    ])
-  ).description("The available options for page size").defaultValue([10]),
-  minPerPage: import_ds_utilities.PropTypes.number.description("Min for the per page options").defaultValue(0),
-  maxPerPage: import_ds_utilities.PropTypes.number.description("Max for the per page options").defaultValue(100),
-  perPageStep: import_ds_utilities.PropTypes.number.description("Step for the per page options").defaultValue(5),
-  onPageSizeChange: import_ds_utilities.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
-  pageDetails: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.string).description("Details to provide for each page").defaultValue([]),
-  pageDetailsTitle: import_ds_utilities.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue(""),
-  width: import_ds_utilities.PropTypes.any.description("Width for the container of the pagination").defaultValue("100%"),
-  isLoadingPageCount: import_ds_utilities.PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false)
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  pageIndex: import_ds_props_helpers.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
+  pageCount: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("How many pages are there"),
+  pageSize: import_ds_props_helpers.PropTypes.number.description("The current page size").defaultValue(10),
+  canPreviousPage: import_ds_props_helpers.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
+  canNextPage: import_ds_props_helpers.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
+  onPreviousPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
+  onPageChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
+  onNextPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
+  showPerPageSelector: import_ds_props_helpers.PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
+  perPageOptions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object])).description("The available options for page size").defaultValue([10]),
+  minPerPage: import_ds_props_helpers.PropTypes.number.description("Min for the per page options").defaultValue(0),
+  maxPerPage: import_ds_props_helpers.PropTypes.number.description("Max for the per page options").defaultValue(100),
+  perPageStep: import_ds_props_helpers.PropTypes.number.description("Step for the per page options").defaultValue(5),
+  onPageSizeChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
+  pageDetails: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("Details to provide for each page").defaultValue([]),
+  pageDetailsTitle: import_ds_props_helpers.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue(""),
+  width: import_ds_props_helpers.PropTypes.any.description("Width for the container of the pagination").defaultValue("100%"),
+  isLoadingPageCount: import_ds_props_helpers.PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false)
 };
 const DSPaginationPropTypesSchema = DSPaginationPropTypes;
+const DSPerPageSelectorPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  pageSize: import_ds_props_helpers.PropTypes.number.description("The current page size").defaultValue(10),
+  onPageSizeChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
+  perPageOptions: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.object])).description("The available options for page size").defaultValue([10]),
+  minPerPage: import_ds_props_helpers.PropTypes.number.description("Min for the per page options").defaultValue(0),
+  maxPerPage: import_ds_props_helpers.PropTypes.number.description("Max for the per page options").defaultValue(100),
+  perPageStep: import_ds_props_helpers.PropTypes.number.description("Step for the per page options").defaultValue(5)
+};
+const DSPerPageSelectorPropTypesSchema = DSPerPageSelectorPropTypes;
+const DSPagePrevButtonPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  canPreviousPage: import_ds_props_helpers.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
+  onPreviousPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null)
+};
+const DSPagePrevButtonPropTypesSchema = DSPagePrevButtonPropTypes;
+const DSPageNextButtonPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  canNextPage: import_ds_props_helpers.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
+  onNextPage: import_ds_props_helpers.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null)
+};
+const DSPageNextButtonPropTypesSchema = DSPageNextButtonPropTypes;
+const DSPaginatorPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  pageIndex: import_ds_props_helpers.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
+  pageCount: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("How many pages are there"),
+  onPageChange: import_ds_props_helpers.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
+  isLoadingPageCount: import_ds_props_helpers.PropTypes.bool.description("Whether the page count is loading or not").defaultValue(false),
+  pageDetails: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.string).description("Details to provide for each page").defaultValue([]),
+  pageDetailsTitle: import_ds_props_helpers.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue("")
+};
+const DSPaginatorPropTypesSchema = DSPaginatorPropTypes;
+const DSPaginationContainerPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes
+};
+const DSPaginationContainerPropTypesSchema = DSPaginationContainerPropTypes;
+const DSPaginationStyledPartPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes
+};
+const DSPaginationStyledPartPropTypesSchema = DSPaginationStyledPartPropTypes;
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-utilities';\n\nexport namespace DSPaginationT {\n  export interface DefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    canPreviousPage: boolean;\n    canNextPage: boolean;\n    pageSize: number;\n    showPerPageSelector: boolean;\n    perPageOptions: (number | Record<string, unknown>)[];\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n    onPageSizeChange: (pageSize: number) => void;\n    onPreviousPage: () => void;\n    onNextPage: () => void;\n    onPageChange: (page: number) => void;\n    pageDetails: string[];\n    pageDetailsTitle: string;\n    width: string | number;\n  }\n  export interface OptionalProps {}\n  export interface RequiredProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSPaginationT.DefaultProps = {\n  pageCount: 0,\n  pageIndex: 1,\n  isLoadingPageCount: false,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageOptions: [10],\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: () => null,\n  onPreviousPage: () => null,\n  onNextPage: () => null,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n\nexport const DSPaginationPropTypes: DSPropTypesSchema<DSPaginationT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.shape({\n        dsId: PropTypes.string,\n        value: PropTypes.number,\n        label: PropTypes.string,\n        type: PropTypes.oneOf(['single']),\n      }),\n    ]),\n  )\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n  width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%'),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n};\n\nexport const DSPaginationPropTypesSchema = DSPaginationPropTypes as unknown as WeakValidationMap<DSPaginationT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAAuE;AA2ChE,MAAM,eAA2C;AAAA,EACtD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,gBAAgB,CAAC,EAAE;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB,MAAM;AAAA,EACxB,gBAAgB,MAAM;AAAA,EACtB,YAAY,MAAM;AAAA,EAClB,cAAc,MAAM;AAAA,EACpB,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,WAAW,8BAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,0BAA0B;AAAA,EAC3G,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,iBAAiB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,8BAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,gBAAgB,8BAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,8BAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,EAC1G,YAAY,8BAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,EAC9G,qBAAqB,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,8BAAU;AAAA,IACxB,8BAAU,UAAU;AAAA,MAClB,8BAAU;AAAA,MACV,8BAAU,MAAM;AAAA,QACd,MAAM,8BAAU;AAAA,QAChB,OAAO,8BAAU;AAAA,QACjB,OAAO,8BAAU;AAAA,QACjB,MAAM,8BAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,MAClC,CAAC;AAAA,IACH,CAAC;AAAA,EACH,EACG,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,YAAY,8BAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,CAAC;AAAA,EACvF,YAAY,8BAAU,OAAO,YAAY,8BAA8B,EAAE,aAAa,GAAG;AAAA,EACzF,aAAa,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,kBAAkB,8BAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,aAAa,8BAAU,QAAQ,8BAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,EAChH,kBAAkB,8BAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,EAClB,OAAO,8BAAU,IAAI,YAAY,2CAA2C,EAAE,aAAa,MAAM;AAAA,EACjG,oBAAoB,8BAAU,KAAK,YAAY,0CAA0C,EAAE,aAAa,KAAK;AAC/G;AAEO,MAAM,8BAA8B;",
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { globalAttributesPropTypes, PropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport type { DSDropdownMenuT } from '@elliemae/ds-dropdownmenu';\n\nexport namespace DSPaginationT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface PerPageSelectorDefaultProps {\n    pageSize: number;\n    onPageSizeChange: (pageSize: number) => void;\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n  }\n  export interface PerPageSelectorOptionalProps {\n    perPageOptions?: (number | DSDropdownMenuT.ItemSingleOptions)[];\n  }\n  export interface PerPageSelectorRequiredProps {}\n\n  export type PerPageSelectorProps = PropsT<\n    PerPageSelectorDefaultProps,\n    PerPageSelectorRequiredProps,\n    PerPageSelectorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type PerPageSelectorInternalProps = InternalPropsT<\n    PerPageSelectorDefaultProps,\n    PerPageSelectorRequiredProps,\n    PerPageSelectorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export interface PagePrevButtonDefaultProps {\n    canPreviousPage: boolean;\n    onPreviousPage: () => void;\n  }\n  export interface PagePrevButtonOptionalProps {}\n  export interface PagePrevButtonRequiredProps {}\n\n  export type PagePrevButtonProps = PropsT<\n    PagePrevButtonDefaultProps,\n    PagePrevButtonRequiredProps,\n    PagePrevButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type PagePrevButtonInternalProps = InternalPropsT<\n    PagePrevButtonDefaultProps,\n    PagePrevButtonRequiredProps,\n    PagePrevButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export interface PageNextButtonDefaultProps {\n    canNextPage: boolean;\n    onNextPage: () => void;\n  }\n  export interface PageNextButtonOptionalProps {}\n  export interface PageNextButtonRequiredProps {}\n\n  export type PageNextButtonProps = PropsT<\n    PageNextButtonDefaultProps,\n    PageNextButtonRequiredProps,\n    PageNextButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type PageNextButtonInternalProps = InternalPropsT<\n    PageNextButtonDefaultProps,\n    PageNextButtonRequiredProps,\n    PageNextButtonOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export interface PaginatorDefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    onPageChange: (page: number) => void;\n    pageDetails: string[];\n    pageDetailsTitle: string;\n  }\n  export interface PaginatorOptionalProps {}\n  export interface PaginatorRequiredProps {}\n\n  export type PaginatorProps = PropsT<\n    PaginatorDefaultProps,\n    PaginatorRequiredProps,\n    PaginatorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type PaginatorInternalProps = InternalPropsT<\n    PaginatorDefaultProps,\n    PaginatorRequiredProps,\n    PaginatorOptionalProps,\n    HTMLDivElement\n  >;\n\n  export interface ContainerDefaultProps {}\n  export interface ContainerOptionalProps {}\n  export interface ContainerRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ContainerProps = PropsT<\n    ContainerDefaultProps,\n    ContainerRequiredProps,\n    ContainerOptionalProps,\n    HTMLDivElement\n  >;\n\n  export type ContainerInternalProps = InternalPropsT<\n    ContainerDefaultProps,\n    ContainerRequiredProps,\n    ContainerOptionalProps,\n    HTMLDivElement\n  >;\n\n  // LEGACY WAY OF USING THE PAGINATION COMPONENT\n  export interface DefaultProps {\n    pageCount: number | string;\n    isLoadingPageCount: boolean;\n    pageIndex: number;\n    canPreviousPage: boolean;\n    canNextPage: boolean;\n    pageSize: number;\n    showPerPageSelector: boolean;\n    perPageStep: number;\n    minPerPage: number;\n    maxPerPage: number;\n    onPageSizeChange: (pageSize: number) => void;\n    onPreviousPage: () => void;\n    onNextPage: () => void;\n    onPageChange: (page: number) => void;\n    pageDetails: string[];\n    pageDetailsTitle: string;\n    width: string | number;\n  }\n  export interface OptionalProps {\n    perPageOptions?: (number | DSDropdownMenuT.ItemSingleOptions)[];\n  }\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n}\n\nexport const perPageSelectorDefaultProps: DSPaginationT.PerPageSelectorDefaultProps = {\n  pageSize: 10,\n  onPageSizeChange: () => null,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n};\n\nexport const pagePrevButtonDefaultProps: DSPaginationT.PagePrevButtonDefaultProps = {\n  canPreviousPage: true,\n  onPreviousPage: () => null,\n};\n\nexport const pageNextButtonDefaultProps: DSPaginationT.PageNextButtonDefaultProps = {\n  canNextPage: true,\n  onNextPage: () => null,\n};\n\nexport const paginatorDefaultProps: DSPaginationT.PaginatorDefaultProps = {\n  pageCount: 0,\n  isLoadingPageCount: false,\n  pageIndex: 1,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n};\n\nexport const defaultProps: DSPaginationT.DefaultProps = {\n  pageCount: 0,\n  pageIndex: 1,\n  isLoadingPageCount: false,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: () => null,\n  onPreviousPage: () => null,\n  onNextPage: () => null,\n  onPageChange: () => null,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n\nexport const DSPaginationPropTypes: DSPropTypesSchema<DSPaginationT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object]))\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n  width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%'),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n};\n\nexport const DSPaginationPropTypesSchema = DSPaginationPropTypes as unknown as WeakValidationMap<DSPaginationT.Props>;\n\nexport const DSPerPageSelectorPropTypes: DSPropTypesSchema<DSPaginationT.PerPageSelectorProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.object]))\n    .description('The available options for page size')\n    .defaultValue([10]),\n  minPerPage: PropTypes.number.description('Min for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Max for the per page options').defaultValue(100),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n};\n\nexport const DSPerPageSelectorPropTypesSchema =\n  DSPerPageSelectorPropTypes as unknown as WeakValidationMap<DSPaginationT.PerPageSelectorProps>;\n\nexport const DSPagePrevButtonPropTypes: DSPropTypesSchema<DSPaginationT.PagePrevButtonProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPagePrevButtonPropTypesSchema =\n  DSPagePrevButtonPropTypes as unknown as WeakValidationMap<DSPaginationT.PagePrevButtonProps>;\n\nexport const DSPageNextButtonPropTypes: DSPropTypesSchema<DSPaginationT.PageNextButtonProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n};\n\nexport const DSPageNextButtonPropTypesSchema =\n  DSPageNextButtonPropTypes as unknown as WeakValidationMap<DSPaginationT.PageNextButtonProps>;\n\nexport const DSPaginatorPropTypes: DSPropTypesSchema<DSPaginationT.PaginatorProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  pageCount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('How many pages are there'),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  isLoadingPageCount: PropTypes.bool.description('Whether the page count is loading or not').defaultValue(false),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n};\n\nexport const DSPaginatorPropTypesSchema =\n  DSPaginatorPropTypes as unknown as WeakValidationMap<DSPaginationT.PaginatorProps>;\n\nexport const DSPaginationContainerPropTypes: DSPropTypesSchema<DSPaginationT.ContainerProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationContainerPropTypesSchema =\n  DSPaginationContainerPropTypes as unknown as WeakValidationMap<DSPaginationT.ContainerProps>;\n\nexport const DSPaginationStyledPartPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n};\n\nexport const DSPaginationStyledPartPropTypesSchema =\n  DSPaginationStyledPartPropTypes as unknown as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/styled.js

@@ -24,19 +24,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
-  InvisibleDetail: () => InvisibleDetail,
-  PaginationBoldText: () => PaginationBoldText,
-  PaginationContainer: () => PaginationContainer,
-  PaginationDetail: () => PaginationDetail,
+  DSPaginationSeparator: () => DSPaginationSeparator,
+  InvisibleDiv: () => InvisibleDiv,
   PaginationDropdownButton: () => PaginationDropdownButton,
-  PaginationSeparator: () => PaginationSeparator,
-  PaginationWrapper: () => PaginationWrapper,
-  PreviousNextPageButton: () => PreviousNextPageButton
+  PreviousNextPageButton: () => PreviousNextPageButton,
+  StyledPaginationContainer: () => StyledPaginationContainer,
+  StyledPaginationWrapper: () => StyledPaginationWrapper
 });
 module.exports = __toCommonJS(styled_exports);
 var React = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_button = require("@elliemae/ds-button");
+var import_ds_button_v2 = require("@elliemae/ds-button-v2");
 var import_ds_system = require("@elliemae/ds-system");
 const styledFocusCss = import_ds_system.css`
   &:after {
@@ -52,43 +50,35 @@ const styledFocusCss = import_ds_system.css`
     z-index: 7;
   }
 `;
-const PaginationContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const StyledPaginationContainer = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   height: 42px;
   max-width: 100%;
   align-items: center;
+  justify-content: center;
   box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);
   position: relative;
   ${import_ds_system.xStyledCommonProps}
 `;
-const PaginationWrapper = import_ds_system.styled.div`
-  display: flex;
+const StyledPaginationWrapper = import_ds_system.styled.div`
+  display: grid;
+  grid-auto-flow: column;
   justify-content: center;
   align-items: center;
 `;
-const PaginationSeparator = (0, import_ds_system.styled)(import_ds_grid.Grid)`
+const DSPaginationSeparator = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   background-color: ${(props) => props.theme.colors.neutral[300]};
   width: 1px;
-  height: ${(props) => props.height || "30px"};
-`;
-const PaginationBoldText = import_ds_system.styled.span`
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  position: relative;
+  height: 30px;
   ${import_ds_system.xStyledCommonProps}
 `;
-const InvisibleDetail = import_ds_system.styled.div`
+const InvisibleDiv = import_ds_system.styled.div`
   opacity: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   position: absolute;
 `;
-const PaginationDetail = import_ds_system.styled.span`
-  text-align: left;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const PaginationDropdownButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2)`
+const PaginationDropdownButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2)`
   height: 42px;
   display: grid;
   grid-auto-flow: column;
@@ -99,7 +89,7 @@ const PaginationDropdownButton = (0, import_ds_system.styled)(import_ds_button.D
   padding-right: 16px;
   grid-gap: 8px;
   font-size: 13px;
-  color: ${(props) => props.theme.colors.neutral[700]};
+  color: neutral-700;
   cursor: pointer;
   border-radius: 0;
   font-weight: ${(props) => props.theme.fontWeights.regular};
@@ -111,7 +101,7 @@ const PaginationDropdownButton = (0, import_ds_system.styled)(import_ds_button.D
   }
   white-space: nowrap;
 `;
-const PreviousNextPageButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2)`
+const PreviousNextPageButton = (0, import_ds_system.styled)(import_ds_button_v2.DSButtonV2)`
   height: 42px;
   display: grid;
   place-items: center;

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { xStyledCommonProps, styled, css } from '@elliemae/ds-system';\nimport type { XstyledProps } from '@elliemae/ds-utilities';\nimport type {} from '@xstyled/system';\n\nconst styledFocusCss = css`\n  &:after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nexport const PaginationContainer = styled(Grid)<React.ComponentProps<typeof Grid> & XstyledProps>`\n  height: 42px;\n  max-width: 100%;\n  align-items: center;\n  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);\n  position: relative;\n  ${xStyledCommonProps}\n`;\n\nexport const PaginationWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const PaginationSeparator = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral[300]};\n  width: 1px;\n  height: ${(props) => props.height || '30px'};\n`;\n\nexport const PaginationBoldText = styled.span`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  position: relative;\n  ${xStyledCommonProps}\n`;\n\nexport const InvisibleDetail = styled.div`\n  opacity: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n`;\n\nexport const PaginationDetail = styled.span`\n  text-align: left;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nexport const PaginationDropdownButton = styled(DSButtonV2)`\n  height: 42px;\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-left: 16px;\n  padding-right: 16px;\n  grid-gap: 8px;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  cursor: pointer;\n  border-radius: 0;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  :focus {\n    ${styledFocusCss}\n  }\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n  white-space: nowrap;\n`;\n\nexport const PreviousNextPageButton = styled(DSButtonV2)`\n  height: 42px;\n  display: grid;\n  place-items: center;\n  position: relative;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 0;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA2B;AAC3B,uBAAgD;AAIhD,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMnD,MAAM,0BAAsB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAM1C;AAAA;AAGG,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,0BAAsB,yBAAO,mBAAI;AAAA,sBACxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,UAAU;AAAA;AAGhC,MAAM,qBAAqB,wBAAO;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,IAEhD;AAAA;AAGG,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,+BAA2B,yBAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAW9C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,MAE9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQC,MAAM,6BAAyB,yBAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { xStyledCommonProps, styled, css } from '@elliemae/ds-system';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport type {} from '@xstyled/system';\n\nconst styledFocusCss = css`\n  &:after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nexport const StyledPaginationContainer = styled(Grid)<React.ComponentProps<typeof Grid> & XstyledProps>`\n  height: 42px;\n  max-width: 100%;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);\n  position: relative;\n  ${xStyledCommonProps}\n`;\n\nexport const StyledPaginationWrapper = styled.div`\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DSPaginationSeparator = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral[300]};\n  width: 1px;\n  height: 30px;\n  ${xStyledCommonProps}\n`;\n\nexport const InvisibleDiv = styled.div`\n  opacity: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  position: absolute;\n`;\n\nexport const PaginationDropdownButton = styled(DSButtonV2)`\n  height: 42px;\n  display: grid;\n  grid-auto-flow: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-left: 16px;\n  padding-right: 16px;\n  grid-gap: 8px;\n  font-size: 13px;\n  color: neutral-700;\n  cursor: pointer;\n  border-radius: 0;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  :focus {\n    ${styledFocusCss}\n  }\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n  white-space: nowrap;\n`;\n\nexport const PreviousNextPageButton = styled(DSButtonV2)`\n  height: 42px;\n  display: grid;\n  place-items: center;\n  position: relative;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 0;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,0BAA2B;AAC3B,uBAAgD;AAIhD,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMnD,MAAM,gCAA4B,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOhD;AAAA;AAGG,MAAM,0BAA0B,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvC,MAAM,4BAAwB,yBAAO,mBAAI;AAAA,sBAC1B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAGxD;AAAA;AAGG,MAAM,eAAe,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,+BAA2B,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAcxC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,MAE9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQC,MAAM,6BAAyB,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/DSPaginationDefinitions.js

@@ -1,6 +1,18 @@
 import * as React from "react";
 const DSPaginationName = "DSPagination";
+const PaginationContainerName = "DSPaginationContainer";
+const PerPageSelectorName = "DSPerPageSelector";
+const PagePrevButtonName = "DSPagePrevButton";
+const PageNextButtonName = "DSPageNextButton";
+const PaginatorName = "DSPaginator";
+const PaginationSeparatorName = "DSPaginationSeparator";
 export {
-  DSPaginationName
+  DSPaginationName,
+  PageNextButtonName,
+  PagePrevButtonName,
+  PaginationContainerName,
+  PaginationSeparatorName,
+  PaginatorName,
+  PerPageSelectorName
 };
 //# sourceMappingURL=DSPaginationDefinitions.js.map

package/dist/esm/DSPaginationDefinitions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSPaginationDefinitions.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPaginationName = 'DSPagination';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPaginationName = 'DSPagination';\n\nexport const PaginationContainerName = 'DSPaginationContainer';\n\nexport const PerPageSelectorName = 'DSPerPageSelector';\n\nexport const PagePrevButtonName = 'DSPagePrevButton';\n\nexport const PageNextButtonName = 'DSPageNextButton';\n\nexport const PaginatorName = 'DSPaginator';\n\nexport const PaginationSeparatorName = 'DSPaginationSeparator';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,mBAAmB;AAEzB,MAAM,0BAA0B;AAEhC,MAAM,sBAAsB;AAE5B,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAE3B,MAAM,gBAAgB;AAEtB,MAAM,0BAA0B;",
   "names": []
 }

package/dist/esm/PaginationDataTestID.js

@@ -2,7 +2,9 @@ import * as React from "react";
 const PAGINATION_DATA_TESTID = {
   PREVIOUS_BUTTON: "data-table-pagination-prev-button",
   NEXT_BUTTON: "data-table-pagination-next-button",
-  CONTAINER: "data-table-pagination-container"
+  CONTAINER: "data-table-pagination-container",
+  PER_PAGE_SELECTOR: "ds-pagination-per-page-selector",
+  PAGINATOR: "ds-pagination-paginator"
 };
 export {
   PAGINATION_DATA_TESTID

package/dist/esm/PaginationDataTestID.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginationDataTestID.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PAGINATION_DATA_TESTID = {\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n  NEXT_BUTTON: 'data-table-pagination-next-button',\n  CONTAINER: 'data-table-pagination-container',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACb;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PAGINATION_DATA_TESTID = {\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n  NEXT_BUTTON: 'data-table-pagination-next-button',\n  CONTAINER: 'data-table-pagination-container',\n  PER_PAGE_SELECTOR: 'ds-pagination-per-page-selector',\n  PAGINATOR: 'ds-pagination-paginator',\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,WAAW;AACb;",
   "names": []
 }