@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -3,69 +3,52 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 React = require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
-var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var _excluded = ["children"];
+const _excluded = ["children"];
 
 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; }
+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; }
 
-var registerStateHook = function registerStateHook(grid) {
-  var _grid$props = grid.props,
-      getData = _grid$props.getData,
-      _grid$props$onInfinit = _grid$props.onInfiniteScrolling,
-      onInfiniteScrolling = _grid$props$onInfinit === void 0 ? function () {
-    return null;
-  } : _grid$props$onInfinit,
-      updateRows = grid.actions.updateRows;
-  var loading = React.useRef(false);
+const registerStateHook = grid => {
+  const {
+    props: {
+      getData,
+      onInfiniteScrolling = () => null
+    },
+    actions: {
+      updateRows
+    }
+  } = grid;
+  const loading = React.useRef(false);
 
-  var addMoreData = function addMoreData() {
-    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  const addMoreData = function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     loading.current = false;
-    updateRows(function (prevRows) {
-      return prevRows.concat(data || []);
-    });
+    updateRows(prevRows => prevRows.concat(data || []));
   };
 
-  var doLoadData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee(currentRows) {
-      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              loading.current = true;
-              return _context.abrupt("return", Promise.resolve(getData(currentRows)).then(addMoreData));
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function doLoadData(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
+  const doLoadData = async currentRows => {
+    loading.current = true;
+    return Promise.resolve(getData(currentRows)).then(addMoreData);
+  };
 
-  var loadMoreData = function loadMoreData(currentRows) {
+  const loadMoreData = currentRows => {
     onInfiniteScrolling(currentRows);
     if (loading.current || !getData) return;
     doLoadData(currentRows);
@@ -73,35 +56,34 @@ var registerStateHook = function registerStateHook(grid) {
 
   return {
     actions: {
-      loadMoreData: loadMoreData
+      loadMoreData
     }
   };
 };
 
-var getBodyProps = function getBodyProps(_ref2, grid) {
-  _ref2.children;
-      var props = _objectWithoutProperties__default['default'](_ref2, _excluded);
+const getBodyProps = (_ref, grid) => {
+  let props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  var loadMoreData = grid.getInstance().actions.loadMoreData;
-
-  var _useState = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      bodyNode = _useState2[0],
-      setBodyRef = _useState2[1];
-
-  var prevScroll = React.useRef();
+  const {
+    loadMoreData
+  } = grid.getInstance().actions;
+  const [bodyNode, setBodyRef] = React.useState();
+  const prevScroll = React.useRef();
   prevScroll.current = 0;
 
-  var handleBodyScroll = function handleBodyScroll(event, s) {
-    var target = event.target;
-    var scrollHeight = target.scrollHeight,
-        scrollTop = target.scrollTop,
-        offsetHeight = target.offsetHeight,
-        scrollLeft = target.scrollLeft;
-
-    var _grid$getInstance = grid.getInstance(),
-        composedRows = _grid$getInstance.composedRows; // prevent horizontal scroll triggering infinite scrolling callbacks
-
+  const handleBodyScroll = (event, s) => {
+    const {
+      target
+    } = event;
+    const {
+      scrollHeight,
+      scrollTop,
+      offsetHeight,
+      scrollLeft
+    } = target;
+    const {
+      composedRows
+    } = grid.getInstance(); // prevent horizontal scroll triggering infinite scrolling callbacks
 
     if (prevScroll.current !== scrollLeft) {
       prevScroll.current = scrollLeft;
@@ -116,12 +98,12 @@ var getBodyProps = function getBodyProps(_ref2, grid) {
     }
   };
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (bodyNode) {
       bodyNode.addEventListener('scroll', handleBodyScroll);
     }
 
-    return function () {
+    return () => {
       if (bodyNode) {
         bodyNode.removeEventListener('scroll', handleBodyScroll);
       }
@@ -134,10 +116,9 @@ var getBodyProps = function getBodyProps(_ref2, grid) {
   });
 };
 
-var InfiniteScrollPlugin = createInstancePlugin__default['default']('infinite-scroll', {
-  registerStateHook: registerStateHook,
-  getBodyProps: getBodyProps
+const InfiniteScrollPlugin = createInstancePlugin__default["default"]('infinite-scroll', {
+  registerStateHook,
+  getBodyProps
 });
 
 exports.InfiniteScrollPlugin = InfiniteScrollPlugin;
-//# sourceMappingURL=InfiniteScrollPlugin.js.map

package/cjs/plugins/infinite-scrolling/index.js

@@ -2,16 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_infiniteScrolling_InfiniteScrollPlugin = require('./InfiniteScrollPlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
-require('react');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var InfiniteScrollPlugin = require('./InfiniteScrollPlugin.js');
 
 
 
-exports.InfiniteScrollPlugin = plugins_infiniteScrolling_InfiniteScrollPlugin.InfiniteScrollPlugin;
-//# sourceMappingURL=index.js.map
+exports.InfiniteScrollPlugin = InfiniteScrollPlugin.InfiniteScrollPlugin;

package/cjs/plugins/pagination/PaginationPlugin.js

@@ -2,107 +2,108 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+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 React = require('react');
 var dsUtilities = require('@elliemae/ds-utilities');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var plugins_pagination_helper = require('./helper.js');
-var plugins_pagination_usePaginationState = require('./usePaginationState.js');
-var components_NoResults = require('../../components/NoResults.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('styled-components');
-require('@elliemae/ds-system');
+var helper = require('./helper.js');
+var usePaginationState = require('./usePaginationState.js');
+var NoResults = require('../../components/NoResults.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var FocusGridManager__default = /*#__PURE__*/_interopDefaultLegacy(FocusGridManager);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
 
 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; }
-
-var composeRows = function composeRows(rows, grid) {
-  var _grid$getInstance = grid.getInstance(),
-      pagination = _grid$getInstance.state.pagination,
-      groupedRows = _grid$getInstance.props.groupedRows;
-
+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 composeRows = (rows, grid) => {
+  const {
+    state: {
+      pagination
+    },
+    props: {
+      groupedRows
+    }
+  } = grid.getInstance();
   if (groupedRows) return rows; // disable pagination with grouping
 
   if (groupedRows) {
-    var filterIds = rows.map(function (r) {
-      return r.id;
-    });
-    return plugins_pagination_helper['default'](rows.filter(function (c) {
-      return filterIds.includes(c.id);
-    }).map(function (r) {
-      return _objectSpread(_objectSpread({}, r), {}, {
-        _isGroup: r.isGroup
-      });
-    }), pagination);
+    const filterIds = rows.map(r => r.id);
+    return helper["default"](rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
+      _isGroup: r.isGroup
+    })), pagination);
   }
 
-  return plugins_pagination_helper['default'](rows, pagination);
+  return helper["default"](rows, pagination);
 };
 
-var Body = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var Component = _ref.component,
-      rows = _ref.rows,
-      rowRenderer = _ref.rowRenderer,
-      noResultsPlaceholder = _ref.noResultsPlaceholder,
-      innerRef = _ref.innerRef;
-      _ref.innerBodyRef;
-      var _ref$isPlaceholderAct = _ref.isPlaceholderActive,
-      isPlaceholderActive = _ref$isPlaceholderAct === void 0 ? false : _ref$isPlaceholderAct,
-      otherBodyProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, otherBodyProps, {
-    innerRef: dsUtilities.mergeRefs(innerRef)
-  }), !isPlaceholderActive ? rows.map(function (row, index) {
-    return rowRenderer(row, {
-      index: index,
+const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef,
+    // depends on body-header-scroll-sync
+    isPlaceholderActive = false
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: dsUtilities.mergeRefs(innerRef),
+    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
+      index,
       rowIndex: index
-    }, {});
-  }) : /*#__PURE__*/React__default['default'].createElement(components_NoResults, {
-    innerRef: innerRef,
-    rowRenderer: rowRenderer
-  }, noResultsPlaceholder));
+    }, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
 });
 
-var decorateRenderers = function decorateRenderers(renderers, grid) {
-  var BodyWrapper = renderers.body.wrapper;
-  renderers.body.wrapper = React.useMemo(function () {
-    return function (props) {
-      var _grid$getInstance2 = grid.getInstance(),
-          hotKeys = _grid$getInstance2.hotKeys;
-          _grid$getInstance2.shouldRefocus;
-          _grid$getInstance2.state;
-
-      return /*#__PURE__*/React__default['default'].createElement(FocusGridManager__default['default'], {
-        hotKeys: hotKeys,
-        shouldRefocus: false
-      }, /*#__PURE__*/React__default['default'].createElement(Body, _extends__default['default']({}, props, {
-        component: BodyWrapper
-      })));
-    };
+const decorateRenderers = (renderers, grid) => {
+  const BodyWrapper = renderers.body.wrapper;
+  renderers.body.wrapper = React.useMemo(() => props => {
+    const {
+      hotKeys,
+      shouldRefocus,
+      state
+    } = grid.getInstance();
+    return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
+      hotKeys: hotKeys,
+      shouldRefocus: false
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
+      component: BodyWrapper
+    })));
   }, []);
   return renderers;
 };
 
-var PaginationPlugin = createInstancePlugin__default['default']('pagination', {
-  registerStateHook: plugins_pagination_usePaginationState.usePaginationState,
-  decorateRenderers: decorateRenderers,
-  composeRows: composeRows
+const PaginationPlugin = createInstancePlugin__default["default"]('pagination', {
+  registerStateHook: usePaginationState.usePaginationState,
+  decorateRenderers,
+  composeRows
 });
 
 exports.PaginationPlugin = PaginationPlugin;
-//# sourceMappingURL=PaginationPlugin.js.map

package/cjs/plugins/pagination/components/Pagination.js

@@ -2,44 +2,39 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-var plugins_pagination_components_Paginator = require('./Paginator.js');
-var plugins_pagination_components_PerPageDropdown = require('./PerPageDropdown.js');
-require('react-pagify');
-require('segmentize');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('memoize-one');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-form');
+var Paginator = require('./Paginator.js');
+var PerPageDropdown = require('./PerPageDropdown.js');
 
 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 PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
+const PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
 
-var Pagination = function Pagination(_ref) {
-  var paginated = _ref.paginated,
-      _ref$pagination = _ref.pagination,
-      pagination = _ref$pagination === void 0 ? {} : _ref$pagination,
-      onPerPage = _ref.onPerPage,
-      onPageSelect = _ref.onPageSelect,
-      _ref$paginationStep = _ref.paginationStep,
-      paginationStep = _ref$paginationStep === void 0 ? 5 : _ref$paginationStep,
-      _ref$maxPerPage = _ref.maxPerPage,
-      maxPerPage = _ref$maxPerPage === void 0 ? 10 : _ref$maxPerPage,
-      _ref$minPerPage = _ref.minPerPage,
-      minPerPage = _ref$minPerPage === void 0 ? 5 : _ref$minPerPage;
-  var perPage = pagination.perPage;
+const Pagination = _ref => {
+  let {
+    paginated,
+    pagination = {},
+    onPerPage,
+    onPageSelect,
+    paginationStep = 5,
+    maxPerPage = 10,
+    minPerPage = 5
+  } = _ref;
+  const {
+    perPage
+  } = pagination;
   if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
-  return paginated.amount > 0 ? /*#__PURE__*/React__default['default'].createElement(PaginationControls, null, /*#__PURE__*/React__default['default'].createElement(plugins_pagination_components_PerPageDropdown, {
+  return paginated.amount > 0 ? /*#__PURE__*/_jsx__default["default"](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageDropdown, {
     max: maxPerPage,
     min: minPerPage,
     onChange: onPerPage,
     step: paginationStep,
     value: perPage
-  }), /*#__PURE__*/React__default['default'].createElement(plugins_pagination_components_Paginator, {
+  }), /*#__PURE__*/_jsx__default["default"](Paginator, {
     onSelect: onPageSelect,
     pages: paginated.amount,
     pagination: pagination
@@ -47,4 +42,3 @@ var Pagination = function Pagination(_ref) {
 };
 
 exports.Pagination = Pagination;
-//# sourceMappingURL=Pagination.js.map

package/cjs/plugins/pagination/components/Paginator.js

@@ -1,68 +1,67 @@
 'use strict';
 
-var React = require('react');
-var Pagify = require('react-pagify');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var ReactPagify = require('react-pagify');
 var segmentize = require('segmentize');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var Pagify__default = /*#__PURE__*/_interopDefaultLegacy(Pagify);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var ReactPagify__default = /*#__PURE__*/_interopDefaultLegacy(ReactPagify);
 var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
 
-var blockName = 'data-grid';
-var PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
-var PagifyContext = dsClassnames.aggregatedClasses(Pagify__default['default'].Context)(blockName, 'pagify-pagination');
+var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
+const blockName = 'data-grid';
+const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
+const PagifyContext = dsClassnames.aggregatedClasses(ReactPagify__default["default"] === null || ReactPagify__default["default"] === void 0 ? void 0 : ReactPagify__default["default"].Context)(blockName, 'pagify-pagination');
 
-var Paginator = function Paginator(_ref) {
-  var pagination = _ref.pagination,
-      pages = _ref.pages,
-      _onSelect = _ref.onSelect,
-      _ref$labelPrevious = _ref.labelPrevious,
-      labelPrevious = _ref$labelPrevious === void 0 ? 'Previous' : _ref$labelPrevious,
-      _ref$labelNext = _ref.labelNext,
-      labelNext = _ref$labelNext === void 0 ? 'Next' : _ref$labelNext;
-  var prevPage = pagination.page - 1;
-  var nextPage = pagination.page + 1;
-  return /*#__PURE__*/React__default['default'].createElement(PaginationContainer, null, /*#__PURE__*/React__default['default'].createElement(PagifyContext, {
-    onSelect: function onSelect(page) {
-      return page !== pagination.page && _onSelect(page);
-    },
-    segments: segmentize__default['default']({
+const Paginator = _ref => {
+  let {
+    pagination,
+    pages,
+    onSelect,
+    labelPrevious = 'Previous',
+    labelNext = 'Next'
+  } = _ref;
+  const prevPage = pagination.page - 1;
+  const nextPage = pagination.page + 1;
+  return /*#__PURE__*/_jsx__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {
+    onSelect: page => page !== pagination.page && onSelect(page),
+    segments: segmentize__default["default"]({
       page: pagination.page,
-      pages: pages,
+      pages,
       beginPages: 1,
       endPages: 1,
       sidePages: 1
     })
-  }, /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Button, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
     className: pagination.page <= 1 ? 'button-disabled' : '',
     page: prevPage
-  }, labelPrevious), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Segment, {
+  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "beginPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Ellipsis, {
+  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "previousPages",
     previousField: "beginPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "previousPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     className: "selected",
     field: "centerPage"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "nextPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Ellipsis, {
+  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "endPages",
     previousField: "nextPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "endPages"
-  }), /*#__PURE__*/React__default['default'].createElement(Pagify__default['default'].Button, {
+  })), /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
     className: pagination.page >= pages ? 'button-disabled' : '',
     page: nextPage
-  }, labelNext)));
+  }, void 0, labelNext)));
 };
 
 module.exports = Paginator;
-//# sourceMappingURL=Paginator.js.map