@elliemae/ds-pagination 3.5.0-rc.2 → 3.5.0-rc.5

package/dist/cjs/Pagination.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 Pagination_exports = {};
 __export(Pagination_exports, {

package/dist/cjs/Pagination.js.map

@@ -2,6 +2,6 @@
   "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 { 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;ADAvB,mBAAkB;AAClB,0BAAuF;AACvF,+BAAkC;AAClC,mBAAwC;AAGxC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,sDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,SAAO,mDAAC;AAAA,IAAmB,GAAG;AAAA,GAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAuF;AACvF,+BAAkC;AAClC,mBAAwC;AAGxC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,uBAAmB,kDAA6B,OAAO,yBAAY;AACzE,0DAA+B,kBAAkB,sBAAS;AAE1D,SAAO,6BAAAA,QAAA,cAAC;AAAA,IAAmB,GAAG;AAAA,GAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,6BAAyB,8BAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
+  "names": ["React"]
 }

package/dist/cjs/PaginationDataTestID.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 PaginationDataTestID_exports = {};
 __export(PaginationDataTestID_exports, {

package/dist/cjs/PaginationDataTestID.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/PaginationDataTestID.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACb;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/hooks/usePaginationSearch.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 usePaginationSearch_exports = {};
 __export(usePaginationSearch_exports, {
@@ -36,19 +39,22 @@ const usePaginationSearch = (pageCount, actionRef) => {
       actionRef.current.scrollOptionIntoView(searchValue);
     }
   }, [searchValue]);
-  const onKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.code.startsWith("Digit")) {
-      if (shouldResetSearchValue)
-        setSearchValue(e.key);
-      else
-        setSearchValue((prevValue) => prevValue + e.key);
-      setShouldResetSearchValue(false);
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => {
-        setShouldResetSearchValue(true);
-      }, 1e3);
-    }
-  }, [shouldResetSearchValue]);
+  const onKeyDown = (0, import_react.useCallback)(
+    (e) => {
+      if (e.code.startsWith("Digit")) {
+        if (shouldResetSearchValue)
+          setSearchValue(e.key);
+        else
+          setSearchValue((prevValue) => prevValue + e.key);
+        setShouldResetSearchValue(false);
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+          setShouldResetSearchValue(true);
+        }, 1e3);
+      }
+    },
+    [shouldResetSearchValue]
+  );
   return onKeyDown;
 };
 //# sourceMappingURL=usePaginationSearch.js.map

package/dist/cjs/hooks/usePaginationSearch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/usePaginationSearch.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const usePaginationSearch = (\n  pageCount: number,\n  actionRef: React.MutableRefObject<any>,\n): React.KeyboardEventHandler => {\n  const [searchValue, setSearchValue] = useState('');\n  const [shouldResetSearchValue, setShouldResetSearchValue] = useState(true);\n\n  const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n  useEffect(() => {\n    if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {\n      actionRef.current.setActiveDescendant(searchValue);\n      actionRef.current.scrollOptionIntoView(searchValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchValue]);\n\n  const onKeyDown = useCallback(\n    (e) => {\n      if (e.code.startsWith('Digit')) {\n        if (shouldResetSearchValue) setSearchValue(e.key);\n        else setSearchValue((prevValue) => prevValue + e.key);\n\n        setShouldResetSearchValue(false);\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setShouldResetSearchValue(true);\n        }, 1000);\n      }\n    },\n    [shouldResetSearchValue],\n  );\n\n  return onKeyDown;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyD;AAElD,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,kBAAkB,2BAAS,EAAE;AACjD,QAAM,CAAC,wBAAwB,6BAA6B,2BAAS,IAAI;AAEzE,QAAM,aAAa,yBAAuB,IAAI;AAE9C,8BAAU,MAAM;AACd,QAAI,gBAAgB,MAAM,OAAO,SAAS,aAAa,EAAE,KAAK,WAAW;AACvE,gBAAU,QAAQ,oBAAoB,WAAW;AACjD,gBAAU,QAAQ,qBAAqB,WAAW;AAAA,IACpD;AAAA,EAEF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,8BAChB,CAAC,MAAM;AACL,QAAI,EAAE,KAAK,WAAW,OAAO,GAAG;AAC9B,UAAI;AAAwB,uBAAe,EAAE,GAAG;AAAA;AAC3C,uBAAe,CAAC,cAAc,YAAY,EAAE,GAAG;AAEpD,gCAA0B,KAAK;AAC/B,mBAAa,WAAW,OAAO;AAC/B,iBAAW,UAAU,WAAW,MAAM;AACpC,kCAA0B,IAAI;AAAA,MAChC,GAAG,GAAI;AAAA,IACT;AAAA,EACF,GACA,CAAC,sBAAsB,CACzB;AAEA,SAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyD;AAElD,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,EAAE;AACjD,QAAM,CAAC,wBAAwB,yBAAyB,QAAI,uBAAS,IAAI;AAEzE,QAAM,iBAAa,qBAAuB,IAAI;AAE9C,8BAAU,MAAM;AACd,QAAI,gBAAgB,MAAM,OAAO,SAAS,aAAa,EAAE,KAAK,WAAW;AACvE,gBAAU,QAAQ,oBAAoB,WAAW;AACjD,gBAAU,QAAQ,qBAAqB,WAAW;AAAA,IACpD;AAAA,EAEF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,gBAAY;AAAA,IAChB,CAAC,MAAM;AACL,UAAI,EAAE,KAAK,WAAW,OAAO,GAAG;AAC9B,YAAI;AAAwB,yBAAe,EAAE,GAAG;AAAA;AAC3C,yBAAe,CAAC,cAAc,YAAY,EAAE,GAAG;AAEpD,kCAA0B,KAAK;AAC/B,qBAAa,WAAW,OAAO;AAC/B,mBAAW,UAAU,WAAW,MAAM;AACpC,oCAA0B,IAAI;AAAA,QAChC,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/index.d.js

@@ -13,7 +13,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 index_d_exports = {};
 module.exports = __toCommonJS(index_d_exports);

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export interface DSPaginationProps {\n  pageCount: number;\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-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 __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 src_exports = {};
 module.exports = __toCommonJS(src_exports);

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './Pagination';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;",
   "names": []
 }

package/dist/cjs/parts/PageNextButton.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 PageNextButton_exports = {};
 __export(PageNextButton_exports, {

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 { 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;ADCvB,mBAAkB;AAClB,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AAAA,MAEA,mDAAC;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,GAEX,mDAAC;AAAA,EAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACpF;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE,6BAAAA,QAAA,cAAC;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,GAEX,6BAAAA,QAAA,cAAC;AAAA,EAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACpF;",
+  "names": ["React"]
 }

package/dist/cjs/parts/PagePrevButton.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 PagePrevButton_exports = {};
 __export(PagePrevButton_exports, {

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 { 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;ADCvB,mBAAkB;AAClB,sBAA4B;AAC5B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,sBACrB,mDAAC;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,GAEX,mDAAC;AAAA,EAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACvF;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA4B;AAC5B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,gBAAgB,MACrC,6BAAAA,QAAA,cAAC;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,GAEX,6BAAAA,QAAA,cAAC;AAAA,EAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACvF;",
+  "names": ["React"]
 }

package/dist/cjs/parts/PaginationContent.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 PaginationContent_exports = {};
 __export(PaginationContent_exports, {

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 { 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;ADCvB,mBAAkB;AAClB,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,MACE;AAEJ,QAAM,mBAAmB,gDAAuB,KAAK;AAErD,SACE,mDAAC;AAAA,IACC,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,eAAa,mDAAuB;AAAA,IACpC,MAAM,CAAC,mBAAmB;AAAA,IACzB,GAAG;AAAA,KAEJ,mDAAC,uCACE,uBACC,wFACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,mDAAC;AAAA,IAAoB,IAAI;AAAA,GAAI,CAC/B,GAEF,mDAAC;AAAA,IAAK,IAAG;AAAA,IAAO,YAAW;AAAA,IAAS,OAAO,EAAE,cAAc,SAAS;AAAA,KAClE,mDAAC;AAAA,IAAe;AAAA,IAAkC;AAAA,GAAgC,GAClF,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,mDAAC;AAAA,IAAe;AAAA,IAA0B;AAAA,GAAwB,CACpE,CACF,CACF;AAEJ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,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,6BAAAA,QAAA,cAAC;AAAA,IACC,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,eAAa,mDAAuB;AAAA,IACpC,MAAM,CAAC,mBAAmB;AAAA,IACzB,GAAG;AAAA,KAEJ,6BAAAA,QAAA,cAAC,uCACE,uBACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,uBAAAC,SAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,6BAAAD,QAAA,cAAC;AAAA,IAAoB,IAAI;AAAA,GAAI,CAC/B,GAEF,6BAAAA,QAAA,cAAC;AAAA,IAAK,IAAG;AAAA,IAAO,YAAW;AAAA,IAAS,OAAO,EAAE,cAAc,SAAS;AAAA,KAClE,6BAAAA,QAAA,cAAC;AAAA,IAAe;AAAA,IAAkC;AAAA,GAAgC,GAClF,6BAAAA,QAAA,cAAC,iBAAAE,SAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,6BAAAF,QAAA,cAAC;AAAA,IAAe;AAAA,IAA0B;AAAA,GAAwB,CACpE,CACF,CACF;AAEJ;",
+  "names": ["React", "PerPageSelector", "Paginator"]
 }

package/dist/cjs/parts/Paginator.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 Paginator_exports = {};
 __export(Paginator_exports, {
@@ -40,31 +43,34 @@ const Paginator = (props) => {
   const pageInfoRef = (0, import_react.useRef)(null);
   const { width: btnWidth } = (0, import_ds_utilities.useOnElementResize)(btnRef);
   const { width: txtWidth } = (0, import_ds_utilities.useOnElementResize)(pageInfoRef);
-  const options = (0, import_react.useMemo)(() => new Array(pageCount).fill(0).map((_, index) => {
-    const option = {
-      dsId: (index + 1).toString(),
-      label: (index + 1).toString(),
-      value: index + 1,
-      type: "single"
-    };
-    if (pageDetails?.length) {
-      option.render = () => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        cols: ["16px", `${txtWidth + 16}px`, "auto"],
-        gutter: "xxs",
-        alignItems: "center"
-      }, pageIndex === index ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
-        size: "s",
-        color: ["brand-primary", "600"]
-      }) : /* @__PURE__ */ import_react.default.createElement("div", null), /* @__PURE__ */ import_react.default.createElement("span", null, index + 1), /* @__PURE__ */ import_react.default.createElement("span", {
-        style: {
-          whiteSpace: "nowrap",
-          textOverflow: "ellipsis",
-          overflow: "hidden"
-        }
-      }, pageDetails[index]));
-    }
-    return option;
-  }), [pageCount, pageDetails, pageIndex, txtWidth]);
+  const options = (0, import_react.useMemo)(
+    () => new Array(pageCount).fill(0).map((_, index) => {
+      const option = {
+        dsId: (index + 1).toString(),
+        label: (index + 1).toString(),
+        value: index + 1,
+        type: "single"
+      };
+      if (pageDetails?.length) {
+        option.render = () => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+          cols: ["16px", `${txtWidth + 16}px`, "auto"],
+          gutter: "xxs",
+          alignItems: "center"
+        }, pageIndex === index ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Checkmark, {
+          size: "s",
+          color: ["brand-primary", "600"]
+        }) : /* @__PURE__ */ import_react.default.createElement("div", null), /* @__PURE__ */ import_react.default.createElement("span", null, index + 1), /* @__PURE__ */ import_react.default.createElement("span", {
+          style: {
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            overflow: "hidden"
+          }
+        }, pageDetails[index]));
+      }
+      return option;
+    }),
+    [pageCount, pageDetails, pageIndex, txtWidth]
+  );
   const actionRef = (0, import_react.useRef)({});
   (0, import_react.useEffect)(() => {
     if (isOpened) {

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": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA6E;AAC7E,sBAAuC;AACvC,0BAAmC;AACnC,qBAAqB;AACrB,6BAAiC;AACjC,uCAA2C;AAC3C,oBAMO;AACP,iCAAoC;AAUpC,MAAM,YAAkD,CAAC,UAAU;AACjE,QAAM,EAAE,WAAW,WAAW,cAAc,aAAa,qBAAqB;AAE9E,QAAM,CAAC,UAAU,eAAe,2BAAS,KAAK;AAE9C,QAAM,SAAS,yBAA0B,IAAI;AAC7C,QAAM,cAAc,yBAAuB,IAAI;AAE/C,QAAM,EAAE,OAAO,aAAa,4CAAmB,MAAM;AACrD,QAAM,EAAE,OAAO,aAAa,4CAAmB,WAAW;AAE1D,QAAM,UAAU,0BACd,MACE,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAC7C,UAAM,SAAkC;AAAA,MACtC,MAAO,SAAQ,GAAG,SAAS;AAAA,MAC3B,OAAQ,SAAQ,GAAG,SAAS;AAAA,MAC5B,OAAO,QAAQ;AAAA,MACf,MAAM;AAAA,IACR;AACA,QAAI,aAAa,QAAQ;AACvB,aAAO,SAAS,MACd,mDAAC;AAAA,QAAK,MAAM,CAAC,QAAQ,GAAG,WAAW,QAAQ,MAAM;AAAA,QAAG,QAAO;AAAA,QAAM,YAAW;AAAA,SACzE,cAAc,QAAQ,mDAAC;AAAA,QAAU,MAAK;AAAA,QAAI,OAAO,CAAC,iBAAiB,KAAK;AAAA,OAAG,IAAK,mDAAC,WAAI,GACtF,mDAAC,cAAM,QAAQ,CAAE,GACjB,mDAAC;AAAA,QACC,OAAO;AAAA,UACL,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,UAAU;AAAA,QACZ;AAAA,SAEC,YAAY,MACf,CACF;AAAA,IAEJ;AACA,WAAO;AAAA,EACT,CAAC,GACH,CAAC,WAAW,aAAa,WAAW,QAAQ,CAC9C;AAEA,QAAM,YAAY,yBAA+C,CAAC,CAAC;AAEnE,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAqB,aAAY,GAAG,SAAS,CAAC;AAChE,gBAAU,QAAQ,qBAAsB,aAAY,GAAG,SAAS,CAAC;AAAA,IACnE;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,CAAC,aAAa,kBAAkB,2BAAS,CAAC;AAEhD,oCAAgB,MAAM;AACpB,UAAM,mBAAmB;AAAA,MACvB,GAAG,SAAS,KAAK,iBAAiB,+DAA+D;AAAA,IACnG;AACA,UAAM,WAAW,iBAAiB,OAAO,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,sBAAsB,EAAE,KAAK,GAAG,CAAC;AAC1G,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,oDAAoB,WAAW,SAAS;AAE1D,SACE,wFACE,mDAAC,uCAAoB,GACrB,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,iBAAiB,EAAE,CAAE,aAAY,GAAG,SAAS,IAAI,KAAK;AAAA,IACtD,eAAe,CAAC,GAAG,kBAAkB;AACnC,mBAAa,cAAc,KAAK;AAChC,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,KAAK,CAAC;AAAA,IACrB,0BAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA,UAAU,YAAY,WAAW,IAAI,WAAW,KAAK,UAAU,SAAS,EAAE,SAAS,IAAI;AAAA,IACvF,WAAW;AAAA,IACX,YAAY,MACV,qBAAqB,KACnB,mDAAC;AAAA,MAAK,MAAM,CAAC,GAAG,WAAW,QAAQ,OAAO,MAAM;AAAA,OAC9C,mDAAC;AAAA,MAAK,OAAO,EAAE,YAAY,MAAM;AAAA,OAAG,MAAI,GACxC,mDAAC;AAAA,MAAoB,QAAO;AAAA,KAAO,GACnC,mDAAC,cAAM,gBAAiB,CAC1B,IAEA;AAAA,KAIJ,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,UAAU;AAAA,IACV,cAAY,QAAQ,YAAY,YAAY,cAC1C,YAAY,WAAW,IAAI,YAAY,aAAa;AAAA,KAGtD,mDAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,MACE,YAAY,WAAW,IACnB,CAAC,QAAQ,eAAe,oBAAoB,aAAa,IACzD,CAAC,QAAQ,aAAa;AAAA,KAG5B,mDAAC;AAAA,IAAK,YAAW;AAAA,IAAS,QAAO;AAAA,IAAO,KAAK;AAAA,IAAa,OAAO,EAAE,cAAc,SAAS;AAAA,KACxF,mDAAC;AAAA,IAAmB,UAAS;AAAA,KAAQ,YAAY,CAAE,GAAqB,OAAI,SAC9E,GACC,YAAY,WAAW,KACtB,wFACE,mDAAC;AAAA,IAAoB,QAAO;AAAA,IAAO,IAAG;AAAA,GAAM,GAC5C,mDAAC;AAAA,IAAmB,UAAS;AAAA,IAAO,GAAG;AAAA,IAAa,IAAG;AAAA,IAAM,SAAQ;AAAA,KACnE,mDAAC;AAAA,IAA2B,OAAO,YAAY;AAAA,KAC5C,YAAY,UACf,GACC,YAAY,IAAI,CAAC,eAChB,mDAAC;AAAA,IAAgB,eAAY;AAAA,KAC1B,UACH,CACD,CACH,CACF,GAEF,mDAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF,GACA,mDAAC,uCAAoB,CACvB;AAEJ;AAEA,IAAO,oBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA6E;AAC7E,sBAAuC;AACvC,0BAAmC;AACnC,qBAAqB;AACrB,6BAAiC;AACjC,uCAA2C;AAC3C,oBAMO;AACP,iCAAoC;AAUpC,MAAM,YAAkD,CAAC,UAAU;AACjE,QAAM,EAAE,WAAW,WAAW,cAAc,aAAa,iBAAiB,IAAI;AAE9E,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAE9C,QAAM,aAAS,qBAA0B,IAAI;AAC7C,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,QAAM,EAAE,OAAO,SAAS,QAAI,wCAAmB,MAAM;AACrD,QAAM,EAAE,OAAO,SAAS,QAAI,wCAAmB,WAAW;AAE1D,QAAM,cAAU;AAAA,IACd,MACE,IAAI,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,GAAG,UAAU;AAC7C,YAAM,SAAkC;AAAA,QACtC,OAAO,QAAQ,GAAG,SAAS;AAAA,QAC3B,QAAQ,QAAQ,GAAG,SAAS;AAAA,QAC5B,OAAO,QAAQ;AAAA,QACf,MAAM;AAAA,MACR;AACA,UAAI,aAAa,QAAQ;AACvB,eAAO,SAAS,MACd,6BAAAA,QAAA,cAAC;AAAA,UAAK,MAAM,CAAC,QAAQ,GAAG,WAAW,QAAQ,MAAM;AAAA,UAAG,QAAO;AAAA,UAAM,YAAW;AAAA,WACzE,cAAc,QAAQ,6BAAAA,QAAA,cAAC;AAAA,UAAU,MAAK;AAAA,UAAI,OAAO,CAAC,iBAAiB,KAAK;AAAA,SAAG,IAAK,6BAAAA,QAAA,cAAC,WAAI,GACtF,6BAAAA,QAAA,cAAC,cAAM,QAAQ,CAAE,GACjB,6BAAAA,QAAA,cAAC;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,cAAc;AAAA,YACd,UAAU;AAAA,UACZ;AAAA,WAEC,YAAY,MACf,CACF;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,IACH,CAAC,WAAW,aAAa,WAAW,QAAQ;AAAA,EAC9C;AAEA,QAAM,gBAAY,qBAA+C,CAAC,CAAC;AAEnE,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,qBAAqB,YAAY,GAAG,SAAS,CAAC;AAChE,gBAAU,QAAQ,sBAAsB,YAAY,GAAG,SAAS,CAAC;AAAA,IACnE;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAEhD,oCAAgB,MAAM;AACpB,UAAM,mBAAmB;AAAA,MACvB,GAAG,SAAS,KAAK,iBAAiB,+DAA+D;AAAA,IACnG;AACA,UAAM,WAAW,iBAAiB,OAAO,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,sBAAsB,EAAE,KAAK,GAAG,CAAC;AAC1G,mBAAe,QAAQ;AAAA,EACzB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,gBAAY,gDAAoB,WAAW,SAAS;AAE1D,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,uCAAoB,GACrB,6BAAAA,QAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,iBAAiB,EAAE,EAAE,YAAY,GAAG,SAAS,IAAI,KAAK;AAAA,IACtD,eAAe,CAAC,GAAG,kBAAkB;AACnC,mBAAa,cAAc,KAAK;AAChC,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,KAAK,CAAC;AAAA,IACrB,0BAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA,UAAU,YAAY,WAAW,IAAI,WAAW,KAAK,UAAU,SAAS,EAAE,SAAS,IAAI;AAAA,IACvF,WAAW;AAAA,IACX,YAAY,MACV,qBAAqB,KACnB,6BAAAA,QAAA,cAAC;AAAA,MAAK,MAAM,CAAC,GAAG,WAAW,QAAQ,OAAO,MAAM;AAAA,OAC9C,6BAAAA,QAAA,cAAC;AAAA,MAAK,OAAO,EAAE,YAAY,MAAM;AAAA,OAAG,MAAI,GACxC,6BAAAA,QAAA,cAAC;AAAA,MAAoB,QAAO;AAAA,KAAO,GACnC,6BAAAA,QAAA,cAAC,cAAM,gBAAiB,CAC1B,IAEA;AAAA,KAIJ,6BAAAA,QAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,UAAU;AAAA,IACV,cAAY,QAAQ,YAAY,YAAY,cAC1C,YAAY,WAAW,IAAI,YAAY,aAAa;AAAA,KAGtD,6BAAAA,QAAA,cAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,MACE,YAAY,WAAW,IACnB,CAAC,QAAQ,eAAe,oBAAoB,aAAa,IACzD,CAAC,QAAQ,aAAa;AAAA,KAG5B,6BAAAA,QAAA,cAAC;AAAA,IAAK,YAAW;AAAA,IAAS,QAAO;AAAA,IAAO,KAAK;AAAA,IAAa,OAAO,EAAE,cAAc,SAAS;AAAA,KACxF,6BAAAA,QAAA,cAAC;AAAA,IAAmB,UAAS;AAAA,KAAQ,YAAY,CAAE,GAAqB,OAAI,SAC9E,GACC,YAAY,WAAW,KACtB,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC;AAAA,IAAoB,QAAO;AAAA,IAAO,IAAG;AAAA,GAAM,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAmB,UAAS;AAAA,IAAO,GAAG;AAAA,IAAa,IAAG;AAAA,IAAM,SAAQ;AAAA,KACnE,6BAAAA,QAAA,cAAC;AAAA,IAA2B,OAAO,YAAY;AAAA,KAC5C,YAAY,UACf,GACC,YAAY,IAAI,CAAC,eAChB,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAY;AAAA,KAC1B,UACH,CACD,CACH,CACF,GAEF,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,uCAAoB,CACvB;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/parts/PerPageSelector.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 PerPageSelector_exports = {};
 __export(PerPageSelector_exports, {

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 { 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;ADCvB,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,aAAa,gCAAQ,CAAC,MAAc,KAAa,QAAgB;AACrE,QAAM,UAAU,+BAAM,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,eAAe,2BAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,eAAe;AAE5F,QAAM,UAAU,0BAAQ,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,YAAY,yBAA+C,CAAC,CAAC;AACnE,QAAM,SAAS,yBAA0B,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,QAAQ,0BAAQ,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,mDAAC;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,KAElB,mDAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,KAC/B,mDAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAY,GAAG;AAAA,KAEd,UAAS,WACV,mDAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,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,6BAAAC,QAAA,cAAC;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,KAElB,6BAAAA,QAAA,cAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,KAC/B,6BAAAA,QAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAY,GAAG;AAAA,KAEd,UAAS,WACV,6BAAAA,QAAA,cAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["memoize", "React"]
 }

package/dist/cjs/props.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 props_exports = {};
 __export(props_exports, {
@@ -35,15 +38,17 @@ const propTypes = {
   canNextPage: import_ds_utilities.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
   pageSize: import_ds_utilities.PropTypes.number.description("The current page size").defaultValue(10),
   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]),
+  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]),
   perPageStep: import_ds_utilities.PropTypes.number.description("Step for the per page options").defaultValue(5),
   minPerPage: import_ds_utilities.PropTypes.number.description("Step for the per page options").defaultValue(0),
   maxPerPage: import_ds_utilities.PropTypes.number.description("Step for the per page options").defaultValue(100),

package/dist/cjs/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { PropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nconst emptyFunc = () => null;\n\nexport const propTypes = {\n  pageCount: PropTypes.number.description('How many pages are there'),\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\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  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\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  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\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  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} as WeakValidationMap<unknown>;\n\nexport const defaultProps = {\n  pageIndex: 1,\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: emptyFunc,\n  onPreviousPage: emptyFunc,\n  onNextPage: emptyFunc,\n  onPageChange: emptyFunc,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAG1B,MAAM,YAAY,MAAM;AAEjB,MAAM,YAAY;AAAA,EACvB,WAAW,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAClE,WAAW,8BAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,iBAAiB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,8BAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,qBAAqB,8BAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,8BAAU,QACxB,8BAAU,UAAU;AAAA,IAClB,8BAAU;AAAA,IACV,8BAAU,MAAM;AAAA,MACd,MAAM,8BAAU;AAAA,MAChB,OAAO,8BAAU;AAAA,MACjB,OAAO,8BAAU;AAAA,MACjB,MAAM,8BAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,IAClC,CAAC;AAAA,EACH,CAAC,CACH,EACG,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,aAAa,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACxF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,GAAG;AAAA,EAC1F,kBAAkB,8BAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,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,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;AACnG;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,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;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA0B;AAG1B,MAAM,YAAY,MAAM;AAEjB,MAAM,YAAY;AAAA,EACvB,WAAW,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAClE,WAAW,8BAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,iBAAiB,8BAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,8BAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,UAAU,8BAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,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,aAAa,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACxF,YAAY,8BAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,GAAG;AAAA,EAC1F,kBAAkB,8BAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,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,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;AACnG;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,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;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   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 __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 styled_exports = {};
 __export(styled_exports, {

package/dist/cjs/styled.js.map

@@ -2,6 +2,6 @@
   "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 {\n  styled,\n  space,\n  typography,\n  TypographyProps,\n  SpaceProps,\n  sizing,\n  SizingProps,\n  layout,\n  LayoutProps,\n  css,\n} from '@elliemae/ds-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)`\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`;\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<TypographyProps & SpaceProps & SizingProps & LayoutProps>`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${typography}\n  ${space}\n  ${sizing}\n  ${layout}\n  position: relative;\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  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,uBAWO;AAEP,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMnD,MAAM,sBAAsB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,MAAM,oBAAoB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,sBAAsB,6BAAO,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,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,kBAAkB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,2BAA2B,6BAAO,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;AAKC,MAAM,yBAAyB,6BAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA2B;AAC3B,uBAWO;AAEP,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;AAQvC,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,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,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;AAKC,MAAM,6BAAyB,yBAAO,2BAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/Pagination.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Pagination.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { PaginationContent } from './parts/PaginationContent';\nimport { propTypes, defaultProps } from './props';\nimport { 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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAGA,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,SAAO,qCAAC;AAAA,IAAmB,GAAG;AAAA,GAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,UAAU,8BAA8B,sCAAsC;AACvF,SAAS,yBAAyB;AAClC,SAAS,WAAW,oBAAoB;AAGxC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,6BAA6B,OAAO,YAAY;AACzE,iCAA+B,kBAAkB,SAAS;AAE1D,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAmB,GAAG;AAAA,GAAkB;AAClD;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY,EAAE,YAAY,cAAc;AAChF,uBAAuB,YAAY;",
+  "names": ["React"]
 }

package/dist/esm/PaginationDataTestID.js.map

@@ -2,6 +2,6 @@
   "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;ACAO,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACb;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/esm/hooks/usePaginationSearch.js

@@ -10,19 +10,22 @@ const usePaginationSearch = (pageCount, actionRef) => {
       actionRef.current.scrollOptionIntoView(searchValue);
     }
   }, [searchValue]);
-  const onKeyDown = useCallback((e) => {
-    if (e.code.startsWith("Digit")) {
-      if (shouldResetSearchValue)
-        setSearchValue(e.key);
-      else
-        setSearchValue((prevValue) => prevValue + e.key);
-      setShouldResetSearchValue(false);
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(() => {
-        setShouldResetSearchValue(true);
-      }, 1e3);
-    }
-  }, [shouldResetSearchValue]);
+  const onKeyDown = useCallback(
+    (e) => {
+      if (e.code.startsWith("Digit")) {
+        if (shouldResetSearchValue)
+          setSearchValue(e.key);
+        else
+          setSearchValue((prevValue) => prevValue + e.key);
+        setShouldResetSearchValue(false);
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => {
+          setShouldResetSearchValue(true);
+        }, 1e3);
+      }
+    },
+    [shouldResetSearchValue]
+  );
   return onKeyDown;
 };
 export {

package/dist/esm/hooks/usePaginationSearch.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/usePaginationSearch.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const usePaginationSearch = (\n  pageCount: number,\n  actionRef: React.MutableRefObject<any>,\n): React.KeyboardEventHandler => {\n  const [searchValue, setSearchValue] = useState('');\n  const [shouldResetSearchValue, setShouldResetSearchValue] = useState(true);\n\n  const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n  useEffect(() => {\n    if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {\n      actionRef.current.setActiveDescendant(searchValue);\n      actionRef.current.scrollOptionIntoView(searchValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchValue]);\n\n  const onKeyDown = useCallback(\n    (e) => {\n      if (e.code.startsWith('Digit')) {\n        if (shouldResetSearchValue) setSearchValue(e.key);\n        else setSearchValue((prevValue) => prevValue + e.key);\n\n        setShouldResetSearchValue(false);\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setShouldResetSearchValue(true);\n        }, 1000);\n      }\n    },\n    [shouldResetSearchValue],\n  );\n\n  return onKeyDown;\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;AACjD,QAAM,CAAC,wBAAwB,6BAA6B,SAAS,IAAI;AAEzE,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,gBAAgB,MAAM,OAAO,SAAS,aAAa,EAAE,KAAK,WAAW;AACvE,gBAAU,QAAQ,oBAAoB,WAAW;AACjD,gBAAU,QAAQ,qBAAqB,WAAW;AAAA,IACpD;AAAA,EAEF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY,YAChB,CAAC,MAAM;AACL,QAAI,EAAE,KAAK,WAAW,OAAO,GAAG;AAC9B,UAAI;AAAwB,uBAAe,EAAE,GAAG;AAAA;AAC3C,uBAAe,CAAC,cAAc,YAAY,EAAE,GAAG;AAEpD,gCAA0B,KAAK;AAC/B,mBAAa,WAAW,OAAO;AAC/B,iBAAW,UAAU,WAAW,MAAM;AACpC,kCAA0B,IAAI;AAAA,MAChC,GAAG,GAAI;AAAA,IACT;AAAA,EACF,GACA,CAAC,sBAAsB,CACzB;AAEA,SAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,WAAW,QAAQ,gBAAgB;AAElD,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,IAAI;AAEzE,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,gBAAgB,MAAM,OAAO,SAAS,aAAa,EAAE,KAAK,WAAW;AACvE,gBAAU,QAAQ,oBAAoB,WAAW;AACjD,gBAAU,QAAQ,qBAAqB,WAAW;AAAA,IACpD;AAAA,EAEF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,YAAY;AAAA,IAChB,CAAC,MAAM;AACL,UAAI,EAAE,KAAK,WAAW,OAAO,GAAG;AAC9B,YAAI;AAAwB,yBAAe,EAAE,GAAG;AAAA;AAC3C,yBAAe,CAAC,cAAc,YAAY,EAAE,GAAG;AAEpD,kCAA0B,KAAK;AAC/B,qBAAa,WAAW,OAAO;AAC/B,mBAAW,UAAU,WAAW,MAAM;AACpC,oCAA0B,IAAI;AAAA,QAChC,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,IACA,CAAC,sBAAsB;AAAA,EACzB;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/index.d.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pagination';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
   "names": []
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PageNextButton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AAAA,MAEA,qCAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAa,iBAAW;AAAA,EAC9B;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,EACpC,YAAY,MAAM;AAAA,EAClB,cAAW;AAAA,GAEX,qCAAC;AAAA,EAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACpF;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE,gBAAAA,OAAA,cAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAa,iBAAW;AAAA,EAC9B;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,EACpC,YAAY,MAAM;AAAA,EAClB,cAAW;AAAA,GAEX,gBAAAA,OAAA,cAAC;AAAA,EAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACpF;",
+  "names": ["React"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PagePrevButton.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,iBAET,CAAC,EAAE,gBAAgB,sBACrB,qCAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAiB,qBAAe;AAAA,EACtC;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,EACpC,cAAW;AAAA,GAEX,qCAAC;AAAA,EAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACvF;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,gBAAgB,MACrC,gBAAAA,OAAA,cAAC;AAAA,EACC,SAAS,MAAM;AACb,QAAI;AAAiB,qBAAe;AAAA,EACtC;AAAA,EACA,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,EACpC,cAAW;AAAA,GAEX,gBAAAA,OAAA,cAAC;AAAA,EAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK;AAAA,CAAG,CACvF;",
+  "names": ["React"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PaginationContent.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,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,MACE;AAEJ,QAAM,mBAAmB,uBAAuB,KAAK;AAErD,SACE,qCAAC;AAAA,IACC,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,eAAa,uBAAuB;AAAA,IACpC,MAAM,CAAC,mBAAmB;AAAA,IACzB,GAAG;AAAA,KAEJ,qCAAC,yBACE,uBACC,4DACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,qCAAC;AAAA,IAAoB,IAAI;AAAA,GAAI,CAC/B,GAEF,qCAAC;AAAA,IAAK,IAAG;AAAA,IAAO,YAAW;AAAA,IAAS,OAAO,EAAE,cAAc,SAAS;AAAA,KAClE,qCAAC;AAAA,IAAe;AAAA,IAAkC;AAAA,GAAgC,GAClF,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,qCAAC;AAAA,IAAe;AAAA,IAA0B;AAAA,GAAwB,CACpE,CACF,CACF;AAEJ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,8BAA8B;AACvC,SAAS,qBAAqB,qBAAqB,yBAAyB;AAC5E,OAAO,qBAAqB;AAC5B,OAAO,eAAe;AACtB,SAAS,8BAA8B;AACvC,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;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,mBAAmB,uBAAuB,KAAK;AAErD,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,OAAO,MAAM,SAAS;AAAA,IACtB,eAAa,uBAAuB;AAAA,IACpC,MAAM,CAAC,mBAAmB;AAAA,IACzB,GAAG;AAAA,KAEJ,gBAAAA,OAAA,cAAC,yBACE,uBACC,gBAAAA,OAAA,cAAAA,OAAA,gBACE,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAoB,IAAI;AAAA,GAAI,CAC/B,GAEF,gBAAAA,OAAA,cAAC;AAAA,IAAK,IAAG;AAAA,IAAO,YAAW;AAAA,IAAS,OAAO,EAAE,cAAc,SAAS;AAAA,KAClE,gBAAAA,OAAA,cAAC;AAAA,IAAe;AAAA,IAAkC;AAAA,GAAgC,GAClF,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GACA,gBAAAA,OAAA,cAAC;AAAA,IAAe;AAAA,IAA0B;AAAA,GAAwB,CACpE,CACF,CACF;AAEJ;",
+  "names": ["React"]
 }

package/dist/esm/parts/Paginator.js

@@ -19,31 +19,34 @@ const Paginator = (props) => {
   const pageInfoRef = useRef(null);
   const { width: btnWidth } = useOnElementResize(btnRef);
   const { width: txtWidth } = useOnElementResize(pageInfoRef);
-  const options = useMemo(() => new Array(pageCount).fill(0).map((_, index) => {
-    const option = {
-      dsId: (index + 1).toString(),
-      label: (index + 1).toString(),
-      value: index + 1,
-      type: "single"
-    };
-    if (pageDetails?.length) {
-      option.render = () => /* @__PURE__ */ React2.createElement(Grid, {
-        cols: ["16px", `${txtWidth + 16}px`, "auto"],
-        gutter: "xxs",
-        alignItems: "center"
-      }, pageIndex === index ? /* @__PURE__ */ React2.createElement(Checkmark, {
-        size: "s",
-        color: ["brand-primary", "600"]
-      }) : /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("span", null, index + 1), /* @__PURE__ */ React2.createElement("span", {
-        style: {
-          whiteSpace: "nowrap",
-          textOverflow: "ellipsis",
-          overflow: "hidden"
-        }
-      }, pageDetails[index]));
-    }
-    return option;
-  }), [pageCount, pageDetails, pageIndex, txtWidth]);
+  const options = useMemo(
+    () => new Array(pageCount).fill(0).map((_, index) => {
+      const option = {
+        dsId: (index + 1).toString(),
+        label: (index + 1).toString(),
+        value: index + 1,
+        type: "single"
+      };
+      if (pageDetails?.length) {
+        option.render = () => /* @__PURE__ */ React2.createElement(Grid, {
+          cols: ["16px", `${txtWidth + 16}px`, "auto"],
+          gutter: "xxs",
+          alignItems: "center"
+        }, pageIndex === index ? /* @__PURE__ */ React2.createElement(Checkmark, {
+          size: "s",
+          color: ["brand-primary", "600"]
+        }) : /* @__PURE__ */ React2.createElement("div", null), /* @__PURE__ */ React2.createElement("span", null, index + 1), /* @__PURE__ */ React2.createElement("span", {
+          style: {
+            whiteSpace: "nowrap",
+            textOverflow: "ellipsis",
+            overflow: "hidden"
+          }
+        }, pageDetails[index]));
+      }
+      return option;
+    }),
+    [pageCount, pageDetails, pageIndex, txtWidth]
+  );
   const actionRef = useRef({});
   useEffect(() => {
     if (isOpened) {

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Paginator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PerPageSelector.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 { 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA;AAEA,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,aAAa,QAAQ,CAAC,MAAc,KAAa,QAAgB;AACrE,QAAM,UAAU,MAAM,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,eAAe,SAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,eAAe;AAE5F,QAAM,UAAU,QAAQ,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,YAAY,OAA+C,CAAC,CAAC;AACnE,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,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,QAAQ,QAAQ,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,qCAAC;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,KAElB,qCAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,KAC/B,qCAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAY,GAAG;AAAA,KAEd,UAAS,WACV,qCAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,WAAW,SAAS,QAAQ,gBAAgB;AAC5D,OAAO,aAAa;AACpB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B,SAAS,gCAAgC;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,aAAa,QAAQ,CAAC,MAAc,KAAa,QAAgB;AACrE,QAAM,UAAU,MAAM,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,IAAI,SAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,WAAW,IAAI;AAE5F,QAAM,UAAU,QAAQ,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,YAAY,OAA+C,CAAC,CAAC;AACnE,QAAM,SAAS,OAA0B,IAAI;AAE7C,YAAU,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,QAAQ,QAAQ,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,gBAAAA,OAAA,cAAC;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,KAElB,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,KAC/B,gBAAAA,OAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,IAC1C,gBAAc;AAAA,IACd,UAAU;AAAA,IACV,cAAY,GAAG;AAAA,KAEd,UAAS,WACV,gBAAAA,OAAA,cAAC;AAAA,IAAY,OAAO,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAChD,CACF,CACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["React"]
 }

package/dist/esm/props.js

@@ -8,15 +8,17 @@ const propTypes = {
   canNextPage: PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
   pageSize: PropTypes.number.description("The current page size").defaultValue(10),
   showPerPageSelector: PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
-  perPageOptions: PropTypes.arrayOf(PropTypes.oneOfType([
-    PropTypes.number,
-    PropTypes.shape({
-      dsId: PropTypes.string,
-      value: PropTypes.number,
-      label: PropTypes.string,
-      type: PropTypes.oneOf(["single"])
-    })
-  ])).description("The available options for page size").defaultValue([10]),
+  perPageOptions: PropTypes.arrayOf(
+    PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.shape({
+        dsId: PropTypes.string,
+        value: PropTypes.number,
+        label: PropTypes.string,
+        type: PropTypes.oneOf(["single"])
+      })
+    ])
+  ).description("The available options for page size").defaultValue([10]),
   perPageStep: PropTypes.number.description("Step for the per page options").defaultValue(5),
   minPerPage: PropTypes.number.description("Step for the per page options").defaultValue(0),
   maxPerPage: PropTypes.number.description("Step for the per page options").defaultValue(100),

package/dist/esm/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-utilities';\nimport { WeakValidationMap } from 'react';\n\nconst emptyFunc = () => null;\n\nexport const propTypes = {\n  pageCount: PropTypes.number.description('How many pages are there'),\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\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  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\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  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\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  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} as WeakValidationMap<unknown>;\n\nexport const defaultProps = {\n  pageIndex: 1,\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: emptyFunc,\n  onPreviousPage: emptyFunc,\n  onNextPage: emptyFunc,\n  onPageChange: emptyFunc,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,YAAY,MAAM;AAEjB,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAClE,WAAW,UAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,iBAAiB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,qBAAqB,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,UAAU,QACxB,UAAU,UAAU;AAAA,IAClB,UAAU;AAAA,IACV,UAAU,MAAM;AAAA,MACd,MAAM,UAAU;AAAA,MAChB,OAAO,UAAU;AAAA,MACjB,OAAO,UAAU;AAAA,MACjB,MAAM,UAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,IAClC,CAAC;AAAA,EACH,CAAC,CACH,EACG,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,aAAa,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,YAAY,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACxF,YAAY,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,GAAG;AAAA,EAC1F,kBAAkB,UAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,EAC1G,YAAY,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,EAC9G,aAAa,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,EAChH,kBAAkB,UAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,EAClB,OAAO,UAAU,IAAI,YAAY,2CAA2C,EAAE,aAAa,MAAM;AACnG;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,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;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAG1B,MAAM,YAAY,MAAM;AAEjB,MAAM,YAAY;AAAA,EACvB,WAAW,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAClE,WAAW,UAAU,OAAO,YAAY,4CAA4C,EAAE,aAAa,CAAC;AAAA,EACpG,iBAAiB,UAAU,KAAK,YAAY,gDAAgD,EAAE,aAAa,IAAI;AAAA,EAC/G,aAAa,UAAU,KAAK,YAAY,4CAA4C,EAAE,aAAa,IAAI;AAAA,EACvG,UAAU,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC/E,qBAAqB,UAAU,KAAK,YAAY,mCAAmC,EAAE,aAAa,IAAI;AAAA,EACtG,gBAAgB,UAAU;AAAA,IACxB,UAAU,UAAU;AAAA,MAClB,UAAU;AAAA,MACV,UAAU,MAAM;AAAA,QACd,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,QACjB,OAAO,UAAU;AAAA,QACjB,MAAM,UAAU,MAAM,CAAC,QAAQ,CAAC;AAAA,MAClC,CAAC;AAAA,IACH,CAAC;AAAA,EACH,EACG,YAAY,qCAAqC,EACjD,aAAa,CAAC,EAAE,CAAC;AAAA,EACpB,aAAa,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACzF,YAAY,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,CAAC;AAAA,EACxF,YAAY,UAAU,OAAO,YAAY,+BAA+B,EAAE,aAAa,GAAG;AAAA,EAC1F,kBAAkB,UAAU,KAAK,YAAY,6CAA6C,EAAE,aAAa,MAAM,IAAI;AAAA,EACnH,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,MAAM,IAAI;AAAA,EAC1B,cAAc,UAAU,KAAK,YAAY,wCAAwC,EAAE,aAAa,MAAM,IAAI;AAAA,EAC1G,YAAY,UAAU,KAAK,YAAY,8CAA8C,EAAE,aAAa,MAAM,IAAI;AAAA,EAC9G,aAAa,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,kCAAkC,EAAE,aAAa,CAAC,CAAC;AAAA,EAChH,kBAAkB,UAAU,OACzB,YAAY,6DAA6D,EACzE,aAAa,EAAE;AAAA,EAClB,OAAO,UAAU,IAAI,YAAY,2CAA2C,EAAE,aAAa,MAAM;AACnG;AAEO,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,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;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa,CAAC;AAAA,EACd,kBAAkB;AAAA,EAClB,OAAO;AACT;",
   "names": []
 }

package/dist/esm/styled.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport {\n  styled,\n  space,\n  typography,\n  TypographyProps,\n  SpaceProps,\n  sizing,\n  SizingProps,\n  layout,\n  LayoutProps,\n  css,\n} from '@elliemae/ds-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)`\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`;\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<TypographyProps & SpaceProps & SizingProps & LayoutProps>`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${typography}\n  ${space}\n  ${sizing}\n  ${layout}\n  position: relative;\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  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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAMnD,MAAM,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,sBAAsB,OAAO,IAAI;AAAA,sBACxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,UAAU;AAAA;AAGhC,MAAM,qBAAqB,OAAO;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,2BAA2B,OAAO,UAAU;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;AAKC,MAAM,yBAAyB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,EAEA;AAAA,EAEA;AAAA,OACK;AAEP,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,sBAAsB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,sBAAsB,OAAO,IAAI;AAAA,sBACxB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,UAAU;AAAA;AAGhC,MAAM,qBAAqB,OAAO;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhC,MAAM,2BAA2B,OAAO,UAAU;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;AAKC,MAAM,yBAAyB,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQ3C,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pagination",
-  "version": "3.5.0-rc.2",
+  "version": "3.5.0-rc.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pagination",
   "files": [
@@ -75,13 +75,13 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.5.0-rc.2",
-    "@elliemae/ds-dropdownmenu": "3.5.0-rc.2",
-    "@elliemae/ds-grid": "3.5.0-rc.2",
-    "@elliemae/ds-icons": "3.5.0-rc.2",
-    "@elliemae/ds-system": "3.5.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.2",
-    "@elliemae/ds-utilities": "3.5.0-rc.2",
+    "@elliemae/ds-button": "3.5.0-rc.5",
+    "@elliemae/ds-dropdownmenu": "3.5.0-rc.5",
+    "@elliemae/ds-grid": "3.5.0-rc.5",
+    "@elliemae/ds-icons": "3.5.0-rc.5",
+    "@elliemae/ds-system": "3.5.0-rc.5",
+    "@elliemae/ds-truncated-tooltip-text": "3.5.0-rc.5",
+    "@elliemae/ds-utilities": "3.5.0-rc.5",
     "memoize-one": "~6.0.0"
   },
   "devDependencies": {