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

package/cjs/Pagination.js

@@ -2,43 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('react');
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
 var reactDesc = require('react-desc');
-var parts_PaginationContent = require('./parts/PaginationContent.js');
+var PaginationContent = require('./parts/PaginationContent.js');
 var props = require('./props.js');
-require('@elliemae/ds-grid');
-require('./styled.js');
-require('@elliemae/ds-button');
-require('styled-components');
-require('styled-system');
-require('./parts/PerPageSelector.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('memoize-one');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('./parts/Paginator.js');
-require('./hooks/usePaginationSearch.js');
-require('./PaginationDataTestID.js');
-require('./parts/PagePrevButton.js');
-require('./parts/PageNextButton.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var DSPagination = function DSPagination(props$1) {
-  var propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
-  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, DSPaginationWithSchema.toTypescript());
-  return /*#__PURE__*/React__default['default'].createElement(parts_PaginationContent.PaginationContent, propsWithDefault);
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DSPagination = props$1 => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, props.propTypes);
+  return /*#__PURE__*/jsxRuntime.jsx(PaginationContent.PaginationContent, _objectSpread({}, propsWithDefault));
 };
 
-DSPagination.propTypes = props.DSPaginationSchema;
-var DSPaginationWithSchema = reactDesc.describe(DSPagination).description('DSPagination');
-DSPaginationWithSchema.propTypes = props.DSPaginationSchema;
+const DSPaginationWithSchema = reactDesc.describe(DSPagination).description('DSPagination');
+DSPaginationWithSchema.propTypes = props.propTypes;
 
-exports.DSPaginationSchema = props.DSPaginationSchema;
 exports.DSPagination = DSPagination;
-//# sourceMappingURL=Pagination.js.map
+exports.DSPaginationWithSchema = DSPaginationWithSchema;

package/cjs/PaginationDataTestID.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var PAGINATION_DATA_TESTID = {
+const PAGINATION_DATA_TESTID = {
   PREVIOUS_BUTTON: 'data-table-pagination-prev-button',
   NEXT_BUTTON: 'data-table-pagination-next-button',
   CONTAINER: 'data-table-pagination-container'
 };
 
 exports.PAGINATION_DATA_TESTID = PAGINATION_DATA_TESTID;
-//# sourceMappingURL=PaginationDataTestID.js.map

package/cjs/hooks/usePaginationSearch.js

@@ -2,40 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-
-var usePaginationSearch = function usePaginationSearch(pageCount, actionRef) {
-  var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      searchValue = _useState2[0],
-      setSearchValue = _useState2[1];
-
-  var _useState3 = React.useState(true),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      shouldResetSearchValue = _useState4[0],
-      setShouldResetSearchValue = _useState4[1];
-
-  var timeoutRef = React.useRef(null);
-  React.useEffect(function () {
+require('core-js/modules/web.dom-collections.iterator.js');
+var react = require('react');
+
+const usePaginationSearch = (pageCount, actionRef) => {
+  const [searchValue, setSearchValue] = react.useState('');
+  const [shouldResetSearchValue, setShouldResetSearchValue] = react.useState(true);
+  const timeoutRef = react.useRef(null);
+  react.useEffect(() => {
     if (searchValue !== '' && Number.parseInt(searchValue, 10) <= pageCount) {
       actionRef.current.setActiveDescendant(searchValue);
       actionRef.current.scrollOptionIntoView(searchValue);
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [searchValue]);
-  var onKeyDown = React.useCallback(function (e) {
+  const onKeyDown = react.useCallback(e => {
     if (e.code.startsWith('Digit')) {
-      if (shouldResetSearchValue) setSearchValue(e.key);else setSearchValue(function (prevValue) {
-        return prevValue + e.key;
-      });
+      if (shouldResetSearchValue) setSearchValue(e.key);else setSearchValue(prevValue => prevValue + e.key);
       setShouldResetSearchValue(false);
       clearTimeout(timeoutRef.current);
-      timeoutRef.current = setTimeout(function () {
+      timeoutRef.current = setTimeout(() => {
         setShouldResetSearchValue(true);
       }, 1000);
     }
@@ -44,4 +30,3 @@ var usePaginationSearch = function usePaginationSearch(pageCount, actionRef) {
 };
 
 exports.usePaginationSearch = usePaginationSearch;
-//# sourceMappingURL=usePaginationSearch.js.map

package/cjs/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/index.js

@@ -3,31 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Pagination = require('./Pagination.js');
-var props = require('./props.js');
-require('react');
-require('@elliemae/ds-props-helpers');
-require('react-desc');
-require('./parts/PaginationContent.js');
-require('@elliemae/ds-grid');
-require('./styled.js');
-require('@elliemae/ds-button');
-require('styled-components');
-require('styled-system');
-require('./parts/PerPageSelector.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('memoize-one');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('./parts/Paginator.js');
-require('./hooks/usePaginationSearch.js');
-require('./PaginationDataTestID.js');
-require('./parts/PagePrevButton.js');
-require('./parts/PageNextButton.js');
 
 
 
 exports.DSPagination = Pagination.DSPagination;
-exports.DSPaginationSchema = props.DSPaginationSchema;
-//# sourceMappingURL=index.js.map
+exports.DSPaginationWithSchema = Pagination.DSPaginationWithSchema;

package/cjs/parts/PageNextButton.js

@@ -2,37 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var PaginationDataTestID = require('../PaginationDataTestID.js');
 var styled = require('../styled.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('styled-components');
-require('styled-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable react/prop-types */
-var PageNextButton = function PageNextButton(_ref) {
-  var onNextPage = _ref.onNextPage,
-      canNextPage = _ref.canNextPage;
-  return /*#__PURE__*/React__default['default'].createElement(styled.PreviousNextPageButton, {
-    onClick: function onClick() {
+const PageNextButton = _ref => {
+  let {
+    onNextPage,
+    canNextPage
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.PreviousNextPageButton, {
+    onClick: () => {
       if (canNextPage) onNextPage();
     },
     disabled: !canNextPage,
     buttonType: "raw",
     "data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.NEXT_BUTTON,
-    HeaderComp: function HeaderComp() {
-      return 'Page';
-    }
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronRight, {
+    HeaderComp: () => 'Page'
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {
     color: canNextPage ? ['brand-primary', '700'] : ['neutral', '500']
   }));
 };
 
 exports.PageNextButton = PageNextButton;
-//# sourceMappingURL=PageNextButton.js.map

package/cjs/parts/PagePrevButton.js

@@ -2,34 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var PaginationDataTestID = require('../PaginationDataTestID.js');
 var styled = require('../styled.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('styled-components');
-require('styled-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable react/prop-types */
-var PagePrevButton = function PagePrevButton(_ref) {
-  var onPreviousPage = _ref.onPreviousPage,
-      canPreviousPage = _ref.canPreviousPage;
-  return /*#__PURE__*/React__default['default'].createElement(styled.PreviousNextPageButton, {
-    onClick: function onClick() {
+const PagePrevButton = _ref => {
+  let {
+    onPreviousPage,
+    canPreviousPage
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.PreviousNextPageButton, {
+    onClick: () => {
       if (canPreviousPage) onPreviousPage();
     },
     disabled: !canPreviousPage,
     buttonType: "raw",
     "data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.PREVIOUS_BUTTON
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronLeft, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {
     color: canPreviousPage ? ['brand-primary', '700'] : ['neutral', '500']
   }));
 };
 
 exports.PagePrevButton = PagePrevButton;
-//# sourceMappingURL=PagePrevButton.js.map

package/cjs/parts/PaginationContent.js

@@ -2,82 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var Grid = require('@elliemae/ds-grid');
 var styled = require('../styled.js');
-var parts_PerPageSelector = require('./PerPageSelector.js');
-var parts_Paginator = require('./Paginator.js');
+var PerPageSelector = require('./PerPageSelector.js');
+var Paginator = require('./Paginator.js');
 var PaginationDataTestID = require('../PaginationDataTestID.js');
-var parts_PagePrevButton = require('./PagePrevButton.js');
-var parts_PageNextButton = require('./PageNextButton.js');
-require('@elliemae/ds-button');
-require('styled-components');
-require('styled-system');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('memoize-one');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('../hooks/usePaginationSearch.js');
+var PagePrevButton = require('./PagePrevButton.js');
+var PageNextButton = require('./PageNextButton.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
-/* eslint-disable react/prop-types */
-var PaginationContent = function PaginationContent(_ref) {
-  var pageIndex = _ref.pageIndex,
-      pageSize = _ref.pageSize,
-      canPreviousPage = _ref.canPreviousPage,
-      canNextPage = _ref.canNextPage,
-      onPageSizeChange = _ref.onPageSizeChange,
-      onNextPage = _ref.onNextPage,
-      onPreviousPage = _ref.onPreviousPage,
-      onPageChange = _ref.onPageChange,
-      pageCount = _ref.pageCount,
-      showPerPageSelector = _ref.showPerPageSelector,
-      pageDetails = _ref.pageDetails,
-      pageDetailsTitle = _ref.pageDetailsTitle,
-      perPageOptions = _ref.perPageOptions,
-      maxPerPage = _ref.maxPerPage,
-      perPageStep = _ref.perPageStep,
-      minPerPage = _ref.minPerPage,
-      width = _ref.width;
-  return /*#__PURE__*/React__default['default'].createElement(styled.PaginationContainer, {
+var _PaginationSeparator;
+const PaginationContent = _ref => {
+  let {
+    pageIndex,
+    pageSize,
+    canPreviousPage,
+    canNextPage,
+    onPageSizeChange,
+    onNextPage,
+    onPreviousPage,
+    onPageChange,
+    pageCount,
+    showPerPageSelector,
+    pageDetails,
+    pageDetailsTitle,
+    perPageOptions,
+    maxPerPage,
+    perPageStep,
+    minPerPage,
+    width
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.PaginationContainer, {
     justifyContent: "center",
     alignItems: "center",
     width: width,
     "data-testid": PaginationDataTestID.PAGINATION_DATA_TESTID.CONTAINER
-  }, /*#__PURE__*/React__default['default'].createElement(styled.PaginationWrapper, null, showPerPageSelector && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(parts_PerPageSelector, {
-    pageSize: pageSize,
-    onPageSizeChange: onPageSizeChange,
-    perPageOptions: perPageOptions,
-    maxPerPage: maxPerPage,
-    perPageStep: perPageStep,
-    minPerPage: minPerPage
-  }), /*#__PURE__*/React__default['default'].createElement(styled.PaginationSeparator, {
-    mr: 24
-  })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.PaginationWrapper, {}, void 0, showPerPageSelector && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](PerPageSelector, {
+      pageSize: pageSize,
+      onPageSizeChange: onPageSizeChange,
+      perPageOptions: perPageOptions,
+      maxPerPage: maxPerPage,
+      perPageStep: perPageStep,
+      minPerPage: minPerPage
+    }), _PaginationSeparator || (_PaginationSeparator = /*#__PURE__*/_jsx__default["default"](styled.PaginationSeparator, {
+      mr: 24
+    }))]
+  }), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     cols: ['auto', 'auto', 'auto', 'auto', 'auto'],
     mr: "32px",
     alignItems: "center"
-  }, /*#__PURE__*/React__default['default'].createElement(parts_PagePrevButton.PagePrevButton, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](PagePrevButton.PagePrevButton, {
     canPreviousPage: canPreviousPage,
     onPreviousPage: onPreviousPage
-  }), /*#__PURE__*/React__default['default'].createElement(parts_Paginator, {
+  }), /*#__PURE__*/_jsx__default["default"](Paginator, {
     pageCount: pageCount,
     pageIndex: pageIndex,
     onNextPage: onNextPage,
     onPageChange: onPageChange,
     pageDetails: pageDetails,
     pageDetailsTitle: pageDetailsTitle
-  }), /*#__PURE__*/React__default['default'].createElement(parts_PageNextButton.PageNextButton, {
+  }), /*#__PURE__*/_jsx__default["default"](PageNextButton.PageNextButton, {
     canNextPage: canNextPage,
     onNextPage: onNextPage
   }))));
 };
 
 exports.PaginationContent = PaginationContent;
-//# sourceMappingURL=PaginationContent.js.map