@elliemae/ds-pagination 2.2.0 → 2.3.0-alpha.3

package/cjs/parts/PerPageSelector.js.map

@@ -0,0 +1,7 @@
+{
+  "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, useOnElementResize } from '@elliemae/ds-utilities';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { DSPaginationProps } from '../index.d';\nimport { PaginationDropdownButton } from '../styled';\n\nconst generateOption = (value) => {\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, min, max) => {\n  const options = range(min, max + step, step).map(generateOption);\n  return min === 0 ? options.slice(1, options.length) : options;\n});\n\nconst PerPageSelector: React.ComponentType<\n  Pick<\n    DSPaginationProps,\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 } = useOnElementResize(btnRef);\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={[0, 2]}\n      startPlacementPreference=\"top-end\"\n      actionRef={actionRef}\n      minWidth={width + 25}\n      maxHeight={300}\n      HeaderComp={() => 'Per Page'}\n    >\n      <div style={{ marginLeft: '32px' }}>\n        <PaginationDropdownButton\n          buttonType=\"raw\"\n          onClick={() => setIsOpened(true)}\n          aria-pressed={isOpened}\n          innerRef={btnRef}\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;ACAA,YAAuB;ADCvB,mBAA4D;AAC5D,yBAAoB;AACpB,0BAA0C;AAC1C,6BAAiC;AACjC,sBAA4B;AAE5B,oBAAyC;AAEzC,MAAM,iBAAiB,CAAC,UAAU;AAChC,MAAI,OAAO,UAAU,UAAU;AAC7B,WAAO;AAAA;AAET,SAAO;AAAA,IACL,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,OAAO,MAAM;AAAA,IACb,MAAM;AAAA;AAAA;AAIV,MAAM,aAAa,gCAAQ,CAAC,MAAM,KAAK,QAAQ;AAC7C,QAAM,UAAU,+BAAM,KAAK,MAAM,MAAM,MAAM,IAAI;AACjD,SAAO,QAAQ,IAAI,QAAQ,MAAM,GAAG,QAAQ,UAAU;AAAA;AAGxD,MAAM,kBAKF,CAAC,UAAU;AACb,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,EAAE,UAAU,kBAAkB,gBAAgB,YAAY,aAAa,eAAe;AAE5F,QAAM,UAAU,0BAAQ,MAAM;AAC5B,QAAI;AAAgB,aAAO,eAAe,IAAI;AAC9C,WAAO,WAAW,aAAa,YAAY;AAAA,KAC1C,CAAC,YAAY,YAAY,gBAAgB;AAE5C,QAAM,YAAY,yBAA+C;AACjE,QAAM,SAAS,yBAA0B;AAEzC,8BAAU,MAAM;AACd,QAAI,UAAU;AACZ,gBAAU,QAAQ,oBAAoB,SAAS;AAC/C,gBAAU,QAAQ,qBAAqB,SAAS;AAAA;AAAA,KAGjD,CAAC;AAEJ,QAAM,EAAE,UAAU,4CAAmB;AAErC,SACE,mDAAC,yCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,iBAAiB,GAAG,SAAS,aAAa;AAAA,IAC1C,eAAe,CAAC,GAAG,kBAAkB;AACnC,uBAAiB,cAAc;AAC/B,kBAAY;AACZ,aAAO,QAAQ;AAAA;AAAA,IAEjB,gBAAgB,MAAM;AACpB,kBAAY;AACZ,aAAO,QAAQ;AAAA;AAAA,IAEjB,cAAc,CAAC,GAAG;AAAA,IAClB,0BAAyB;AAAA,IACzB;AAAA,IACA,UAAU,QAAQ;AAAA,IAClB,WAAW;AAAA,IACX,YAAY,MAAM;AAAA,KAElB,mDAAC,OAAD;AAAA,IAAK,OAAO,EAAE,YAAY;AAAA,KACxB,mDAAC,wCAAD;AAAA,IACE,YAAW;AAAA,IACX,SAAS,MAAM,YAAY;AAAA,IAC3B,gBAAc;AAAA,IACd,UAAU;AAAA,KAET,UAAS,WACV,mDAAC,6BAAD;AAAA,IAAa,OAAO,CAAC,iBAAiB;AAAA;AAAA;AAOhD,IAAO,0BAAQ;",
+  "names": []
+}

package/cjs/props.js

@@ -1,34 +1,64 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 props_exports = {};
+__export(props_exports, {
+  defaultProps: () => defaultProps,
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const emptyFunc = () => null;
-
 const propTypes = {
-  pageCount: reactDesc.PropTypes.number.description('How many pages are there'),
-  pageIndex: reactDesc.PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),
-  canPreviousPage: reactDesc.PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),
-  canNextPage: reactDesc.PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),
-  pageSize: reactDesc.PropTypes.number.description('The current page size').defaultValue(10),
-  showPerPageSelector: reactDesc.PropTypes.bool.description('Whether to show the page selector').defaultValue(true),
-  perPageOptions: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.shape({
-    dsId: reactDesc.PropTypes.string,
-    value: reactDesc.PropTypes.number,
-    label: reactDesc.PropTypes.string,
-    type: reactDesc.PropTypes.oneOf(['single'])
-  })])).description('The available options for page size').defaultValue([10]),
-  perPageStep: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(5),
-  minPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(0),
-  maxPerPage: reactDesc.PropTypes.number.description('Step for the per page options').defaultValue(100),
-  onPageSizeChange: reactDesc.PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),
-  onPreviousPage: reactDesc.PropTypes.func.description('Function invoked when the previous button is pressed').defaultValue(() => null),
-  onPageChange: reactDesc.PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),
-  onNextPage: reactDesc.PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),
-  pageDetails: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.string).description('Details to provide for each page').defaultValue([]),
-  pageDetailsTitle: reactDesc.PropTypes.string.description('The title of the details (usually a column of your dataset)').defaultValue(''),
-  width: reactDesc.PropTypes.any.description('Width for the container of the pagination').defaultValue('100%')
+  pageCount: import_react_desc.PropTypes.number.description("How many pages are there"),
+  pageIndex: import_react_desc.PropTypes.number.description("Index of the current page, starting from 1").defaultValue(1),
+  canPreviousPage: import_react_desc.PropTypes.bool.description("Whether the previous button is disabled or not").defaultValue(true),
+  canNextPage: import_react_desc.PropTypes.bool.description("Whether the next button is disabled or not").defaultValue(true),
+  pageSize: import_react_desc.PropTypes.number.description("The current page size").defaultValue(10),
+  showPerPageSelector: import_react_desc.PropTypes.bool.description("Whether to show the page selector").defaultValue(true),
+  perPageOptions: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.number,
+    import_react_desc.PropTypes.shape({
+      dsId: import_react_desc.PropTypes.string,
+      value: import_react_desc.PropTypes.number,
+      label: import_react_desc.PropTypes.string,
+      type: import_react_desc.PropTypes.oneOf(["single"])
+    })
+  ])).description("The available options for page size").defaultValue([10]),
+  perPageStep: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(5),
+  minPerPage: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(0),
+  maxPerPage: import_react_desc.PropTypes.number.description("Step for the per page options").defaultValue(100),
+  onPageSizeChange: import_react_desc.PropTypes.func.description("Function invoked when the page size changes").defaultValue(() => null),
+  onPreviousPage: import_react_desc.PropTypes.func.description("Function invoked when the previous button is pressed").defaultValue(() => null),
+  onPageChange: import_react_desc.PropTypes.func.description("Function invoked when the page changes").defaultValue(() => null),
+  onNextPage: import_react_desc.PropTypes.func.description("Function invoked when next button is pressed").defaultValue(() => null),
+  pageDetails: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.string).description("Details to provide for each page").defaultValue([]),
+  pageDetailsTitle: import_react_desc.PropTypes.string.description("The title of the details (usually a column of your dataset)").defaultValue(""),
+  width: import_react_desc.PropTypes.any.description("Width for the container of the pagination").defaultValue("100%")
 };
 const defaultProps = {
   pageIndex: 1,
@@ -45,9 +75,8 @@ const defaultProps = {
   onNextPage: emptyFunc,
   onPageChange: emptyFunc,
   pageDetails: [],
-  pageDetailsTitle: '',
-  width: '100%'
+  pageDetailsTitle: "",
+  width: "100%"
 };
-
-exports.defaultProps = defaultProps;
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nconst emptyFunc = (): void => null;\n\nexport const propTypes = {\n  pageCount: PropTypes.number.description('How many pages are there'),\n  pageIndex: PropTypes.number.description('Index of the current page, starting from 1').defaultValue(1),\n  canPreviousPage: PropTypes.bool.description('Whether the previous button is disabled or not').defaultValue(true),\n  canNextPage: PropTypes.bool.description('Whether the next button is disabled or not').defaultValue(true),\n  pageSize: PropTypes.number.description('The current page size').defaultValue(10),\n  showPerPageSelector: PropTypes.bool.description('Whether to show the page selector').defaultValue(true),\n  perPageOptions: PropTypes.arrayOf(\n    PropTypes.oneOfType([\n      PropTypes.number,\n      PropTypes.shape({\n        dsId: PropTypes.string,\n        value: PropTypes.number,\n        label: PropTypes.string,\n        type: PropTypes.oneOf(['single']),\n      }),\n    ]),\n  )\n    .description('The available options for page size')\n    .defaultValue([10]),\n  perPageStep: PropTypes.number.description('Step for the per page options').defaultValue(5),\n  minPerPage: PropTypes.number.description('Step for the per page options').defaultValue(0),\n  maxPerPage: PropTypes.number.description('Step for the per page options').defaultValue(100),\n  onPageSizeChange: PropTypes.func.description('Function invoked when the page size changes').defaultValue(() => null),\n  onPreviousPage: PropTypes.func\n    .description('Function invoked when the previous button is pressed')\n    .defaultValue(() => null),\n  onPageChange: PropTypes.func.description('Function invoked when the page changes').defaultValue(() => null),\n  onNextPage: PropTypes.func.description('Function invoked when next button is pressed').defaultValue(() => null),\n  pageDetails: PropTypes.arrayOf(PropTypes.string).description('Details to provide for each page').defaultValue([]),\n  pageDetailsTitle: PropTypes.string\n    .description('The title of the details (usually a column of your dataset)')\n    .defaultValue(''),\n  width: PropTypes.any.description('Width for the container of the pagination').defaultValue('100%'),\n};\n\nexport const defaultProps = {\n  pageIndex: 1,\n  canPreviousPage: true,\n  canNextPage: true,\n  pageSize: 10,\n  showPerPageSelector: true,\n  perPageOptions: [10],\n  perPageStep: 5,\n  minPerPage: 0,\n  maxPerPage: 100,\n  onPageSizeChange: emptyFunc,\n  onPreviousPage: emptyFunc,\n  onNextPage: emptyFunc,\n  onPageChange: emptyFunc,\n  pageDetails: [],\n  pageDetailsTitle: '',\n  width: '100%',\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAE1B,MAAM,YAAY,MAAY;AAEvB,MAAM,YAAY;AAAA,EACvB,WAAW,4BAAU,OAAO,YAAY;AAAA,EACxC,WAAW,4BAAU,OAAO,YAAY,8CAA8C,aAAa;AAAA,EACnG,iBAAiB,4BAAU,KAAK,YAAY,kDAAkD,aAAa;AAAA,EAC3G,aAAa,4BAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EACnG,UAAU,4BAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EAC7E,qBAAqB,4BAAU,KAAK,YAAY,qCAAqC,aAAa;AAAA,EAClG,gBAAgB,4BAAU,QACxB,4BAAU,UAAU;AAAA,IAClB,4BAAU;AAAA,IACV,4BAAU,MAAM;AAAA,MACd,MAAM,4BAAU;AAAA,MAChB,OAAO,4BAAU;AAAA,MACjB,OAAO,4BAAU;AAAA,MACjB,MAAM,4BAAU,MAAM,CAAC;AAAA;AAAA,MAI1B,YAAY,uCACZ,aAAa,CAAC;AAAA,EACjB,aAAa,4BAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACxF,YAAY,4BAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACvF,YAAY,4BAAU,OAAO,YAAY,iCAAiC,aAAa;AAAA,EACvF,kBAAkB,4BAAU,KAAK,YAAY,+CAA+C,aAAa,MAAM;AAAA,EAC/G,gBAAgB,4BAAU,KACvB,YAAY,wDACZ,aAAa,MAAM;AAAA,EACtB,cAAc,4BAAU,KAAK,YAAY,0CAA0C,aAAa,MAAM;AAAA,EACtG,YAAY,4BAAU,KAAK,YAAY,gDAAgD,aAAa,MAAM;AAAA,EAC1G,aAAa,4BAAU,QAAQ,4BAAU,QAAQ,YAAY,oCAAoC,aAAa;AAAA,EAC9G,kBAAkB,4BAAU,OACzB,YAAY,+DACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,IAAI,YAAY,6CAA6C,aAAa;AAAA;AAGtF,MAAM,eAAe;AAAA,EAC1B,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,gBAAgB,CAAC;AAAA,EACjB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,OAAO;AAAA;",
+  "names": []
+}

package/cjs/styled.js

@@ -1,48 +1,113 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Grid = require('@elliemae/ds-grid');
-var dsButton = require('@elliemae/ds-button');
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const sizeToCss = size => typeof size === 'number' && !Number.isNaN(size) ? "".concat(size, "px") : size;
-
-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 __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 });
 };
-
-const PaginationContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).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);"], props => props.theme.space.xs, props => sizeToCss(props.width) || '100%');
-const PaginationWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-mxz59e-1"
-})(["display:flex;justify-content:center;align-items:center;margin:0 32px;"]);
-const PaginationSeparator = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-mxz59e-2"
-})(["background-color:", ";width:1px;height:", ";"], props => props.theme.colors.neutral[300], props => props.height || '30px');
-const PaginationBoldText = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-mxz59e-3"
-})(["font-weight:", ";", " ", " position:relative;"], props => props.theme.fontWeights.semibold, styledComponents.typography, styledComponents.space);
-const PaginationDropdownButton = /*#__PURE__*/styled__default["default"](dsButton.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{", "}"], props => props.theme.colors.neutral[700], props => props.theme.fontWeights.regular, styledFocusCss);
-const PreviousNextPageButton = /*#__PURE__*/styled__default["default"](dsButton.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:", ";:focus{", "}"], props => props.disabled ? 'not-allowed' : 'pointer', styledFocusCss);
-
-exports.PaginationBoldText = PaginationBoldText;
-exports.PaginationContainer = PaginationContainer;
-exports.PaginationDropdownButton = PaginationDropdownButton;
-exports.PaginationSeparator = PaginationSeparator;
-exports.PaginationWrapper = PaginationWrapper;
-exports.PreviousNextPageButton = PreviousNextPageButton;
+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 styled_exports = {};
+__export(styled_exports, {
+  PaginationBoldText: () => PaginationBoldText,
+  PaginationContainer: () => PaginationContainer,
+  PaginationDropdownButton: () => PaginationDropdownButton,
+  PaginationSeparator: () => PaginationSeparator,
+  PaginationWrapper: () => PaginationWrapper,
+  PreviousNextPageButton: () => PreviousNextPageButton
+});
+var React = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_button = require("@elliemae/ds-button");
+var import_styled_components = __toESM(require("styled-components"));
+var import_styled_components2 = require("@xstyled/styled-components");
+const sizeToCss = (size) => typeof size === "number" && !Number.isNaN(size) ? `${size}px` : size;
+const styledFocusCss = ({ theme }) => `
+&:after {
+  display: block;
+  content: ' ';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border: 2px solid ${theme.colors.brand[700]};
+  pointer-events: none;
+  z-index: 7;
+}`;
+const PaginationContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  padding: 0 ${(props) => props.theme.space.xs};
+  height: 42px;
+  width: ${(props) => sizeToCss(props.width) || "100%"};
+  max-width: 100%;
+  align-items: center;
+  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);
+`;
+const PaginationWrapper = import_styled_components.default.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 0 32px;
+`;
+const PaginationSeparator = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  background-color: ${(props) => props.theme.colors.neutral[300]};
+  width: 1px;
+  height: ${(props) => props.height || "30px"};
+`;
+const PaginationBoldText = import_styled_components.default.span`
+  font-weight: ${(props) => props.theme.fontWeights.semibold};
+  ${import_styled_components2.typography}
+  ${import_styled_components2.space}
+  position: relative;
+`;
+const PaginationDropdownButton = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
+  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: ${(props) => props.theme.colors.neutral[700]};
+  cursor: pointer;
+  border-radius: 0;
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  :focus {
+    ${styledFocusCss}
+  }
+`;
+const PreviousNextPageButton = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
+  height: 42px;
+  display: grid;
+  place-items: center;
+  position: relative;
+  padding-left: 8px;
+  padding-right: 8px;
+  border-radius: 0;
+  cursor: ${(props) => props.disabled ? "not-allowed" : "pointer"};
+  :focus {
+    ${styledFocusCss}
+  }
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport { space, typography, TypographyProps } from '@xstyled/styled-components';\n\nconst sizeToCss = (size) => (typeof size === 'number' && !Number.isNaN(size) ? `${size}px` : size);\n\nconst styledFocusCss = ({ theme }) => `\n&:after {\n  display: block;\n  content: ' ';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  border: 2px solid ${theme.colors.brand[700]};\n  pointer-events: none;\n  z-index: 7;\n}`;\n\nexport const PaginationContainer = styled(Grid)`\n  padding: 0 ${(props) => props.theme.space.xs};\n  height: 42px;\n  width: ${(props) => sizeToCss(props.width) || '100%'};\n  max-width: 100%;\n  align-items: center;\n  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.5);\n`;\n\nexport const PaginationWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 32px;\n`;\n\nexport const PaginationSeparator = styled(Grid)`\n  background-color: ${(props) => props.theme.colors.neutral[300]};\n  width: 1px;\n  height: ${(props) => props.height || '30px'};\n`;\n\nexport const PaginationBoldText = styled.span<TypographyProps>`\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  ${typography}\n  ${space}\n  position: relative;\n`;\n\nexport const PaginationDropdownButton = styled(DSButtonV2)`\n  height: 42px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  padding-left: 16px;\n  padding-right: 16px;\n  grid-gap: 8px;\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  cursor: pointer;\n  border-radius: 0;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n\nexport const PreviousNextPageButton = styled(DSButtonV2)`\n  height: 42px;\n  display: grid;\n  place-items: center;\n  position: relative;\n  padding-left: 8px;\n  padding-right: 8px;\n  border-radius: 0;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  :focus {\n    ${styledFocusCss}\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAAqB;AACrB,uBAA2B;AAC3B,+BAAmB;AACnB,gCAAmD;AAEnD,MAAM,YAAY,CAAC,SAAU,OAAO,SAAS,YAAY,CAAC,OAAO,MAAM,QAAQ,GAAG,WAAW;AAE7F,MAAM,iBAAiB,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAShB,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKlC,MAAM,sBAAsB,sCAAO;AAAA,eAC3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,WAEjC,CAAC,UAAU,UAAU,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOjC,MAAM,sBAAsB,sCAAO;AAAA,sBACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,UAAU;AAAA;AAGhC,MAAM,qBAAqB,iCAAO;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA,IAChD;AAAA,IACA;AAAA;AAAA;AAIG,MAAM,2BAA2B,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAUpC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,MAE9C;AAAA;AAAA;AAIC,MAAM,yBAAyB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQjC,CAAC,UAAW,MAAM,WAAW,gBAAgB;AAAA;AAAA,MAEnD;AAAA;AAAA;",
+  "names": []
+}

package/esm/Pagination.js

@@ -1,27 +1,21 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { describe } from 'react-desc';
-import { PaginationContent } from './parts/PaginationContent.js';
-import { propTypes, defaultProps } from './props.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSPagination = props => {
+import * as React from "react";
+import React2 from "react";
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { describe } from "react-desc";
+import { PaginationContent } from "./parts/PaginationContent";
+import { propTypes, defaultProps } from "./props";
+const DSPagination = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, propTypes);
-  return /*#__PURE__*/jsx(PaginationContent, _objectSpread({}, propsWithDefault));
+  return /* @__PURE__ */ React2.createElement(PaginationContent, {
+    ...propsWithDefault
+  });
 };
-
-const DSPaginationWithSchema = describe(DSPagination).description('DSPagination');
+DSPagination.propTypes = propTypes;
+const DSPaginationWithSchema = describe(DSPagination).description("DSPagination");
 DSPaginationWithSchema.propTypes = propTypes;
-
-export { DSPagination, DSPaginationWithSchema };
+export {
+  DSPagination,
+  DSPaginationWithSchema
+};
+//# sourceMappingURL=Pagination.js.map

package/esm/Pagination.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Pagination.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { 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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAuD,CAAC,UAAU;AACtE,QAAM,mBAAmB,6BAA6B,OAAO;AAC7D,iCAA+B,kBAAkB;AAEjD,SAAO,qCAAC,mBAAD;AAAA,OAAuB;AAAA;AAAA;AAGhC,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
+  "names": []
+}

package/esm/PaginationDataTestID.js

@@ -1,7 +1,10 @@
+import * as React from "react";
 const PAGINATION_DATA_TESTID = {
-  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',
-  NEXT_BUTTON: 'data-table-pagination-next-button',
-  CONTAINER: 'data-table-pagination-container'
+  PREVIOUS_BUTTON: "data-table-pagination-prev-button",
+  NEXT_BUTTON: "data-table-pagination-next-button",
+  CONTAINER: "data-table-pagination-container"
 };
-
-export { PAGINATION_DATA_TESTID };
+export {
+  PAGINATION_DATA_TESTID
+};
+//# sourceMappingURL=PaginationDataTestID.js.map

package/esm/PaginationDataTestID.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginationDataTestID.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const PAGINATION_DATA_TESTID = {\n  PREVIOUS_BUTTON: 'data-table-pagination-prev-button',\n  NEXT_BUTTON: 'data-table-pagination-next-button',\n  CONTAINER: 'data-table-pagination-container',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,yBAAyB;AAAA,EACpC,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA;",
+  "names": []
+}

package/esm/hooks/usePaginationSearch.js

@@ -1,28 +1,31 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useEffect, useCallback } from 'react';
-
+import * as React from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 const usePaginationSearch = (pageCount, actionRef) => {
-  const [searchValue, setSearchValue] = useState('');
+  const [searchValue, setSearchValue] = useState("");
   const [shouldResetSearchValue, setShouldResetSearchValue] = useState(true);
   const timeoutRef = useRef(null);
   useEffect(() => {
-    if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {
+    if (searchValue !== "" && Number.parseInt(searchValue, 10) <= pageCount) {
       actionRef.current.setActiveDescendant(searchValue);
       actionRef.current.scrollOptionIntoView(searchValue);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
   }, [searchValue]);
-  const onKeyDown = useCallback(e => {
-    if (e.code.startsWith('Digit')) {
-      if (shouldResetSearchValue) setSearchValue(e.key);else setSearchValue(prevValue => prevValue + e.key);
+  const onKeyDown = useCallback((e) => {
+    if (e.code.startsWith("Digit")) {
+      if (shouldResetSearchValue)
+        setSearchValue(e.key);
+      else
+        setSearchValue((prevValue) => prevValue + e.key);
       setShouldResetSearchValue(false);
       clearTimeout(timeoutRef.current);
       timeoutRef.current = setTimeout(() => {
         setShouldResetSearchValue(true);
-      }, 1000);
+      }, 1e3);
     }
   }, [shouldResetSearchValue]);
   return onKeyDown;
 };
-
-export { usePaginationSearch };
+export {
+  usePaginationSearch
+};
+//# sourceMappingURL=usePaginationSearch.js.map

package/esm/hooks/usePaginationSearch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/usePaginationSearch.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useEffect, useRef, useState } from 'react';\n\nexport const usePaginationSearch = (\n  pageCount: number,\n  actionRef: React.MutableRefObject<any>,\n): React.KeyboardEventHandler => {\n  const [searchValue, setSearchValue] = useState('');\n  const [shouldResetSearchValue, setShouldResetSearchValue] = useState(true);\n\n  const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n  useEffect(() => {\n    if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {\n      actionRef.current.setActiveDescendant(searchValue);\n      actionRef.current.scrollOptionIntoView(searchValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchValue]);\n\n  const onKeyDown = useCallback(\n    (e) => {\n      if (e.code.startsWith('Digit')) {\n        if (shouldResetSearchValue) setSearchValue(e.key);\n        else setSearchValue((prevValue) => prevValue + e.key);\n\n        setShouldResetSearchValue(false);\n        clearTimeout(timeoutRef.current);\n        timeoutRef.current = setTimeout(() => {\n          setShouldResetSearchValue(true);\n        }, 1000);\n      }\n    },\n    [shouldResetSearchValue],\n  );\n\n  return onKeyDown;\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,CACjC,WACA,cAC+B;AAC/B,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,CAAC,wBAAwB,6BAA6B,SAAS;AAErE,QAAM,aAAa,OAAuB;AAE1C,YAAU,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,YAChB,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/esm/index.d.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/esm/index.d.js.map

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

package/esm/index.js

@@ -1 +1,3 @@
-export { DSPagination, DSPaginationWithSchema } from './Pagination.js';
+import * as React from "react";
+export * from "./Pagination";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

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

package/esm/parts/PageNextButton.js

@@ -1,25 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { ChevronRight } from '@elliemae/ds-icons';
-import { PAGINATION_DATA_TESTID } from '../PaginationDataTestID.js';
-import { PreviousNextPageButton } from '../styled.js';
-
-const PageNextButton = _ref => {
-  let {
-    onNextPage,
-    canNextPage
-  } = _ref;
-  return /*#__PURE__*/_jsx(PreviousNextPageButton, {
-    onClick: () => {
-      if (canNextPage) onNextPage();
-    },
-    disabled: !canNextPage,
-    buttonType: "raw",
-    "data-testid": PAGINATION_DATA_TESTID.NEXT_BUTTON,
-    HeaderComp: () => 'Page'
-  }, void 0, /*#__PURE__*/_jsx(ChevronRight, {
-    color: canNextPage ? ['brand-primary', '700'] : ['neutral', '500']
-  }));
+import * as React from "react";
+import React2 from "react";
+import { ChevronRight } from "@elliemae/ds-icons";
+import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
+import { PreviousNextPageButton } from "../styled";
+const PageNextButton = ({
+  onNextPage,
+  canNextPage
+}) => /* @__PURE__ */ React2.createElement(PreviousNextPageButton, {
+  onClick: () => {
+    if (canNextPage)
+      onNextPage();
+  },
+  disabled: !canNextPage,
+  buttonType: "raw",
+  "data-testid": PAGINATION_DATA_TESTID.NEXT_BUTTON,
+  HeaderComp: () => "Page"
+}, /* @__PURE__ */ React2.createElement(ChevronRight, {
+  color: canNextPage ? ["brand-primary", "700"] : ["neutral", "500"]
+}));
+export {
+  PageNextButton
 };
-
-export { PageNextButton };
+//# sourceMappingURL=PageNextButton.js.map

package/esm/parts/PageNextButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PageNextButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronRight } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport { DSPaginationProps } from '../index.d';\n\nexport const PageNextButton: React.ComponentType<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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,iBAA6F,CAAC;AAAA,EACzG;AAAA,EACA;AAAA,MAEA,qCAAC,wBAAD;AAAA,EACE,SAAS,MAAM;AACb,QAAI;AAAa;AAAA;AAAA,EAEnB,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,EACpC,YAAY,MAAM;AAAA,GAElB,qCAAC,cAAD;AAAA,EAAc,OAAO,cAAc,CAAC,iBAAiB,SAAS,CAAC,WAAW;AAAA;",
+  "names": []
+}

package/esm/parts/PagePrevButton.js

@@ -1,24 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { ChevronLeft } from '@elliemae/ds-icons';
-import { PAGINATION_DATA_TESTID } from '../PaginationDataTestID.js';
-import { PreviousNextPageButton } from '../styled.js';
-
-const PagePrevButton = _ref => {
-  let {
-    onPreviousPage,
-    canPreviousPage
-  } = _ref;
-  return /*#__PURE__*/_jsx(PreviousNextPageButton, {
-    onClick: () => {
-      if (canPreviousPage) onPreviousPage();
-    },
-    disabled: !canPreviousPage,
-    buttonType: "raw",
-    "data-testid": PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
-  }, void 0, /*#__PURE__*/_jsx(ChevronLeft, {
-    color: canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']
-  }));
+import * as React from "react";
+import React2 from "react";
+import { ChevronLeft } from "@elliemae/ds-icons";
+import { PAGINATION_DATA_TESTID } from "../PaginationDataTestID";
+import { PreviousNextPageButton } from "../styled";
+const PagePrevButton = ({
+  onPreviousPage,
+  canPreviousPage
+}) => /* @__PURE__ */ React2.createElement(PreviousNextPageButton, {
+  onClick: () => {
+    if (canPreviousPage)
+      onPreviousPage();
+  },
+  disabled: !canPreviousPage,
+  buttonType: "raw",
+  "data-testid": PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
+}, /* @__PURE__ */ React2.createElement(ChevronLeft, {
+  color: canPreviousPage ? ["brand-primary", "700"] : ["neutral", "500"]
+}));
+export {
+  PagePrevButton
 };
-
-export { PagePrevButton };
+//# sourceMappingURL=PagePrevButton.js.map

package/esm/parts/PagePrevButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PagePrevButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronLeft } from '@elliemae/ds-icons';\nimport { PAGINATION_DATA_TESTID } from '../PaginationDataTestID';\nimport { PreviousNextPageButton } from '../styled';\nimport { DSPaginationProps } from '../index.d';\n\nexport const PagePrevButton: React.ComponentType<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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGO,MAAM,iBAAqG,CAAC;AAAA,EACjH;AAAA,EACA;AAAA,MAEA,qCAAC,wBAAD;AAAA,EACE,SAAS,MAAM;AACb,QAAI;AAAiB;AAAA;AAAA,EAEvB,UAAU,CAAC;AAAA,EACX,YAAW;AAAA,EACX,eAAa,uBAAuB;AAAA,GAEpC,qCAAC,aAAD;AAAA,EAAa,OAAO,kBAAkB,CAAC,iBAAiB,SAAS,CAAC,WAAW;AAAA;",
+  "names": []
+}