@elliemae/ds-pagination 1.60.0 → 2.0.0-alpha.13

package/esm/parts/PerPageSelector.js

@@ -1,91 +1,91 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useMemo, useRef, useEffect } from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState, useMemo, useRef, useEffect } from 'react';
 import memoize from 'memoize-one';
 import { range, useOnElementResize } from '@elliemae/ds-utilities';
 import { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';
 import { ChevronDown } from '@elliemae/ds-icons';
 import { PaginationDropdownButton } from '../styled.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import 'styled-components';
-import 'styled-system';
 
-var generateOption = function generateOption(value) {
+const generateOption = value => {
+  if (typeof value === 'object') {
+    return value;
+  }
+
   return {
     dsId: value.toString(),
-    value: value,
+    value,
     label: value.toString(),
     type: 'single'
   };
 };
 
-var getOptions = memoize(function (step, min, max) {
-  var options = range(min, max + step, step).map(generateOption);
+const getOptions = memoize((step, min, max) => {
+  const options = range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
 
-var PerPageSelector = function PerPageSelector(props) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpened = _useState2[0],
-      setIsOpened = _useState2[1];
-
-  var pageSize = props.pageSize,
-      onPageSizeChange = props.onPageSizeChange,
-      perPageOptions = props.perPageOptions,
-      maxPerPage = props.maxPerPage,
-      perPageStep = props.perPageStep,
-      minPerPage = props.minPerPage;
-  var options = useMemo(function () {
+const PerPageSelector = props => {
+  const [isOpened, setIsOpened] = useState(false);
+  const {
+    pageSize,
+    onPageSizeChange,
+    perPageOptions,
+    maxPerPage,
+    perPageStep,
+    minPerPage
+  } = props;
+  const options = useMemo(() => {
     if (perPageOptions) return perPageOptions.map(generateOption);
     return getOptions(perPageStep, minPerPage, maxPerPage);
   }, [maxPerPage, minPerPage, perPageOptions, perPageStep]);
-  var actionRef = useRef({});
-  var btnRef = useRef(null);
-  useEffect(function () {
+  const actionRef = useRef({});
+  const btnRef = useRef(null);
+  useEffect(() => {
     if (isOpened) {
       actionRef.current.setActiveDescendant(pageSize.toString());
       actionRef.current.scrollOptionIntoView(pageSize.toString());
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [isOpened]);
-
-  var _useOnElementResize = useOnElementResize(btnRef),
-      width = _useOnElementResize.width;
-
-  return /*#__PURE__*/React.createElement(DSDropdownMenuV2, {
+  const {
+    width
+  } = useOnElementResize(btnRef);
+  return /*#__PURE__*/_jsx(DSDropdownMenuV2, {
     isOpened: isOpened,
     options: options,
-    selectedOptions: _defineProperty({}, pageSize.toString(), true),
-    onOptionClick: function onOptionClick(_, clickedOption) {
+    selectedOptions: {
+      [pageSize.toString()]: true
+    },
+    onOptionClick: (_, clickedOption) => {
       onPageSizeChange(clickedOption.value);
       setIsOpened(false);
       btnRef.current.focus();
     },
-    onClickOutside: function onClickOutside() {
+    onClickOutside: () => {
       setIsOpened(false);
       btnRef.current.focus();
     },
+    customOffset: [0, 2],
     startPlacementPreference: "top-end",
     actionRef: actionRef,
     minWidth: width + 25,
-    maxHeight: 300
-  }, /*#__PURE__*/React.createElement("div", {
+    maxHeight: 300,
+    HeaderComp: () => 'Per Page'
+  }, void 0, /*#__PURE__*/_jsx("div", {
     style: {
       marginLeft: '32px'
     }
-  }, /*#__PURE__*/React.createElement(PaginationDropdownButton, {
+  }, void 0, /*#__PURE__*/_jsx(PaginationDropdownButton, {
     buttonType: "raw",
-    onClick: function onClick() {
-      return setIsOpened(true);
-    },
+    onClick: () => setIsOpened(true),
     "aria-pressed": isOpened,
     innerRef: btnRef
-  }, pageSize, " / page", /*#__PURE__*/React.createElement(ChevronDown, {
+  }, void 0, pageSize, " / page", /*#__PURE__*/_jsx(ChevronDown, {
     color: ['brand-primary', '700']
   }))));
 };
 
 export { PerPageSelector as default };
-//# sourceMappingURL=PerPageSelector.js.map

package/esm/props.js

@@ -1,37 +1,32 @@
 import { PropTypes } from 'react-desc';
 
-var emptyFunc = function emptyFunc() {
-  return null;
-};
+const emptyFunc = () => null;
 
-var DSPaginationSchema = {
+const propTypes = {
   pageCount: PropTypes.number.description('How many pages are there'),
   pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
   canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
   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.number).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),
-  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(function () {
-    return null;
-  }),
-  onPreviousPage: PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(function () {
-    return null;
-  }),
-  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(function () {
-    return null;
-  }),
-  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(function () {
-    return null;
-  }),
+  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
+  onPreviousPage: PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
+  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
+  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
   pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),
   pageDetailsTitle: PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue(''),
   width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%')
 };
-var defaultProps = {
+const defaultProps = {
   pageIndex: 1,
   canPreviousPage: true,
   canNextPage: true,
@@ -50,5 +45,4 @@ var defaultProps = {
   width: '100%'
 };
 
-export { DSPaginationSchema, defaultProps };
-//# sourceMappingURL=props.js.map
+export { defaultProps, propTypes };

package/esm/styled.js

@@ -3,47 +3,32 @@ import { DSButtonV2 } from '@elliemae/ds-button';
 import styled from 'styled-components';
 import { typography, space } from 'styled-system';
 
-var sizeToCss = function sizeToCss(size) {
-  return typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
-};
+const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
 
-var styledFocusCss = function styledFocusCss(_ref) {
-  var theme = _ref.theme;
+const styledFocusCss = _ref => {
+  let {
+    theme
+  } = _ref;
   return "\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 ".concat(theme.colors.brand[700], ";\n  pointer-events: none;\n  z-index: 7;\n}");
 };
 
-var PaginationContainer = /*#__PURE__*/styled(Grid).withConfig({
+const PaginationContainer = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-mxz59e-0"
-})(["padding:0 ", ";height:42px;width:", ";max-width:100%;align-items:center;box-shadow:0 -1px 3px 0 rgba(0,0,0,0.5);"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return sizeToCss(props.width) || '100%';
-});
-var PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["padding:0 ", ";height:42px;width:", ";max-width:100%;align-items:center;box-shadow:0 -1px 3px 0 rgba(0,0,0,0.5);"], props => props.theme.space.xs, props => sizeToCss(props.width) || '100%');
+const PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-mxz59e-1"
 })(["display:flex;justify-content:center;align-items:center;margin:0 32px;"]);
-var PaginationSeparator = /*#__PURE__*/styled(Grid).withConfig({
+const PaginationSeparator = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-mxz59e-2"
-})(["background-color:", ";width:1px;height:", ";"], function (props) {
-  return props.theme.colors.neutral[300];
-}, function (props) {
-  return props.height || '30px';
-});
-var PaginationBoldText = /*#__PURE__*/styled.span.withConfig({
+})(["background-color:", ";width:1px;height:", ";"], props => props.theme.colors.neutral[300], props => props.height || '30px');
+const PaginationBoldText = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-mxz59e-3"
-})(["font-weight:", ";", " ", " position:relative;"], function (props) {
-  return props.theme.fontWeights.semibold;
-}, typography, space);
-var PaginationDropdownButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
+})(["font-weight:", ";", " ", " position:relative;"], props => props.theme.fontWeights.semibold, typography, space);
+const PaginationDropdownButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
   componentId: "sc-mxz59e-4"
-})(["height:42px;display:flex;justify-content:center;align-items:center;position:relative;padding-left:16px;padding-right:16px;grid-gap:8px;font-size:13px;color:", ";cursor:pointer;border-radius:0;font-weight:", ";:focus{", "}"], function (props) {
-  return props.theme.colors.neutral[700];
-}, function (props) {
-  return props.theme.fontWeights.regular;
-}, styledFocusCss);
-var PreviousNextPageButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
+})(["height:42px;display:flex;justify-content:center;align-items:center;position:relative;padding-left:16px;padding-right:16px;grid-gap:8px;font-size:13px;color:", ";cursor:pointer;border-radius:0;font-weight:", ";:focus{", "}"], props => props.theme.colors.neutral[700], props => props.theme.fontWeights.regular, styledFocusCss);
+const PreviousNextPageButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
   componentId: "sc-mxz59e-5"
-})(["height:42px;display:grid;place-items:center;position:relative;padding-left:8px;padding-right:8px;border-radius:0;cursor:pointer;:focus{", "}"], styledFocusCss);
+})(["height:42px;display:grid;place-items:center;position:relative;padding-left:8px;padding-right:8px;border-radius:0;cursor:", ";:focus{", "}"], props => props.disabled ? 'not-allowed' : 'pointer', styledFocusCss);
 
 export { PaginationBoldText, PaginationContainer, PaginationDropdownButton, PaginationSeparator, PaginationWrapper, PreviousNextPageButton };
-//# sourceMappingURL=styled.js.map

package/package.json

@@ -1,14 +1,70 @@
 {
   "name": "@elliemae/ds-pagination",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Pagination",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - Pagination",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./styled": {
+      "import": "./esm/styled.js",
+      "require": "./cjs/styled.js"
+    },
+    "./props": {
+      "import": "./esm/props.js",
+      "require": "./cjs/props.js"
+    },
+    "./parts/PerPageSelector": {
+      "import": "./esm/parts/PerPageSelector.js",
+      "require": "./cjs/parts/PerPageSelector.js"
+    },
+    "./parts/Paginator": {
+      "import": "./esm/parts/Paginator.js",
+      "require": "./cjs/parts/Paginator.js"
+    },
+    "./parts/PaginationContent": {
+      "import": "./esm/parts/PaginationContent.js",
+      "require": "./cjs/parts/PaginationContent.js"
+    },
+    "./parts/PagePrevButton": {
+      "import": "./esm/parts/PagePrevButton.js",
+      "require": "./cjs/parts/PagePrevButton.js"
+    },
+    "./parts/PageNextButton": {
+      "import": "./esm/parts/PageNextButton.js",
+      "require": "./cjs/parts/PageNextButton.js"
+    },
+    "./PaginationDataTestID": {
+      "import": "./esm/PaginationDataTestID.js",
+      "require": "./cjs/PaginationDataTestID.js"
+    },
+    "./Pagination": {
+      "import": "./esm/Pagination.js",
+      "require": "./cjs/Pagination.js"
+    },
+    "./hooks/usePaginationSearch": {
+      "import": "./esm/hooks/usePaginationSearch.js",
+      "require": "./cjs/hooks/usePaginationSearch.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,24 +72,29 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-dropdownmenu": "1.60.0",
-    "@elliemae/ds-grid": "1.60.0",
-    "@elliemae/ds-icons": "1.60.0",
-    "@elliemae/ds-props-helpers": "1.60.0",
-    "@elliemae/ds-utilities": "1.60.0",
-    "react-desc": "^4.1.2"
+    "@elliemae/ds-button": "2.0.0-alpha.13",
+    "@elliemae/ds-dropdownmenu": "2.0.0-alpha.13",
+    "@elliemae/ds-grid": "2.0.0-alpha.13",
+    "@elliemae/ds-icons": "2.0.0-alpha.13",
+    "@elliemae/ds-props-helpers": "2.0.0-alpha.13",
+    "@elliemae/ds-utilities": "2.0.0-alpha.13",
+    "memoize-one": "~5.1.1",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/Pagination.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSPaginationProps } from './index.d';
+declare const DSPagination: React.ComponentType<DSPaginationProps>;
+declare const DSPaginationWithSchema: any;
+export { DSPagination, DSPaginationWithSchema };

package/types/PaginationDataTestID.d.ts

@@ -0,0 +1,5 @@
+export declare const PAGINATION_DATA_TESTID: {
+    PREVIOUS_BUTTON: string;
+    NEXT_BUTTON: string;
+    CONTAINER: string;
+};

package/types/hooks/usePaginationSearch.d.ts

@@ -0,0 +1 @@
+export declare const usePaginationSearch: (pageCount: number, actionRef: React.MutableRefObject<any>) => React.KeyboardEventHandler;

package/types/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';

package/types/parts/PageNextButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DSPaginationProps } from '../index.d';
+export declare const PageNextButton: React.ComponentType<Pick<DSPaginationProps, 'onNextPage' | 'canNextPage'>>;

package/types/parts/PagePrevButton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DSPaginationProps } from '../index.d';
+export declare const PagePrevButton: React.ComponentType<Pick<DSPaginationProps, 'onPreviousPage' | 'canPreviousPage'>>;

package/types/parts/PaginationContent.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DSPaginationProps } from '../index.d';
+export declare const PaginationContent: React.ComponentType<DSPaginationProps>;

package/types/parts/Paginator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DSPaginationProps } from '../index.d';
+declare const Paginator: React.ComponentType<DSPaginationProps>;
+export default Paginator;

package/types/parts/PerPageSelector.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DSPaginationProps } from '../index.d';
+declare const PerPageSelector: React.ComponentType<Pick<DSPaginationProps, 'pageSize' | 'onPageSizeChange' | 'perPageOptions' | 'perPageStep' | 'minPerPage' | 'maxPerPage'>>;
+export default PerPageSelector;

package/types/props.d.ts

@@ -0,0 +1,75 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    pageCount: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pageIndex: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    canPreviousPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    canNextPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    pageSize: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    showPerPageSelector: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    perPageOptions: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    perPageStep: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    minPerPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    maxPerPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onPageSizeChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onPreviousPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onPageChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onNextPage: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    pageDetails: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    pageDetailsTitle: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    width: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};
+export declare const defaultProps: {
+    pageIndex: number;
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    pageSize: number;
+    showPerPageSelector: boolean;
+    perPageOptions: number[];
+    perPageStep: number;
+    minPerPage: number;
+    maxPerPage: number;
+    onPageSizeChange: () => void;
+    onPreviousPage: () => void;
+    onNextPage: () => void;
+    onPageChange: () => void;
+    pageDetails: never[];
+    pageDetailsTitle: string;
+    width: string;
+};

package/types/styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const PaginationContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const PaginationBoldText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, any, never>;
+export declare const PaginationDropdownButton: import("styled-components").StyledComponent<{
+    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
+    propTypes: import("react").WeakValidationMap<unknown>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const PreviousNextPageButton: import("styled-components").StyledComponent<{
+    (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
+    propTypes: import("react").WeakValidationMap<unknown>;
+}, import("styled-components").DefaultTheme, {}, never>;

package/Pagination/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-pagination/Pagination",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/Pagination.js",
-  "module": "../esm/Pagination.js"
-}

package/PaginationDataTestID/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-pagination/PaginationDataTestID",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/PaginationDataTestID.js",
-  "module": "../esm/PaginationDataTestID.js"
-}

package/cjs/Pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/Pagination.tsx"],"sourcesContent":["import React from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { describe } from 'react-desc';\nimport { PaginationContent } from './parts/PaginationContent';\nimport { DSPaginationSchema, defaultProps } from './props';\nimport { DSPaginationProps } from './index.d';\n\nconst DSPagination: React.ComponentType<DSPaginationProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n  useValidateTypescriptPropTypes(propsWithDefault, DSPaginationWithSchema.toTypescript());\n\n  return <PaginationContent {...propsWithDefault} />;\n};\n\nDSPagination.propTypes = DSPaginationSchema;\nconst DSPaginationWithSchema = describe(DSPagination).description('DSPagination');\nDSPaginationWithSchema.propTypes = DSPaginationSchema;\n\nexport { DSPagination, DSPaginationSchema };\n"],"names":["DSPagination","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSPaginationWithSchema","toTypescript","React","PaginationContent","propTypes","DSPaginationSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOMA,YAAoD,GAAG,SAAvDA,YAAuD,CAACC,OAAD,EAAW;AACtE,MAAMC,gBAAgB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,kBAAR,CAArD;AACAC,EAAAA,6CAA8B,CAACH,gBAAD,EAAmBI,sBAAsB,CAACC,YAAvB,EAAnB,CAA9B;AAEA,sBAAOC,wCAACC,yCAAD,EAAuBP,gBAAvB,CAAP;AACD;;AAEDF,YAAY,CAACU,SAAb,GAAyBC,wBAAzB;AACA,IAAML,sBAAsB,GAAGM,kBAAQ,CAACZ,YAAD,CAAR,CAAuBa,WAAvB,CAAmC,cAAnC,CAA/B;AACAP,sBAAsB,CAACI,SAAvB,GAAmCC,wBAAnC;;;;;"}

package/cjs/PaginationDataTestID.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationDataTestID.js","sources":["../../src/PaginationDataTestID.tsx"],"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"],"names":["PAGINATION_DATA_TESTID","PREVIOUS_BUTTON","NEXT_BUTTON","CONTAINER"],"mappings":";;;;IAAaA,sBAAsB,GAAG;AACpCC,EAAAA,eAAe,EAAE,mCADmB;AAEpCC,EAAAA,WAAW,EAAE,mCAFuB;AAGpCC,EAAAA,SAAS,EAAE;AAHyB;;;;"}

package/cjs/hooks/usePaginationSearch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePaginationSearch.js","sources":["../../../src/hooks/usePaginationSearch.tsx"],"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"],"names":["usePaginationSearch","pageCount","actionRef","useState","searchValue","setSearchValue","shouldResetSearchValue","setShouldResetSearchValue","timeoutRef","useRef","useEffect","Number","parseInt","current","setActiveDescendant","scrollOptionIntoView","onKeyDown","useCallback","e","code","startsWith","key","prevValue","clearTimeout","setTimeout"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB,GAAG,SAAtBA,mBAAsB,CACjCC,SADiC,EAEjCC,SAFiC,EAGF;AAC/B,kBAAsCC,cAAQ,CAAC,EAAD,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAA4DF,cAAQ,CAAC,IAAD,CAApE;AAAA;AAAA,MAAOG,sBAAP;AAAA,MAA+BC,yBAA/B;;AAEA,MAAMC,UAAU,GAAGC,YAAM,CAAiB,IAAjB,CAAzB;AAEAC,EAAAA,eAAS,CAAC,YAAM;AACd,QAAIN,WAAW,KAAK,EAAhB,IAAsBO,MAAM,CAACC,QAAP,CAAgBR,WAAhB,EAA6B,EAA7B,KAAoCH,SAA9D,EAAyE;AACvEC,MAAAA,SAAS,CAACW,OAAV,CAAkBC,mBAAlB,CAAsCV,WAAtC;AACAF,MAAAA,SAAS,CAACW,OAAV,CAAkBE,oBAAlB,CAAuCX,WAAvC;AACD,KAJa;;AAMf,GANQ,EAMN,CAACA,WAAD,CANM,CAAT;AAQA,MAAMY,SAAS,GAAGC,iBAAW,CAC3B,UAACC,CAAD,EAAO;AACL,QAAIA,CAAC,CAACC,IAAF,CAAOC,UAAP,CAAkB,OAAlB,CAAJ,EAAgC;AAC9B,UAAId,sBAAJ,EAA4BD,cAAc,CAACa,CAAC,CAACG,GAAH,CAAd,CAA5B,KACKhB,cAAc,CAAC,UAACiB,SAAD;AAAA,eAAeA,SAAS,GAAGJ,CAAC,CAACG,GAA7B;AAAA,OAAD,CAAd;AAELd,MAAAA,yBAAyB,CAAC,KAAD,CAAzB;AACAgB,MAAAA,YAAY,CAACf,UAAU,CAACK,OAAZ,CAAZ;AACAL,MAAAA,UAAU,CAACK,OAAX,GAAqBW,UAAU,CAAC,YAAM;AACpCjB,QAAAA,yBAAyB,CAAC,IAAD,CAAzB;AACD,OAF8B,EAE5B,IAF4B,CAA/B;AAGD;AACF,GAZ0B,EAa3B,CAACD,sBAAD,CAb2B,CAA7B;AAgBA,SAAOU,SAAP;AACD;;;;"}

package/cjs/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/parts/PageNextButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageNextButton.js","sources":["../../../src/parts/PageNextButton.tsx"],"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"],"names":["PageNextButton","onNextPage","canNextPage","React","PreviousNextPageButton","PAGINATION_DATA_TESTID","NEXT_BUTTON","ChevronRight"],"mappings":";;;;;;;;;;;;;;;;;AAAA;IAOaA,cAA0F,GAAG,SAA7FA,cAA6F;AAAA,MACxGC,UADwG,QACxGA,UADwG;AAAA,MAExGC,WAFwG,QAExGA,WAFwG;AAAA,sBAIxGC,wCAACC,6BAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIF,WAAJ,EAAiBD,UAAU;AAC5B,KAHH;AAIE,IAAA,QAAQ,EAAE,CAACC,WAJb;AAKE,IAAA,UAAU,EAAC,KALb;AAME,mBAAaG,2CAAsB,CAACC,WANtC;AAOE,IAAA,UAAU,EAAE;AAAA,aAAM,MAAN;AAAA;AAPd,kBASEH,wCAACI,oBAAD;AAAc,IAAA,KAAK,EAAEL,WAAW,GAAG,CAAC,eAAD,EAAkB,KAAlB,CAAH,GAA8B,CAAC,SAAD,EAAY,KAAZ;AAA9D,IATF,CAJwG;AAAA;;;;"}

package/cjs/parts/PagePrevButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PagePrevButton.js","sources":["../../../src/parts/PagePrevButton.tsx"],"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"],"names":["PagePrevButton","onPreviousPage","canPreviousPage","React","PreviousNextPageButton","PAGINATION_DATA_TESTID","PREVIOUS_BUTTON","ChevronLeft"],"mappings":";;;;;;;;;;;;;;;;;AAAA;IAOaA,cAAkG,GAAG,SAArGA,cAAqG;AAAA,MAChHC,cADgH,QAChHA,cADgH;AAAA,MAEhHC,eAFgH,QAEhHA,eAFgH;AAAA,sBAIhHC,wCAACC,6BAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACb,UAAIF,eAAJ,EAAqBD,cAAc;AACpC,KAHH;AAIE,IAAA,QAAQ,EAAE,CAACC,eAJb;AAKE,IAAA,UAAU,EAAC,KALb;AAME,mBAAaG,2CAAsB,CAACC;AANtC,kBAQEH,wCAACI,mBAAD;AAAa,IAAA,KAAK,EAAEL,eAAe,GAAG,CAAC,eAAD,EAAkB,KAAlB,CAAH,GAA8B,CAAC,SAAD,EAAY,KAAZ;AAAjE,IARF,CAJgH;AAAA;;;;"}

package/cjs/parts/PaginationContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationContent.js","sources":["../../../src/parts/PaginationContent.tsx"],"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"],"names":["PaginationContent","pageIndex","pageSize","canPreviousPage","canNextPage","onPageSizeChange","onNextPage","onPreviousPage","onPageChange","pageCount","showPerPageSelector","pageDetails","pageDetailsTitle","perPageOptions","maxPerPage","perPageStep","minPerPage","width","React","PaginationContainer","PAGINATION_DATA_TESTID","CONTAINER","PaginationWrapper","PerPageSelector","PaginationSeparator","Grid","PagePrevButton","Paginator","PageNextButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAWaA,iBAAyD,GAAG,SAA5DA,iBAA4D;AAAA,MACvEC,SADuE,QACvEA,SADuE;AAAA,MAEvEC,QAFuE,QAEvEA,QAFuE;AAAA,MAGvEC,eAHuE,QAGvEA,eAHuE;AAAA,MAIvEC,WAJuE,QAIvEA,WAJuE;AAAA,MAKvEC,gBALuE,QAKvEA,gBALuE;AAAA,MAMvEC,UANuE,QAMvEA,UANuE;AAAA,MAOvEC,cAPuE,QAOvEA,cAPuE;AAAA,MAQvEC,YARuE,QAQvEA,YARuE;AAAA,MASvEC,SATuE,QASvEA,SATuE;AAAA,MAUvEC,mBAVuE,QAUvEA,mBAVuE;AAAA,MAWvEC,WAXuE,QAWvEA,WAXuE;AAAA,MAYvEC,gBAZuE,QAYvEA,gBAZuE;AAAA,MAavEC,cAbuE,QAavEA,cAbuE;AAAA,MAcvEC,UAduE,QAcvEA,UAduE;AAAA,MAevEC,WAfuE,QAevEA,WAfuE;AAAA,MAgBvEC,UAhBuE,QAgBvEA,UAhBuE;AAAA,MAiBvEC,KAjBuE,QAiBvEA,KAjBuE;AAAA,sBAmBvEC,wCAACC,0BAAD;AACE,IAAA,cAAc,EAAC,QADjB;AAEE,IAAA,UAAU,EAAC,QAFb;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,mBAAaG,2CAAsB,CAACC;AAJtC,kBAMEH,wCAACI,wBAAD,QACGZ,mBAAmB,iBAClBQ,+FACEA,wCAACK,qBAAD;AACE,IAAA,QAAQ,EAAErB,QADZ;AAEE,IAAA,gBAAgB,EAAEG,gBAFpB;AAGE,IAAA,cAAc,EAAEQ,cAHlB;AAIE,IAAA,UAAU,EAAEC,UAJd;AAKE,IAAA,WAAW,EAAEC,WALf;AAME,IAAA,UAAU,EAAEC;AANd,IADF,eASEE,wCAACM,0BAAD;AAAqB,IAAA,EAAE,EAAE;AAAzB,IATF,CAFJ,eAcEN,wCAACO,wBAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,EAAyB,MAAzB,EAAiC,MAAjC,CAAZ;AAAsD,IAAA,EAAE,EAAC,MAAzD;AAAgE,IAAA,UAAU,EAAC;AAA3E,kBACEP,wCAACQ,mCAAD;AAAgB,IAAA,eAAe,EAAEvB,eAAjC;AAAkD,IAAA,cAAc,EAAEI;AAAlE,IADF,eAEEW,wCAACS,eAAD;AACE,IAAA,SAAS,EAAElB,SADb;AAEE,IAAA,SAAS,EAAER,SAFb;AAGE,IAAA,UAAU,EAAEK,UAHd;AAIE,IAAA,YAAY,EAAEE,YAJhB;AAKE,IAAA,WAAW,EAAEG,WALf;AAME,IAAA,gBAAgB,EAAEC;AANpB,IAFF,eAUEM,wCAACU,mCAAD;AAAgB,IAAA,WAAW,EAAExB,WAA7B;AAA0C,IAAA,UAAU,EAAEE;AAAtD,IAVF,CAdF,CANF,CAnBuE;AAAA;;;;"}

package/cjs/parts/Paginator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paginator.js","sources":["../../../src/parts/Paginator.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, 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 { PaginationBoldText, PaginationDropdownButton, PaginationSeparator } from '../styled';\nimport { usePaginationSearch } from '../hooks/usePaginationSearch';\nimport { DSPaginationProps } from '../index.d';\n\nconst Paginator: React.ComponentType<DSPaginationProps> = (props) => {\n  const { pageIndex, pageCount, onPageChange, pageDetails, pageDetailsTitle } = props;\n\n  const [isOpened, setIsOpened] = useState(false);\n\n  const btnRef = useRef(null);\n  const pageInfoRef = useRef(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 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        startPlacementPreference=\"top-end\"\n        actionRef={actionRef}\n        onKeyDown={onKeyDown}\n        minWidth={btnWidth + 23}\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 buttonType=\"raw\" onClick={() => setIsOpened(true)} innerRef={btnRef}>\n          <div style={{ display: 'flex', gridGap: '8px', alignItems: 'center' }}>\n            <Grid cols={['auto', 'auto', 'auto']} alignItems=\"center\" gutter=\"xxxs\" ref={pageInfoRef}>\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\" mr=\"8px\">\n                  {pageDetails[pageIndex]}\n                </PaginationBoldText>\n              </>\n            )}\n            <ChevronDown color={['brand-primary', '700']} />\n          </div>\n        </PaginationDropdownButton>\n      </DSDropdownMenuV2>\n      <PaginationSeparator />\n    </>\n  );\n};\n\nexport default Paginator;\n"],"names":["Paginator","props","pageIndex","pageCount","onPageChange","pageDetails","pageDetailsTitle","useState","isOpened","setIsOpened","btnRef","useRef","pageInfoRef","useOnElementResize","btnWidth","width","txtWidth","options","useMemo","Array","fill","map","_","index","option","dsId","toString","label","value","type","length","render","React","Grid","Checkmark","whiteSpace","textOverflow","overflow","actionRef","useEffect","current","setActiveDescendant","scrollOptionIntoView","onKeyDown","usePaginationSearch","PaginationSeparator","DSDropdownMenuV2","clickedOption","focus","marginLeft","PaginationDropdownButton","display","gridGap","alignItems","PaginationBoldText","ChevronDown"],"mappings":"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"}