@elliemae/ds-pagination 3.12.0-rc.2 → 3.12.0-rc.3

package/dist/cjs/DSPaginationDefinitions.js

@@ -0,0 +1,32 @@
+"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 DSPaginationDefinitions_exports = {};
+__export(DSPaginationDefinitions_exports, {
+  DSPaginationName: () => DSPaginationName
+});
+module.exports = __toCommonJS(DSPaginationDefinitions_exports);
+var React = __toESM(require("react"));
+const DSPaginationName = "DSPagination";
+//# sourceMappingURL=DSPaginationDefinitions.js.map

package/dist/cjs/DSPaginationDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSPaginationDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSPaginationName = 'DSPagination';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/cjs/Pagination.js

@@ -33,15 +33,14 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_PaginationContent = require("./parts/PaginationContent");
 var import_props = require("./props");
+var import_DSPaginationDefinitions = require("./DSPaginationDefinitions");
 const DSPagination = (props) => {
   const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PaginationContent.PaginationContent, {
-    ...propsWithDefault
-  });
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes, import_DSPaginationDefinitions.DSPaginationName);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PaginationContent.PaginationContent, { ...propsWithDefault });
 };
 DSPagination.propTypes = import_props.propTypes;
-DSPagination.displayName = "DSPagination";
+DSPagination.displayName = import_DSPaginationDefinitions.DSPaginationName;
 const DSPaginationWithSchema = (0, import_ds_utilities.describe)(DSPagination).description("DSPagination");
 DSPaginationWithSchema.propTypes = import_props.propTypes;
 //# sourceMappingURL=Pagination.js.map

package/dist/cjs/Pagination.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Pagination.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { PaginationContent } from './parts/PaginationContent';\nimport { propTypes, defaultProps } from './props';\nimport type { DSPaginationProps } from './index.d';\n\nconst DSPagination: React.ComponentType<DSPaginationProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n  return <PaginationContent {...propsWithDefault} />;\n};\n\nDSPagination.propTypes = propTypes;\nDSPagination.displayName = 'DSPagination';\nconst DSPaginationWithSchema = describe(DSPagination).description('DSPagination');\nDSPaginationWithSchema.propTypes = propTypes;\n\nexport { DSPagination, DSPaginationWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUd;AATT,0BAAuF;AACvF,+BAAkC;AAClC,mBAAwC;AAGxC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,SAAO,4CAAC;AAAA,IAAmB,GAAG;AAAA,GAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { PaginationContent } from './parts/PaginationContent';\nimport { propTypes, defaultProps } from './props';\nimport type { DSPaginationProps } from './index.d';\nimport { DSPaginationName } from './DSPaginationDefinitions';\n\nconst DSPagination: React.ComponentType<DSPaginationProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSPaginationName);\n\n  return <PaginationContent {...propsWithDefault} />;\n};\n\nDSPagination.propTypes = propTypes;\nDSPagination.displayName = DSPaginationName;\nconst DSPaginationWithSchema = describe(DSPagination).description('DSPagination');\nDSPaginationWithSchema.propTypes = propTypes;\n\nexport { DSPagination, DSPaginationWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWd;AAVT,0BAAuF;AACvF,+BAAkC;AAClC,mBAAwC;AAExC,qCAAiC;AAEjC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,wBAAW,+CAAgB;AAE5E,SAAO,4CAAC,8CAAmB,GAAG,kBAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
   "names": []
 }

package/dist/cjs/parts/PageNextButton.js

@@ -35,18 +35,19 @@ var import_styled = require("../styled");
 const PageNextButton = ({
   onNextPage,
   canNextPage
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PreviousNextPageButton, {
-  onClick: () => {
-    if (canNextPage)
-      onNextPage();
-  },
-  disabled: !canNextPage,
-  buttonType: "raw",
-  "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
-  HeaderComp: () => "Page",
-  "aria-label": "Go to next page",
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, {
-    color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"]
-  })
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_styled.PreviousNextPageButton,
+  {
+    onClick: () => {
+      if (canNextPage)
+        onNextPage();
+    },
+    disabled: !canNextPage,
+    buttonType: "raw",
+    "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
+    HeaderComp: () => "Page",
+    "aria-label": "Go to next page",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, { color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"] })
+  }
+);
 //# sourceMappingURL=PageNextButton.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/PageNextButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport type { DSPaginationProps } from '../index.d';\n\nexport const PageNextButton: React.ComponentType<Required<Pick<DSPaginationProps, 'onNextPage' | 'canNextPage'>>> = ({\n  onNextPage,\n  canNextPage,\n}) => (\n  <PreviousNextPageButton\n    onClick={() => {\n      if (canNextPage) onNextPage();\n    }}\n    disabled={!canNextPage}\n    buttonType=\"raw\"\n    data-testid={PAGINATION_DATA_TESTID.NEXT_BUTTON}\n    HeaderComp={() => 'Page'}\n    aria-label=\"Go to next page\"\n  >\n    <ChevronRight color={canNextPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n  </PreviousNextPageButton>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AAnBJ,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAa,iBAAW;AAAA,EAC9B;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,mDAAuB;AAAA,EACpC,YAAY,MAAM;AAAA,EAClB,cAAW;AAAA,EAEX,sDAAC;AAAA,IAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,GAAG;AAAA,CACpF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AAnBJ,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,MAAM;AACb,UAAI;AAAa,mBAAW;AAAA,IAC9B;AAAA,IACA,UAAU,CAAC;AAAA,IACX,YAAW;AAAA,IACX,eAAa,mDAAuB;AAAA,IACpC,YAAY,MAAM;AAAA,IAClB,cAAW;AAAA,IAEX,sDAAC,gCAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AACpF;",
   "names": []
 }

package/dist/cjs/parts/PagePrevButton.js

@@ -32,17 +32,18 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_PaginationDataTestID = require("../PaginationDataTestID");
 var import_styled = require("../styled");
-const PagePrevButton = ({ onPreviousPage, canPreviousPage }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PreviousNextPageButton, {
-  onClick: () => {
-    if (canPreviousPage)
-      onPreviousPage();
-  },
-  disabled: !canPreviousPage,
-  buttonType: "raw",
-  "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON,
-  "aria-label": "Go to previous page",
-  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, {
-    color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"]
-  })
-});
+const PagePrevButton = ({ onPreviousPage, canPreviousPage }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_styled.PreviousNextPageButton,
+  {
+    onClick: () => {
+      if (canPreviousPage)
+        onPreviousPage();
+    },
+    disabled: !canPreviousPage,
+    buttonType: "raw",
+    "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON,
+    "aria-label": "Go to previous page",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronLeft, { color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"] })
+  }
+);
 //# sourceMappingURL=PagePrevButton.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/PagePrevButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport type { DSPaginationProps } from '../index.d';\n\nexport const PagePrevButton: React.ComponentType<\n  Required<Pick<DSPaginationProps, 'onPreviousPage' | 'canPreviousPage'>>\n> = ({ onPreviousPage, canPreviousPage }) => (\n  <PreviousNextPageButton\n    onClick={() => {\n      if (canPreviousPage) onPreviousPage();\n    }}\n    disabled={!canPreviousPage}\n    buttonType=\"raw\"\n    data-testid={PAGINATION_DATA_TESTID.PREVIOUS_BUTTON}\n    aria-label=\"Go to previous page\"\n  >\n    <ChevronLeft color={canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n  </PreviousNextPageButton>\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAjBJ,sBAA4B;AAC5B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,gBAAgB,MACrC,4CAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAiB,qBAAe;AAAA,EACtC;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,mDAAuB;AAAA,EACpC,cAAW;AAAA,EAEX,sDAAC;AAAA,IAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,GAAG;AAAA,CACvF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAjBJ,sBAA4B;AAC5B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,gBAAgB,MACrC;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,MAAM;AACb,UAAI;AAAiB,uBAAe;AAAA,IACtC;AAAA,IACA,UAAU,CAAC;AAAA,IACX,YAAW;AAAA,IACX,eAAa,mDAAuB;AAAA,IACpC,cAAW;AAAA,IAEX,sDAAC,+BAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AACvF;",
   "names": []
 }

package/dist/cjs/parts/PaginationContent.js

@@ -58,54 +58,46 @@ const PaginationContent = (props) => {
     width
   } = props;
   const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationContainer, {
-    justifyContent: "center",
-    alignItems: "center",
-    width: width.toString(),
-    "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER,
-    cols: ["minmax(auto, 80%)"],
-    ...globalAttributes,
-    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, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.PaginationContainer,
+    {
+      justifyContent: "center",
+      alignItems: "center",
+      width: width.toString(),
+      "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER,
+      cols: ["minmax(auto, 80%)"],
+      ...globalAttributes,
+      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, {
+            }
+          ),
+          /* @__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,
               pageIndex,
               onPageChange,
               pageDetails,
               pageDetailsTitle
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageNextButton.PageNextButton, {
-              canNextPage,
-              onNextPage
-            })
-          ]
-        })
-      ]
-    })
-  });
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageNextButton.PageNextButton, { canNextPage, onNextPage })
+        ] })
+      ] })
+    }
+  );
 };
 //# sourceMappingURL=PaginationContent.js.map

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

@@ -2,6 +2,6 @@
   "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 } from '@elliemae/ds-utilities';\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 { DSPaginationProps } from '../index.d';\n\nexport const PaginationContent: React.ComponentType<Required<DSPaginationProps>> = (props) => {\n  const {\n    pageIndex,\n    pageSize,\n    canPreviousPage,\n    canNextPage,\n    onPageSizeChange,\n    onNextPage,\n    onPreviousPage,\n    onPageChange,\n    pageCount,\n    showPerPageSelector,\n    pageDetails,\n    pageDetailsTitle,\n    perPageOptions,\n    maxPerPage,\n    perPageStep,\n    minPerPage,\n    width,\n  } = props;\n\n  const globalAttributes = useGetGlobalAttributes(props);\n\n  return (\n    <PaginationContainer\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      width={width.toString()}\n      data-testid={PAGINATION_DATA_TESTID.CONTAINER}\n      cols={['minmax(auto, 80%)']}\n      {...globalAttributes}\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            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;AD8Cb;AA5CV,qBAAqB;AACrB,0BAAuC;AACvC,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;AAEJ,QAAM,uBAAmB,4CAAuB,KAAK;AAErD,SACE,4CAAC;AAAA,IACC,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,eAAa,mDAAuB;AAAA,IACpC,MAAM,CAAC,mBAAmB;AAAA,IACzB,GAAG;AAAA,IAEJ,uDAAC;AAAA,MACE;AAAA,+BACC;AAAA,UACE;AAAA,wDAAC,uBAAAA,SAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cAAoB,IAAI;AAAA,aAAI;AAAA;AAAA,SAC/B;AAAA,QAEF,6CAAC;AAAA,UAAK,IAAG;AAAA,UAAO,YAAW;AAAA,UAAS,OAAO,EAAE,cAAc,SAAS;AAAA,UAClE;AAAA,wDAAC;AAAA,cAAe;AAAA,cAAkC;AAAA,aAAgC;AAAA,YAClF,4CAAC,iBAAAC,SAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,aACF;AAAA,YACA,4CAAC;AAAA,cAAe;AAAA,cAA0B;AAAA,aAAwB;AAAA;AAAA,SACpE;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Cb;AA5CV,qBAAqB;AACrB,0BAAuC;AACvC,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;AAEJ,QAAM,uBAAmB,4CAAuB,KAAK;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,OAAO,MAAM,SAAS;AAAA,MACtB,eAAa,mDAAuB;AAAA,MACpC,MAAM,CAAC,mBAAmB;AAAA,MACzB,GAAG;AAAA,MAEJ,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;AAAA,UACF;AAAA,UACA,4CAAC,wCAAe,aAA0B,YAAwB;AAAA,WACpE;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;",
   "names": ["PerPageSelector", "Paginator"]
 }

package/dist/cjs/parts/Paginator.js

@@ -53,28 +53,21 @@ const Paginator = (props) => {
         type: "single"
       };
       if (pageDetails?.length) {
-        option.render = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-          cols: ["16px", `${txtWidth + 16}px`, "auto"],
-          gutter: "xxs",
-          alignItems: "center",
-          children: [
-            pageIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, {
-              size: "s",
-              color: ["brand-primary", "600"]
-            }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-              children: index + 1
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        option.render = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: ["16px", `${txtWidth + 16}px`, "auto"], gutter: "xxs", alignItems: "center", children: [
+          pageIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: ["brand-primary", "600"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
               style: {
                 whiteSpace: "nowrap",
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
               children: pageDetails[index]
-            })
-          ]
-        });
+            }
+          )
+        ] });
       }
       return option;
     }),
@@ -96,10 +89,11 @@ const Paginator = (props) => {
     setDetailWidth(maxWidth);
   }, [pageDetails]);
   const onKeyDown = (0, import_usePaginationSearch.usePaginationSearch)(pageCount, actionRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dropdownmenu.DSDropdownMenuV2, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_dropdownmenu.DSDropdownMenuV2,
+      {
         isOpened,
         options,
         selectedOptions: { [(pageIndex + 1).toString()]: true },
@@ -118,79 +112,47 @@ const Paginator = (props) => {
         onKeyDown,
         minWidth: pageDetails.length !== 0 ? btnWidth + 23 : pageCount.toString().length * 6 + 90,
         maxHeight: 300,
-        HeaderComp: () => pageDetailsTitle !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-          cols: [`${txtWidth + 50}px`, "8px", "auto"],
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-              style: { marginLeft: "8px" },
-              children: "Page"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {
-              height: "100%"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-              children: pageDetailsTitle
-            })
-          ]
-        }) : "Page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationDropdownButton, {
-          buttonType: "raw",
-          onClick: () => setIsOpened((prev) => !prev),
-          innerRef: btnRef,
-          "aria-label": `Page ${pageIndex + 1} out of ${pageCount}, ${pageDetails.length !== 0 ? pageDetails[pageIndex] : "\b\b"}. Press to change the current page`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
-            gutter: "xxs",
-            alignItems: "center",
-            cols: pageDetails.length !== 0 ? ["auto", "min-content", "minmax(0px, 70%)", "min-content"] : ["auto", "min-content"],
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        HeaderComp: () => pageDetailsTitle !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: [`${txtWidth + 50}px`, "8px", "auto"], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { marginLeft: "8px" }, children: "Page" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, { height: "100%" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pageDetailsTitle })
+        ] }) : "Page",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.PaginationDropdownButton,
+          {
+            buttonType: "raw",
+            onClick: () => setIsOpened((prev) => !prev),
+            innerRef: btnRef,
+            "aria-label": `Page ${pageIndex + 1} out of ${pageCount}, ${pageDetails.length !== 0 ? pageDetails[pageIndex] : "\b\b"}. Press to change the current page`,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_ds_grid.Grid,
+              {
+                gutter: "xxs",
                 alignItems: "center",
-                gutter: "xxxs",
-                ref: pageInfoRef,
-                style: { gridAutoFlow: "column" },
+                cols: pageDetails.length !== 0 ? ["auto", "min-content", "minmax(0px, 70%)", "min-content"] : ["auto", "min-content"],
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationBoldText, {
-                    fontSize: "18px",
-                    children: pageIndex + 1
-                  }),
-                  " / ",
-                  pageCount
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { alignItems: "center", gutter: "xxxs", ref: pageInfoRef, style: { gridAutoFlow: "column" }, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationBoldText, { fontSize: "18px", children: pageIndex + 1 }),
+                    " / ",
+                    pageCount
+                  ] }),
+                  pageDetails.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, { height: "12px", ml: "8px" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.PaginationBoldText, { fontSize: "13px", w: detailWidth, mr: "xxs", display: "grid", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, { value: pageDetails[pageIndex], children: pageDetails[pageIndex] }),
+                      pageDetails.map((pageDetail) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.InvisibleDetail, { "data-testid": "ds-pagination-invisible-detail-for-width-calc", children: pageDetail }))
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { color: ["brand-primary", "700"] })
                 ]
-              }),
-              pageDetails.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {
-                    height: "12px",
-                    ml: "8px"
-                  }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.PaginationBoldText, {
-                    fontSize: "13px",
-                    w: detailWidth,
-                    mr: "xxs",
-                    display: "grid",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
-                        value: pageDetails[pageIndex],
-                        children: pageDetails[pageIndex]
-                      }),
-                      pageDetails.map((pageDetail) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.InvisibleDetail, {
-                        "data-testid": "ds-pagination-invisible-detail-for-width-calc",
-                        children: pageDetail
-                      }))
-                    ]
-                  })
-                ]
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, {
-                color: ["brand-primary", "700"]
-              })
-            ]
-          })
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {})
-    ]
-  });
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {})
+  ] });
 };
 var Paginator_default = Paginator;
 //# sourceMappingURL=Paginator.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Paginator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Checkmark, ChevronDown } from '@elliemae/ds-icons';\nimport { useOnElementResize } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n  InvisibleDetail,\n  PaginationBoldText,\n  PaginationDetail,\n  PaginationDropdownButton,\n  PaginationSeparator,\n} from '../styled';\nimport { usePaginationSearch } from '../hooks/usePaginationSearch';\n\ninterface PaginatorPropsT {\n  pageIndex: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  pageDetails: string[];\n  pageDetailsTitle: string;\n}\n\nconst Paginator: React.ComponentType<PaginatorPropsT> = (props) => {\n  const { pageIndex, pageCount, onPageChange, pageDetails, pageDetailsTitle } = props;\n\n  const [isOpened, setIsOpened] = useState(false);\n\n  const btnRef = useRef<HTMLButtonElement>(null);\n  const pageInfoRef = useRef<HTMLDivElement>(null);\n\n  const { width: btnWidth } = useOnElementResize(btnRef);\n  const { width: txtWidth } = useOnElementResize(pageInfoRef);\n\n  const options = useMemo(\n    () =>\n      new Array(pageCount).fill(0).map((_, index) => {\n        const option: Record<string, unknown> = {\n          dsId: (index + 1).toString(),\n          label: (index + 1).toString(),\n          value: index + 1,\n          type: 'single',\n        };\n        if (pageDetails?.length) {\n          option.render = () => (\n            <Grid cols={['16px', `${txtWidth + 16}px`, 'auto']} gutter=\"xxs\" alignItems=\"center\">\n              {pageIndex === index ? <Checkmark size=\"s\" color={['brand-primary', '600']} /> : <div />}\n              <span>{index + 1}</span>\n              <span\n                style={{\n                  whiteSpace: 'nowrap',\n                  textOverflow: 'ellipsis',\n                  overflow: 'hidden',\n                }}\n              >\n                {pageDetails[index]}\n              </span>\n            </Grid>\n          );\n        }\n        return option;\n      }),\n    [pageCount, pageDetails, pageIndex, txtWidth],\n  );\n\n  const actionRef = useRef<Record<string, (dsId: string) => void>>({});\n\n  useEffect(() => {\n    if (isOpened) {\n      actionRef.current.setActiveDescendant((pageIndex + 1).toString());\n      actionRef.current.scrollOptionIntoView((pageIndex + 1).toString());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpened]);\n\n  const [detailWidth, setDetailWidth] = useState(0);\n\n  useLayoutEffect(() => {\n    const invisibleDetails = [\n      ...document.body.querySelectorAll('[data-testid=\"ds-pagination-invisible-detail-for-width-calc\"]'),\n    ] as HTMLDivElement[];\n    const maxWidth = invisibleDetails.reduce((acc, cur) => Math.max(acc, cur.getBoundingClientRect().width), 0);\n    setDetailWidth(maxWidth);\n  }, [pageDetails]);\n\n  const onKeyDown = usePaginationSearch(pageCount, actionRef);\n\n  return (\n    <>\n      <PaginationSeparator />\n      <DSDropdownMenuV2\n        isOpened={isOpened}\n        options={options}\n        selectedOptions={{ [(pageIndex + 1).toString()]: true }}\n        onOptionClick={(_, clickedOption) => {\n          onPageChange(clickedOption.value);\n          setIsOpened(false);\n          btnRef.current?.focus();\n        }}\n        onClickOutside={() => {\n          setIsOpened(false);\n          btnRef.current?.focus();\n        }}\n        customOffset={[-23, 2]}\n        startPlacementPreference=\"top-start\"\n        actionRef={actionRef}\n        onKeyDown={onKeyDown}\n        minWidth={pageDetails.length !== 0 ? btnWidth + 23 : pageCount.toString().length * 6 + 90}\n        maxHeight={300}\n        HeaderComp={() =>\n          pageDetailsTitle !== '' ? (\n            <Grid cols={[`${txtWidth + 50}px`, '8px', 'auto']}>\n              <span style={{ marginLeft: '8px' }}>Page</span>\n              <PaginationSeparator height=\"100%\" />\n              <span>{pageDetailsTitle}</span>\n            </Grid>\n          ) : (\n            'Page'\n          )\n        }\n      >\n        <PaginationDropdownButton\n          buttonType=\"raw\"\n          onClick={() => setIsOpened((prev) => !prev)}\n          innerRef={btnRef}\n          aria-label={`Page ${pageIndex + 1} out of ${pageCount}, ${\n            pageDetails.length !== 0 ? pageDetails[pageIndex] : '\\b\\b'\n          }. Press to change the current page`}\n        >\n          <Grid\n            gutter=\"xxs\"\n            alignItems=\"center\"\n            cols={\n              pageDetails.length !== 0\n                ? ['auto', 'min-content', 'minmax(0px, 70%)', 'min-content']\n                : ['auto', 'min-content']\n            }\n          >\n            <Grid alignItems=\"center\" gutter=\"xxxs\" ref={pageInfoRef} style={{ gridAutoFlow: 'column' }}>\n              <PaginationBoldText fontSize=\"18px\">{pageIndex + 1}</PaginationBoldText> / {pageCount}\n            </Grid>\n            {pageDetails.length !== 0 && (\n              <>\n                <PaginationSeparator height=\"12px\" ml=\"8px\" />\n                <PaginationBoldText fontSize=\"13px\" w={detailWidth} mr=\"xxs\" display=\"grid\">\n                  <SimpleTruncatedTooltipText value={pageDetails[pageIndex]}>\n                    {pageDetails[pageIndex]}\n                  </SimpleTruncatedTooltipText>\n                  {pageDetails.map((pageDetail) => (\n                    <InvisibleDetail data-testid=\"ds-pagination-invisible-detail-for-width-calc\">\n                      {pageDetail}\n                    </InvisibleDetail>\n                  ))}\n                </PaginationBoldText>\n              </>\n            )}\n            <ChevronDown color={['brand-primary', '700']} />\n          </Grid>\n        </PaginationDropdownButton>\n      </DSDropdownMenuV2>\n      <PaginationSeparator />\n    </>\n  );\n};\n\nexport default Paginator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/parts/PerPageSelector.js

@@ -70,43 +70,44 @@ const PerPageSelector = (props) => {
     const maxLength = options.reduce((acc, cur) => Math.max(acc, cur?.label?.length ?? 0), 0);
     return maxLength * 6 + 90;
   }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_dropdownmenu.DSDropdownMenuV2, {
-    isOpened,
-    options,
-    selectedOptions: { [pageSize.toString()]: true },
-    onOptionClick: (_, clickedOption) => {
-      onPageSizeChange(clickedOption.value);
-      setIsOpened(false);
-      btnRef.current?.focus();
-    },
-    onClickOutside: () => {
-      setIsOpened(false);
-      btnRef.current?.focus();
-    },
-    customOffset: [10, 2],
-    startPlacementPreference: "top-start",
-    actionRef,
-    minWidth: width,
-    maxHeight: 300,
-    HeaderComp: () => "Per Page",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-      style: { marginLeft: "32px" },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.PaginationDropdownButton, {
-        buttonType: "raw",
-        onClick: () => setIsOpened((prev) => !prev),
-        "aria-pressed": isOpened,
-        innerRef: btnRef,
-        "aria-label": `${pageSize} rows per page. Press to select rows per page`,
-        children: [
-          pageSize,
-          " / page",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, {
-            color: ["brand-primary", "700"]
-          })
-        ]
-      })
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_dropdownmenu.DSDropdownMenuV2,
+    {
+      isOpened,
+      options,
+      selectedOptions: { [pageSize.toString()]: true },
+      onOptionClick: (_, clickedOption) => {
+        onPageSizeChange(clickedOption.value);
+        setIsOpened(false);
+        btnRef.current?.focus();
+      },
+      onClickOutside: () => {
+        setIsOpened(false);
+        btnRef.current?.focus();
+      },
+      customOffset: [10, 2],
+      startPlacementPreference: "top-start",
+      actionRef,
+      minWidth: width,
+      maxHeight: 300,
+      HeaderComp: () => "Per Page",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginLeft: "32px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_styled.PaginationDropdownButton,
+        {
+          buttonType: "raw",
+          onClick: () => setIsOpened((prev) => !prev),
+          "aria-pressed": isOpened,
+          innerRef: btnRef,
+          "aria-label": `${pageSize} rows per page. Press to select rows per page`,
+          children: [
+            pageSize,
+            " / page",
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { color: ["brand-primary", "700"] })
+          ]
+        }
+      ) })
+    }
+  );
 };
 var PerPageSelector_default = PerPageSelector;
 //# sourceMappingURL=PerPageSelector.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/PerPageSelector.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport type { DSPaginationProps } from '../index.d';\nimport { PaginationDropdownButton } from '../styled';\n\nconst generateOption = (value: number | Record<string, unknown>) => {\n  if (typeof value === 'object') {\n    return value;\n  }\n  return {\n    dsId: value.toString(),\n    value,\n    label: value.toString(),\n    type: 'single',\n  };\n};\n\nconst getOptions = memoize((step: number, min: number, max: number) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nconst PerPageSelector: React.ComponentType<\n  Required<\n    Pick<\n      DSPaginationProps,\n      'pageSize' | 'onPageSizeChange' | 'perPageOptions' | 'perPageStep' | 'minPerPage' | 'maxPerPage'\n    >\n  >\n> = (props) => {\n  const [isOpened, setIsOpened] = useState(false);\n  const { pageSize, onPageSizeChange, perPageOptions, maxPerPage, perPageStep, minPerPage } = props;\n\n  const options = useMemo(() => {\n    if (perPageOptions) return perPageOptions.map(generateOption);\n    return getOptions(perPageStep, minPerPage, maxPerPage);\n  }, [maxPerPage, minPerPage, perPageOptions, perPageStep]);\n\n  const actionRef = useRef<Record<string, (dsId: string) => void>>({});\n  const btnRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    if (isOpened) {\n      actionRef.current.setActiveDescendant(pageSize.toString());\n      actionRef.current.scrollOptionIntoView(pageSize.toString());\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpened]);\n\n  const width = useMemo(() => {\n    const maxLength = options.reduce((acc, cur) => Math.max(acc, (cur?.label as string)?.length ?? 0), 0);\n    return maxLength * 6 + 90;\n  }, [options]);\n\n  return (\n    <DSDropdownMenuV2\n      isOpened={isOpened}\n      options={options}\n      selectedOptions={{ [pageSize.toString()]: true }}\n      onOptionClick={(_, clickedOption) => {\n        onPageSizeChange(clickedOption.value);\n        setIsOpened(false);\n        btnRef.current?.focus();\n      }}\n      onClickOutside={() => {\n        setIsOpened(false);\n        btnRef.current?.focus();\n      }}\n      customOffset={[10, 2]}\n      startPlacementPreference=\"top-start\"\n      actionRef={actionRef}\n      minWidth={width}\n      maxHeight={300}\n      HeaderComp={() => 'Per Page'}\n    >\n      <div style={{ marginLeft: '32px' }}>\n        <PaginationDropdownButton\n          buttonType=\"raw\"\n          onClick={() => setIsOpened((prev) => !prev)}\n          aria-pressed={isOpened}\n          innerRef={btnRef}\n          aria-label={`${pageSize} rows per page. Press to select rows per page`}\n        >\n          {pageSize} / page\n          <ChevronDown color={['brand-primary', '700']} />\n        </PaginationDropdownButton>\n      </div>\n    </DSDropdownMenuV2>\n  );\n};\n\nexport default PerPageSelector;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgFf;AA/ER,mBAA4D;AAC5D,yBAAoB;AACpB,0BAAsB;AACtB,6BAAiC;AACjC,sBAA4B;AAE5B,oBAAyC;AAEzC,MAAM,iBAAiB,CAAC,UAA4C;AAClE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,MAAM,MAAM,SAAS;AAAA,IACrB;AAAA,IACA,OAAO,MAAM,SAAS;AAAA,IACtB,MAAM;AAAA,EACR;AACF;AAEA,MAAM,iBAAa,mBAAAA,SAAQ,CAAC,MAAc,KAAa,QAAgB;AACrE,QAAM,cAAU,2BAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,MAAM,kBAOF,CAAC,UAAU;AACb,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,WAAW,IAAI;AAE5F,QAAM,cAAU,sBAAQ,MAAM;AAC5B,QAAI;AAAgB,aAAO,eAAe,IAAI,cAAc;AAC5D,WAAO,WAAW,aAAa,YAAY,UAAU;AAAA,EACvD,GAAG,CAAC,YAAY,YAAY,gBAAgB,WAAW,CAAC;AAExD,QAAM,gBAAY,qBAA+C,CAAC,CAAC;AACnE,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAoB,SAAS,SAAS,CAAC;AACzD,gBAAU,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AAAA,IAC5D;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,YAAY,QAAQ,OAAO,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAM,KAAK,OAAkB,UAAU,CAAC,GAAG,CAAC;AACpG,WAAO,YAAY,IAAI;AAAA,EACzB,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,iBAAiB,EAAE,CAAC,SAAS,SAAS,IAAI,KAAK;AAAA,IAC/C,eAAe,CAAC,GAAG,kBAAkB;AACnC,uBAAiB,cAAc,KAAK;AACpC,kBAAY,KAAK;AACjB,aAAO,SAAS,MAAM;AAAA,IACxB;AAAA,IACA,gBAAgB,MAAM;AACpB,kBAAY,KAAK;AACjB,aAAO,SAAS,MAAM;AAAA,IACxB;AAAA,IACA,cAAc,CAAC,IAAI,CAAC;AAAA,IACpB,0BAAyB;AAAA,IACzB;AAAA,IACA,UAAU;AAAA,IACV,WAAW;AAAA,IACX,YAAY,MAAM;AAAA,IAElB,sDAAC;AAAA,MAAI,OAAO,EAAE,YAAY,OAAO;AAAA,MAC/B,uDAAC;AAAA,QACC,YAAW;AAAA,QACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,QAC1C,gBAAc;AAAA,QACd,UAAU;AAAA,QACV,cAAY,GAAG;AAAA,QAEd;AAAA;AAAA,UAAS;AAAA,UACV,4CAAC;AAAA,YAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,WAAG;AAAA;AAAA,OAChD;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgFf;AA/ER,mBAA4D;AAC5D,yBAAoB;AACpB,0BAAsB;AACtB,6BAAiC;AACjC,sBAA4B;AAE5B,oBAAyC;AAEzC,MAAM,iBAAiB,CAAC,UAA4C;AAClE,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,MAAM,MAAM,SAAS;AAAA,IACrB;AAAA,IACA,OAAO,MAAM,SAAS;AAAA,IACtB,MAAM;AAAA,EACR;AACF;AAEA,MAAM,iBAAa,mBAAAA,SAAQ,CAAC,MAAc,KAAa,QAAgB;AACrE,QAAM,cAAU,2BAAM,KAAK,MAAM,MAAM,IAAI,EAAE,IAAI,cAAc;AAC/D,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,MAAM,IAAI;AACxD,CAAC;AAED,MAAM,kBAOF,CAAC,UAAU;AACb,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,WAAW,IAAI;AAE5F,QAAM,cAAU,sBAAQ,MAAM;AAC5B,QAAI;AAAgB,aAAO,eAAe,IAAI,cAAc;AAC5D,WAAO,WAAW,aAAa,YAAY,UAAU;AAAA,EACvD,GAAG,CAAC,YAAY,YAAY,gBAAgB,WAAW,CAAC;AAExD,QAAM,gBAAY,qBAA+C,CAAC,CAAC;AACnE,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAoB,SAAS,SAAS,CAAC;AACzD,gBAAU,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AAAA,IAC5D;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,YAAY,QAAQ,OAAO,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAM,KAAK,OAAkB,UAAU,CAAC,GAAG,CAAC;AACpG,WAAO,YAAY,IAAI;AAAA,EACzB,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,EAAE,CAAC,SAAS,SAAS,IAAI,KAAK;AAAA,MAC/C,eAAe,CAAC,GAAG,kBAAkB;AACnC,yBAAiB,cAAc,KAAK;AACpC,oBAAY,KAAK;AACjB,eAAO,SAAS,MAAM;AAAA,MACxB;AAAA,MACA,gBAAgB,MAAM;AACpB,oBAAY,KAAK;AACjB,eAAO,SAAS,MAAM;AAAA,MACxB;AAAA,MACA,cAAc,CAAC,IAAI,CAAC;AAAA,MACpB,0BAAyB;AAAA,MACzB;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY,MAAM;AAAA,MAElB,sDAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,UAC1C,gBAAc;AAAA,UACd,UAAU;AAAA,UACV,cAAY,GAAG;AAAA,UAEd;AAAA;AAAA,YAAS;AAAA,YACV,4CAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA;AAAA,MAChD,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": ["memoize"]
 }

package/dist/esm/DSPaginationDefinitions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DSPaginationName = "DSPagination";
+export {
+  DSPaginationName
+};
+//# sourceMappingURL=DSPaginationDefinitions.js.map