@jetbrains/ring-ui-built 7.0.0-beta.2 → 7.0.0-beta.3

package/components/pager/pager.js

@@ -1,8 +1,5 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
-import 'core-js/modules/es.array.concat.js';
-import 'core-js/modules/es.array.find.js';
-import 'core-js/modules/es.array.map.js';
-import 'core-js/modules/es.object.to-string.js';
+import { _ as _defineProperty, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -26,25 +23,12 @@ import 'util-deprecate';
 import '../_helpers/icon__svg.js';
 import 'core-js/modules/es.regexp.exec.js';
 import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/es.string.starts-with.js';
-import 'core-js/modules/es.array.iterator.js';
-import 'core-js/modules/es.map.js';
-import 'core-js/modules/es.weak-map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/es.string.split.js';
 import '../global/data-tests.js';
 import 'core-js/modules/es.array.reduce.js';
-import 'core-js/modules/es.object.entries.js';
 import '../control-label/control-label.js';
 import '../control-help/control-help.js';
 import '../_helpers/caption.js';
-import 'core-js/modules/es.array.filter.js';
-import 'core-js/modules/es.array.index-of.js';
-import 'core-js/modules/es.array.slice.js';
-import 'core-js/modules/es.object.assign.js';
-import 'core-js/modules/es.object.values.js';
 import 'core-js/modules/es.string.trim.js';
-import 'core-js/modules/web.dom-collections.for-each.js';
 import '@jetbrains/icons/close-12px';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -53,22 +37,14 @@ import '../_helpers/anchor.js';
 import '@jetbrains/icons/chevron-10px';
 import '../avatar/avatar.js';
 import '../global/url.js';
-import 'core-js/modules/es.string.match.js';
 import '../global/dom.js';
-import 'core-js/modules/es.set.js';
 import '../avatar/fallback-avatar.js';
-import 'core-js/modules/es.array.from.js';
 import '../global/get-uid.js';
-import 'core-js/modules/es.regexp.to-string.js';
 import '../popup/popup.js';
 import 'react-dom';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
-import 'core-js/modules/es.array.find-index.js';
-import 'core-js/modules/es.array.includes.js';
-import 'core-js/modules/es.array.splice.js';
-import 'core-js/modules/es.string.includes.js';
 import 'combokeys';
 import '../global/sniffer.js';
 import 'sniffr';
@@ -78,7 +54,6 @@ import 'core-js/modules/es.array.sort.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import '../list/list.js';
-import 'core-js/modules/es.symbol.js';
 import 'core-js/modules/es.symbol.description.js';
 import 'react-virtualized/dist/es/List';
 import 'react-virtualized/dist/es/AutoSizer';
@@ -117,258 +92,238 @@ import '../i18n/i18n.js';
 
 var modules_1a5f0d42 = {"light":"light_rui_2ac4","pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65"};
 
-var Pager = /*#__PURE__*/function (_PureComponent) {
-  function Pager() {
-    var _this;
-    _classCallCheck(this, Pager);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Pager, [].concat(args));
-    _defineProperty(_this, "handlePageSizeChange", function (item) {
+class Pager extends PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "handlePageSizeChange", item => {
       if (item != null) {
-        _this.props.onPageSizeChange(item.key);
+        this.props.onPageSizeChange(item.key);
       }
     });
-    _defineProperty(_this, "handlePrevClick", function () {
-      var currentPage = _this.props.currentPage;
+    _defineProperty(this, "handlePrevClick", () => {
+      const {
+        currentPage
+      } = this.props;
       if (currentPage !== 1) {
         var _this$props$onPageCha, _this$props;
-        var prevPage = currentPage - 1;
-        (_this$props$onPageCha = (_this$props = _this.props).onPageChange) === null || _this$props$onPageCha === void 0 || _this$props$onPageCha.call(_this$props, prevPage);
+        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", function () {
-      var _this$props2 = _this.props,
-        currentPage = _this$props2.currentPage,
-        onLoadPage = _this$props2.onLoadPage;
-      var nextPage = currentPage + 1;
-      var total = _this.getTotalPages();
+    _defineProperty(this, "handleNextClick", () => {
+      const {
+        currentPage,
+        onLoadPage
+      } = this.props;
+      const nextPage = currentPage + 1;
+      const total = this.getTotalPages();
       if (currentPage !== total) {
-        var _this$props$onPageCha2, _this$props3;
-        (_this$props$onPageCha2 = (_this$props3 = _this.props).onPageChange) === null || _this$props$onPageCha2 === void 0 || _this$props$onPageCha2.call(_this$props3, nextPage);
-      } else if (_this.props.openTotal) {
+        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(function (i) {
-      return function (event) {
-        var _this$props$onPageCha3, _this$props4;
-        (_this$props$onPageCha3 = (_this$props4 = _this.props).onPageChange) === null || _this$props$onPageCha3 === void 0 || _this$props$onPageCha3.call(_this$props4, i, event);
-      };
+    _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(function (i) {
-      return function () {
-        _this.props.onLoadPage(i);
-      };
+    _defineProperty(this, "handleLoadMore", memoize(i => () => {
+      this.props.onLoadPage(i);
     }));
-    return _this;
   }
-  _inherits(Pager, _PureComponent);
-  return _createClass(Pager, [{
-    key: "getSelectOptions",
-    value: function getSelectOptions() {
-      var _this2 = this;
-      var _this$props5 = this.props,
-        pageSize = _this$props5.pageSize,
-        pageSizes = _this$props5.pageSizes;
-      var translate = this.context.translate;
-      var data = pageSizes.map(function (size) {
-        var _this2$props$translat, _this2$props$translat2;
-        return {
-          key: size,
-          label: "".concat(size, " ").concat((_this2$props$translat = (_this2$props$translat2 = _this2.props.translations) === null || _this2$props$translat2 === void 0 ? void 0 : _this2$props$translat2.perPage) !== null && _this2$props$translat !== void 0 ? _this2$props$translat : translate('perPage'))
-        };
-      });
-      var selected = data.find(function (it) {
-        return it.key === pageSize;
-      });
+  getSelectOptions() {
+    const {
+      pageSize,
+      pageSizes
+    } = this.props;
+    const {
+      translate
+    } = this.context;
+    const data = pageSizes.map(size => {
+      var _this$props$translati, _this$props$translati2;
       return {
-        selected,
-        data
+        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'))
+      };
+    });
+    const selected = data.find(it => it.key === pageSize);
+    return {
+      selected,
+      data
+    };
+  }
+  getTotalPages() {
+    const {
+      total,
+      pageSize
+    } = this.props;
+    return Math.ceil(total / pageSize);
+  }
+  getButton(page, content, key, active) {
+    return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+      href: this.generateHref(page),
+      active: active,
+      disabled: this.props.loader && !active && !this.props.loaderNavigation,
+      loader: this.props.loader && active
+    }, this.getClickProps(this.handlePageChange(page))), {}, {
+      children: content
+    }), key);
+  }
+  getClickProps(onClick) {
+    const {
+      hrefFunc,
+      onPageChange
+    } = this.props;
+    if (!onPageChange) {
+      return {};
+    } else if (hrefFunc) {
+      return {
+        onPlainLeftClick: onClick
+      };
+    } else {
+      return {
+        onClick
       };
     }
-  }, {
-    key: "getTotalPages",
-    value: function getTotalPages() {
-      var _this$props6 = this.props,
-        total = _this$props6.total,
-        pageSize = _this$props6.pageSize;
-      return Math.ceil(total / pageSize);
-    }
-  }, {
-    key: "getButton",
-    value: function getButton(page, content, key, active) {
-      return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-        href: this.generateHref(page),
-        active: active,
-        disabled: this.props.loader && !active && !this.props.loaderNavigation,
-        loader: this.props.loader && active
-      }, this.getClickProps(this.handlePageChange(page))), {}, {
-        children: content
-      }), key);
-    }
-  }, {
-    key: "getClickProps",
-    value: function getClickProps(onClick) {
-      var _this$props7 = this.props,
-        hrefFunc = _this$props7.hrefFunc,
-        onPageChange = _this$props7.onPageChange;
-      if (!onPageChange) {
-        return {};
-      } else if (hrefFunc) {
-        return {
-          onPlainLeftClick: onClick
-        };
-      } else {
-        return {
-          onClick
-        };
-      }
-    }
-  }, {
-    key: "getPageSizeSelector",
-    value: function getPageSizeSelector() {
-      var selectOptions = this.getSelectOptions();
-      return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
-        "data-test": "ring-pager-page-size-selector",
-        style: {
-          float: 'right'
-        },
-        children: /*#__PURE__*/jsx(Select, {
-          data: selectOptions.data,
-          selected: selectOptions.selected,
-          onSelect: this.handlePageSizeChange,
-          type: Select.Type.INLINE,
-          disabled: this.props.loader
-        })
-      });
-    }
-  }, {
-    key: "getPagerLinks",
-    value: function getPagerLinks() {
-      var _this$props$translati, _this$props$translati2, _this$props$translati3, _this$props$translati4;
-      var translate = this.context.translate;
-      var prevLinkAvailable = this.props.currentPage !== 1;
-      var nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
-      var nextIcon = /*#__PURE__*/jsx(Icon, {
-        glyph: chevronRightIcon
-      }, "icon");
-      var prevIcon = /*#__PURE__*/jsx(Icon, {
-        glyph: chevronLeftIcon
-      }, "icon");
-      var prevText = (_this$props$translati = (_this$props$translati2 = this.props.translations) === null || _this$props$translati2 === void 0 ? void 0 : _this$props$translati2.previousPage) !== null && _this$props$translati !== void 0 ? _this$props$translati : translate('previousPage');
-      var nextText = (_this$props$translati3 = (_this$props$translati4 = this.props.translations) === null || _this$props$translati4 === void 0 ? void 0 : _this$props$translati4.nextPage) !== null && _this$props$translati3 !== void 0 ? _this$props$translati3 : translate('nextPage');
-      var nextLinkContent = [/*#__PURE__*/jsx("span", {
-        children: nextText
-      }, "text"), nextIcon];
-      var prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
-        children: prevText
-      }, "text")];
-      var prevLinkHref = this.generateHref(this.props.currentPage - 1);
-      var nextLinkHref = this.generateHref(this.props.currentPage + 1);
-      var disabledLinkClasses = classNames({
-        [modules_1a5f0d42.link]: true,
-        [modules_1a5f0d42.linkDisabled]: true
-      });
-      return /*#__PURE__*/jsxs("div", {
-        className: modules_1a5f0d42.links,
-        children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
-          href: prevLinkHref,
-          className: modules_1a5f0d42.link
-        }, this.getClickProps(this.handlePrevClick)), {}, {
-          children: prevLinkContent
-        })) : /*#__PURE__*/jsxs("span", {
-          className: disabledLinkClasses,
-          children: [prevIcon, /*#__PURE__*/jsx("span", {
-            children: prevText
-          }, "text")]
-        }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
-          href: nextLinkHref,
-          className: modules_1a5f0d42.link
-        }, this.getClickProps(this.handleNextClick)), {}, {
-          children: nextLinkContent
-        })) : /*#__PURE__*/jsxs("span", {
-          className: disabledLinkClasses,
-          children: [/*#__PURE__*/jsx("span", {
-            children: nextText
-          }, "text"), nextIcon]
-        })]
-      });
+  }
+  getPageSizeSelector() {
+    const selectOptions = this.getSelectOptions();
+    return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
+      "data-test": "ring-pager-page-size-selector",
+      style: {
+        float: 'right'
+      },
+      children: /*#__PURE__*/jsx(Select, {
+        data: selectOptions.data,
+        selected: selectOptions.selected,
+        onSelect: this.handlePageSizeChange,
+        type: Select.Type.INLINE,
+        disabled: this.props.loader
+      })
+    });
+  }
+  getPagerLinks() {
+    var _this$props$translati3, _this$props$translati4, _this$props$translati5, _this$props$translati6;
+    const {
+      translate
+    } = this.context;
+    const prevLinkAvailable = this.props.currentPage !== 1;
+    const nextLinkAvailable = this.props.openTotal || this.props.currentPage !== this.getTotalPages();
+    const nextIcon = /*#__PURE__*/jsx(Icon, {
+      glyph: chevronRightIcon
+    }, "icon");
+    const prevIcon = /*#__PURE__*/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 nextLinkContent = [/*#__PURE__*/jsx("span", {
+      children: nextText
+    }, "text"), nextIcon];
+    const prevLinkContent = [prevIcon, /*#__PURE__*/jsx("span", {
+      children: prevText
+    }, "text")];
+    const prevLinkHref = this.generateHref(this.props.currentPage - 1);
+    const nextLinkHref = this.generateHref(this.props.currentPage + 1);
+    const disabledLinkClasses = classNames({
+      [modules_1a5f0d42.link]: true,
+      [modules_1a5f0d42.linkDisabled]: true
+    });
+    return /*#__PURE__*/jsxs("div", {
+      className: modules_1a5f0d42.links,
+      children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+        href: prevLinkHref,
+        className: modules_1a5f0d42.link
+      }, this.getClickProps(this.handlePrevClick)), {}, {
+        children: prevLinkContent
+      })) : /*#__PURE__*/jsxs("span", {
+        className: disabledLinkClasses,
+        children: [prevIcon, /*#__PURE__*/jsx("span", {
+          children: prevText
+        }, "text")]
+      }), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
+        href: nextLinkHref,
+        className: modules_1a5f0d42.link
+      }, this.getClickProps(this.handleNextClick)), {}, {
+        children: nextLinkContent
+      })) : /*#__PURE__*/jsxs("span", {
+        className: disabledLinkClasses,
+        children: [/*#__PURE__*/jsx("span", {
+          children: nextText
+        }, "text"), nextIcon]
+      })]
+    });
+  }
+  generateHref(page) {
+    if (this.props.hrefFunc === undefined) {
+      return undefined;
     }
-  }, {
-    key: "generateHref",
-    value: function generateHref(page) {
-      if (this.props.hrefFunc === undefined) {
-        return undefined;
-      }
-      var pageSize = this.props.disablePageSizeSelector ? undefined : this.props.pageSize;
-      return this.props.hrefFunc(page, pageSize);
+    const pageSize = this.props.disablePageSizeSelector ? undefined : this.props.pageSize;
+    return this.props.hrefFunc(page, pageSize);
+  }
+  getPagerContent() {
+    var _this$props$translati7, _this$props$translati8, _this$props$translati9, _this$props$translati10;
+    const {
+      currentPage,
+      visiblePagesLimit
+    } = this.props;
+    const totalPages = this.getTotalPages();
+    const {
+      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);
     }
-  }, {
-    key: "getPagerContent",
-    value: function getPagerContent() {
-      var _this$props$translati5, _this$props$translati6, _this$props$translati7, _this$props$translati8;
-      var _this$props8 = this.props,
-        currentPage = _this$props8.currentPage,
-        visiblePagesLimit = _this$props8.visiblePagesLimit;
-      var totalPages = this.getTotalPages();
-      var translate = this.context.translate;
-      if (totalPages < this.props.currentPage) {
-        var _this$props$onPageCha4, _this$props9;
-        (_this$props$onPageCha4 = (_this$props9 = this.props).onPageChange) === null || _this$props$onPageCha4 === void 0 || _this$props$onPageCha4.call(_this$props9, totalPages);
+    let start = 1;
+    let end = totalPages;
+    if (totalPages >= visiblePagesLimit) {
+      const leftHalfFrameSize = Math.ceil(visiblePagesLimit / 2) - 1;
+      const rightHalfFrameSize = visiblePagesLimit - leftHalfFrameSize - 1;
+      start = currentPage - leftHalfFrameSize;
+      end = currentPage + rightHalfFrameSize;
+      if (start < 1) {
+        const tail = 1 - start;
+        start += tail;
+        end += tail;
       }
-      var start = 1;
-      var end = totalPages;
-      if (totalPages >= visiblePagesLimit) {
-        var leftHalfFrameSize = Math.ceil(visiblePagesLimit / 2) - 1;
-        var rightHalfFrameSize = visiblePagesLimit - leftHalfFrameSize - 1;
-        start = currentPage - leftHalfFrameSize;
-        end = currentPage + rightHalfFrameSize;
-        if (start < 1) {
-          var tail = 1 - start;
-          start += tail;
-          end += tail;
-        }
-        if (end > totalPages) {
-          var _tail = end - totalPages;
-          start -= _tail;
-          end -= _tail;
-        }
-        if (start < 1) {
-          start += 1 - start;
-        }
+      if (end > totalPages) {
+        const tail = end - totalPages;
+        start -= tail;
+        end -= tail;
       }
-      var buttons = [];
-      for (var i = start; i <= end; i++) {
-        buttons.push(this.getButton(i, i, i, i === currentPage));
+      if (start < 1) {
+        start += 1 - start;
       }
-      var lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
-      return /*#__PURE__*/jsxs("div", {
-        children: [this.getPagerLinks(), /*#__PURE__*/jsxs(ButtonToolbar, {
-          children: [start > 1 && this.getButton(1, (_this$props$translati5 = (_this$props$translati6 = this.props.translations) === null || _this$props$translati6 === void 0 ? void 0 : _this$props$translati6.firstPage) !== null && _this$props$translati5 !== void 0 ? _this$props$translati5 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
-            children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
-              href: this.generateHref(end + 1),
-              disabled: this.props.loader
-            }, this.getClickProps(this.handleLoadMore(end + 1))), {}, {
-              children: '...'
-            }))]
-          }), lastPageButtonAvailable && this.getButton(this.props.openTotal ? -1 : totalPages, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.lastPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('lastPage'))]
-        }), this.getPageSizeSelector()]
-      });
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var classes = classNames(modules_1a5f0d42.pager, this.props.className);
-      return /*#__PURE__*/jsx("div", {
-        "data-test": "ring-pager",
-        className: classes,
-        children: this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector()
-      });
+    const buttons = [];
+    for (let i = start; i <= end; i++) {
+      buttons.push(this.getButton(i, i, i, i === currentPage));
     }
-  }]);
-}(PureComponent);
+    const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
+    return /*#__PURE__*/jsxs("div", {
+      children: [this.getPagerLinks(), /*#__PURE__*/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')), /*#__PURE__*/jsxs(ButtonGroup, {
+          children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
+            href: this.generateHref(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$translati10 = this.props.translations) === null || _this$props$translati10 === void 0 ? void 0 : _this$props$translati10.lastPage) !== null && _this$props$translati9 !== void 0 ? _this$props$translati9 : translate('lastPage'))]
+      }), this.getPageSizeSelector()]
+    });
+  }
+  render() {
+    const classes = classNames(modules_1a5f0d42.pager, this.props.className);
+    return /*#__PURE__*/jsx("div", {
+      "data-test": "ring-pager",
+      className: classes,
+      children: this.getTotalPages() > 1 || this.props.openTotal ? this.getPagerContent() : this.getPageSizeSelector()
+    });
+  }
+}
 _defineProperty(Pager, "defaultProps", {
   currentPage: 1,
   pageSize: 50,
@@ -380,8 +335,8 @@ _defineProperty(Pager, "defaultProps", {
   canLoadLastPageWithOpenTotal: false,
   loader: false,
   loaderNavigation: false,
-  onPageSizeChange: function onPageSizeChange() {},
-  onLoadPage: function onLoadPage() {}
+  onPageSizeChange: () => {},
+  onLoadPage: () => {}
 });
 _defineProperty(Pager, "contextType", I18nContext);
 Pager.propTypes = {

package/components/panel/panel.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -6,28 +6,22 @@ import { jsx } from 'react/jsx-runtime';
 
 var modules_cf670408 = {"light":"light_rui_2ac4","panel":"panel_rui_e32c panel_rui_027b"};
 
-var _excluded = ["className", "children"];
-var Panel = /*#__PURE__*/function (_PureComponent) {
-  function Panel() {
-    _classCallCheck(this, Panel);
-    return _callSuper(this, Panel, arguments);
+const _excluded = ["className", "children"];
+class Panel extends PureComponent {
+  render() {
+    const _this$props = this.props,
+      {
+        className,
+        children
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
+    const classes = classNames(modules_cf670408.panel, className);
+    return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
+      className: classes,
+      children: children
+    }));
   }
-  _inherits(Panel, _PureComponent);
-  return _createClass(Panel, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        className = _this$props.className,
-        children = _this$props.children,
-        props = _objectWithoutProperties(_this$props, _excluded);
-      var classes = classNames(modules_cf670408.panel, className);
-      return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
-        className: classes,
-        children: children
-      }));
-    }
-  }]);
-}(PureComponent);
+}
 _defineProperty(Panel, "propTypes", {
   className: PropTypes.string,
   children: PropTypes.node