@jetbrains/ring-ui 4.1.0-beta.9 → 4.1.4

package/dist/loader-screen-ng/loader-screen-ng.js

@@ -0,0 +1,99 @@
+import angular from 'angular';
+import loaderNg from '../loader-ng/loader-ng.js';
+import { m as modules_122a82e9 } from '../_helpers/loader-screen.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import '../global/ring-angular-component.js';
+import '../loader/loader__core.js';
+import '../global/dom.js';
+
+/**
+ * @name Loader Screen Ng
+ */
+
+const angularModule = angular.module('Ring.loader-screen', [loaderNg]);
+angularModule.service('loaderScreen', ["$timeout", "$rootScope", function service($timeout, $rootScope) {
+  var _this = this;
+
+  // TODO in CSS Modules version put constant to global.css
+  const ordinaryLoadingTTL = 100;
+  let initialLoading = false;
+  let loadingFailed = false;
+  let showLoader;
+  let showLoaderPromise;
+
+  this.startLoading = function () {
+    let ttl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ordinaryLoadingTTL;
+
+    if (showLoaderPromise) {
+      return; // already scheduled to show
+    }
+
+    showLoaderPromise = $timeout(() => {
+      _this.setVisible(true);
+    }, ttl);
+  };
+
+  this.stopLoading = () => {
+    if (showLoaderPromise) {
+      $timeout.cancel(showLoaderPromise);
+      showLoaderPromise = null;
+    }
+
+    this.setVisible(false);
+  };
+
+  this.startInitialLoading = () => {
+    initialLoading = true;
+    this.setVisible(true);
+  };
+
+  this.stopInitialLoading = () => {
+    initialLoading = false;
+    this.setVisible(false);
+  };
+
+  $rootScope.isInitialLoading = () => initialLoading;
+
+  $rootScope.isLoaderVisible = () => showLoader;
+
+  $rootScope.isLoadingFailed = () => loadingFailed;
+
+  this.failInitialLoading = error => {
+    this.stopInitialLoading();
+    loadingFailed = true;
+    $rootScope.error = error;
+  };
+
+  this.setVisible = visible => {
+    showLoader = visible;
+  };
+  /* eslint-disable angular/on-watch */
+
+
+  $rootScope.$on('$routeChangeSuccess', () => {
+    this.stopInitialLoading();
+  });
+  $rootScope.$on('$routeChangeError', (event, current, previous, rejection) => {
+    if (!rejection || !(rejection.silent || rejection.authRedirect)) {
+      this.failInitialLoading(rejection);
+    }
+  });
+  /* eslint-enable angular/on-watch */
+}]);
+angularModule.directive('rgLoaderScreen', function rgLoaderScreenDirective() {
+  return {
+    restrict: 'A',
+    scope: {
+      message: '@rgLoaderScreen'
+    },
+    template: `
+<div class="${modules_122a82e9.loaderScreen}" ng-if="$root.isLoaderVisible()">
+  <rg-loader class="${modules_122a82e9.loader}"
+    message="{{$root.isInitialLoading() ? message : ''}}"></rg-loader>
+</div>
+    `
+  };
+});
+var loaderScreenNg = angularModule.name;
+
+export { loaderScreenNg as default };

package/dist/login-dialog/login-dialog.js

@@ -24,7 +24,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
@@ -40,11 +41,12 @@ import 'element-resize-detector';
 import '../global/schedule-raf.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
+import '../_helpers/loader-screen.js';
 import '../auth/response-parser.js';
 import 'es6-error';
 import '../global/url.js';
 
-var modules_45da1992 = {"unit":"8px","iFrame":"loginDialog_iFrame__ea283227","dialogContent":"loginDialog_dialogContent__ea283227","nonOpaqueLoader":"loginDialog_nonOpaqueLoader__ea283227","fallbackLinkContainer":"loginDialog_fallbackLinkContainer__ea283227"};
+var modules_45da1992 = {"unit":"8px","iFrame":"iFrame_rui_ea28","dialogContent":"dialogContent_rui_ea28","nonOpaqueLoader":"nonOpaqueLoader_rui_ea28","fallbackLinkContainer":"fallbackLinkContainer_rui_ea28"};
 
 const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
 const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
@@ -181,4 +183,4 @@ _defineProperty(LoginDialog, "defaultProps", {
   showFallbackTimeout: DEFAULT_SHOW_FALLBACK_TIMEOUT
 });
 
-export default LoginDialog;
+export { LoginDialog as default };

package/dist/login-dialog/service.js

@@ -1,7 +1,7 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import { unmountComponentAtNode, render } from 'react-dom';
 import LoginDialog from './login-dialog.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
 import 'prop-types';
 import '../dialog/dialog.js';
 import 'classnames';
@@ -29,7 +29,8 @@ import '@jetbrains/icons/chevron-10px';
 import '../icon/icon.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import '../global/theme.js';
 import '../link/clickableLink.js';
@@ -40,6 +41,7 @@ import 'scrollbar-width';
 import '../loader-screen/loader-screen.js';
 import '../loader/loader.js';
 import '../loader/loader__core.js';
+import '../_helpers/loader-screen.js';
 import '../auth/background-flow.js';
 import '../auth/response-parser.js';
 import 'es6-error';
@@ -56,12 +58,12 @@ function renderLoginDialog(props) {
 
 function showAuthDialog() {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  renderLoginDialog(_objectSpread2(_objectSpread2({}, props), {}, {
+  renderLoginDialog({ ...props,
     show: true
-  }));
+  });
   return () => {
     unmountComponentAtNode(containerElement);
   };
 }
 
-export default showAuthDialog;
+export { showAuthDialog as default };

package/dist/markdown/code.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Code from '../code/code.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'classnames';
+import 'highlight.js/lib/core';
+import '../global/normalize-indent.js';
+import '../global/trivial-template-tag.js';
+import '../global/memoize.js';
+
+const MarkdownCode = _ref => {
+  let {
+    value,
+    language,
+    inline
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Code, {
+    language: language,
+    code: value || '',
+    inline: inline
+  });
+};
+
+MarkdownCode.propTypes = {
+  language: PropTypes.string,
+  value: PropTypes.string,
+  inline: PropTypes.bool
+};
+
+export { MarkdownCode as default };

package/dist/markdown/heading.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Heading from '../heading/heading.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'classnames';
+import 'util-deprecate';
+
+const MarkdownHeading = _ref => {
+  let {
+    level,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Heading, {
+    level: level
+  }, children);
+};
+
+MarkdownHeading.propTypes = {
+  level: PropTypes.number,
+  children: PropTypes.node
+};
+
+export { MarkdownHeading as default };

package/dist/markdown/link.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Link from '../link/link.js';
+import '../_helpers/_rollupPluginBabelHelpers.js';
+import 'focus-visible';
+import 'classnames';
+import '../global/memoize.js';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+
+const MarkdownLink = _ref => {
+  let {
+    href,
+    title,
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Link, {
+    href,
+    title
+  }, children);
+};
+
+MarkdownLink.propTypes = {
+  href: PropTypes.string,
+  title: PropTypes.string,
+  children: PropTypes.node
+};
+
+export { MarkdownLink as default };

package/dist/markdown/markdown.js

@@ -0,0 +1,73 @@
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import ReactMarkdown from 'react-markdown';
+import classNames from 'classnames';
+import RemarkBreaks from 'remark-breaks';
+import RemarkGFM from 'remark-gfm';
+import normalizeIndent from '../global/normalize-indent.js';
+import trivialTemplateTag from '../global/trivial-template-tag.js';
+import MarkdownCode from './code.js';
+import MarkdownLink from './link.js';
+import MarkdownHeading from './heading.js';
+import '../code/code.js';
+import 'highlight.js/lib/core';
+import '../global/memoize.js';
+import '../link/link.js';
+import 'focus-visible';
+import '../global/data-tests.js';
+import '../link/clickableLink.js';
+import '../_helpers/link.js';
+import '../heading/heading.js';
+import 'util-deprecate';
+
+var modules_9c709e64 = {"unit":"8px","p-margin":"10px","inline":"inline_rui_273a","markdown":"markdown_rui_273a font_rui_750f"};
+
+/**
+  * @name Markdown
+*/
+
+class Markdown extends PureComponent {
+  render() {
+    const {
+      className,
+      renderers,
+      inline,
+      source,
+      plugins = [],
+      ...restProps
+    } = this.props;
+    const classes = classNames(className, {
+      [modules_9c709e64.markdown]: !inline,
+      [modules_9c709e64.inline]: inline
+    });
+    return /*#__PURE__*/React.createElement(ReactMarkdown, _extends({
+      className: classes,
+      source: normalizeIndent(source),
+      plugins: [RemarkBreaks, RemarkGFM, ...plugins],
+      renderers: {
+        link: MarkdownLink,
+        linkReference: MarkdownLink,
+        code: MarkdownCode,
+        inlineCode: MarkdownCode,
+        heading: MarkdownHeading,
+        ...renderers
+      }
+    }, restProps));
+  }
+
+}
+
+_defineProperty(Markdown, "propTypes", {
+  inline: PropTypes.bool,
+  source: PropTypes.string,
+  className: PropTypes.string,
+  renderers: PropTypes.object,
+  plugins: PropTypes.array
+});
+
+const md = trivialTemplateTag(source => /*#__PURE__*/React.createElement(Markdown, {
+  source
+}));
+
+export { Markdown as default, md };

package/dist/message/message.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -22,7 +22,8 @@ import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
 import 'util-deprecate';
 import '../icon/icon__constants.js';
-import '../_helpers/icon__svg.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
 import '../global/memoize.js';
 import 'focus-visible';
 import '@jetbrains/icons/chevron-10px';
@@ -30,7 +31,7 @@ import '../global/theme.js';
 import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 
-var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_message__18608ba2","icon":"message_icon__18608ba2","title":"message_title__18608ba2 global_fontLower__0f8f4370 global_font__0f8f4370","description":"message_description__18608ba2 global_fontSmallerLower__0f8f4370 global_fontSmaller__0f8f4370 global_fontLower__0f8f4370 global_font__0f8f4370","button":"message_button__18608ba2","tail":"message_tail__18608ba2"};
+var modules_8b837449 = {"unit":"8px","padding":"12px","message":"message_rui_4faf","icon":"icon_rui_4faf","title":"title_rui_4faf fontLower_rui_750f font_rui_750f","description":"description_rui_4faf fontSmallerLower_rui_750f fontSmaller_rui_750f fontLower_rui_750f font_rui_750f","button":"button_rui_4faf","tail":"tail_rui_4faf"};
 
 /**
   * @name Message
@@ -229,4 +230,4 @@ _defineProperty(Message, "Directions", Directions);
 
 _defineProperty(Message, "PopupProps", Popup.PopupProps);
 
-export default Message;
+export { Message as default };

package/dist/message-bundle-ng/message-bundle-ng.js

@@ -0,0 +1,111 @@
+import angular from 'angular';
+
+/**
+ * This service is used by directive to correctly show messages.
+ * You can decorate this service to provide your own localized messages.
+ */
+
+const angularModule = angular.module('Ring.message-bundle', []);
+/**
+ * Empty i18n function. If project supports localization, it should decorate i18n
+ * with translating function
+ */
+
+function emptyI18n() {
+  return str => str;
+}
+
+function RingMessageBundle(ringI18n) {
+  const i18n = ringI18n;
+  /* eslint-disable camelcase */
+
+  this.form_required = () => i18n('Value is required');
+
+  this.form_invalid = () => i18n('Value is invalid');
+
+  this.form_url = () => i18n('Should be a valid URL');
+
+  this.form_email = () => i18n('Should be a valid email');
+
+  this.form_number = () => i18n('Should be a number');
+
+  this.form_maxlength = () => i18n('Is too long');
+
+  this.form_minlength = () => i18n('Is too short');
+
+  this.form_pattern = () => i18n('Doesn\'t match the pattern');
+
+  this.form_equalvalue = () => i18n('Is not the same');
+
+  this.form_unique = () => i18n('Is not unique');
+
+  this.form_max = () => i18n('Is out of range');
+
+  this.form_min = () => i18n('Is out of range');
+
+  this.form_save = () => i18n('Save');
+
+  this.form_saved = () => i18n('Saved');
+
+  this.form_cancel = () => i18n('Cancel');
+
+  this.avatareditor_nosupport = () => i18n('Sorry, your browser doesn\'t support File API');
+
+  this.avatareditor_noselected = () => i18n('No image file was selected');
+
+  this.avatareditor_delete = () => i18n('Delete Image');
+
+  this.avatareditor_add = () => i18n('Add Image');
+
+  this.errorpage_seriouslywrong = () => i18n('Oh-oh... Something went seriously wrong.');
+
+  this.errorpage_offline = () => i18n('There\'s nothing we can do: The server seems to be offline.');
+
+  this.errorpage_disconnected = () => i18n('Disconnected');
+
+  this.errorpage_disconnectedmsg = () => i18n('No, no one\'s there.');
+
+  this.errorpage_401 = () => i18n('Authorization required');
+
+  this.errorpage_401msg = () => i18n('You have requested access to a page that requires authorization, but the request is missing valid authentication credentials. It can also mean that your account has been banned.');
+
+  this.errorpage_403 = () => i18n('Woah, you can\'t touch this!');
+
+  this.errorpage_403msg = () => i18n('Unfortunately, you are not allowed to access the page you\'ve requested. It seems you don\'t have sufficient permissions.');
+
+  this.errorpage_404 = () => i18n('Nope, can\'t find it!');
+
+  this.errorpage_404msg = () => i18n('Despite our best efforts, there\'s nothing here to show you with the URL you requested. Most likely the URL is invalid or you don\'t have permissions to access the page.');
+
+  this.errorpage_500 = () => i18n('Oh-oh... Something went seriously wrong');
+
+  this.errorpage_500msg = () => i18n('Despite our best efforts, the server is not working properly.');
+
+  this.select_options_not_found = () => i18n('No options found');
+
+  this.select_loading = () => i18n('Loading...');
+
+  this.select_label = () => i18n('Select an option');
+
+  this.previous_page = () => i18n('previous');
+
+  this.next_page = () => i18n('next page');
+
+  this.first_page = () => i18n('First page');
+
+  this.last_page = () => i18n('Last page');
+
+  this.items_per_page = () => i18n('per page');
+
+  this.confirmation_ok = () => i18n('Ok');
+
+  this.confirmation_cancel = () => i18n('Cancel');
+  /* eslint-enable camelcase */
+
+}
+
+angularModule.factory('ringI18n', emptyI18n);
+angularModule.service('RingMessageBundle', ['ringI18n', RingMessageBundle]);
+var MessageBundle = angularModule.name;
+
+export { MessageBundle as default };

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

@@ -1,5 +1,4 @@
 import { isBrowserInWhiteList } from './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/sniffer.js';
 import 'sniffr';
 

package/dist/old-browsers-message/old-browsers-message__stop.js

@@ -1,5 +1,4 @@
 export { stop as default } from './old-browsers-message.js';
 import './white-list.js';
-import '../_helpers/_rollupPluginBabelHelpers.js';
 import '../global/sniffer.js';
 import 'sniffr';

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

@@ -1,4 +1,3 @@
-import { c as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
 import sniffr from '../global/sniffer.js';
 import 'sniffr';
 
@@ -9,12 +8,12 @@ const MAJOR_VERSION_INDEX = 0;
 
 /* global SUPPORTED_BROWSERS */
 
-if (!["and_chr 90", "and_uc 12.12", "chrome 90", "chrome 89", "edge 90", "edge 89", "firefox 87", "ios_saf 14.0-14.4", "op_mini all", "safari 14", "samsung 13.0"]) {
+if (!["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.4", "safari 14", "samsung 13.0"]) {
   // eslint-disable-next-line no-console
   console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
 }
 
-const SUPPORTED = ["and_chr 90", "and_uc 12.12", "chrome 90", "chrome 89", "edge 90", "edge 89", "firefox 87", "ios_saf 14.0-14.4", "op_mini all", "safari 14", "samsung 13.0"] || [];
+const SUPPORTED = ["and_chr 90", "and_uc 12.12", "chrome 89", "chrome 88", "edge 89", "firefox 86", "ios_saf 14.0-14.4", "safari 14", "samsung 13.0"] || [];
 const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
 const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
   const [, browserName, version] = item.match(/(\S+)\s(\S+)/);
@@ -23,9 +22,9 @@ const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
     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/dist/pager/pager.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, b as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
+import { _ as _defineProperty, a as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
 import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
@@ -18,8 +18,11 @@ import '../link/clickableLink.js';
 import '../_helpers/button__classes.js';
 import '../icon/icon__constants.js';
 import 'util-deprecate';
-import '../_helpers/icon__svg.js';
-import '../_helpers/caption.js';
+import '../_helpers/icon.js';
+import '../icon/icon__svg.js';
+import '../button-group/caption.js';
+import '../_helpers/button-group.js';
+import '../_helpers/button-toolbar.js';
 import '@jetbrains/icons/close';
 import 'deep-equal';
 import '../dropdown/dropdown.js';
@@ -28,9 +31,10 @@ import '../_helpers/anchor.js';
 import '../avatar/avatar.js';
 import '../global/url.js';
 import '../global/dom.js';
+import '../avatar/fallback-avatar.js';
+import '../global/get-uid.js';
 import '../popup/popup.js';
 import 'react-dom';
-import '../global/get-uid.js';
 import '../global/schedule-raf.js';
 import '../shortcuts/shortcuts.js';
 import '../shortcuts/core.js';
@@ -50,10 +54,12 @@ import 'memoize-one';
 import '../global/create-stateful-context.js';
 import '../list/list__link.js';
 import '../_helpers/list.js';
+import '../_helpers/link.js';
 import '../list/list__item.js';
 import '../checkbox/checkbox.js';
 import '@jetbrains/icons/checkmark';
 import '@jetbrains/icons/remove-10px';
+import '../_helpers/checkbox.js';
 import '../list/list__custom.js';
 import '../global/get-event-key.js';
 import '../list/list__title.js';
@@ -61,6 +67,7 @@ import '../list/list__separator.js';
 import '../list/list__hint.js';
 import '../list/consts.js';
 import '../input/input.js';
+import '../_helpers/input.js';
 import '../global/rerender-hoc.js';
 import '../global/fuzzy-highlight.js';
 import '../select/select__popup.js';
@@ -79,7 +86,7 @@ import '../caret/caret.js';
 import '../text/text.js';
 import '../_helpers/select__filter.js';
 
-var modules_1a5f0d42 = {"unit":"8px","pager":"pager_pager__4d141e8d","links":"pager_links__4d141e8d","link":"pager_link__4d141e8d","linkDisabled":"pager_linkDisabled__4d141e8d"};
+var modules_1a5f0d42 = {"unit":"8px","pager":"pager_rui_4d14","links":"links_rui_4d14","link":"link_rui_4d14","linkDisabled":"linkDisabled_rui_4d14"};
 
 class Pager extends PureComponent {
   constructor() {
@@ -153,7 +160,7 @@ class Pager extends PureComponent {
       href: this.generateHref(page),
       key: key,
       active: active,
-      disabled: this.props.loader && !active,
+      disabled: this.props.loader && !active && !this.props.loaderNavigation,
       loader: this.props.loader && active
     }, this.getClickProps(this.handlePageChange(page))), content);
   }
@@ -223,14 +230,14 @@ class Pager extends PureComponent {
     });
     return /*#__PURE__*/React.createElement("div", {
       className: modules_1a5f0d42.links
-    }, prevLinkAvailable && !this.props.loader ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
       href: prevLinkHref,
       className: modules_1a5f0d42.link
     }, this.getClickProps(this.handlePrevClick)), prevLinkContent) : /*#__PURE__*/React.createElement("span", {
       className: disabledLinkClasses
     }, prevIcon, /*#__PURE__*/React.createElement("span", {
       key: "text"
-    }, prevText)), nextLinkAvailable && !this.props.loader ? /*#__PURE__*/React.createElement(Link, _extends({
+    }, prevText)), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/React.createElement(Link, _extends({
       href: nextLinkHref,
       className: modules_1a5f0d42.link
     }, this.getClickProps(this.handleNextClick)), nextLinkContent) : /*#__PURE__*/React.createElement("span", {
@@ -324,6 +331,7 @@ _defineProperty(Pager, "propTypes", {
   className: PropTypes.string,
   translations: PropTypes.object,
   loader: PropTypes.bool,
+  loaderNavigation: PropTypes.bool,
   hrefFunc: PropTypes.func //function which generates href for all pager's buttons based on pager state passed as a function parameter, either this function or onPageChange should be provided
 
 });
@@ -345,8 +353,9 @@ _defineProperty(Pager, "defaultProps", {
     previousPage: 'Previous'
   },
   loader: false,
+  loaderNavigation: false,
   onPageSizeChange: () => {},
   onLoadPage: () => {}
 });
 
-export default Pager;
+export { Pager as default };