@elliemae/ds-pagination 3.16.0-next.2 → 3.16.0-next.21

package/dist/types/styled.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import type { XstyledProps } from '@elliemae/ds-utilities';
-export declare const PaginationContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement> & XstyledProps, never>;
-export declare const PaginationWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const PaginationSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object, never>;
-export declare const PaginationBoldText: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps, never>;
-export declare const InvisibleDetail: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const PaginationDetail: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
-export declare const PaginationDropdownButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, import("styled-components").ThemeProps<import("@xstyled/system").Theme>, never>;
-export declare const PreviousNextPageButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, import("styled-components").ThemeProps<import("@xstyled/system").Theme>, never>;
+import type { XstyledProps } from '@elliemae/ds-props-helpers';
+export declare const StyledPaginationContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement> & XstyledProps, never>;
+export declare const StyledPaginationWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const DSPaginationSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps, never>;
+export declare const InvisibleDiv: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const PaginationDropdownButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, import("@elliemae/ds-system").Theme, import("styled-components").ThemeProps<import("@xstyled/system").Theme>, never>;
+export declare const PreviousNextPageButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonT.Props>, import("@elliemae/ds-system").Theme, import("styled-components").ThemeProps<import("@xstyled/system").Theme>, never>;

package/dist/types/tests/a11y/axe.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/callbacks/paginator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/callbacks/per-page-selector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/callbacks/prev-next-buttons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/keyboard/navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/keyboard/paginator-search.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/render/page-count-loading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/render/paginator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/render/per-page-selector.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/render/segmented-paginator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/render/simple.render.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pagination",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pagination",
   "files": [
@@ -75,18 +75,24 @@
     "indent": 4
   },
   "dependencies": {
-    "memoize-one": "~6.0.0",
-    "@elliemae/ds-button": "3.16.0-next.2",
-    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.2",
-    "@elliemae/ds-dropdownmenu": "3.16.0-next.2",
-    "@elliemae/ds-grid": "3.16.0-next.2",
-    "@elliemae/ds-icons": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "@xstyled/system": "~3.7.3",
+    "@xstyled/util": "~3.7.0",
+    "@elliemae/ds-button-v2": "3.16.0-next.21",
+    "@elliemae/ds-circular-progress-indicator": "3.16.0-next.21",
+    "@elliemae/ds-dropdownmenu": "3.16.0-next.21",
+    "@elliemae/ds-grid": "3.16.0-next.21",
+    "@elliemae/ds-icons": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-system": "3.16.0-next.21",
+    "@elliemae/ds-typography": "3.16.0-next.21",
+    "@elliemae/ds-utilities": "3.16.0-next.21"
   },
   "devDependencies": {
-    "styled-components": "~5.3.6",
+    "@testing-library/jest-dom": "~5.16.5",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "jest-axe": "^7.0.1",
+    "styled-components": "~5.3.9",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
@@ -107,7 +113,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

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

@@ -1,7 +0,0 @@
-{
-  "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,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/parts/PageNextButton.js

@@ -1,52 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PageNextButton_exports = {};
-__export(PageNextButton_exports, {
-  PageNextButton: () => PageNextButton
-});
-module.exports = __toCommonJS(PageNextButton_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_PaginationDataTestID = require("../PaginationDataTestID");
-var import_styled = require("../styled");
-const PageNextButton = ({
-  onNextPage,
-  canNextPage
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  import_styled.PreviousNextPageButton,
-  {
-    onClick: () => {
-      if (canNextPage)
-        onNextPage();
-    },
-    disabled: !canNextPage,
-    buttonType: "raw",
-    "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
-    "aria-label": "Go to next page",
-    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, { color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"] })
-  }
-);
-//# sourceMappingURL=PageNextButton.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/parts/PageNextButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport type { DSPaginationT } from '../react-desc-prop-types';\n\nexport const PageNextButton: React.ComponentType<Pick<DSPaginationT.InternalProps, '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    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;ADoBnB;AAlBJ,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,MAAM;AACb,UAAI;AAAa,mBAAW;AAAA,IAC9B;AAAA,IACA,UAAU,CAAC;AAAA,IACX,YAAW;AAAA,IACX,eAAa,mDAAuB;AAAA,IACpC,cAAW;AAAA,IAEX,sDAAC,gCAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AACpF;",
-  "names": []
-}

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

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

package/dist/cjs/parts/Paginator.js

@@ -1,162 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Paginator_exports = {};
-__export(Paginator_exports, {
-  default: () => Paginator_default
-});
-module.exports = __toCommonJS(Paginator_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
-var import_styled = require("../styled");
-var import_usePaginationSearch = require("../hooks/usePaginationSearch");
-const Paginator = (props) => {
-  const { pageIndex, pageCount, isLoadingPageCount, onPageChange, pageDetails, pageDetailsTitle } = props;
-  const [isOpened, setIsOpened] = (0, import_react.useState)(false);
-  const btnRef = (0, import_react.useRef)(null);
-  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(typeof pageCount === "string" ? pageIndex + 1 : 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__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: ["16px", `${txtWidth + 16}px`, "auto"], gutter: "xxs", alignItems: "center", children: [
-          pageIndex === index ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: ["brand-primary", "600"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: index + 1 }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "span",
-            {
-              style: {
-                whiteSpace: "nowrap",
-                textOverflow: "ellipsis",
-                overflow: "hidden"
-              },
-              children: pageDetails[index]
-            }
-          )
-        ] });
-      }
-      return option;
-    }),
-    [pageCount, pageDetails, pageIndex, txtWidth]
-  );
-  const actionRef = (0, import_react.useRef)({});
-  (0, import_react.useEffect)(() => {
-    if (isOpened) {
-      actionRef.current.setActiveDescendant((pageIndex + 1).toString());
-      actionRef.current.scrollOptionIntoView((pageIndex + 1).toString());
-    }
-  }, [isOpened]);
-  const [detailWidth, setDetailWidth] = (0, import_react.useState)(0);
-  (0, import_react.useLayoutEffect)(() => {
-    const invisibleDetails = [
-      ...document.body.querySelectorAll('[data-testid="ds-pagination-invisible-detail-for-width-calc"]')
-    ];
-    const maxWidth = invisibleDetails.reduce((acc, cur) => Math.max(acc, cur.getBoundingClientRect().width), 0);
-    setDetailWidth(maxWidth);
-  }, [pageDetails]);
-  const onKeyDown = (0, import_usePaginationSearch.usePaginationSearch)(pageCount, actionRef);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ds_dropdownmenu.DSDropdownMenuV2,
-      {
-        isOpened,
-        options,
-        selectedOptions: { [(pageIndex + 1).toString()]: true },
-        onOptionClick: (_, clickedOption) => {
-          onPageChange(clickedOption.value);
-          setIsOpened(false);
-          btnRef.current?.focus();
-        },
-        onClickOutside: () => {
-          setIsOpened(false);
-          btnRef.current?.focus();
-        },
-        customOffset: [-23, 2],
-        startPlacementPreference: "top-start",
-        actionRef,
-        onKeyDown,
-        minWidth: pageDetails.length !== 0 ? btnWidth + 23 : pageCount.toString().length * 6 + 90,
-        maxHeight: 300,
-        HeaderComp: () => pageDetailsTitle !== "" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { cols: [`${txtWidth + 50}px`, "8px", "auto"], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { marginLeft: "8px" }, children: "Page" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, { height: "100%" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: pageDetailsTitle })
-        ] }) : "Page",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_styled.PaginationDropdownButton,
-          {
-            buttonType: "raw",
-            disabled: isLoadingPageCount,
-            onClick: () => setIsOpened((prev) => !prev),
-            innerRef: btnRef,
-            "aria-label": `Page ${pageIndex + 1} out of ${pageCount}, ${pageDetails.length !== 0 ? pageDetails[pageIndex] : "\b\b"}. Press to change the current page`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              import_ds_grid.Grid,
-              {
-                gutter: "xxs",
-                alignItems: "center",
-                cols: pageDetails.length !== 0 ? ["auto", "min-content", "minmax(0px, 70%)", "min-content"] : ["auto", "min-content"],
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, { alignItems: "center", gutter: "xxxs", ref: pageInfoRef, style: { gridAutoFlow: "column" }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationBoldText, { fontSize: "18px", children: pageIndex + 1 }),
-                    " / ",
-                    pageCount
-                  ] }),
-                  isLoadingPageCount ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularIndeterminateIndicator, { size: "xs" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                    pageDetails.length !== 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, { height: "12px", ml: "8px" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.PaginationBoldText, { fontSize: "13px", w: detailWidth, mr: "xxs", display: "grid", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, { value: pageDetails[pageIndex], children: pageDetails[pageIndex] }),
-                        pageDetails.map((pageDetail) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.InvisibleDetail, { "data-testid": "ds-pagination-invisible-detail-for-width-calc", children: pageDetail }))
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { color: ["brand-primary", "700"] })
-                  ] })
-                ]
-              }
-            )
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PaginationSeparator, {})
-  ] });
-};
-var Paginator_default = Paginator;
-//# sourceMappingURL=Paginator.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 { DSCircularIndeterminateIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { InvisibleDetail, PaginationBoldText, PaginationDropdownButton, PaginationSeparator } from '../styled';\nimport { usePaginationSearch } from '../hooks/usePaginationSearch';\n\ninterface PaginatorPropsT {\n  pageIndex: number;\n  pageCount: number | string;\n  isLoadingPageCount: boolean;\n  onPageChange: (page: number) => void;\n  pageDetails: string[];\n  pageDetailsTitle: string;\n}\n\nconst Paginator: React.ComponentType<PaginatorPropsT> = (props) => {\n  const { pageIndex, pageCount, isLoadingPageCount, 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(typeof pageCount === 'string' ? pageIndex + 1 : 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          disabled={isLoadingPageCount}\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            {isLoadingPageCount ? (\n              <DSCircularIndeterminateIndicator size=\"xs\" />\n            ) : (\n              <>\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              </>\n            )}\n          </Grid>\n        </PaginationDropdownButton>\n      </DSDropdownMenuV2>\n      <PaginationSeparator />\n    </>\n  );\n};\n\nexport default Paginator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/parts/PerPageSelector.js

@@ -1,114 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var PerPageSelector_exports = {};
-__export(PerPageSelector_exports, {
-  default: () => PerPageSelector_default
-});
-module.exports = __toCommonJS(PerPageSelector_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_memoize_one = __toESM(require("memoize-one"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_styled = require("../styled");
-const generateOption = (value) => {
-  if (typeof value === "object") {
-    return value;
-  }
-  return {
-    dsId: value.toString(),
-    value,
-    label: value.toString(),
-    type: "single"
-  };
-};
-const getOptions = (0, import_memoize_one.default)((step, min, max) => {
-  const options = (0, import_ds_utilities.range)(min, max + step, step).map(generateOption);
-  return min === 0 ? options.slice(1, options.length) : options;
-});
-const Header = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: "Per Page" });
-const PerPageSelector = (props) => {
-  const [isOpened, setIsOpened] = (0, import_react.useState)(false);
-  const { pageSize, onPageSizeChange, perPageOptions, maxPerPage, perPageStep, minPerPage } = props;
-  const options = (0, import_react.useMemo)(() => {
-    if (perPageOptions)
-      return perPageOptions.map(generateOption);
-    return getOptions(perPageStep, minPerPage, maxPerPage);
-  }, [maxPerPage, minPerPage, perPageOptions, perPageStep]);
-  const actionRef = (0, import_react.useRef)({});
-  const btnRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (isOpened) {
-      actionRef.current.setActiveDescendant(pageSize.toString());
-      actionRef.current.scrollOptionIntoView(pageSize.toString());
-    }
-  }, [isOpened]);
-  const width = (0, import_react.useMemo)(() => {
-    const maxLength = options.reduce((acc, cur) => Math.max(acc, cur?.label?.length ?? 0), 0);
-    return maxLength * 6 + 90;
-  }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_dropdownmenu.DSDropdownMenuV2,
-    {
-      isOpened,
-      options,
-      selectedOptions: { [pageSize.toString()]: true },
-      onOptionClick: (_, clickedOption) => {
-        onPageSizeChange(clickedOption.value);
-        setIsOpened(false);
-        btnRef.current?.focus();
-      },
-      onClickOutside: () => {
-        setIsOpened(false);
-        btnRef.current?.focus();
-      },
-      customOffset: [10, 2],
-      startPlacementPreference: "top-start",
-      actionRef,
-      minWidth: width,
-      maxHeight: 300,
-      HeaderComp: Header,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { marginLeft: "32px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_styled.PaginationDropdownButton,
-        {
-          buttonType: "raw",
-          onClick: () => setIsOpened((prev) => !prev),
-          "aria-pressed": isOpened,
-          innerRef: btnRef,
-          "aria-label": `${pageSize} rows per page. Press to select rows per page`,
-          children: [
-            pageSize,
-            " / page",
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronDown, { color: ["brand-primary", "700"] })
-          ]
-        }
-      ) })
-    }
-  );
-};
-var PerPageSelector_default = PerPageSelector;
-//# sourceMappingURL=PerPageSelector.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/parts/PerPageSelector.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport memoize from 'memoize-one';\nimport { range } from '@elliemae/ds-utilities';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport type { DSPaginationT } from '../react-desc-prop-types';\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 Header = () => <>{'Per Page'}</>;\n\nconst PerPageSelector: React.ComponentType<\n  Pick<\n    DSPaginationT.InternalProps,\n    'pageSize' | 'onPageSizeChange' | 'perPageOptions' | 'perPageStep' | 'minPerPage' | 'maxPerPage'\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={Header}\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;AD0BF;AAzBrB,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,SAAS,MAAM,2EAAG,sBAAW;AAEnC,MAAM,kBAKF,CAAC,UAAU;AACb,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAS,KAAK;AAC9C,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,WAAW,IAAI;AAE5F,QAAM,cAAU,sBAAQ,MAAM;AAC5B,QAAI;AAAgB,aAAO,eAAe,IAAI,cAAc;AAC5D,WAAO,WAAW,aAAa,YAAY,UAAU;AAAA,EACvD,GAAG,CAAC,YAAY,YAAY,gBAAgB,WAAW,CAAC;AAExD,QAAM,gBAAY,qBAA+C,CAAC,CAAC;AACnE,QAAM,aAAS,qBAA0B,IAAI;AAE7C,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAoB,SAAS,SAAS,CAAC;AACzD,gBAAU,QAAQ,qBAAqB,SAAS,SAAS,CAAC;AAAA,IAC5D;AAAA,EAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,YAAY,QAAQ,OAAO,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAM,KAAK,OAAkB,UAAU,CAAC,GAAG,CAAC;AACpG,WAAO,YAAY,IAAI;AAAA,EACzB,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,EAAE,CAAC,SAAS,SAAS,IAAI,KAAK;AAAA,MAC/C,eAAe,CAAC,GAAG,kBAAkB;AACnC,yBAAiB,cAAc,KAAK;AACpC,oBAAY,KAAK;AACjB,eAAO,SAAS,MAAM;AAAA,MACxB;AAAA,MACA,gBAAgB,MAAM;AACpB,oBAAY,KAAK;AACjB,eAAO,SAAS,MAAM;AAAA,MACxB;AAAA,MACA,cAAc,CAAC,IAAI,CAAC;AAAA,MACpB,0BAAyB;AAAA,MACzB;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX,YAAY;AAAA,MAEZ,sDAAC,SAAI,OAAO,EAAE,YAAY,OAAO,GAC/B;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX,SAAS,MAAM,YAAY,CAAC,SAAS,CAAC,IAAI;AAAA,UAC1C,gBAAc;AAAA,UACd,UAAU;AAAA,UACV,cAAY,GAAG;AAAA,UAEd;AAAA;AAAA,YAAS;AAAA,YACV,4CAAC,+BAAY,OAAO,CAAC,iBAAiB,KAAK,GAAG;AAAA;AAAA;AAAA,MAChD,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": ["memoize"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "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,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/parts/PageNextButton.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { ChevronRight } from "@elliemae/ds-icons";
-import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
-import { PreviousNextPageButton } from "../styled";
-const PageNextButton = ({
-  onNextPage,
-  canNextPage
-}) => /* @__PURE__ */ jsx(
-  PreviousNextPageButton,
-  {
-    onClick: () => {
-      if (canNextPage)
-        onNextPage();
-    },
-    disabled: !canNextPage,
-    buttonType: "raw",
-    "data-testid": PAGINATION_DATA_TESTID.NEXT_BUTTON,
-    "aria-label": "Go to next page",
-    children: /* @__PURE__ */ jsx(ChevronRight, { color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"] })
-  }
-);
-export {
-  PageNextButton
-};
-//# sourceMappingURL=PageNextButton.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 type { DSPaginationT } from '../react-desc-prop-types';\n\nexport const PageNextButton: React.ComponentType<Pick<DSPaginationT.InternalProps, '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    aria-label=\"Go to next page\"\n  >\n    <ChevronRight color={canNextPage ? ['brand-primary', '700'] : ['neutral', '500']} />\n  </PreviousNextPageButton>\n);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoBnB;AAlBJ,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAGhC,MAAM,iBAAuG,CAAC;AAAA,EACnH;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,MAAM;AACb,UAAI;AAAa,mBAAW;AAAA,IAC9B;AAAA,IACA,UAAU,CAAC;AAAA,IACX,YAAW;AAAA,IACX,eAAa,uBAAuB;AAAA,IACpC,cAAW;AAAA,IAEX,8BAAC,gBAAa,OAAO,cAAc,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AACpF;",
-  "names": []
-}

package/dist/esm/parts/PagePrevButton.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-import { ChevronLeft } from "@elliemae/ds-icons";
-import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
-import { PreviousNextPageButton } from "../styled";
-const PagePrevButton = ({ onPreviousPage, canPreviousPage }) => /* @__PURE__ */ jsx(
-  PreviousNextPageButton,
-  {
-    onClick: () => {
-      if (canPreviousPage)
-        onPreviousPage();
-    },
-    disabled: !canPreviousPage,
-    buttonType: "raw",
-    "data-testid": PAGINATION_DATA_TESTID.PREVIOUS_BUTTON,
-    "aria-label": "Go to previous page",
-    children: /* @__PURE__ */ jsx(ChevronLeft, { color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"] })
-  }
-);
-export {
-  PagePrevButton
-};
-//# sourceMappingURL=PagePrevButton.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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 type { DSPaginationT } from '../react-desc-prop-types';\n\nexport const PagePrevButton: React.ComponentType<\n  Pick<DSPaginationT.InternalProps, '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,YAAY,WAAW;ACmBnB;AAjBJ,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,8BAA8B;AAGhC,MAAM,iBAET,CAAC,EAAE,gBAAgB,gBAAgB,MACrC;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,MAAM;AACb,UAAI;AAAiB,uBAAe;AAAA,IACtC;AAAA,IACA,UAAU,CAAC;AAAA,IACX,YAAW;AAAA,IACX,eAAa,uBAAuB;AAAA,IACpC,cAAW;AAAA,IAEX,8BAAC,eAAY,OAAO,kBAAkB,CAAC,iBAAiB,KAAK,IAAI,CAAC,WAAW,KAAK,GAAG;AAAA;AACvF;",
-  "names": []
-}