@jetbrains/ring-ui-built 7.0.66 → 7.0.70

package/components/login-dialog/service.js

@@ -1,4 +1,3 @@
-import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { createRoot } from 'react-dom/client';
 import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
@@ -6,7 +5,6 @@ import LoginDialog from './login-dialog.js';
 import 'react';
 import 'util-deprecate';
 import '../global/configuration.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../dialog/dialog.js';
 import 'react-dom';
 import 'classnames';
@@ -23,7 +21,6 @@ import '../global/schedule-raf.js';
 import '../global/get-uid.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.regexp.exec.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -35,21 +32,19 @@ import '@jetbrains/icons/chevron-12px-down';
 import '../icon/icon.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/memoize.js';
 import '../link/clickable-link.js';
 import '../_helpers/button.classes.js';
 import '../popup/popup.target.js';
 import '../popup/popup.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/position-css.js';
 import '../_helpers/dialog-body-scroll-preventer.js';
 import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
-import '../loader/loader-core.js';
+import '../_helpers/loader-core.js';
 import '../auth/background-flow.js';
 import '../auth/response-parser.js';
 import '../global/url.js';
@@ -62,21 +57,24 @@ const reactRoot = createRoot(containerElement);
 function renderLoginDialog(props) {
   reactRoot.render(jsx(ControlsHeightContext.Provider, {
     value: getGlobalControlsHeight(),
-    children: jsx(LoginDialog, _objectSpread2({}, props))
+    children: jsx(LoginDialog, {
+      ...props
+    })
   }));
 }
 function noop() {}
-function showAuthDialog() {
-  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-    onCancel: noop
-  };
-  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+function showAuthDialog(props = {
+  onCancel: noop
+}) {
+  renderLoginDialog({
+    ...props,
     show: true
-  }));
+  });
   return () => {
-    renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+    renderLoginDialog({
+      ...props,
       show: false
-    }));
+    });
   };
 }
 

package/components/message/message.js

@@ -1,6 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.symbol.description.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Component } from 'react';
 import classNames from 'classnames';
@@ -11,8 +8,6 @@ import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
 import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, d as darkStyles, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import 'react-dom';
 import '../global/get-uid.js';
 import '../global/schedule-raf.js';
@@ -26,7 +21,6 @@ import '../global/data-tests.js';
 import '../tab-trap/tab-trap.js';
 import '../global/configuration.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import 'util-deprecate';
@@ -113,22 +107,24 @@ const getTailOffsets = offset => ({
  * Displays a popup containing a message.
  */
 class Message extends Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {});
-    _defineProperty(this, "_onDirectionChange", direction => this.setState({
-      direction
-    }));
-    _defineProperty(this, "popup", void 0);
-    _defineProperty(this, "node", void 0);
-    _defineProperty(this, "popupRef", el => {
-      var _this$popup;
-      this.popup = el;
-      this.node = (_this$popup = this.popup) === null || _this$popup === void 0 ? void 0 : _this$popup.node;
-    });
-  }
+  static defaultProps = {
+    icon: gift,
+    directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
+    theme: Theme.DARK
+  };
+  state = {};
+  static Directions = Directions;
+  static PopupProps = Popup.PopupProps;
+  _onDirectionChange = direction => this.setState({
+    direction
+  });
+  popup;
+  node;
+  popupRef = el => {
+    this.popup = el;
+    this.node = this.popup?.node;
+  };
   getTailOffset() {
-    var _this$popup2;
     const DEFAULT_OFFSET = 32;
     const {
       popupProps
@@ -136,14 +132,14 @@ class Message extends Component {
     if (this.props.tailOffset) {
       return this.props.tailOffset;
     }
-    const anchor = (popupProps === null || popupProps === void 0 ? void 0 : popupProps.anchorElement) || ((_this$popup2 = this.popup) === null || _this$popup2 === void 0 ? void 0 : _this$popup2.parent);
+    const anchor = popupProps?.anchorElement || this.popup?.parent;
     if (!anchor) {
       return DEFAULT_OFFSET;
     }
     const offset = Math.floor(anchor.offsetWidth / 2);
     const isOpenedToRight = this.state.direction && [Directions.TOP_RIGHT, Directions.BOTTOM_RIGHT].includes(this.state.direction);
-    if (popupProps !== null && popupProps !== void 0 && popupProps.left && isOpenedToRight) {
-      return offset - (popupProps === null || popupProps === void 0 ? void 0 : popupProps.left);
+    if (popupProps?.left && isOpenedToRight) {
+      return offset - popupProps?.left;
     }
     return offset;
   }
@@ -170,63 +166,53 @@ class Message extends Component {
       direction
     } = this.state;
     return jsx(I18nContext.Consumer, {
-      children: _ref => {
-        let {
-          translate
-        } = _ref;
-        return jsx(WithThemeClasses, {
-          theme: theme,
-          children: themeClasses => {
-            var _translations$gotIt, _translations$dismiss;
-            return jsx(Popup, _objectSpread2(_objectSpread2({
-              ref: this.popupRef,
-              hidden: false,
-              directions: popupDirections,
-              className: classNames(classes, themeClasses),
-              offset: UNIT * 2,
-              onDirectionChange: this._onDirectionChange
-            }, popupProps), {}, {
-              children: jsxs(ThemeProvider, {
-                theme: theme,
-                passToPopups: true,
-                children: [direction && jsx("div", {
-                  className: tailClasses,
-                  style: getTailOffsets(this.getTailOffset())[direction]
-                }), icon && jsx(Icon, {
-                  className: styles.icon,
-                  glyph: icon
-                }), title && jsx("h1", {
-                  "data-test": 'rgMessageTitle',
-                  className: styles.title,
-                  children: title
-                }), children && jsx("div", {
-                  className: styles.description,
-                  children: children
-                }), (onClose || buttonProps) && jsx(Button, _objectSpread2(_objectSpread2({
-                  className: styles.gotIt,
-                  onClick: onClose,
-                  primary: true
-                }, buttonProps), {}, {
-                  children: (_translations$gotIt = translations === null || translations === void 0 ? void 0 : translations.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
-                })), onDismiss && jsx(Button, {
-                  onClick: onDismiss,
-                  inline: true,
-                  children: (_translations$dismiss = translations === null || translations === void 0 ? void 0 : translations.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
-                })]
-              })
-            }));
-          }
-        });
-      }
+      children: ({
+        translate
+      }) => jsx(WithThemeClasses, {
+        theme: theme,
+        children: themeClasses => {
+          var _translations$gotIt, _translations$dismiss;
+          return jsx(Popup, {
+            ref: this.popupRef,
+            hidden: false,
+            directions: popupDirections,
+            className: classNames(classes, themeClasses),
+            offset: UNIT * 2,
+            onDirectionChange: this._onDirectionChange,
+            ...popupProps,
+            children: jsxs(ThemeProvider, {
+              theme: theme,
+              passToPopups: true,
+              children: [direction && jsx("div", {
+                className: tailClasses,
+                style: getTailOffsets(this.getTailOffset())[direction]
+              }), icon && jsx(Icon, {
+                className: styles.icon,
+                glyph: icon
+              }), title && jsx("h1", {
+                "data-test": 'rgMessageTitle',
+                className: styles.title,
+                children: title
+              }), children && jsx("div", {
+                className: styles.description,
+                children: children
+              }), (onClose || buttonProps) && jsx(Button, {
+                className: styles.gotIt,
+                onClick: onClose,
+                primary: true,
+                ...buttonProps,
+                children: (_translations$gotIt = translations?.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')
+              }), onDismiss && jsx(Button, {
+                onClick: onDismiss,
+                inline: true,
+                children: (_translations$dismiss = translations?.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss')
+              })]
+            })
+          });
+        }
+      })
     });
   }
 }
-_defineProperty(Message, "defaultProps", {
-  icon: gift,
-  directions: [Directions.TOP_RIGHT, Directions.TOP_LEFT, Directions.TOP_CENTER, Directions.BOTTOM_RIGHT, Directions.BOTTOM_LEFT, Directions.BOTTOM_CENTER, Directions.RIGHT_TOP, Directions.RIGHT_BOTTOM, Directions.RIGHT_CENTER, Directions.LEFT_TOP, Directions.LEFT_BOTTOM, Directions.LEFT_CENTER],
-  theme: Theme.DARK
-});
-_defineProperty(Message, "Directions", Directions);
-_defineProperty(Message, "PopupProps", Popup.PopupProps);
 
 export { Message as default };

package/components/old-browsers-message/old-browsers-message-stop.js

@@ -1,7 +1,4 @@
 export { stop as default } from './old-browsers-message.js';
 import './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';

package/components/old-browsers-message/old-browsers-message.js

@@ -1,7 +1,4 @@
 import { isBrowserInWhiteList } from './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import '../global/sniffer.js';
 import 'sniffr';
 
@@ -30,7 +27,7 @@ function changeSmileClickListener(event) {
     if (smileChanges >= MAX_SMILE_CHANGES) {
       return '\\\\ (x_x) //';
     }
-    return "{{ (".concat(getRandomEye(), "_").concat(getRandomEye(), ") }}");
+    return `{{ (${getRandomEye()}_${getRandomEye()}) }}`;
   }
   target.innerHTML = getRandomSmile();
 }

package/components/old-browsers-message/white-list.js

@@ -1,6 +1,3 @@
-import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
@@ -8,11 +5,11 @@ const MAJOR_VERSION_INDEX = 0;
 /**
  * SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
  */
-if (!["and_chr 139", "and_ff 142", "and_qq 14.9", "and_uc 15.5", "android 139", "chrome 140", "chrome 139", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 125", "chrome 112", "chrome 109", "edge 140", "edge 139", "edge 138", "edge 137", "firefox 142", "firefox 141", "firefox 140", "firefox 128", "firefox 118", "firefox 115", "ios_saf 18.5-18.6", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 16.6-16.7", "ios_saf 15.6-15.8", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 121", "opera 120", "safari 18.5-18.6", "safari 18.4", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"]) {
+if (!["and_chr 141", "and_ff 143", "and_qq 14.9", "and_uc 15.5", "android 141", "chrome 141", "chrome 140", "chrome 139", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 129", "chrome 128", "chrome 127", "chrome 126", "chrome 125", "chrome 124", "chrome 123", "chrome 122", "chrome 121", "chrome 120", "chrome 119", "chrome 118", "chrome 117", "chrome 116", "chrome 115", "chrome 114", "chrome 113", "chrome 112", "chrome 111", "chrome 109", "edge 141", "edge 140", "edge 139", "edge 138", "edge 137", "edge 136", "edge 135", "edge 134", "edge 133", "edge 132", "edge 131", "edge 130", "edge 129", "edge 128", "edge 127", "edge 126", "edge 125", "edge 124", "edge 123", "edge 122", "edge 121", "edge 120", "edge 119", "edge 118", "edge 117", "edge 116", "edge 115", "edge 114", "edge 113", "edge 112", "edge 111", "firefox 143", "firefox 142", "firefox 141", "firefox 140", "firefox 139", "firefox 138", "firefox 137", "firefox 136", "firefox 135", "firefox 134", "firefox 133", "firefox 132", "firefox 131", "firefox 130", "firefox 129", "firefox 128", "firefox 127", "firefox 126", "firefox 125", "firefox 124", "firefox 123", "firefox 122", "firefox 121", "firefox 120", "firefox 119", "firefox 118", "firefox 117", "firefox 116", "firefox 115", "firefox 114", "firefox 113", "firefox 112", "ios_saf 26.0", "ios_saf 18.5-18.6", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 17.2", "ios_saf 17.1", "ios_saf 17.0", "ios_saf 16.6-16.7", "ios_saf 16.5", "ios_saf 16.4", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 122", "opera 121", "safari 26.0", "safari 18.5-18.6", "safari 18.4", "safari 18.3", "safari 18.2", "safari 18.1", "safari 18.0", "safari 17.6", "safari 17.5", "safari 17.4", "safari 17.3", "safari 17.2", "safari 17.1", "safari 17.0", "safari 16.6", "safari 16.5", "safari 16.4", "samsung 28", "samsung 27"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
-const SUPPORTED = ["and_chr 139", "and_ff 142", "and_qq 14.9", "and_uc 15.5", "android 139", "chrome 140", "chrome 139", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 125", "chrome 112", "chrome 109", "edge 140", "edge 139", "edge 138", "edge 137", "firefox 142", "firefox 141", "firefox 140", "firefox 128", "firefox 118", "firefox 115", "ios_saf 18.5-18.6", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 16.6-16.7", "ios_saf 15.6-15.8", "ios_saf 11.0-11.2", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 121", "opera 120", "safari 18.5-18.6", "safari 18.4", "safari 17.6", "safari 17.1", "safari 16.6", "safari 15.6", "samsung 28", "samsung 27"] || [];
+const SUPPORTED = ["and_chr 141", "and_ff 143", "and_qq 14.9", "and_uc 15.5", "android 141", "chrome 141", "chrome 140", "chrome 139", "chrome 138", "chrome 137", "chrome 136", "chrome 135", "chrome 134", "chrome 133", "chrome 132", "chrome 131", "chrome 130", "chrome 129", "chrome 128", "chrome 127", "chrome 126", "chrome 125", "chrome 124", "chrome 123", "chrome 122", "chrome 121", "chrome 120", "chrome 119", "chrome 118", "chrome 117", "chrome 116", "chrome 115", "chrome 114", "chrome 113", "chrome 112", "chrome 111", "chrome 109", "edge 141", "edge 140", "edge 139", "edge 138", "edge 137", "edge 136", "edge 135", "edge 134", "edge 133", "edge 132", "edge 131", "edge 130", "edge 129", "edge 128", "edge 127", "edge 126", "edge 125", "edge 124", "edge 123", "edge 122", "edge 121", "edge 120", "edge 119", "edge 118", "edge 117", "edge 116", "edge 115", "edge 114", "edge 113", "edge 112", "edge 111", "firefox 143", "firefox 142", "firefox 141", "firefox 140", "firefox 139", "firefox 138", "firefox 137", "firefox 136", "firefox 135", "firefox 134", "firefox 133", "firefox 132", "firefox 131", "firefox 130", "firefox 129", "firefox 128", "firefox 127", "firefox 126", "firefox 125", "firefox 124", "firefox 123", "firefox 122", "firefox 121", "firefox 120", "firefox 119", "firefox 118", "firefox 117", "firefox 116", "firefox 115", "firefox 114", "firefox 113", "firefox 112", "ios_saf 26.0", "ios_saf 18.5-18.6", "ios_saf 18.4", "ios_saf 18.3", "ios_saf 18.2", "ios_saf 18.1", "ios_saf 18.0", "ios_saf 17.6-17.7", "ios_saf 17.5", "ios_saf 17.4", "ios_saf 17.3", "ios_saf 17.2", "ios_saf 17.1", "ios_saf 17.0", "ios_saf 16.6-16.7", "ios_saf 16.5", "ios_saf 16.4", "kaios 3.0-3.1", "kaios 2.5", "op_mini all", "op_mob 80", "opera 122", "opera 121", "safari 26.0", "safari 18.5-18.6", "safari 18.4", "safari 18.3", "safari 18.2", "safari 18.1", "safari 18.0", "safari 17.6", "safari 17.5", "safari 17.4", "safari 17.3", "safari 17.2", "safari 17.1", "safari 17.0", "safari 16.6", "safari 16.5", "safari 16.4", "samsung 28", "samsung 27"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   var _item$match;
@@ -20,9 +17,10 @@ const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   if (!WHITE_LISTED_BROWSERS.includes(browserName)) {
     return acc;
   }
-  return _objectSpread2(_objectSpread2({}, acc), {}, {
+  return {
+    ...acc,
     [browserName]: parseInt(version, 10)
-  });
+  };
 }, {});
 function isBrowserInWhiteList() {
   return sniffr.browser.version[MAJOR_VERSION_INDEX] >= WHITE_LIST[sniffr.browser.name];

package/components/pager/pager.js

@@ -1,5 +1,3 @@
-import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { PureComponent } from 'react';
 import classNames from 'classnames';
@@ -22,16 +20,12 @@ import '../global/configuration.js';
 import '../_helpers/button.classes.js';
 import '../icon/icon.constants.js';
 import '../_helpers/icon-svg.js';
-import 'core-js/modules/es.regexp.exec.js';
-import 'core-js/modules/es.string.replace.js';
 import '../global/data-tests.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../_helpers/caption.js';
-import 'core-js/modules/es.string.trim.js';
 import '@jetbrains/icons/close-12px';
 import 'dequal';
-import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
@@ -51,12 +45,10 @@ import '../global/sniffer.js';
 import 'sniffr';
 import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
-import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../popup/position-css.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
 import 'react-virtualized/dist/es/WindowScroller';
@@ -94,45 +86,21 @@ import '../i18n/i18n.js';
 var style = {"pager":"ring-pager-pager","links":"ring-pager-links","link":"ring-pager-link","linkDisabled":"ring-pager-linkDisabled","actions":"ring-pager-actions","pageSize":"ring-pager-pageSize"};
 
 class Pager extends PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "handlePageSizeChange", item => {
-      if (item) {
-        this.props.onPageSizeChange(item.key);
-      }
-    });
-    _defineProperty(this, "handlePrevClick", () => {
-      const {
-        currentPage
-      } = this.props;
-      if (currentPage !== 1) {
-        var _this$props$onPageCha, _this$props;
-        const prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
-      }
-    });
-    _defineProperty(this, "handleNextClick", () => {
-      const {
-        currentPage,
-        onLoadPage
-      } = this.props;
-      const nextPage = currentPage + 1;
-      const total = this.getTotalPages();
-      if (currentPage !== total) {
-        var _this$props$onPageCha2, _this$props2;
-        (_this$props$onPageCha2 = (_this$props2 = this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props2, nextPage);
-      } else if (this.props.openTotal) {
-        onLoadPage(nextPage);
-      }
-    });
-    _defineProperty(this, "handlePageChange", memoize(i => event => {
-      var _this$props$onPageCha3, _this$props3;
-      (_this$props$onPageCha3 = (_this$props3 = this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props3, i, event);
-    }));
-    _defineProperty(this, "handleLoadMore", memoize(i => () => {
-      this.props.onLoadPage(i);
-    }));
-  }
+  static defaultProps = {
+    currentPage: 1,
+    pageSize: 50,
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    pageSizes: [20, 50, 100],
+    visiblePagesLimit: 7,
+    disablePageSizeSelector: false,
+    openTotal: false,
+    canLoadLastPageWithOpenTotal: false,
+    loader: false,
+    loaderNavigation: false,
+    onPageSizeChange: () => {},
+    onLoadPage: () => {}
+  };
+  static contextType = I18nContext;
   getSelectOptions() {
     const {
       pageSize,
@@ -142,10 +110,10 @@ class Pager extends PureComponent {
       translate
     } = this.context;
     const data = pageSizes.map(size => {
-      var _this$props$translati, _this$props$translati2;
+      var _this$props$translati;
       return {
         key: size,
-        label: "".concat(size, " ").concat((_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage'))
+        label: `${size} ${(_this$props$translati = this.props.translations?.perPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('perPage')}`
       };
     });
     const selected = data.find(it => it.key === pageSize);
@@ -161,15 +129,48 @@ class Pager extends PureComponent {
     } = this.props;
     return Math.ceil(total / pageSize);
   }
+  handlePageSizeChange = item => {
+    if (item) {
+      this.props.onPageSizeChange(item.key);
+    }
+  };
+  handlePrevClick = () => {
+    const {
+      currentPage
+    } = this.props;
+    if (currentPage !== 1) {
+      const prevPage = currentPage - 1;
+      this.props.onPageChange?.(prevPage);
+    }
+  };
+  handleNextClick = () => {
+    const {
+      currentPage,
+      onLoadPage
+    } = this.props;
+    const nextPage = currentPage + 1;
+    const total = this.getTotalPages();
+    if (currentPage !== total) {
+      this.props.onPageChange?.(nextPage);
+    } else if (this.props.openTotal) {
+      onLoadPage(nextPage);
+    }
+  };
+  handlePageChange = memoize(i => event => {
+    this.props.onPageChange?.(i, event);
+  });
+  handleLoadMore = memoize(i => () => {
+    this.props.onLoadPage(i);
+  });
   getButton(page, content, key, active) {
-    return jsx(Button, _objectSpread2(_objectSpread2({
+    return jsx(Button, {
       href: this.generateHref(page),
       active: active,
       disabled: this.props.loader && !active && !this.props.loaderNavigation,
-      loader: this.props.loader && active
-    }, this.getClickProps(this.handlePageChange(page))), {}, {
+      loader: this.props.loader && active,
+      ...this.getClickProps(this.handlePageChange(page)),
       children: content
-    }), key);
+    }, key);
   }
   getClickProps(onClick) {
     const {
@@ -203,7 +204,7 @@ class Pager extends PureComponent {
     });
   }
   getPagerLinks() {
-    var _this$props$translati3, _this$props$translati4, _this$props$translati5, _this$props$translati6;
+    var _this$props$translati2, _this$props$translati3;
     const {
       translate
     } = this.context;
@@ -215,8 +216,8 @@ class Pager extends PureComponent {
     const prevIcon = jsx(Icon, {
       glyph: chevronLeftIcon
     }, 'icon');
-    const prevText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.previousPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('previousPage');
-    const nextText = (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.nextPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('nextPage');
+    const prevText = (_this$props$translati2 = this.props.translations?.previousPage) !== null && _this$props$translati2 !== void 0 ? _this$props$translati2 : translate('previousPage');
+    const nextText = (_this$props$translati3 = this.props.translations?.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
     const nextLinkContent = [jsx("span", {
       children: nextText
     }, 'text'), nextIcon];
@@ -231,22 +232,22 @@ class Pager extends PureComponent {
     });
     return jsxs("div", {
       className: style.links,
-      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, _objectSpread2(_objectSpread2({
+      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, {
         href: prevLinkHref,
-        className: style.link
-      }, this.getClickProps(this.handlePrevClick)), {}, {
+        className: style.link,
+        ...this.getClickProps(this.handlePrevClick),
         children: prevLinkContent
-      })) : jsxs("span", {
+      }) : jsxs("span", {
         className: disabledLinkClasses,
         children: [prevIcon, jsx("span", {
           children: prevText
         }, 'text')]
-      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, _objectSpread2(_objectSpread2({
+      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? jsx(Link, {
         href: nextLinkHref,
-        className: style.link
-      }, this.getClickProps(this.handleNextClick)), {}, {
+        className: style.link,
+        ...this.getClickProps(this.handleNextClick),
         children: nextLinkContent
-      })) : jsxs("span", {
+      }) : jsxs("span", {
         className: disabledLinkClasses,
         children: [jsx("span", {
           children: nextText
@@ -263,7 +264,7 @@ class Pager extends PureComponent {
   }
   // eslint-disable-next-line complexity
   getPagerContent() {
-    var _this$props$translati7, _this$props$translati8, _this$props$translati9, _this$props$translati0;
+    var _this$props$translati4, _this$props$translati5;
     const {
       currentPage,
       visiblePagesLimit
@@ -273,8 +274,7 @@ class Pager extends PureComponent {
       translate
     } = this.context;
     if (totalPages < this.props.currentPage) {
-      var _this$props$onPageCha4, _this$props4;
-      (_this$props$onPageCha4 = (_this$props4 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props4, totalPages);
+      this.props.onPageChange?.(totalPages);
     }
     let start = 1;
     let end = totalPages;
@@ -306,14 +306,14 @@ class Pager extends PureComponent {
       children: [this.getPagerLinks(), jsxs("div", {
         className: style.actions,
         children: [jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), jsxs(ButtonGroup, {
-            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, _objectSpread2(_objectSpread2({
+          children: [start > 1 && this.getButton(1, (_this$props$translati4 = this.props.translations?.firstPage) !== null && _this$props$translati4 !== void 0 ? _this$props$translati4 : translate('firstPage')), jsxs(ButtonGroup, {
+            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && jsx(Button, {
               href: this.generateHref(end + 1),
-              disabled: this.props.loader
-            }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
+              disabled: this.props.loader,
+              ...this.getClickProps(this.handleLoadMore(end + 1)),
               children: '...'
-            }))]
-          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati9 = (_this$props$translati0 = this.props.translations) === null || _this$props$translati0 === void 0 ? void 0 : _this$props$translati0.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
+            })]
+          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati5 = this.props.translations?.lastPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('lastPage'))]
         }), this.getPageSizeSelector()]
       })]
     });
@@ -331,20 +331,5 @@ class Pager extends PureComponent {
     });
   }
 }
-_defineProperty(Pager, "defaultProps", {
-  currentPage: 1,
-  pageSize: 50,
-  // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-  pageSizes: [20, 50, 100],
-  visiblePagesLimit: 7,
-  disablePageSizeSelector: false,
-  openTotal: false,
-  canLoadLastPageWithOpenTotal: false,
-  loader: false,
-  loaderNavigation: false,
-  onPageSizeChange: () => {},
-  onLoadPage: () => {}
-});
-_defineProperty(Pager, "contextType", I18nContext);
 
 export { Pager as default };