@elliemae/ds-pagination 2.3.0-next.3 → 3.0.0-alpha.0

package/dist/cjs/Pagination.js

@@ -0,0 +1,50 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Pagination_exports = {};
+__export(Pagination_exports, {
+  DSPagination: () => DSPagination,
+  DSPaginationWithSchema: () => DSPaginationWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc = require("react-desc");
+var import_PaginationContent = require("./parts/PaginationContent");
+var import_props = require("./props");
+const DSPagination = (props) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_props.propTypes);
+  return /* @__PURE__ */ import_react.default.createElement(import_PaginationContent.PaginationContent, {
+    ...propsWithDefault
+  });
+};
+DSPagination.propTypes = import_props.propTypes;
+const DSPaginationWithSchema = (0, import_react_desc.describe)(DSPagination).description("DSPagination");
+DSPaginationWithSchema.propTypes = import_props.propTypes;
+module.exports = __toCommonJS(Pagination_exports);
+//# sourceMappingURL=Pagination.js.map

package/dist/cjs/Pagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Pagination.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\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;\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,8BAA6E;AAC7E,wBAAyB;AACzB,+BAAkC;AAClC,mBAAwC;AAGxC,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,8DAA+B,kBAAkB;AAEjD,SAAO,mDAAC,4CAAD;AAAA,OAAuB;AAAA;AAAA;AAGhC,aAAa,YAAY;AACzB,MAAM,yBAAyB,gCAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
+  "names": []
+}

package/dist/cjs/PaginationDataTestID.js

@@ -0,0 +1,39 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PaginationDataTestID_exports = {};
+__export(PaginationDataTestID_exports, {
+  PAGINATION_DATA_TESTID: () => PAGINATION_DATA_TESTID
+});
+var React = __toESM(require("react"));
+const PAGINATION_DATA_TESTID = {
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button",
+  NEXT_BUTTON: "data-table-pagination-next-button",
+  CONTAINER: "data-table-pagination-container"
+};
+module.exports = __toCommonJS(PaginationDataTestID_exports);
+//# sourceMappingURL=PaginationDataTestID.js.map

package/dist/cjs/PaginationDataTestID.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA;",
+  "names": []
+}

package/dist/cjs/hooks/usePaginationSearch.js

@@ -0,0 +1,60 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var usePaginationSearch_exports = {};
+__export(usePaginationSearch_exports, {
+  usePaginationSearch: () => usePaginationSearch
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const usePaginationSearch = (pageCount, actionRef) => {
+  const [searchValue, setSearchValue] = (0, import_react.useState)("");
+  const [shouldResetSearchValue, setShouldResetSearchValue] = (0, import_react.useState)(true);
+  const timeoutRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (searchValue !== "" && Number.parseInt(searchValue, 10) <= pageCount) {
+      actionRef.current.setActiveDescendant(searchValue);
+      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]);
+  return onKeyDown;
+};
+module.exports = __toCommonJS(usePaginationSearch_exports);
+//# sourceMappingURL=usePaginationSearch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,mBAAyD;AAElD,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,CAAC,wBAAwB,6BAA6B,2BAAS;AAErE,QAAM,aAAa,yBAAuB;AAE1C,8BAAU,MAAM;AACd,QAAI,gBAAgB,MAAM,OAAO,SAAS,aAAa,OAAO,WAAW;AACvE,gBAAU,QAAQ,oBAAoB;AACtC,gBAAU,QAAQ,qBAAqB;AAAA;AAAA,KAGxC,CAAC;AAEJ,QAAM,YAAY,8BAChB,CAAC,MAAM;AACL,QAAI,EAAE,KAAK,WAAW,UAAU;AAC9B,UAAI;AAAwB,uBAAe,EAAE;AAAA;AACxC,uBAAe,CAAC,cAAc,YAAY,EAAE;AAEjD,gCAA0B;AAC1B,mBAAa,WAAW;AACxB,iBAAW,UAAU,WAAW,MAAM;AACpC,kCAA0B;AAAA,SACzB;AAAA;AAAA,KAGP,CAAC;AAGH,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/index.d.js

@@ -0,0 +1,27 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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[];\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?: any;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,28 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./Pagination"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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;ACAA,YAAuB;ADAvB,wBAAc;",
+  "names": []
+}

package/dist/cjs/parts/PageNextButton.js

@@ -0,0 +1,53 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PageNextButton_exports = {};
+__export(PageNextButton_exports, {
+  PageNextButton: () => PageNextButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_PaginationDataTestID = require("../PaginationDataTestID");
+var import_styled = require("../styled");
+const PageNextButton = ({
+  onNextPage,
+  canNextPage
+}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PreviousNextPageButton, {
+  onClick: () => {
+    if (canNextPage)
+      onNextPage();
+  },
+  disabled: !canNextPage,
+  buttonType: "raw",
+  "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
+  HeaderComp: () => "Page"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, {
+  color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"]
+}));
+module.exports = __toCommonJS(PageNextButton_exports);
+//# sourceMappingURL=PageNextButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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<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  >\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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA6B;AAC7B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAA6F,CAAC;AAAA,EACzG;AAAA,EACA;AAAA,MAEA,mDAAC,sCAAD;AAAA,EACE,SAAS,MAAM;AACb,QAAI;AAAa;AAAA;AAAA,EAEnB,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,mDAAuB;AAAA,EACpC,YAAY,MAAM;AAAA,GAElB,mDAAC,8BAAD;AAAA,EAAc,OAAO,cAAc,CAAC,iBAAiB,SAAS,CAAC,WAAW;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/PagePrevButton.js

@@ -0,0 +1,52 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PagePrevButton_exports = {};
+__export(PagePrevButton_exports, {
+  PagePrevButton: () => PagePrevButton
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_PaginationDataTestID = require("../PaginationDataTestID");
+var import_styled = require("../styled");
+const PagePrevButton = ({
+  onPreviousPage,
+  canPreviousPage
+}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PreviousNextPageButton, {
+  onClick: () => {
+    if (canPreviousPage)
+      onPreviousPage();
+  },
+  disabled: !canPreviousPage,
+  buttonType: "raw",
+  "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, {
+  color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"]
+}));
+module.exports = __toCommonJS(PagePrevButton_exports);
+//# sourceMappingURL=PagePrevButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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<Pick<DSPaginationProps, 'onPreviousPage' | 'canPreviousPage'>> = ({\n  onPreviousPage,\n  canPreviousPage,\n}) => (\n  <PreviousNextPageButton\n    onClick={() => {\n      if (canPreviousPage) onPreviousPage();\n    }}\n    disabled={!canPreviousPage}\n    buttonType=\"raw\"\n    data-testid={PAGINATION_DATA_TESTID.PREVIOUS_BUTTON}\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;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA4B;AAC5B,kCAAuC;AACvC,oBAAuC;AAGhC,MAAM,iBAAqG,CAAC;AAAA,EACjH;AAAA,EACA;AAAA,MAEA,mDAAC,sCAAD;AAAA,EACE,SAAS,MAAM;AACb,QAAI;AAAiB;AAAA;AAAA,EAEvB,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,mDAAuB;AAAA,GAEpC,mDAAC,6BAAD;AAAA,EAAa,OAAO,kBAAkB,CAAC,iBAAiB,SAAS,CAAC,WAAW;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/PaginationContent.js

@@ -0,0 +1,92 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var PaginationContent_exports = {};
+__export(PaginationContent_exports, {
+  PaginationContent: () => PaginationContent
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../styled");
+var import_PerPageSelector = __toESM(require("./PerPageSelector"));
+var import_Paginator = __toESM(require("./Paginator"));
+var import_PaginationDataTestID = require("../PaginationDataTestID");
+var import_PagePrevButton = require("./PagePrevButton");
+var import_PageNextButton = require("./PageNextButton");
+const PaginationContent = ({
+  pageIndex,
+  pageSize,
+  canPreviousPage,
+  canNextPage,
+  onPageSizeChange,
+  onNextPage,
+  onPreviousPage,
+  onPageChange,
+  pageCount,
+  showPerPageSelector,
+  pageDetails,
+  pageDetailsTitle,
+  perPageOptions,
+  maxPerPage,
+  perPageStep,
+  minPerPage,
+  width
+}) => /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationContainer, {
+  justifyContent: "center",
+  alignItems: "center",
+  width,
+  "data-testid": import_PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER
+}, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationWrapper, null, showPerPageSelector && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_PerPageSelector.default, {
+  pageSize,
+  onPageSizeChange,
+  perPageOptions,
+  maxPerPage,
+  perPageStep,
+  minPerPage
+}), /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, {
+  mr: 24
+})), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  cols: ["auto", "auto", "auto", "auto", "auto"],
+  mr: "32px",
+  alignItems: "center"
+}, /* @__PURE__ */ import_react.default.createElement(import_PagePrevButton.PagePrevButton, {
+  canPreviousPage,
+  onPreviousPage
+}), /* @__PURE__ */ import_react.default.createElement(import_Paginator.default, {
+  pageCount,
+  pageIndex,
+  onNextPage,
+  onPageChange,
+  pageDetails,
+  pageDetailsTitle
+}), /* @__PURE__ */ import_react.default.createElement(import_PageNextButton.PageNextButton, {
+  canNextPage,
+  onNextPage
+}))));
+module.exports = __toCommonJS(PaginationContent_exports);
+//# sourceMappingURL=PaginationContent.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/PaginationContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { 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<DSPaginationProps> = ({\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}) => (\n  <PaginationContainer\n    justifyContent=\"center\"\n    alignItems=\"center\"\n    width={width}\n    data-testid={PAGINATION_DATA_TESTID.CONTAINER}\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 cols={['auto', 'auto', 'auto', 'auto', 'auto']} mr=\"32px\" alignItems=\"center\">\n        <PagePrevButton canPreviousPage={canPreviousPage} onPreviousPage={onPreviousPage} />\n        <Paginator\n          pageCount={pageCount}\n          pageIndex={pageIndex}\n          onNextPage={onNextPage}\n          onPageChange={onPageChange}\n          pageDetails={pageDetails}\n          pageDetailsTitle={pageDetailsTitle}\n        />\n        <PageNextButton canNextPage={canNextPage} onNextPage={onNextPage} />\n      </Grid>\n    </PaginationWrapper>\n  </PaginationContainer>\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,qBAAqB;AACrB,oBAA4E;AAC5E,6BAA4B;AAC5B,uBAAsB;AACtB,kCAAuC;AACvC,4BAA+B;AAC/B,4BAA+B;AAGxB,MAAM,oBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,mCAAD;AAAA,EACE,gBAAe;AAAA,EACf,YAAW;AAAA,EACX;AAAA,EACA,eAAa,mDAAuB;AAAA,GAEpC,mDAAC,iCAAD,MACG,uBACC,wFACE,mDAAC,gCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAEF,mDAAC,mCAAD;AAAA,EAAqB,IAAI;AAAA,KAG7B,mDAAC,qBAAD;AAAA,EAAM,MAAM,CAAC,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,EAAS,IAAG;AAAA,EAAO,YAAW;AAAA,GACzE,mDAAC,sCAAD;AAAA,EAAgB;AAAA,EAAkC;AAAA,IAClD,mDAAC,0BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,IAEF,mDAAC,sCAAD;AAAA,EAAgB;AAAA,EAA0B;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/Paginator.js

@@ -0,0 +1,131 @@
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Paginator_exports = {};
+__export(Paginator_exports, {
+  default: () => Paginator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(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_styled = require("../styled");
+var import_usePaginationSearch = require("../hooks/usePaginationSearch");
+const Paginator = (props) => {
+  const { pageIndex, pageCount, 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(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) {
+      actionRef.current.setActiveDescendant((pageIndex + 1).toString());
+      actionRef.current.scrollOptionIntoView((pageIndex + 1).toString());
+    }
+  }, [isOpened]);
+  const onKeyDown = (0, import_usePaginationSearch.usePaginationSearch)(pageCount, actionRef);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, null), /* @__PURE__ */ import_react.default.createElement(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: [0, 2],
+    startPlacementPreference: "top-end",
+    actionRef,
+    onKeyDown,
+    minWidth: btnWidth + 23,
+    maxHeight: 300,
+    HeaderComp: () => pageDetailsTitle !== "" ? /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+      cols: [`${txtWidth + 50}px`, "8px", "auto"]
+    }, /* @__PURE__ */ import_react.default.createElement("span", {
+      style: { marginLeft: "8px" }
+    }, "Page"), /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, {
+      height: "100%"
+    }), /* @__PURE__ */ import_react.default.createElement("span", null, pageDetailsTitle)) : "Page"
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationDropdownButton, {
+    buttonType: "raw",
+    onClick: () => setIsOpened(true),
+    innerRef: btnRef
+  }, /* @__PURE__ */ import_react.default.createElement("div", {
+    style: { display: "flex", gridGap: "8px", alignItems: "center" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: ["auto", "auto", "auto"],
+    alignItems: "center",
+    gutter: "xxxs",
+    ref: pageInfoRef
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationBoldText, {
+    fontSize: "18px"
+  }, pageIndex + 1), " / ", pageCount), pageDetails.length !== 0 && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, {
+    height: "12px",
+    ml: "8px"
+  }), /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationBoldText, {
+    fontSize: "13px",
+    mr: "8px"
+  }, pageDetails[pageIndex])), /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronDown, {
+    color: ["brand-primary", "700"]
+  })))), /* @__PURE__ */ import_react.default.createElement(import_styled.PaginationSeparator, null));
+};
+var Paginator_default = Paginator;
+module.exports = __toCommonJS(Paginator_exports);
+//# sourceMappingURL=Paginator.js.map