@jetbrains/ring-ui 5.0.137 → 5.0.139

package/dist/header/profile.js

@@ -6,6 +6,7 @@ import Avatar, { Size } from '../avatar/avatar.js';
 import { Button } from '../button/button.js';
 import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
 import PopupMenu from '../popup-menu/popup-menu.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { isTruthy } from '../global/typescript-utils.js';
 import { m as modules_47759f5e } from '../_helpers/header.js';
 import '../global/url.js';
@@ -61,6 +62,7 @@ import '../tab-trap/tab-trap.js';
 import '../popup/position.js';
 import '../popup/popup.consts.js';
 import '../popup/popup.target.js';
+import '../i18n/i18n.js';
 
 const rgItemType = PopupMenu.ListProps.Type.LINK;
 class Profile extends PureComponent {
@@ -99,7 +101,6 @@ class Profile extends PureComponent {
   static defaultProps = {
     closeOnSelect: true,
     renderPopupItems: items => items,
-    translations: {},
     size: Size.Size32,
     renderGuest: _ref => {
       let {
@@ -108,19 +109,27 @@ class Profile extends PureComponent {
         className,
         translations
       } = _ref;
-      return /*#__PURE__*/React.createElement("div", {
-        className: classNames(modules_47759f5e.profileEmpty, className)
-      }, /*#__PURE__*/React.createElement(Button, {
-        primary: true,
-        "data-test": "ring-header-login-button",
-        disabled: loading,
-        loader: loading,
-        onClick: onLogin
-      }, translations.login || 'Log in...'));
+      return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref2 => {
+        var _translations$login;
+        let {
+          translate
+        } = _ref2;
+        return /*#__PURE__*/React.createElement("div", {
+          className: classNames(modules_47759f5e.profileEmpty, className)
+        }, /*#__PURE__*/React.createElement(Button, {
+          primary: true,
+          "data-test": "ring-header-login-button",
+          disabled: loading,
+          loader: loading,
+          onClick: onLogin
+        }, (_translations$login = translations?.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login')));
+      });
     }
   };
+  static contextType = I18nContext;
   static Size = Size;
   render() {
+    var _translations$applyCh, _translations$login2, _translations$profile, _translations$switchU, _translations$logout;
     const {
       className,
       closeOnSelect,
@@ -144,6 +153,9 @@ class Profile extends PureComponent {
       onLogin,
       ...props
     } = this.props;
+    const {
+      translate
+    } = this.context;
     if (!user) {
       return /*#__PURE__*/React.createElement("div", _extends({}, props, {
         className: classNames(modules_47759f5e.profileEmpty, className)
@@ -168,28 +180,28 @@ class Profile extends PureComponent {
     }));
     const items = [showApplyChangedUser && {
       rgItemType,
-      label: translations.applyChangedUser || 'Apply changed user',
+      label: (_translations$applyCh = translations?.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, showLogIn && {
       rgItemType,
-      label: translations.login || 'Log in',
+      label: (_translations$login2 = translations?.login) !== null && _translations$login2 !== void 0 ? _translations$login2 : translate('login'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onRevertPostponement
     }, {
       rgItemType: PopupMenu.ListProps.Type.LINK,
-      label: translations.profile || 'Profile',
+      label: (_translations$profile = translations?.profile) !== null && _translations$profile !== void 0 ? _translations$profile : translate('profile'),
       target: '_self',
       href: profileUrl,
       LinkComponent
     }, showSwitchUser && {
       rgItemType,
-      label: translations.switchUser || 'Switch user',
+      label: (_translations$switchU = translations?.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
       className: modules_47759f5e.profileMenuItem,
       onClick: onSwitchUser
     }, showLogOut && {
       rgItemType,
-      label: translations.logout || 'Log out',
+      label: (_translations$logout = translations?.logout) !== null && _translations$logout !== void 0 ? _translations$logout : translate('logout'),
       onClick: onLogout
     }].filter(isTruthy);
     return /*#__PURE__*/React.createElement(DropdownMenu, _extends({}, props, {

package/dist/header/smart-profile.js

@@ -54,6 +54,7 @@ import '../global/react-render-adapter.js';
 import '../global/listeners.js';
 import '../http/http.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../auth/storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';
@@ -92,6 +93,7 @@ import '../dropdown/dropdown.js';
 import '../global/typescript-utils.js';
 import '../_helpers/anchor.js';
 import '../popup-menu/popup-menu.js';
+import '../i18n/i18n-context.js';
 import '../_helpers/header.js';
 
 const CERTIFICATE_MISMATCH_HEADER = 'x-client-certificate-token-mismatch';

package/dist/header/smart-services.js

@@ -54,6 +54,7 @@ import '../group/group.js';
 import '../_helpers/group.js';
 import '../global/listeners.js';
 import '../global/promise-with-timeout.js';
+import '../i18n/i18n.js';
 import '../auth/storage.js';
 import '../storage/storage.js';
 import '../storage/storage__local.js';

package/dist/i18n/i18n-context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { type Messages } from './i18n';
+export interface I18nContextProps {
+    translate(key: keyof Messages): string;
+    messages: Messages;
+}
+export declare const I18nContext: React.Context<I18nContextProps>;
+interface I18nContextHolderProps {
+    messages: Messages;
+    children?: React.ReactNode;
+}
+export declare const I18nContextHolder: React.FC<I18nContextHolderProps>;
+export {};

package/dist/i18n/i18n-context.js

@@ -0,0 +1,24 @@
+import React, { useEffect } from 'react';
+import { getTranslations, translate, setTranslations } from './i18n.js';
+
+const I18nContext = /*#__PURE__*/React.createContext({
+  messages: getTranslations(),
+  translate
+});
+const I18nContextHolder = _ref => {
+  let {
+    children,
+    messages
+  } = _ref;
+  useEffect(() => {
+    setTranslations(messages);
+  }, [messages]);
+  return /*#__PURE__*/React.createElement(I18nContext.Provider, {
+    value: {
+      messages,
+      translate
+    }
+  }, children);
+};
+
+export { I18nContext, I18nContextHolder };

package/dist/i18n/i18n.d.ts

@@ -0,0 +1,59 @@
+import defaultMessages from './messages.json';
+export type MessagesStrict = typeof defaultMessages;
+export type Messages = Partial<MessagesStrict>;
+export declare function setTranslations(newMessages: Messages): void;
+export declare function getTranslations(): Partial<{
+    login: string;
+    logout: string;
+    loginTo: string;
+    ok: string;
+    cancel: string;
+    tryAgainLabel: string;
+    postpone: string;
+    youHaveLoggedInAs: string;
+    applyChange: string;
+    backendIsNotAvailable: string;
+    checkAgain: string;
+    nothingHappensLink: string;
+    errorMessage: string;
+    applyChangedUser: string;
+    profile: string;
+    switchUser: string;
+    addFirstDate: string;
+    addSecondDate: string;
+    addTime: string;
+    selectName: string;
+    setDate: string;
+    setDateTime: string;
+    setPeriod: string;
+    clear: string;
+    gotIt: string;
+    dismiss: string;
+    perPage: string;
+    firstPage: string;
+    lastPage: string;
+    nextPage: string;
+    previousPage: string;
+    searchTitle: string;
+    clearTitle: string;
+    userAgreement: string;
+    accept: string;
+    decline: string;
+    close: string;
+    scrollToAccept: string;
+    remindLater: string;
+    filterItems: string;
+    selectOption: string;
+    progress: string;
+    loading: string;
+    noOptionsFound: string;
+    banned: string;
+    online: string;
+    offline: string;
+    copyToClipboard: string;
+    copiedToClipboard: string;
+    copingToClipboardError: string;
+    unverified: string;
+}>;
+export declare function getTranslationsWithFallback(): MessagesStrict;
+export declare function translate(key: keyof MessagesStrict): string;

package/dist/i18n/i18n.js

@@ -0,0 +1,136 @@
+var login = "Log in";
+var logout = "Log out";
+var loginTo = "Log in to {{serviceName}}";
+var ok = "OK";
+var cancel = "Cancel";
+var tryAgainLabel = "Try again";
+var postpone = "Postpone";
+var youHaveLoggedInAs = "You have logged in as another user: {{userName}}";
+var applyChange = "Apply change";
+var backendIsNotAvailable = "Connection lost";
+var checkAgain = "try again";
+var nothingHappensLink = "Click here if nothing happens";
+var errorMessage = "There may be a problem with your network connection. Make sure that you are online and";
+var applyChangedUser = "Apply changed user";
+var profile = "Profile";
+var switchUser = "Switch user";
+var addFirstDate = "Add first date";
+var addSecondDate = "Add second date";
+var addTime = "Add time";
+var selectName = "Select {{name}}";
+var setDate = "Set a date";
+var setDateTime = "Set date and time";
+var setPeriod = "Set a period";
+var clear = "Clear input";
+var gotIt = "Got it";
+var dismiss = "Dismiss";
+var perPage = "per page";
+var firstPage = "First page";
+var lastPage = "Last page";
+var nextPage = "Next page";
+var previousPage = "Previous";
+var searchTitle = "Search";
+var clearTitle = "Clear search input";
+var userAgreement = "User Agreement";
+var accept = "Accept";
+var decline = "Decline";
+var close = "Close";
+var scrollToAccept = "View the entire agreement to continue";
+var remindLater = "Remind me later";
+var filterItems = "Filter items";
+var selectOption = "Select an option";
+var progress = "Progress";
+var loading = "Loading...";
+var noOptionsFound = "No options found";
+var banned = "banned";
+var online = "online";
+var offline = "offline";
+var copyToClipboard = "Copy email to clipboard";
+var copiedToClipboard = "Email was copied to clipboard";
+var copingToClipboardError = "Failed to copy to clipboard";
+var unverified = "Unverified";
+var defaultMessages = {
+	login: login,
+	logout: logout,
+	loginTo: loginTo,
+	ok: ok,
+	cancel: cancel,
+	tryAgainLabel: tryAgainLabel,
+	postpone: postpone,
+	youHaveLoggedInAs: youHaveLoggedInAs,
+	applyChange: applyChange,
+	backendIsNotAvailable: backendIsNotAvailable,
+	checkAgain: checkAgain,
+	nothingHappensLink: nothingHappensLink,
+	errorMessage: errorMessage,
+	applyChangedUser: applyChangedUser,
+	profile: profile,
+	switchUser: switchUser,
+	addFirstDate: addFirstDate,
+	addSecondDate: addSecondDate,
+	addTime: addTime,
+	selectName: selectName,
+	setDate: setDate,
+	setDateTime: setDateTime,
+	setPeriod: setPeriod,
+	clear: clear,
+	gotIt: gotIt,
+	dismiss: dismiss,
+	perPage: perPage,
+	firstPage: firstPage,
+	lastPage: lastPage,
+	nextPage: nextPage,
+	previousPage: previousPage,
+	searchTitle: searchTitle,
+	clearTitle: clearTitle,
+	userAgreement: userAgreement,
+	accept: accept,
+	decline: decline,
+	close: close,
+	scrollToAccept: scrollToAccept,
+	remindLater: remindLater,
+	filterItems: filterItems,
+	selectOption: selectOption,
+	progress: progress,
+	loading: loading,
+	noOptionsFound: noOptionsFound,
+	banned: banned,
+	online: online,
+	offline: offline,
+	copyToClipboard: copyToClipboard,
+	copiedToClipboard: copiedToClipboard,
+	copingToClipboardError: copingToClipboardError,
+	unverified: unverified
+};
+
+let messages = defaultMessages;
+const warned = new Set();
+function warnMissedKeyOnce(key) {
+  if (warned.has(key)) {
+    return;
+  }
+  warned.add(key);
+  // eslint-disable-next-line no-console
+  console.warn(`Missing localisation for key "${key}"`);
+}
+function setTranslations(newMessages) {
+  messages = newMessages;
+}
+function getTranslations() {
+  return messages;
+}
+function getTranslationsWithFallback() {
+  return {
+    ...defaultMessages,
+    ...messages
+  };
+}
+function translate(key) {
+  var _messages$key;
+  if (!(key in messages)) {
+    warnMissedKeyOnce(key);
+  }
+  return (_messages$key = messages[key]) !== null && _messages$key !== void 0 ? _messages$key : defaultMessages[key];
+}
+
+export { getTranslations, getTranslationsWithFallback, setTranslations, translate };

package/dist/input/input.d.ts

@@ -28,7 +28,7 @@ export interface InputBaseProps {
     icon?: string | ComponentType | null | undefined;
     height?: ControlsHeight | undefined;
     afterInput?: ReactNode;
-    translations: InputTranslations;
+    translations?: InputTranslations | null | undefined;
 }
 type Override<D, S> = Omit<D, keyof S> & S;
 export type InputSpecificProps = Override<InputHTMLAttributes<HTMLInputElement>, InputBaseProps> & {
@@ -46,9 +46,6 @@ export declare class Input extends PureComponent<InputProps> {
         onChange: typeof noop;
         inputRef: typeof noop;
         enableShortcuts: string[];
-        translations: {
-            clear: string;
-        };
     };
     state: {
         empty: boolean;

package/dist/input/input.js

@@ -7,6 +7,7 @@ import { refObject } from '../global/prop-types.js';
 import { Button } from '../button/button.js';
 import getUID from '../global/get-uid.js';
 import Icon from '../icon/icon.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import composeRefs from '../global/composeRefs.js';
 import { ControlsHeightContext } from '../global/controls-height.js';
 import { m as modules_88cfaf40 } from '../_helpers/input.js';
@@ -19,6 +20,7 @@ import 'util-deprecate';
 import '../_helpers/icon.js';
 import '../icon/icon__svg.js';
 import '../global/memoize.js';
+import '../i18n/i18n.js';
 
 function noop() {}
 /**
@@ -37,10 +39,7 @@ class Input extends PureComponent {
     size: Size.M,
     onChange: noop,
     inputRef: noop,
-    enableShortcuts: ['esc'],
-    translations: {
-      clear: 'Clear input'
-    }
+    enableShortcuts: ['esc']
   };
   state = {
     empty: true
@@ -152,32 +151,38 @@ class Input extends PureComponent {
       'aria-label': typeof label === 'string' && label ? label : placeholder,
       'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
     };
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes,
-      "data-test": "ring-input"
-    }, label && /*#__PURE__*/React.createElement(InputLabel, {
-      htmlFor: this.getId(),
-      disabled: disabled,
-      label: label
-    }), /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.container
-    }, icon && /*#__PURE__*/React.createElement(Icon, {
-      glyph: icon,
-      className: modules_88cfaf40.icon
-    }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
-      onChange: this.handleTextareaChange,
-      rows: 1
-    }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
-      onChange: this.handleInputChange
-    }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
-      title: translations.clear,
-      "data-test": "ring-input-clear",
-      className: modules_88cfaf40.clear,
-      icon: closeIcon,
-      onClick: this.clear
-    }), afterInput), error && /*#__PURE__*/React.createElement("div", {
-      className: modules_88cfaf40.errorText
-    }, error));
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      var _translations$clear;
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes,
+        "data-test": "ring-input"
+      }, label && /*#__PURE__*/React.createElement(InputLabel, {
+        htmlFor: this.getId(),
+        disabled: disabled,
+        label: label
+      }), /*#__PURE__*/React.createElement("div", {
+        className: modules_88cfaf40.container
+      }, icon && /*#__PURE__*/React.createElement(Icon, {
+        glyph: icon,
+        className: modules_88cfaf40.icon
+      }), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+        onChange: this.handleTextareaChange,
+        rows: 1
+      }, commonProps, restProps)) : /*#__PURE__*/React.createElement("input", _extends({
+        onChange: this.handleInputChange
+      }, commonProps, restProps)), clearable && !disabled && /*#__PURE__*/React.createElement(Button, {
+        title: (_translations$clear = translations?.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
+        "data-test": "ring-input-clear",
+        className: modules_88cfaf40.clear,
+        icon: closeIcon,
+        onClick: this.clear
+      }), afterInput), error && /*#__PURE__*/React.createElement("div", {
+        className: modules_88cfaf40.errorText
+      }, error));
+    });
   }
 }
 Input.propTypes = {

package/dist/link/link.js

@@ -1,5 +1,5 @@
 import { _ as _extends } from '../_helpers/_rollupPluginBabelHelpers.js';
-import React, { PureComponent, memo } from 'react';
+import React, { memo, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import memoize from '../global/memoize.js';

package/dist/message/message.d.ts

@@ -11,7 +11,7 @@ export interface MessageTranslations {
 export interface MessageProps {
     icon: string | IconType | null;
     directions: readonly Directions[];
-    translations: MessageTranslations;
+    translations?: MessageTranslations | null | undefined;
     theme: Theme;
     title?: string | null | undefined;
     children?: ReactNode;
@@ -34,10 +34,6 @@ export default class Message extends Component<MessageProps> {
     static defaultProps: {
         icon: string;
         directions: Directions[];
-        translations: {
-            gotIt: string;
-            dismiss: string;
-        };
         theme: Theme;
     };
     state: MessageState;

package/dist/message/message.js

@@ -7,6 +7,7 @@ import Popup from '../popup/popup.js';
 import { Directions } from '../popup/popup.consts.js';
 import Icon from '../icon/icon.js';
 import { Button } from '../button/button.js';
+import { I18nContext } from '../i18n/i18n-context.js';
 import { T as Theme, m as modules_59717246, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
 import 'react-dom';
 import '../global/get-uid.js';
@@ -30,6 +31,7 @@ import '@jetbrains/icons/chevron-10px';
 import '../link/clickableLink.js';
 import '../global/controls-height.js';
 import '../_helpers/button__classes.js';
+import '../i18n/i18n.js';
 
 var modules_8b837449 = {"unit":"i__const_unit_0","padding":"12px","light":"light_rui_f3db","container":"container_rui_f3db","message":"message_rui_f3db","icon":"icon_rui_f3db","title":"title_rui_f3db font-lower_rui_8bff font_rui_8bff","description":"description_rui_f3db","button":"button_rui_f3db","tail":"tail_rui_f3db"};
 
@@ -107,10 +109,6 @@ class Message extends Component {
   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],
-    translations: {
-      gotIt: 'Got it',
-      dismiss: 'Dismiss'
-    },
     theme: Theme.DARK
   };
   state = {};
@@ -166,37 +164,45 @@ class Message extends Component {
     const {
       direction
     } = this.state;
-    return /*#__PURE__*/React.createElement(WithThemeClasses, {
-      theme: theme
-    }, themeClasses => /*#__PURE__*/React.createElement(Popup, _extends({
-      ref: this.popupRef,
-      hidden: false,
-      directions: popupDirections,
-      className: classNames(classes, themeClasses),
-      offset: UNIT * 2,
-      onDirectionChange: this._onDirectionChange
-    }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme,
-      passToPopups: true
-    }, direction && /*#__PURE__*/React.createElement("div", {
-      className: tailClasses,
-      style: getTailOffsets(this.getTailOffset())[direction]
-    }), icon && /*#__PURE__*/React.createElement(Icon, {
-      className: modules_8b837449.icon,
-      glyph: icon
-    }), title && /*#__PURE__*/React.createElement("h1", {
-      "data-test": "rgMessageTitle",
-      className: modules_8b837449.title
-    }, title), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_8b837449.description
-    }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
-      className: modules_8b837449.button,
-      onClick: onClose,
-      primary: true
-    }, buttonProps), translations.gotIt), onDismiss && /*#__PURE__*/React.createElement(Button, {
-      onClick: onDismiss,
-      text: true
-    }, translations.dismiss))));
+    return /*#__PURE__*/React.createElement(I18nContext.Consumer, null, _ref => {
+      let {
+        translate
+      } = _ref;
+      return /*#__PURE__*/React.createElement(WithThemeClasses, {
+        theme: theme
+      }, themeClasses => {
+        var _translations$gotIt, _translations$dismiss;
+        return /*#__PURE__*/React.createElement(Popup, _extends({
+          ref: this.popupRef,
+          hidden: false,
+          directions: popupDirections,
+          className: classNames(classes, themeClasses),
+          offset: UNIT * 2,
+          onDirectionChange: this._onDirectionChange
+        }, popupProps), /*#__PURE__*/React.createElement(ThemeProvider, {
+          theme: theme,
+          passToPopups: true
+        }, direction && /*#__PURE__*/React.createElement("div", {
+          className: tailClasses,
+          style: getTailOffsets(this.getTailOffset())[direction]
+        }), icon && /*#__PURE__*/React.createElement(Icon, {
+          className: modules_8b837449.icon,
+          glyph: icon
+        }), title && /*#__PURE__*/React.createElement("h1", {
+          "data-test": "rgMessageTitle",
+          className: modules_8b837449.title
+        }, title), children && /*#__PURE__*/React.createElement("div", {
+          className: modules_8b837449.description
+        }, children), (onClose || buttonProps) && /*#__PURE__*/React.createElement(Button, _extends({
+          className: modules_8b837449.button,
+          onClick: onClose,
+          primary: true
+        }, buttonProps), (_translations$gotIt = translations?.gotIt) !== null && _translations$gotIt !== void 0 ? _translations$gotIt : translate('gotIt')), onDismiss && /*#__PURE__*/React.createElement(Button, {
+          onClick: onDismiss,
+          text: true
+        }, (_translations$dismiss = translations?.dismiss) !== null && _translations$dismiss !== void 0 ? _translations$dismiss : translate('dismiss'))));
+      });
+    });
   }
 }
 Message.propTypes = {

package/dist/pager/pager.d.ts

@@ -19,7 +19,7 @@ export interface PagerProps {
     disablePageSizeSelector: boolean;
     openTotal: boolean;
     canLoadLastPageWithOpenTotal: boolean;
-    translations: PagerTranslations;
+    translations?: PagerTranslations | null | undefined;
     loader: boolean;
     loaderNavigation: boolean;
     onPageSizeChange: (size: number) => void;
@@ -40,18 +40,13 @@ export default class Pager extends PureComponent<PagerProps> {
         disablePageSizeSelector: boolean;
         openTotal: boolean;
         canLoadLastPageWithOpenTotal: boolean;
-        translations: {
-            perPage: string;
-            firstPage: string;
-            lastPage: string;
-            nextPage: string;
-            previousPage: string;
-        };
         loader: boolean;
         loaderNavigation: boolean;
         onPageSizeChange: () => void;
         onLoadPage: () => void;
     };
+    static contextType: React.Context<import("../i18n/i18n-context").I18nContextProps>;
+    context: React.ContextType<typeof Pager.contextType>;
     getSelectOptions(): {
         selected: SelectItem<PagerSizeItem> | undefined;
         data: SelectItem<PagerSizeItem>[];