@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Pagination/Pagination.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,20 +9,21 @@ var _usePagination = require("./usePagination");
 var _Pagination = require("./Pagination.styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Pagination = function Pagination(props) {
-  var onPageChange = props.onPageChange,
-    totalCount = props.totalCount,
-    siblingCount = props.siblingCount,
-    currentPage = props.currentPage,
-    pageSize = props.pageSize;
-  var paginationRange = (0, _usePagination.usePagination)({
-    currentPage: currentPage,
-    totalCount: totalCount,
-    siblingCount: siblingCount,
-    pageSize: pageSize
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Pagination = props => {
+  const {
+    onPageChange,
+    totalCount,
+    siblingCount,
+    currentPage,
+    pageSize
+  } = props;
+  const paginationRange = (0, _usePagination.usePagination)({
+    currentPage,
+    totalCount,
+    siblingCount,
+    pageSize
   });
 
   // If current page is 0, set it to 1
@@ -31,16 +31,16 @@ var Pagination = function Pagination(props) {
     onPageChange(1);
     return null;
   }
-  var onNext = function onNext() {
+  const onNext = () => {
     onPageChange(currentPage + 1);
   };
-  var onPrevious = function onPrevious() {
+  const onPrevious = () => {
     onPageChange(currentPage - 1);
   };
 
   // Always show at least page 1, even if there's only one page
-  var displayRange = paginationRange.length < 2 ? [1] : paginationRange;
-  var lastPage = displayRange[displayRange.length - 1];
+  const displayRange = paginationRange.length < 2 ? [1] : paginationRange;
+  let lastPage = displayRange[displayRange.length - 1];
   return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList, {
     listStyle: props.listStyle
   }, /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
@@ -49,7 +49,7 @@ var Pagination = function Pagination(props) {
     arrow: true
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icon: _Icon.iconsMap.arrowLeft
-  })), displayRange.map(function (pageNumber) {
+  })), displayRange.map(pageNumber => {
     // If the pageItem is a DOT, render the DOTS unicode character
     if (pageNumber === _usePagination.DOTS) {
       return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
@@ -62,9 +62,7 @@ var Pagination = function Pagination(props) {
     return /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
       key: pageNumber,
       selected: pageNumber === currentPage,
-      onClick: function onClick() {
-        return onPageChange(pageNumber);
-      },
+      onClick: () => onPageChange(pageNumber),
       disabled: displayRange.length === 1
     }, pageNumber);
   }), /*#__PURE__*/_react.default.createElement(_Pagination.StyledList.Item, {
@@ -87,5 +85,4 @@ Pagination.defaultProps = {
   siblingCount: 1,
   pageSize: 10
 };
-var _default = Pagination;
-exports.default = _default;
+var _default = exports.default = Pagination;

package/dist/components/Pagination/Pagination.stories.js

@@ -11,8 +11,8 @@ var _global = _interopRequireDefault(require("../../styles/global"));
 var _InputWithButton = require("../Input/InputWithButton");
 var _Button = require("../Button/Button.styles");
 var _Card = require("../Card/Card.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Pagination',
   component: _Pagination.Pagination,
   argTypes: {
@@ -38,53 +38,46 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args)));
-};
-var TemplateWithInput = function TemplateWithInput(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, {
-    noPaddingHorizontal: true,
-    flex: true,
-    style: {
-      justifyContent: 'space-between',
-      flexWrap: 'wrap'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args), /*#__PURE__*/_react.default.createElement(_Card.Card, {
-    noPadding: true
-  }, /*#__PURE__*/_react.default.createElement(_Card.CardTitle, {
-    style: {
-      padding: '2px 20px'
-    }
-  }, "Page Size:"), /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWithButton, {
-    id: "pageSize",
-    name: "pageSize",
-    type: "number",
-    placeholder: 'Page size'
-    // onChange={(e) => setinputPageSize(e.target.value)}
-  }, /*#__PURE__*/_react.default.createElement(_Button.Button
-  //   onClick={() => setpageSize(Number(inputPageSize))}
-  , null, "apply")))));
-};
-var PaginationExample = Template.bind({});
-exports.PaginationExample = PaginationExample;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args)));
+const TemplateWithInput = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, {
+  noPaddingHorizontal: true,
+  flex: true,
+  style: {
+    justifyContent: 'space-between',
+    flexWrap: 'wrap'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Pagination.Pagination, args), /*#__PURE__*/_react.default.createElement(_Card.Card, {
+  noPadding: true
+}, /*#__PURE__*/_react.default.createElement(_Card.CardTitle, {
+  style: {
+    padding: '2px 20px'
+  }
+}, "Page Size:"), /*#__PURE__*/_react.default.createElement(_InputWithButton.InputWithButton, {
+  id: "pageSize",
+  name: "pageSize",
+  type: "number",
+  placeholder: 'Page size'
+  // onChange={(e) => setinputPageSize(e.target.value)}
+}, /*#__PURE__*/_react.default.createElement(_Button.Button
+//   onClick={() => setpageSize(Number(inputPageSize))}
+, null, "apply")))));
+const PaginationExample = exports.PaginationExample = Template.bind({});
 PaginationExample.args = {
   currentPage: 1,
   totalCount: 100,
   pageSize: 10,
   siblingCount: 1,
-  onPageChange: function onPageChange(page) {
+  onPageChange: page => {
     console.log('page changed to', page);
   }
 };
-var PaginationWithInput = TemplateWithInput.bind({});
-exports.PaginationWithInput = PaginationWithInput;
+const PaginationWithInput = exports.PaginationWithInput = TemplateWithInput.bind({});
 PaginationWithInput.args = {
   currentPage: 1,
   totalCount: 100,
   pageSize: 10,
   siblingCount: 1,
-  onPageChange: function onPageChange(page) {
+  onPageChange: page => {
     console.log('page changed to', page);
   }
 };

package/dist/components/Pagination/Pagination.styles.js

@@ -6,25 +6,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledList = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledList = _styledComponents.default.ul.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledList = exports.StyledList = _styledComponents.default.ul.withConfig({
   displayName: "Paginationstyles__StyledList",
   componentId: "sc-7ltpvr-0"
-})(["display:flex;list-style-type:none;padding:0;", ""], function (_ref) {
-  var listStyle = _ref.listStyle;
+})(["display:flex;list-style-type:none;padding:0;", ""], _ref => {
+  let {
+    listStyle
+  } = _ref;
   return listStyle;
 });
-exports.StyledList = StyledList;
-var ListItem = _styledComponents.default.li.withConfig({
+const ListItem = _styledComponents.default.li.withConfig({
   displayName: "Paginationstyles__ListItem",
   componentId: "sc-7ltpvr-1"
-})(["padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:", ";display:flex;align-items:center;letter-spacing:0.01071em;border-radius:16px;line-height:1.43;font-size:15px;font-weight:500;min-width:32px;", " &:hover{background-color:", ";color:", ";cursor:pointer;}", " ", " ", ""], _theme.default.cBlack, function (props) {
-  return props.arrow && "\n    padding:0 9px;\n    ";
-}, _theme.default.cPrimary, _theme.default.cWhite, function (props) {
-  return props.selected && "\n    color: ".concat(_theme.default.cWhite, ";\n    background-color: ").concat(_theme.default.cPrimary, ";\n  ");
-}, function (props) {
-  return props.disabled && "\n    pointer-events:none;\n    opacity: 0.6;\n  ";
-}, function (props) {
-  return props.dots && "\n     &:hover{\n         background-color: transparent;\n      cursor: default;\n      color:".concat(_theme.default.cBlack, "\n     }\n  ");
-});
+})(["padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:", ";display:flex;align-items:center;letter-spacing:0.01071em;border-radius:16px;line-height:1.43;font-size:15px;font-weight:500;min-width:32px;", " &:hover{background-color:", ";color:", ";cursor:pointer;}", " ", " ", ""], _theme.default.cBlack, props => props.arrow && "\n    padding:0 9px;\n    ", _theme.default.cPrimary, _theme.default.cWhite, props => props.selected && "\n    color: ".concat(_theme.default.cWhite, ";\n    background-color: ").concat(_theme.default.cPrimary, ";\n  "), props => props.disabled && "\n    pointer-events:none;\n    opacity: 0.6;\n  ", props => props.dots && "\n     &:hover{\n         background-color: transparent;\n      cursor: default;\n      color:".concat(_theme.default.cBlack, "\n     }\n  "));
 StyledList.Item = ListItem;

package/dist/components/Pagination/PaginationControls.js

@@ -11,47 +11,44 @@ var _Pagination = _interopRequireDefault(require("./Pagination"));
 var _Card = require("../Card/Card.styles");
 var _InputWithButton = _interopRequireDefault(require("../Input/InputWithButton"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var PaginationControls = function PaginationControls(_ref) {
-  var currentPage = _ref.currentPage,
-    totalCount = _ref.totalCount,
-    pageSize = _ref.pageSize,
-    onPageChange = _ref.onPageChange,
-    inputPageSize = _ref.inputPageSize,
-    setInputPageSize = _ref.setInputPageSize,
-    setPageSize = _ref.setPageSize,
-    scrollRef = _ref.scrollRef,
-    _ref$scrollOffset = _ref.scrollOffset,
-    scrollOffset = _ref$scrollOffset === void 0 ? -100 : _ref$scrollOffset,
-    containerStyle = _ref.containerStyle,
-    _ref$showPageSizeCont = _ref.showPageSizeControl,
-    showPageSizeControl = _ref$showPageSizeCont === void 0 ? true : _ref$showPageSizeCont,
-    _ref$pageSizeLabel = _ref.pageSizeLabel,
-    pageSizeLabel = _ref$pageSizeLabel === void 0 ? 'Page Size:' : _ref$pageSizeLabel,
-    _ref$applyButtonText = _ref.applyButtonText,
-    applyButtonText = _ref$applyButtonText === void 0 ? 'apply' : _ref$applyButtonText,
-    listStyle = _ref.listStyle;
-  var handlePageChange = function handlePageChange(page) {
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const PaginationControls = _ref => {
+  let {
+    currentPage,
+    totalCount,
+    pageSize,
+    onPageChange,
+    inputPageSize,
+    setInputPageSize,
+    setPageSize,
+    scrollRef,
+    scrollOffset = -100,
+    containerStyle,
+    showPageSizeControl = true,
+    pageSizeLabel = 'Page Size:',
+    applyButtonText = 'apply',
+    listStyle
+  } = _ref;
+  const handlePageChange = page => {
     onPageChange(page);
 
     // Scroll to the reference element if provided
     if (scrollRef !== null && scrollRef !== void 0 && scrollRef.current) {
-      var yOffset = scrollOffset;
-      var element = scrollRef.current;
-      var y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
+      const yOffset = scrollOffset;
+      const element = scrollRef.current;
+      const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
       window.scrollTo({
         top: y,
         behavior: 'smooth'
       });
     }
   };
-  var isValidPageSize = Number(inputPageSize) > 0;
+  const isValidPageSize = Number(inputPageSize) > 0;
   return /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true,
     flex: true,
@@ -77,18 +74,18 @@ var PaginationControls = function PaginationControls(_ref) {
     value: inputPageSize,
     type: "number",
     placeholder: "Page size",
-    onChange: function onChange(e) {
+    onChange: e => {
       // Allow empty value or any non-negative number up to total count
-      var value = e.target.value === '' ? '' : Math.min(totalCount, Math.max(0, Number(e.target.value)));
+      const value = e.target.value === '' ? '' : Math.min(totalCount, Math.max(0, Number(e.target.value)));
       setInputPageSize(value);
     }
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: function onClick() {
-      var newPageSize = Math.max(1, Number(inputPageSize) || 1);
+    onClick: () => {
+      const newPageSize = Math.max(1, Number(inputPageSize) || 1);
       setPageSize(newPageSize);
 
       // If the current page would now be out of bounds, adjust it
-      var maxPage = Math.ceil(totalCount / newPageSize);
+      const maxPage = Math.ceil(totalCount / newPageSize);
       if (currentPage > maxPage && maxPage > 0) {
         handlePageChange(maxPage);
       }
@@ -118,5 +115,4 @@ PaginationControls.propTypes = {
   applyButtonText: _propTypes.default.string,
   listStyle: _propTypes.default.object
 };
-var _default = PaginationControls;
-exports.default = _default;
+var _default = exports.default = PaginationControls;

package/dist/components/Pagination/PaginationControls.stories.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,31 +7,22 @@ exports.default = exports.WithoutPageSizeControl = exports.SmallDataSet = export
 var _react = _interopRequireWildcard(require("react"));
 var _PaginationControls = _interopRequireDefault(require("./PaginationControls"));
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 // Create mock data array
-var mockItems = Array.from({
+const mockItems = Array.from({
   length: 15
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "Item ".concat(index + 1)
-  };
-});
-var _default = {
+}, (_, index) => ({
+  id: index + 1,
+  name: "Item ".concat(index + 1)
+}));
+var _default = exports.default = {
   title: 'Components Library/Pagination',
   component: _PaginationControls.default,
   parameters: {
@@ -43,25 +33,15 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  var _useState3 = (0, _react.useState)(10),
-    _useState4 = _slicedToArray(_useState3, 2),
-    pageSize = _useState4[0],
-    setPageSize = _useState4[1];
-  var _useState5 = (0, _react.useState)(10),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inputPageSize = _useState6[0],
-    setInputPageSize = _useState6[1];
+const Template = args => {
+  const [currentPage, setCurrentPage] = (0, _react.useState)(1);
+  const [pageSize, setPageSize] = (0, _react.useState)(10);
+  const [inputPageSize, setInputPageSize] = (0, _react.useState)(10);
 
   // Get current items
-  var indexOfLastItem = currentPage * pageSize;
-  var indexOfFirstItem = indexOfLastItem - pageSize;
-  var currentItems = mockItems.slice(indexOfFirstItem, indexOfLastItem);
+  const indexOfLastItem = currentPage * pageSize;
+  const indexOfFirstItem = indexOfLastItem - pageSize;
+  const currentItems = mockItems.slice(indexOfFirstItem, indexOfLastItem);
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement("div", {
     style: {
       marginBottom: '20px'
@@ -70,15 +50,13 @@ var Template = function Template(args) {
     style: {
       marginBottom: '20px'
     }
-  }, currentItems.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: item.id,
-      style: {
-        padding: '8px',
-        borderBottom: '1px solid #eee'
-      }
-    }, item.name);
-  })), /*#__PURE__*/_react.default.createElement(_PaginationControls.default, _extends({}, args, {
+  }, currentItems.map(item => /*#__PURE__*/_react.default.createElement("div", {
+    key: item.id,
+    style: {
+      padding: '8px',
+      borderBottom: '1px solid #eee'
+    }
+  }, item.name))), /*#__PURE__*/_react.default.createElement(_PaginationControls.default, _extends({}, args, {
     currentPage: currentPage,
     totalCount: mockItems.length,
     pageSize: pageSize,
@@ -88,27 +66,23 @@ var Template = function Template(args) {
     setInputPageSize: setInputPageSize
   })));
 };
-var Default = Template.bind({});
-exports.Default = Default;
+const Default = exports.Default = Template.bind({});
 Default.args = {
   scrollOffset: -100,
   showPageSizeControl: true,
   pageSizeLabel: 'Page Size:',
   applyButtonText: 'Apply'
 };
-var WithoutPageSizeControl = Template.bind({});
-exports.WithoutPageSizeControl = WithoutPageSizeControl;
+const WithoutPageSizeControl = exports.WithoutPageSizeControl = Template.bind({});
 WithoutPageSizeControl.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   showPageSizeControl: false
 });
-var CustomPageSizeLabel = Template.bind({});
-exports.CustomPageSizeLabel = CustomPageSizeLabel;
+const CustomPageSizeLabel = exports.CustomPageSizeLabel = Template.bind({});
 CustomPageSizeLabel.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   pageSizeLabel: 'Items per page:',
   applyButtonText: 'Set'
 });
-var CustomStyle = Template.bind({});
-exports.CustomStyle = CustomStyle;
+const CustomStyle = exports.CustomStyle = Template.bind({});
 CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   containerStyle: {
     backgroundColor: '#f5f5f5',
@@ -116,22 +90,19 @@ CustomStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
     borderRadius: '8px'
   }
 });
-var SmallDataSet = Template.bind({});
-exports.SmallDataSet = SmallDataSet;
+const SmallDataSet = exports.SmallDataSet = Template.bind({});
 SmallDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   totalCount: 20
 });
 
 // Example showing how the component handles a large dataset
-var LargeDataSet = Template.bind({});
-exports.LargeDataSet = LargeDataSet;
+const LargeDataSet = exports.LargeDataSet = Template.bind({});
 LargeDataSet.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   totalCount: 1000
 });
 
 // Example with custom list style
-var CustomListStyle = Template.bind({});
-exports.CustomListStyle = CustomListStyle;
+const CustomListStyle = exports.CustomListStyle = Template.bind({});
 CustomListStyle.args = _objectSpread(_objectSpread({}, Default.args), {}, {
   listStyle: {
     backgroundColor: '#e6f7ff',

package/dist/components/Pagination/usePagination.js

@@ -5,38 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePagination = exports.DOTS = void 0;
 var _react = require("react");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var DOTS = '...';
-exports.DOTS = DOTS;
-var range = function range(start, end) {
-  var length = end - start + 1;
+const DOTS = exports.DOTS = '...';
+const range = (start, end) => {
+  let length = end - start + 1;
   /*
   	Create an array of certain length and set the elements within it from
     start value to end value.
   */
   return Array.from({
-    length: length
-  }, function (_, idx) {
-    return idx + start;
-  });
+    length
+  }, (_, idx) => idx + start);
 };
-var usePagination = function usePagination(_ref) {
-  var totalCount = _ref.totalCount,
-    pageSize = _ref.pageSize,
-    _ref$siblingCount = _ref.siblingCount,
-    siblingCount = _ref$siblingCount === void 0 ? 1 : _ref$siblingCount,
-    currentPage = _ref.currentPage;
-  var paginationRange = (0, _react.useMemo)(function () {
+const usePagination = _ref => {
+  let {
+    totalCount,
+    pageSize,
+    siblingCount = 1,
+    currentPage
+  } = _ref;
+  const paginationRange = (0, _react.useMemo)(() => {
     //The Math.ceil() function always rounds a number up to the next largest integer.
-    var totalPageCount = Math.ceil(totalCount / pageSize);
+    const totalPageCount = Math.ceil(totalCount / pageSize);
 
     // Pages count is determined as siblingCount + firstPage + lastPage + currentPage + 2*DOTS
-    var totalPageNumbers = siblingCount + 5;
+    const totalPageNumbers = siblingCount + 5;
 
     /*
       Case 1:
@@ -50,41 +42,41 @@ var usePagination = function usePagination(_ref) {
     /*
     	Calculate left and right sibling index and make sure they are within range 1 and totalPageCount
     */
-    var leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
-    var rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
+    const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPageCount);
 
     /*
       We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2
     */
-    var shouldShowLeftDots = leftSiblingIndex > 2;
-    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
-    var firstPageIndex = 1;
-    var lastPageIndex = totalPageCount;
+    const shouldShowLeftDots = leftSiblingIndex > 2;
+    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
+    const firstPageIndex = 1;
+    const lastPageIndex = totalPageCount;
 
     /*
     	Case 2: No left dots to show, but rights dots to be shown
     */
     if (!shouldShowLeftDots && shouldShowRightDots) {
-      var leftItemCount = 3 + 2 * siblingCount;
-      var leftRange = range(1, leftItemCount);
-      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
+      let leftItemCount = 3 + 2 * siblingCount;
+      let leftRange = range(1, leftItemCount);
+      return [...leftRange, DOTS, totalPageCount];
     }
 
     /*
     	Case 3: No right dots to show, but left dots to be shown
     */
     if (shouldShowLeftDots && !shouldShowRightDots) {
-      var rightItemCount = 3 + 2 * siblingCount;
-      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
+      let rightItemCount = 3 + 2 * siblingCount;
+      let rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
+      return [firstPageIndex, DOTS, ...rightRange];
     }
 
     /*
     	Case 4: Both left and right dots to be shown
     */
     if (shouldShowLeftDots && shouldShowRightDots) {
-      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
+      let middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
     }
   }, [totalCount, pageSize, siblingCount, currentPage]);
   return paginationRange;