@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

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

@@ -1,82 +1,67 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Paginator_exports = {};
-__export(Paginator_exports, {
-  Paginator: () => Paginator,
-  default: () => Paginator_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_pagify = __toESM(require("react-pagify"));
-var import_segmentize = __toESM(require("segmentize"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-const blockName = "data-grid";
-const PaginationContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "pagination");
-const PagifyContext = (0, import_ds_classnames.aggregatedClasses)(import_react_pagify.default?.Context)(blockName, "pagify-pagination");
-const Paginator = ({ pagination, pages, onSelect, labelPrevious = "Previous", labelNext = "Next" }) => {
+'use strict';
+
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var ReactPagify__default = /*#__PURE__*/_interopDefaultLegacy(ReactPagify);
+var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
+
+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');
+
+const Paginator = _ref => {
+  let {
+    pagination,
+    pages,
+    onSelect,
+    labelPrevious = 'Previous',
+    labelNext = 'Next'
+  } = _ref;
   const prevPage = pagination.page - 1;
   const nextPage = pagination.page + 1;
-  return /* @__PURE__ */ import_react.default.createElement(PaginationContainer, null, /* @__PURE__ */ import_react.default.createElement(PagifyContext, {
-    onSelect: (page) => page !== pagination.page && onSelect(page),
-    segments: (0, import_segmentize.default)({
+  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,
       beginPages: 1,
       endPages: 1,
       sidePages: 1
     })
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Button, {
-    className: pagination.page <= 1 ? "button-disabled" : "",
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
+    className: pagination.page <= 1 ? 'button-disabled' : '',
     page: prevPage
-  }, labelPrevious), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
+  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "beginPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Ellipsis, {
+  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "previousPages",
     previousField: "beginPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
+  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "previousPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
+  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     className: "selected",
     field: "centerPage"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
+  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "nextPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Ellipsis, {
+  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "endPages",
     previousField: "nextPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Segment, {
+  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "endPages"
-  }), /* @__PURE__ */ import_react.default.createElement(import_react_pagify.default.Button, {
-    className: pagination.page >= pages ? "button-disabled" : "",
+  })), /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
+    className: pagination.page >= pages ? 'button-disabled' : '',
     page: nextPage
-  }, labelNext)));
+  }, void 0, labelNext)));
 };
-var Paginator_default = Paginator;
-module.exports = __toCommonJS(Paginator_exports);
-//# sourceMappingURL=Paginator.js.map
+
+module.exports = Paginator;

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

@@ -1,68 +1,80 @@
-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 });
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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');
+require('react');
+var memoizeOne = require('memoize-one');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsForm = require('@elliemae/ds-form');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
+
+var _span;
+
+const _excluded = ["children"];
+
+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__default["default"](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 SingleValue = _ref => {
+  let {
+    children
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
+  }));
 };
-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 PerPageDropdown_exports = {};
-__export(PerPageDropdown_exports, {
-  PerPageDropdown: () => PerPageDropdown,
-  default: () => PerPageDropdown_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_memoize_one = __toESM(require("memoize-one"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_form = require("@elliemae/ds-form");
-const SingleValue = ({ children, ...props }) => /* @__PURE__ */ import_react.default.createElement(import_ds_form.components.SingleValue, {
-  ...props
-}, children, " ", /* @__PURE__ */ import_react.default.createElement("span", null, "per page"));
-const generateOption = (value) => ({
+
+const generateOption = value => ({
   value,
   label: value
 });
-const getOptions = (0, import_memoize_one.default)((step, min, max) => {
-  const options = (0, import_ds_utilities.range)(min, max + step, step).map(generateOption);
+
+const getOptions = memoizeOne__default["default"]((step, min, max) => {
+  const options = dsUtilities.range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
-function PerPageDropdown({ min = 0, max = 100, step = 5, value = 0, onChange = () => null }) {
+
+function PerPageDropdown(_ref2) {
+  let {
+    min = 0,
+    max = 100,
+    step = 5,
+    value = 0,
+    onChange = () => null
+  } = _ref2;
   const options = getOptions(step, min, max);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     className: "per-page-dropdown",
     components: {
       SingleValue
     },
     containerProps: {
-      "data-testid": "per-page-dropdown"
+      'data-testid': 'per-page-dropdown'
     },
     maxOptions: 10,
-    onChange,
-    options,
+    onChange: onChange,
+    options: options,
     searchable: false,
-    value
+    value: value
   });
 }
-var PerPageDropdown_default = PerPageDropdown;
-module.exports = __toCommonJS(PerPageDropdown_exports);
-//# sourceMappingURL=PerPageDropdown.js.map
+
+module.exports = PerPageDropdown;

package/cjs/plugins/pagination/helper.js

@@ -1,52 +1,31 @@
-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 helper_exports = {};
-__export(helper_exports, {
-  default: () => helper_default,
-  paginate: () => paginate,
-  parsePerPageNumber: () => parsePerPageNumber
-});
-var React = __toESM(require("react"));
-const parsePerPageNumber = (number, max, min = 1) => {
-  if (number > max)
-    return max;
-  if (number < min)
-    return min;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const parsePerPageNumber = function (number, max) {
+  let min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  if (number > max) return max;
+  if (number < min) return min;
   return number;
 };
-const paginate = (rows, { page, perPage = 1, amountOfPages: amount, totalRows }) => {
+function paginate(rows, _ref) {
+  let {
+    page,
+    perPage = 1,
+    amountOfPages: amount,
+    totalRows
+  } = _ref;
+
+  // return if pagination state is controlled
   if (amount && totalRows) {
     return {
       amount,
       rows,
       page
     };
-  }
+  } // adapt to zero indexed logic
+
+
   const p = page - 1 || 0;
   const amountOfPages = perPage ? Math.ceil(rows.length / (perPage > 0 ? perPage : 1)) : 1;
   const startPage = p < amountOfPages ? p : 0;
@@ -56,7 +35,7 @@ const paginate = (rows, { page, perPage = 1, amountOfPages: amount, totalRows })
     allRows: rows,
     page: startPage
   };
-};
-var helper_default = paginate;
-module.exports = __toCommonJS(helper_exports);
-//# sourceMappingURL=helper.js.map
+}
+
+exports["default"] = paginate;
+exports.parsePerPageNumber = parsePerPageNumber;

package/cjs/plugins/pagination/index.js

@@ -1,35 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var pagination_exports = {};
-__export(pagination_exports, {
-  PaginationPlugin: () => import_PaginationPlugin.PaginationPlugin
-});
-var React = __toESM(require("react"));
-var import_PaginationPlugin = require("./PaginationPlugin");
-module.exports = __toCommonJS(pagination_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PaginationPlugin = require('./PaginationPlugin.js');
+
+
+
+exports.PaginationPlugin = PaginationPlugin.PaginationPlugin;

package/cjs/plugins/pagination/usePaginationState.js

@@ -1,37 +1,24 @@
-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 usePaginationState_exports = {};
-__export(usePaginationState_exports, {
-  usePaginationState: () => usePaginationState
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_helper = require("./helper");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 dsUtilities = require('@elliemae/ds-utilities');
+var helper = require('./helper.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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__default["default"](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; }
 function usePaginationState(grid) {
   const {
     minPerPage = 0,
@@ -44,12 +31,16 @@ function usePaginationState(grid) {
     },
     groupedRows
   } = grid.props;
-  const { composedRows, rows } = grid.getInstance();
-  const [pagination, setPagination] = (0, import_ds_utilities.useDerivedStateFromProps)(paginationProp);
-  const onPerPage = (perPageNumber) => {
-    const parsedPerPageNumber = (0, import_helper.parsePerPageNumber)(perPageNumber, maxPerPage, minPerPage);
+  const {
+    composedRows,
+    rows
+  } = grid.getInstance();
+  const [pagination, setPagination] = dsUtilities.useDerivedStateFromProps(paginationProp);
+
+  const onPerPage = perPageNumber => {
+    const parsedPerPageNumber = helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);
     const actualNumber = parsedPerPageNumber ? parseInt(parsedPerPageNumber, 10) : 0;
-    setPagination((prevPagination) => {
+    setPagination(prevPagination => {
       onPerPageChange(actualNumber);
       return {
         page: prevPagination.page,
@@ -57,17 +48,18 @@ function usePaginationState(grid) {
       };
     });
   };
-  const onPageSelect = (page) => {
+
+  const onPageSelect = page => {
     const length = groupedRows ? composedRows.length : rows.length;
-    setPagination((prevPagination) => {
+    setPagination(prevPagination => {
       const pages = Math.ceil(length / prevPagination.perPage);
       onPageChange(page);
-      return {
-        ...prevPagination,
+      return _objectSpread(_objectSpread({}, prevPagination), {}, {
         page: Math.min(Math.max(page, 1), pages)
-      };
+      });
     });
   };
+
   return {
     state: {
       pagination
@@ -78,5 +70,5 @@ function usePaginationState(grid) {
     }
   };
 }
-module.exports = __toCommonJS(usePaginationState_exports);
-//# sourceMappingURL=usePaginationState.js.map
+
+exports.usePaginationState = usePaginationState;