ordering-ui-admin-external 1.43.84 → 1.43.86

package/_modules/components/Delivery/DriversGroupAddForm/BusinessesForm/index.js

@@ -9,7 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _styles = require("../../../../styles");
 var _Shared = require("../../../Shared");
-var _styles2 = require("./styles");
+var _styles2 = require("../../../../styles/MultiSelect/styles");
+var _styles3 = require("./styles");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -18,6 +19,11 @@ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArra
 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -42,7 +48,34 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     filteredBusinesses = _useState4[0],
     setFilteredBusinesses = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      currentPage: 1,
+      pageSize: 10,
+      totalItems: null,
+      totalPages: null
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pagination = _useState6[0],
+    setPagination = _useState6[1];
+  var handleChangePage = function handleChangePage(page) {
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: page
+    }));
+  };
+  var handleChangePageSize = function handleChangePageSize(pageSize) {
+    var expectedPage = Math.ceil((((pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) - 1) * (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) + 1) / pageSize);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: expectedPage,
+      pageSize: pageSize,
+      totalPages: Math.ceil((filteredBusinesses === null || filteredBusinesses === void 0 ? void 0 : filteredBusinesses.length) / pageSize)
+    }));
+  };
+  var filterFunction = function filterFunction(_, index) {
+    var validation = (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 ? index < pagination.pageSize * pagination.currentPage : index >= pagination.pageSize * (pagination.currentPage - 1) && index < pagination.pageSize * pagination.currentPage;
+    return validation;
+  };
   (0, _react.useEffect)(function () {
+    var _filteredBusinesses2, _filteredBusinesses3;
     var _filteredBusinesses = [];
     if (searchValue) {
       _filteredBusinesses = businesses.filter(function (business) {
@@ -53,8 +86,13 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
       _filteredBusinesses = _toConsumableArray(businesses);
     }
     setFilteredBusinesses(_filteredBusinesses);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: 1,
+      totalItems: (_filteredBusinesses2 = _filteredBusinesses) === null || _filteredBusinesses2 === void 0 ? void 0 : _filteredBusinesses2.length,
+      totalPages: Math.ceil(((_filteredBusinesses3 = _filteredBusinesses) === null || _filteredBusinesses3 === void 0 ? void 0 : _filteredBusinesses3.length) / pagination.pageSize)
+    }));
   }, [searchValue, businesses]);
-  return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESSES', 'Businesses')), /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
+  return /*#__PURE__*/_react.default.createElement(_styles3.Container, null, /*#__PURE__*/_react.default.createElement("h2", null, t('BUSINESSES', 'Businesses')), /*#__PURE__*/_react.default.createElement(_styles3.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     placeholder: t('SEARCH', 'Search'),
     isCustomLayout: true,
     lazyLoad: true,
@@ -62,7 +100,7 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
     onSearch: function onSearch(val) {
       return setSearchValue(val);
     }
-  })), /*#__PURE__*/_react.default.createElement(_styles2.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
+  })), /*#__PURE__*/_react.default.createElement(_styles3.ButtonGroup, null, /*#__PURE__*/_react.default.createElement(_styles.Button, {
     type: "button",
     color: "secundaryDark",
     onClick: function onClick() {
@@ -74,10 +112,10 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
     onClick: function onClick() {
       return handleSelectAllBusiness(false);
     }
-  }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessesContainer, null, businessesLoading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(9).keys()).map(function (i) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.SkeletonWrapper, {
+  }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles3.BusinessesContainer, null, businessesLoading ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _toConsumableArray(Array(9).keys()).map(function (i) {
+    return /*#__PURE__*/_react.default.createElement(_styles3.SkeletonWrapper, {
       key: i
-    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.SkeletonContainer, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
+    }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles3.SkeletonContainer, null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 18,
       height: 18
     }), /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
@@ -90,8 +128,8 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
     }))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 250
     }))));
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filteredBusinesses.map(function (business) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.BusinessWrapper, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filteredBusinesses.filter(filterFunction).map(function (business) {
+    return /*#__PURE__*/_react.default.createElement(_styles3.BusinessWrapper, {
       key: business.id,
       isDisabed: actionState.loading
     }, /*#__PURE__*/_react.default.createElement(_styles.Checkbox, {
@@ -99,9 +137,15 @@ var BusinessesForm = exports.BusinessesForm = function BusinessesForm(props) {
       onChange: function onChange(e) {
         return handleSelectBusiness(business.id, e.target.checked);
       }
-    }), /*#__PURE__*/_react.default.createElement(_styles2.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles2.Image, {
+    }), /*#__PURE__*/_react.default.createElement(_styles3.WrapperImage, null, /*#__PURE__*/_react.default.createElement(_styles3.Image, {
       bgimage: business === null || business === void 0 ? void 0 : business.logo,
       alt: "logo"
     })), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : business.name));
-  }))));
+  }))), pagination && handleChangePageSize && handleChangePage && /*#__PURE__*/_react.default.createElement(_styles2.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: pagination === null || pagination === void 0 ? void 0 : pagination.currentPage,
+    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,
+    handleChangePage: handleChangePage,
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
+  })));
 };

package/_modules/components/Delivery/DriversGroupBusinesses/index.js

@@ -12,6 +12,7 @@ var _styles = require("../../../styles");
 var _Shared = require("../../Shared");
 var _styles2 = require("./styles");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
+var _styles3 = require("../../../styles/MultiSelect/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -19,6 +20,11 @@ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArra
 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -50,7 +56,34 @@ var DriversGroupBusinesses = exports.DriversGroupBusinesses = function DriversGr
     _useState4 = _slicedToArray(_useState3, 2),
     filteredBusinesses = _useState4[0],
     setFilteredBusinesses = _useState4[1];
+  var _useState5 = (0, _react.useState)({
+      currentPage: 1,
+      pageSize: 10,
+      totalItems: null,
+      totalPages: null
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    pagination = _useState6[0],
+    setPagination = _useState6[1];
+  var handleChangePage = function handleChangePage(page) {
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: page
+    }));
+  };
+  var handleChangePageSize = function handleChangePageSize(pageSize) {
+    var expectedPage = Math.ceil((((pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) - 1) * (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) + 1) / pageSize);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: expectedPage,
+      pageSize: pageSize,
+      totalPages: Math.ceil((filteredBusinesses === null || filteredBusinesses === void 0 ? void 0 : filteredBusinesses.length) / pageSize)
+    }));
+  };
+  var filterFunction = function filterFunction(_, index) {
+    var validation = (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 ? index < pagination.pageSize * pagination.currentPage : index >= pagination.pageSize * (pagination.currentPage - 1) && index < pagination.pageSize * pagination.currentPage;
+    return validation;
+  };
   (0, _react.useEffect)(function () {
+    var _filteredBusinesses2, _filteredBusinesses3;
     var _filteredBusinesses = [];
     if (searchValue) {
       _filteredBusinesses = businesses.filter(function (business) {
@@ -61,6 +94,11 @@ var DriversGroupBusinesses = exports.DriversGroupBusinesses = function DriversGr
       _filteredBusinesses = _toConsumableArray(businesses);
     }
     setFilteredBusinesses(_filteredBusinesses);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: 1,
+      totalItems: (_filteredBusinesses2 = _filteredBusinesses) === null || _filteredBusinesses2 === void 0 ? void 0 : _filteredBusinesses2.length,
+      totalPages: Math.ceil(((_filteredBusinesses3 = _filteredBusinesses) === null || _filteredBusinesses3 === void 0 ? void 0 : _filteredBusinesses3.length) / pagination.pageSize)
+    }));
   }, [searchValue, businesses]);
   var onSubmit = function onSubmit() {
     if (driversGroupState.driversGroup) {
@@ -109,7 +147,7 @@ var DriversGroupBusinesses = exports.DriversGroupBusinesses = function DriversGr
     }))), /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
       width: 250
     }))));
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filteredBusinesses.map(function (business) {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filteredBusinesses.filter(filterFunction).map(function (business) {
     return /*#__PURE__*/_react.default.createElement(_styles2.BusinessWrapper, {
       key: business.id,
       isDisabed: actionState.loading
@@ -122,6 +160,12 @@ var DriversGroupBusinesses = exports.DriversGroupBusinesses = function DriversGr
       bgimage: business === null || business === void 0 ? void 0 : business.logo,
       alt: "logo"
     })), /*#__PURE__*/_react.default.createElement("p", null, business === null || business === void 0 ? void 0 : business.name));
+  })), pagination && handleChangePageSize && handleChangePage && /*#__PURE__*/_react.default.createElement(_styles3.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: pagination === null || pagination === void 0 ? void 0 : pagination.currentPage,
+    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,
+    handleChangePage: handleChangePage,
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
   }))), /*#__PURE__*/_react.default.createElement(_styles.Button, {
     borderRadius: "8px",
     color: "primary",

package/_modules/components/Delivery/DriversGroupDrivers/index.js

@@ -13,6 +13,7 @@ var _DriverTemporalSchedule = require("../DriverTemporalSchedule");
 var _FaUserAlt = _interopRequireDefault(require("@meronex/icons/fa/FaUserAlt"));
 var _styles2 = require("./styles");
 var _moment = _interopRequireDefault(require("moment"));
+var _styles3 = require("../../../styles/MultiSelect/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,6 +21,11 @@ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArra
 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -53,11 +59,38 @@ var DriversGroupDrivers = exports.DriversGroupDrivers = function DriversGroupDri
     _useState8 = _slicedToArray(_useState7, 2),
     driverSchedule = _useState8[0],
     setDriverSchedule = _useState8[1];
+  var _useState9 = (0, _react.useState)({
+      currentPage: 1,
+      pageSize: 10,
+      totalItems: null,
+      totalPages: null
+    }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    pagination = _useState10[0],
+    setPagination = _useState10[1];
   var handleOpenModal = function handleOpenModal(driver) {
     setDriverSchedule(driver);
     setDriverTemporalScheduleModal(true);
   };
+  var handleChangePage = function handleChangePage(page) {
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: page
+    }));
+  };
+  var handleChangePageSize = function handleChangePageSize(pageSize) {
+    var expectedPage = Math.ceil((((pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) - 1) * (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) + 1) / pageSize);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: expectedPage,
+      pageSize: pageSize,
+      totalPages: Math.ceil((filteredDrivers === null || filteredDrivers === void 0 ? void 0 : filteredDrivers.length) / pageSize)
+    }));
+  };
+  var filterFunction = function filterFunction(_, index) {
+    var validation = (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 ? index < pagination.pageSize * pagination.currentPage : index >= pagination.pageSize * (pagination.currentPage - 1) && index < pagination.pageSize * pagination.currentPage;
+    return validation;
+  };
   (0, _react.useEffect)(function () {
+    var _filteredDrivers2, _filteredDrivers3;
     var _filteredDrivers = [];
     if (searchValue) {
       _filteredDrivers = drivers.filter(function (driver) {
@@ -68,6 +101,11 @@ var DriversGroupDrivers = exports.DriversGroupDrivers = function DriversGroupDri
       _filteredDrivers = _toConsumableArray(drivers);
     }
     setFilteredDrivers(_filteredDrivers);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: 1,
+      totalItems: (_filteredDrivers2 = _filteredDrivers) === null || _filteredDrivers2 === void 0 ? void 0 : _filteredDrivers2.length,
+      totalPages: Math.ceil(((_filteredDrivers3 = _filteredDrivers) === null || _filteredDrivers3 === void 0 ? void 0 : _filteredDrivers3.length) / pagination.pageSize)
+    }));
   }, [searchValue]);
   return /*#__PURE__*/_react.default.createElement(_styles2.Container, null, /*#__PURE__*/_react.default.createElement(_styles2.SearchBarWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.SearchBar, {
     placeholder: t('SEARCH', 'Search'),
@@ -89,7 +127,7 @@ var DriversGroupDrivers = exports.DriversGroupDrivers = function DriversGroupDri
     onClick: function onClick() {
       return handleSelectAllDriver(false);
     }
-  }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessesContainer, null, filteredDrivers.map(function (driver) {
+  }, t('SELECT_NONE', 'Select none'))), /*#__PURE__*/_react.default.createElement(_styles2.BusinessesContainer, null, filteredDrivers.filter(filterFunction).map(function (driver) {
     return /*#__PURE__*/_react.default.createElement(_styles2.BusinessWrapper, {
       key: driver.id,
       isDisabed: actionState.loading
@@ -120,6 +158,12 @@ var DriversGroupDrivers = exports.DriversGroupDrivers = function DriversGroupDri
         });
       }
     }, t('DRIVER_TEMPORAL', 'Temporal driver')))));
+  })), pagination && handleChangePageSize && handleChangePage && /*#__PURE__*/_react.default.createElement(_styles3.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: pagination === null || pagination === void 0 ? void 0 : pagination.currentPage,
+    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,
+    handleChangePage: handleChangePage,
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize
   })), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
     width: "385px",
     height: "auto",

package/_modules/components/Delivery/DriversGroupsList/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DriversGroupsList = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactRouterDom = require("react-router-dom");
 var _orderingComponentsAdminExternal = require("ordering-components-admin-external");
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 var _MdCheckBoxOutlineBlank = _interopRequireDefault(require("@meronex/icons/md/MdCheckBoxOutlineBlank"));
@@ -23,6 +22,11 @@ function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArra
 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -40,44 +44,34 @@ var DriversGroupsList = exports.DriversGroupsList = function DriversGroupsList(p
     handleSelectGroup = props.handleSelectGroup,
     handleAllSelectGroup = props.handleAllSelectGroup,
     actionDisabled = props.actionDisabled,
-    isUseQuery = props.isUseQuery;
+    isUseQuery = props.isUseQuery,
+    pagination = props.pagination,
+    setPagination = props.setPagination;
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
     t = _useLanguage2[1];
-  var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
-  var defaultPage = query.get('page') || 1;
-  var defaultPageSize = query.get('pageSize') || 10;
 
-  // Change page
-  var _useState = (0, _react.useState)(Number(defaultPage) || 1),
+  // Get current groups
+  var _useState = (0, _react.useState)([]),
     _useState2 = _slicedToArray(_useState, 2),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  var _useState3 = (0, _react.useState)(Number(defaultPageSize) || 10),
+    currentGroups = _useState2[0],
+    setCurrentGroups = _useState2[1];
+  var _useState3 = (0, _react.useState)(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    groupsPerPage = _useState4[0],
-    setGroupsPerPage = _useState4[1];
-
-  // Get current groups
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currentGroups = _useState6[0],
-    setCurrentGroups = _useState6[1];
-  var _useState7 = (0, _react.useState)(null),
-    _useState8 = _slicedToArray(_useState7, 2),
-    totalPages = _useState8[0],
-    setTotalPages = _useState8[1];
+    totalPages = _useState4[0],
+    setTotalPages = _useState4[1];
   var handleChangePage = function handleChangePage(page) {
-    setCurrentPage(page);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      currentPage: page
+    }));
   };
   var handleChangePageSize = function handleChangePageSize(pageSize) {
-    var expectedPage = Math.ceil(((currentPage - 1) * groupsPerPage + 1) / pageSize);
-    setCurrentPage(expectedPage);
-    setGroupsPerPage(pageSize);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      pageSize: pageSize
+    }));
   };
   (0, _react.useEffect)(function () {
     if (driversGroupsState.loading) return;
-    var _totalPages;
     var groups = [];
     if (searchValue) {
       groups = driversGroupsState.groups.filter(function (plugin) {
@@ -87,15 +81,9 @@ var DriversGroupsList = exports.DriversGroupsList = function DriversGroupsList(p
     } else {
       groups = _toConsumableArray(driversGroupsState.groups);
     }
-    if (groups.length > 0) {
-      _totalPages = Math.ceil(groups.length / groupsPerPage);
-    }
-    var indexOfLastPost = currentPage * groupsPerPage;
-    var indexOfFirstPost = indexOfLastPost - groupsPerPage;
-    var _currentGroups = groups.slice(indexOfFirstPost, indexOfLastPost);
-    setTotalPages(_totalPages);
-    setCurrentGroups(_currentGroups);
-  }, [driversGroupsState, currentPage, groupsPerPage, searchValue]);
+    setTotalPages(pagination.totalPages);
+    setCurrentGroups(groups);
+  }, [driversGroupsState, searchValue]);
   var handleClickDriverGroup = function handleClickDriverGroup(e, group) {
     var isInvalid = e.target.closest('.group-checkbox') || e.target.closest('.group-enabled');
     if (isInvalid) return;
@@ -110,12 +98,12 @@ var DriversGroupsList = exports.DriversGroupsList = function DriversGroupsList(p
     }
   };
   (0, _react.useEffect)(function () {
-    if (!isUseQuery || !currentPage || !groupsPerPage || !totalPages) return;
+    if (!isUseQuery || !totalPages) return;
     (0, _utils.addQueryToUrl)({
-      page: currentPage,
-      pageSize: groupsPerPage
+      page: pagination.currentPage,
+      pageSize: pagination.pageSize
     });
-  }, [currentPage, groupsPerPage, totalPages]);
+  }, [pagination, totalPages]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles2.DriversGroupsContainer, null, /*#__PURE__*/_react.default.createElement(_styles2.TableWrapper, null, /*#__PURE__*/_react.default.createElement(_styles2.GroupsTable, {
     "data-tour": "tour_delivery_completed",
     disabled: isFromStore
@@ -130,7 +118,7 @@ var DriversGroupsList = exports.DriversGroupsList = function DriversGroupsList(p
     isHeader: true
   }, t('DRIVER_MANAGER', 'Driver manager'))), /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles2.DriverGroupTypeContainer, {
     isHeader: true
-  }, t('TYPE', 'Type'))), !isFromStore && /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles2.ActionsContainer, null, t('ACTIONS', 'Actions'))))), driversGroupsState.loading ? _toConsumableArray(Array(groupsPerPage).keys()).map(function (i) {
+  }, t('TYPE', 'Type'))), !isFromStore && /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement(_styles2.ActionsContainer, null, t('ACTIONS', 'Actions'))))), driversGroupsState.loading ? _toConsumableArray(Array(pagination.pageSize).keys()).map(function (i) {
     return /*#__PURE__*/_react.default.createElement("tbody", {
       key: i
     }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement(_styles2.GroupIdWrapper, null, !isFromStore && /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, {
@@ -192,10 +180,10 @@ var DriversGroupsList = exports.DriversGroupsList = function DriversGroupsList(p
     },
     disabled: actionDisabled
   }, t('ADD_NEW_DRIVER_GROUP', 'Add new driver group')), (currentGroups === null || currentGroups === void 0 ? void 0 : currentGroups.length) > 0 && /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
-    currentPage: currentPage,
-    totalPages: totalPages,
+    currentPage: pagination.currentPage,
+    totalPages: pagination.totalPages,
     handleChangePage: handleChangePage,
-    defaultPageSize: groupsPerPage,
+    defaultPageSize: pagination.pageSize,
     handleChangePageSize: handleChangePageSize
   }))));
 };

package/_modules/components/Delivery/DriversGroupsListing/index.js

@@ -52,7 +52,9 @@ var DriversGroupsListingUI = function DriversGroupsListingUI(props) {
     handleDeleteDriversGroup = props.handleDeleteDriversGroup,
     driversCompanyList = props.driversCompanyList,
     actionDisabled = props.actionDisabled,
-    isUseQuery = props.isUseQuery;
+    isUseQuery = props.isUseQuery,
+    pagination = props.pagination,
+    setPagination = props.setPagination;
   var history = (0, _reactRouterDom.useHistory)();
   var query = new URLSearchParams((0, _reactRouterDom.useLocation)().search);
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
@@ -255,7 +257,9 @@ var DriversGroupsListingUI = function DriversGroupsListingUI(props) {
     handleSelectGroup: handleSelectGroup,
     handleAllSelectGroup: handleAllSelectGroup,
     actionDisabled: actionDisabled,
-    isUseQuery: isUseQuery
+    isUseQuery: isUseQuery,
+    pagination: pagination,
+    setPagination: setPagination
   }) : /*#__PURE__*/_react.default.createElement(_DriversGroupAddForm.DriversGroupAddForm, {
     driversGroupsState: driversGroupsState,
     setDriversGroupsState: setDriversGroupsState,

package/_modules/components/Orders/DriversGroupTypeSelector/index.js

@@ -92,15 +92,11 @@ var DriversGroupTypeSelector = exports.DriversGroupTypeSelector = function Drive
       }
     }
     setGroupTypes(_groupList);
+    setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
+      totalItems: _groupList === null || _groupList === void 0 ? void 0 : _groupList.length,
+      totalPages: Math.ceil((_groupList === null || _groupList === void 0 ? void 0 : _groupList.length) / pagination.pageSize)
+    }));
   }, [driverGroupList, searchValue]);
-  (0, _react.useEffect)(function () {
-    if (groupTypes !== null && groupTypes !== void 0 && groupTypes.length) {
-      setPagination(_objectSpread(_objectSpread({}, pagination), {}, {
-        totalItems: groupTypes === null || groupTypes === void 0 ? void 0 : groupTypes.length,
-        totalPages: Math.ceil((groupTypes === null || groupTypes === void 0 ? void 0 : groupTypes.length) / 10)
-      }));
-    }
-  }, [groupTypes]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !driverGroupList.loading ? /*#__PURE__*/_react.default.createElement(_MultiSelect.MultiSelect, {
     placeholder: placeholder,
     defaultValue: filterValues,

package/_modules/components/Shared/Pagination/styles.js

@@ -16,7 +16,7 @@ var PaginationButtonContainer = exports.PaginationButtonContainer = _styledCompo
   var _props$theme;
   return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    margin-left: 20px;\n  "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-right: 20px;\n  "])));
 });
-var PageButton = exports.PageButton = _styledComponents.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  font-size: 14px;\n  color: ", ";\n  outline: none;\n  border: none;\n  border-radius: 27px;\n  min-width: 27px;\n  min-height: 27px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0px 7px;\n\n  ", "\n\n  &:hover {\n    background-color: #1507260a;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  &:active {\n    background-color: #1507261a;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
+var PageButton = exports.PageButton = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: transparent;\n  font-size: 14px;\n  color: ", ";\n  outline: none;\n  border: none;\n  border-radius: 27px;\n  min-width: 27px;\n  min-height: 27px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0px 7px;\n\n  ", "\n\n  &:hover {\n    background-color: #1507260a;\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  &:active {\n    background-color: #1507261a;\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.colors.headingColor;
 }, function (props) {
   var _props$theme2;

package/_modules/components/Stores/BusinessDeliveryGroupsDetails/index.js

@@ -37,7 +37,9 @@ var DriversGroupsListingDetailsUI = function DriversGroupsListingDetailsUI(props
     handleAllSelectGroup = props.handleAllSelectGroup,
     actionState = props.actionState,
     handleUpdateDriversGroup = props.handleUpdateDriversGroup,
-    paginationSettings = props.paginationSettings;
+    paginationSettings = props.paginationSettings,
+    pagination = props.pagination,
+    setPagination = props.setPagination;
   var history = (0, _reactRouterDom.useHistory)();
   var _useLanguage = (0, _orderingComponentsAdminExternal.useLanguage)(),
     _useLanguage2 = _slicedToArray(_useLanguage, 2),
@@ -116,7 +118,9 @@ var DriversGroupsListingDetailsUI = function DriversGroupsListingDetailsUI(props
     selectedGroupList: selectedGroupList,
     handleSelectGroup: handleSelectGroup,
     handleAllSelectGroup: handleAllSelectGroup,
-    paginationSettings: paginationSettings
+    paginationSettings: paginationSettings,
+    pagination: pagination,
+    setPagination: setPagination
   })), /*#__PURE__*/_react.default.createElement(_Shared.Alert, {
     title: t('WEB_APPNAME', 'Ordering'),
     content: alertState.content,

package/_modules/styles/Select/index.js

@@ -13,6 +13,7 @@ var _FiChevronDown = _interopRequireDefault(require("@meronex/icons/fi/FiChevron
 var _Shared = require("../../components/Shared");
 var _Selects = require("../Selects");
 var _styles = require("./styles");
+var _styles2 = require("../MultiSelect/styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -46,7 +47,12 @@ var Select = exports.Select = function Select(props) {
     className = props.className,
     isShowCustomOption = props.isShowCustomOption,
     customOptionTitle = props.customOptionTitle,
-    handleCustomOptionClick = props.handleCustomOptionClick;
+    handleCustomOptionClick = props.handleCustomOptionClick,
+    pagination = props.pagination,
+    handleChangePage = props.handleChangePage,
+    handleChangePageSize = props.handleChangePageSize,
+    useLazyPagination = props.useLazyPagination,
+    isHidePagecontrol = props.isHidePagecontrol;
   var defaultOption = options === null || options === void 0 ? void 0 : options.find(function (option) {
     return option.value === defaultValue;
   });
@@ -105,6 +111,10 @@ var Select = exports.Select = function Select(props) {
       setOpen(false);
     }
   };
+  var handlerChangePage = function handlerChangePage(page) {
+    setOpen(true);
+    handleChangePage(page);
+  };
   (0, _react.useEffect)(function () {
     window.addEventListener('mouseup', handleClickOutside);
     window.addEventListener('keydown', handleKeyDown);
@@ -119,7 +129,9 @@ var Select = exports.Select = function Select(props) {
       var _defaultOption = options === null || options === void 0 ? void 0 : options.find(function (option) {
         return option.value === defaultValue;
       });
-      setSelectedOption(_defaultOption);
+      if (!(useLazyPagination && pagination)) {
+        setSelectedOption(_defaultOption);
+      }
       setValue(defaultValue);
     }
   }, [defaultValue, options, searchValue]);
@@ -136,6 +148,11 @@ var Select = exports.Select = function Select(props) {
     if (e.target.closest('.open-disabled')) return;
     setOpen(!open);
   };
+  var filterFunction = function filterFunction(_, index) {
+    if (!pagination || useLazyPagination) return true;
+    var validation = (pagination === null || pagination === void 0 ? void 0 : pagination.currentPage) === 1 ? index < pagination.pageSize * pagination.currentPage : index >= pagination.pageSize * (pagination.currentPage - 1) && index < pagination.pageSize * pagination.currentPage;
+    return validation;
+  };
   var popStyle = _objectSpread(_objectSpread({}, styles.popper), {}, {
     display: open ? 'block' : 'none',
     minWidth: (referenceElement === null || referenceElement === void 0 || (_referenceElement$cur2 = referenceElement.current) === null || _referenceElement$cur2 === void 0 ? void 0 : _referenceElement$cur2.offsetWidth) || '100px'
@@ -173,7 +190,7 @@ var Select = exports.Select = function Select(props) {
   })), /*#__PURE__*/_react.default.createElement(_Selects.OptionsInner, {
     optionInnerMargin: props.optionInnerMargin,
     optionInnerMaxHeight: props.optionInnerMaxHeight
-  }, options.map(function (option, i) {
+  }, options.filter(filterFunction).map(function (option, i) {
     return /*#__PURE__*/_react.default.createElement(_Selects.Option, {
       key: i,
       selected: value === option.value,
@@ -192,5 +209,12 @@ var Select = exports.Select = function Select(props) {
       handleCustomOptionClick();
       setOpen(false);
     }
-  }, customOptionTitle))));
+  }, customOptionTitle), pagination && handleChangePageSize && handleChangePage && /*#__PURE__*/_react.default.createElement(_styles2.PaginationWrapper, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
+    currentPage: pagination === null || pagination === void 0 ? void 0 : pagination.currentPage,
+    totalPages: pagination === null || pagination === void 0 ? void 0 : pagination.totalPages,
+    handleChangePage: handlerChangePage,
+    handleChangePageSize: handleChangePageSize,
+    defaultPageSize: pagination === null || pagination === void 0 ? void 0 : pagination.pageSize,
+    isHidePagecontrol: isHidePagecontrol
+  })))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ordering-ui-admin-external",
-  "version": "1.43.84",
+  "version": "1.43.86",
   "description": "Ordering UI Admin Components",
   "main": "./_modules/index.js",
   "exports": {
@@ -83,7 +83,7 @@
     "lodash": "^4.17.20",
     "moment": "^2.29.1",
     "moment-range": "^4.0.2",
-    "ordering-components-admin-external": "1.43.53",
+    "ordering-components-admin-external": "1.43.55",
     "polished": "^3.6.7",
     "prop-types": "^15.7.2",
     "react-big-calendar": "^1.4.2",