labsense-ui-kit 1.3.92 → 1.3.94

package/dist/Pagination/Pagination.d.ts

@@ -5,6 +5,7 @@ declare type IPaginationProps = {
     itemsPerPage: number;
     onPageChange: (page: number) => void;
     onItemsPerPageChange: (itemsPerPage: number) => void;
+    itemsPerPageOptions?: number[];
 };
 declare const Pagination: React.FC<IPaginationProps>;
 export default Pagination;

package/dist/index.js

@@ -8894,7 +8894,7 @@ var LabelText$1 = styled__default.div(_templateObject5$5 || (_templateObject5$5
   return $disabled ? theme.vms.text.medium : $color || theme.vms.text.medium;
 });
 var NoOptions = styled__default(Span)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 12px;\n  font-size: 14px;\n  font-weight: 400;\n"])));
-var DropdownMenu$1 = styled__default.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n  height: auto;\n  max-height: 170px;\n  border: ", ";\n  border-radius: ", ";\n  min-width: 100%;\n  max-width: 100%;\n  width: ", ";\n  background: ", ";\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  position: absolute;\n  z-index: 2;\n  outline: none;\n  ", "\n  ", "\n\n  ", "\n"])), function (_ref24) {
+var DropdownMenu$1 = styled__default.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n  height: auto;\n  // max-height: 170px;\n  border: ", ";\n  border-radius: ", ";\n  min-width: 100%;\n  max-width: 100%;\n  width: ", ";\n  background: ", ";\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  position: absolute;\n  z-index: 2;\n  outline: none;\n  ", "\n  ", "\n\n  ", "\n"])), function (_ref24) {
   var theme = _ref24.theme;
   return "1px solid " + theme.vms.border.light;
 }, function (_ref25) {
@@ -10585,7 +10585,9 @@ var Pagination = function Pagination(_ref4) {
     currentPage = _ref4.currentPage,
     itemsPerPage = _ref4.itemsPerPage,
     onPageChange = _ref4.onPageChange,
-    onItemsPerPageChange = _ref4.onItemsPerPageChange;
+    onItemsPerPageChange = _ref4.onItemsPerPageChange,
+    _ref4$itemsPerPageOpt = _ref4.itemsPerPageOptions,
+    itemsPerPageOptions = _ref4$itemsPerPageOpt === void 0 ? [5, 10, 20] : _ref4$itemsPerPageOpt;
   var themeColors = useTheme();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -10699,16 +10701,12 @@ var Pagination = function Pagination(_ref4) {
         onItemsPerPageChange(val);
       }
     },
-    options: [{
-      label: '5',
-      value: '5'
-    }, {
-      label: '10',
-      value: '10'
-    }, {
-      label: '20',
-      value: '20'
-    }],
+    options: itemsPerPageOptions.map(function (option) {
+      return {
+        label: option.toString(),
+        value: option.toString()
+      };
+    }),
     positionRef: containerRef,
     allowDeselect: false
   }))));