@skbkontur/react-ui 0.0.0-031e4bb3f9 → 0.0.0-0fe669bb2d

package/cjs/lib/locale/LOCALECONTEXT.md

@@ -1,215 +1,221 @@
-Локализации компонентов через контекст `React.Context<LocaleContextProps>`
-
-```typescript
-interface LocaleContextProps {
-  locale?: LocaleControls;
-  langCode?: LangCodes;
-}
-```
-
-Доступные языки
-
-```typescript
-enum LangCodes {
-  ru_RU = 'ru_RU',
-  en_GB = 'en_GB',
-}
-```
-
-<details><summary>LocaleControls</summary>
-
-```typescript
-interface LocaleControls {
-  Spinner?: SpinnerLocale;
-  TokenInput?: TokenInputLocale;
-  ComboBox?: ComboBoxLocale;
-  Select?: SelectLocale;
-  Paging?: PagingLocale;
-  DatePicker?: DatePickerLocale;
-}
-```
-
-</details>
-
-### Использование
-
-Дефолтная локализация `<TokenInput />`
-
-```jsx harmony
-import { LangCodes, LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
-  <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />
-</LocaleContext.Provider>;
-```
-
-Кастомная локализация `<TokenInput />`
-
-```jsx harmony
-import { LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-const customLocale = {
-  TokenInput: {
-    addButtonComment: 'Press Enter or type Spacebar',
-  },
-};
-
-<LocaleContext.Provider value={{ locale: customLocale }}>
-  <TokenInput type={TokenInputType.Combined} delimiters={[' ']} getItems={() => Promise.resolve([]).then(delay(500))} />
-</LocaleContext.Provider>;
-```
-
-Некоторые контролы используют компоненты других контролов.
-<br/>
-Для инкапсуляции локализации можно использовать несколько контекстов.
-
-```jsx harmony
-import { Gapped, LangCodes, LocaleContext, Spinner, TokenInput } from '@skbkontur/react-ui';
-
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-const customLocale = {
-  Spinner: {
-    loading: 'awaiting...',
-  },
-};
-
-<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
-  <Gapped vertical gap={10}>
-    <LocaleContext.Provider value={{ locale: customLocale }}>
-      <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
-    </LocaleContext.Provider>
-    <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
-    <Spinner />
-  </Gapped>
-</LocaleContext.Provider>;
-```
-
-Локализация функционального компонента через useContext.
-
-```jsx harmony
-import { useContext } from 'react';
-import { LangCodes, LocaleContext } from '@skbkontur/react-ui';
-
-const languages = {
-  [LangCodes.ru_RU]: 'Русский',
-  [LangCodes.en_GB]: 'English',
-};
-
-function LocalizedByHook() {
-  const { langCode } = useContext(LocaleContext);
-  return <div>{languages[langCode]}</div>;
-}
-
-<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
-  <LocalizedByHook />
-</LocaleContext.Provider>;
-```
-
-### Обзор всех доступных контролов
-
-```jsx harmony
-import {
-  ComboBox,
-  DateInput,
-  DatePicker,
-  Gapped,
-  LocaleContext,
-  Paging,
-  Select,
-  Spinner,
-  TokenInput,
-  LangCodes,
-} from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-const items = [
-  { label: 'aaa', value: 1 },
-  { label: 'bbb', value: 2 },
-  { label: 'ccc', value: 3 },
-];
-
-const LocalizationControlNames = {
-  ComboBox: 'ComboBox',
-  Spinner: 'Spinner',
-  TokenInput: 'TokenInput',
-  Select: 'Select',
-  Paging: 'Paging',
-  DatePicker: 'DatePicker',
-  DateInput: 'DateInput',
-};
-
-class LocalizationControls extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      langCode: LangCodes.ru_RU,
-      controlName: null,
-    };
-  }
-
-  render() {
-    return (
-      <Gapped vertical gap={10}>
-        <Select
-          value={this.state.langCode}
-          placeholder="Выбрать язык"
-          items={Object.values(LangCodes)}
-          onValueChange={langCode => this.setState({ langCode })}
-        />
-        <Select
-          value={this.state.controlName}
-          placeholder="Выбрать контрол"
-          items={Object.values(LocalizationControlNames)}
-          onValueChange={controlName => this.setState({ controlName })}
-        />
-        <LocaleContext.Provider value={{ langCode: this.state.langCode }}>
-          {this.getControl(this.state.controlName)}
-        </LocaleContext.Provider>
-      </Gapped>
-    );
-  }
-
-  getControl(controlName) {
-    switch (controlName) {
-      case LocalizationControlNames.ComboBox:
-        return (
-          <ComboBox
-            getItems={str => Promise.resolve(items.filter(({ label }) => label.includes(str))).then(delay(500))}
-            onValueChange={({ label: langCode }) => this.setState({ langCode })}
-          />
-        );
-
-      case LocalizationControlNames.TokenInput:
-        return <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />;
-
-      case LocalizationControlNames.Spinner:
-        return <Spinner />;
-
-      case LocalizationControlNames.DatePicker:
-        return <DatePicker value="30.12.2012" />;
-
-      case LocalizationControlNames.DateInput:
-        return <DateInput value="30.12.2012" />;
-
-      case LocalizationControlNames.Select:
-        return <Select />;
-
-      case LocalizationControlNames.Paging:
-        return <Paging activePage={1} pagesCount={12} onPageChange={value => value} />;
-    }
-    return null;
-  }
-}
-
-<LocalizationControls />;
-```
-
-### Локализация @skbkontur/react-ui-addons
-
-Компоненты `@skbkontur/react-ui-addons` так же поддерживают локализацию через `LocaleContext` из `@skbkontur/react-ui`.
-См. пример с кастомной локализацией. Дефолтные локали описаны для каждого компонента в [докумендации аддонов](http://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
+Локализации компонентов через контекст `React.Context<LocaleContextProps>`
+
+```typescript static
+interface LocaleContextProps {
+  locale?: LocaleControls;
+  langCode?: LangCodes;
+}
+```
+
+Доступные языки
+
+```typescript static
+enum LangCodes {
+  ru_RU = 'ru_RU',
+  en_GB = 'en_GB',
+}
+```
+
+LocaleControls
+
+```typescript static
+interface LocaleControls {
+  Spinner?: SpinnerLocale;
+  TokenInput?: TokenInputLocale;
+  ComboBox?: ComboBoxLocale;
+  Select?: SelectLocale;
+  Paging?: PagingLocale;
+  DatePicker?: DatePickerLocale;
+}
+```
+
+### Использование
+
+Дефолтная локализация `<TokenInput />`
+
+```jsx harmony
+import { LangCodes, LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />
+</LocaleContext.Provider>;
+```
+
+Кастомная локализация `<TokenInput />`
+
+```jsx harmony
+import { LocaleContext, TokenInput, TokenInputType } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const customLocale = {
+  TokenInput: {
+    addButtonComment: 'Press Enter or type Spacebar',
+  },
+};
+
+<LocaleContext.Provider value={{ locale: customLocale }}>
+  <TokenInput type={TokenInputType.Combined} delimiters={[' ']} getItems={() => Promise.resolve([]).then(delay(500))} />
+</LocaleContext.Provider>;
+```
+
+Некоторые контролы используют компоненты других контролов.
+<br/>
+Для инкапсуляции локализации можно использовать несколько контекстов.
+
+```jsx harmony
+import { Gapped, LangCodes, LocaleContext, Spinner, TokenInput } from '@skbkontur/react-ui';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const customLocale = {
+  Spinner: {
+    loading: 'awaiting...',
+  },
+};
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <Gapped vertical gap={10}>
+    <LocaleContext.Provider value={{ locale: customLocale }}>
+      <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
+    </LocaleContext.Provider>
+    <TokenInput getItems={() => Promise.resolve([]).then(delay(1500))} />
+    <Spinner />
+  </Gapped>
+</LocaleContext.Provider>;
+```
+
+Локализация функционального компонента через useContext.
+
+```jsx harmony
+import { useContext } from 'react';
+import { LangCodes, LocaleContext } from '@skbkontur/react-ui';
+
+const languages = {
+  [LangCodes.ru_RU]: 'Русский',
+  [LangCodes.en_GB]: 'English',
+};
+
+function LocalizedByHook() {
+  const { langCode } = useContext(LocaleContext);
+  return <div>{languages[langCode]}</div>;
+}
+
+<LocaleContext.Provider value={{ langCode: LangCodes.en_GB }}>
+  <LocalizedByHook />
+</LocaleContext.Provider>;
+```
+
+### Обзор всех доступных контролов
+
+```jsx harmony
+import {
+  ComboBox,
+  DateInput,
+  DatePicker,
+  Gapped,
+  LocaleContext,
+  Paging,
+  Select,
+  Spinner,
+  TokenInput,
+  LangCodes,
+} from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
+
+const items = [
+  { label: 'aaa', value: 1 },
+  { label: 'bbb', value: 2 },
+  { label: 'ccc', value: 3 },
+];
+
+const LocalizationControlNames = {
+  ComboBox: 'ComboBox',
+  Spinner: 'Spinner',
+  TokenInput: 'TokenInput',
+  Select: 'Select',
+  Paging: 'Paging',
+  DatePicker: 'DatePicker',
+  DateInput: 'DateInput',
+};
+
+class LocalizationControls extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      langCode: LangCodes.ru_RU,
+      controlName: null,
+    };
+  }
+
+  render() {
+    // попробуйте кастомизировать локаль любого контрола
+    const customLocaleRU = {};
+    const customLocaleEN = {};
+
+    const locale = this.state.langCode === LangCodes.en_GB ? customLocaleEN : customLocaleRU;
+
+    return (
+      <Gapped vertical gap={10}>
+        <Select
+          value={this.state.langCode}
+          placeholder="Выбрать язык"
+          items={Object.values(LangCodes)}
+          onValueChange={langCode => this.setState({ langCode })}
+        />
+        <Select
+          value={this.state.controlName}
+          placeholder="Выбрать контрол"
+          items={Object.values(LocalizationControlNames)}
+          onValueChange={controlName => this.setState({ controlName })}
+        />
+        <LocaleContext.Provider value={{ langCode: this.state.langCode, locale: locale }}>
+          {this.getControl(this.state.controlName)}
+        </LocaleContext.Provider>
+      </Gapped>
+    );
+  }
+
+  getControl(controlName) {
+    switch (controlName) {
+      case LocalizationControlNames.ComboBox:
+        return (
+          <ComboBox
+            getItems={str => Promise.resolve(items.filter(({ label }) => label.includes(str))).then(delay(500))}
+            onValueChange={({ label: langCode }) => this.setState({ langCode })}
+          />
+        );
+
+      case LocalizationControlNames.TokenInput:
+        return <TokenInput type={TokenInputType.Combined} getItems={() => Promise.resolve([]).then(delay(500))} />;
+
+      case LocalizationControlNames.Spinner:
+        return <Spinner />;
+
+      case LocalizationControlNames.DatePicker:
+        return <DatePicker value="30.12.2012" />;
+
+      case LocalizationControlNames.DateInput:
+        return <DateInput value="30.12.2012" />;
+
+      case LocalizationControlNames.Select:
+        return <Select />;
+
+      case LocalizationControlNames.Paging:
+        return <Paging activePage={1} pagesCount={12} onPageChange={value => value} />;
+    }
+    return null;
+  }
+}
+
+<LocalizationControls />;
+```
+
+### Локализация @skbkontur/react-ui-addons
+
+Компоненты `@skbkontur/react-ui-addons` так же поддерживают локализацию через `LocaleContext` из `@skbkontur/react-ui`.
+См. пример с кастомной локализацией. Дефолтные локали описаны для каждого компонента в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).

package/cjs/lib/locale/LocaleContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleContext.ts"],"names":["LocaleContext","React","createContext","locale","langCode","defaultLangCode","displayName"],"mappings":"2JAAA;;;AAGA;;;;;;;AAOO,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEC,0BAFyD,EAAxC,CAAtB,C;;;AAKPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\r\n\r\nimport { LangCodes, LocaleControls } from './types';\r\nimport { defaultLangCode } from './constants';\r\n\r\nexport interface LocaleContextProps {\r\n  locale?: LocaleControls;\r\n  langCode?: LangCodes;\r\n}\r\n\r\nexport const LocaleContext = React.createContext<LocaleContextProps>({\r\n  locale: {},\r\n  langCode: defaultLangCode,\r\n});\r\n\r\nLocaleContext.displayName = 'LocaleContext';\r\n\r\n"]}
+{"version":3,"sources":["LocaleContext.ts"],"names":["LocaleContext","React","createContext","locale","langCode","defaultLangCode","displayName"],"mappings":"2JAAA;;;AAGA;;;;;;;AAOO,IAAMA,aAAa,gBAAGC,eAAMC,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEC,0BAFyD,EAAxC,CAAtB,C;;;AAKPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React from 'react';\n\nimport { LangCodes, LocaleControls } from './types';\nimport { defaultLangCode } from './constants';\n\nexport interface LocaleContextProps {\n  locale?: LocaleControls;\n  langCode?: LangCodes;\n}\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n  locale: {},\n  langCode: defaultLangCode,\n});\n\nLocaleContext.displayName = 'LocaleContext';\n"]}

package/cjs/lib/locale/LocaleHelper.js

@@ -5,7 +5,7 @@ LocaleHelper = /*#__PURE__*/function () {
 
 
 
-  function LocaleHelper(locales, langCode) {if (langCode === void 0) {langCode = _constants.defaultLangCode;}this.locales = void 0;this.defaultLangCode = void 0;
+  function LocaleHelper(locales, langCode) {if (langCode === void 0) {langCode = _constants.defaultLangCode;}
     this.locales = locales;
     this.defaultLangCode = langCode;
   }var _proto = LocaleHelper.prototype;_proto.

package/cjs/lib/locale/LocaleHelper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LocaleHelper.ts"],"names":["LocaleHelper","locales","langCode","defaultLangCode","get"],"mappings":"qEAAA,wC;;;AAGaA,Y;;;;AAIX,wBAAmBC,OAAnB,EAAwDC,QAAxD,EAA+F,KAAvCA,QAAuC,cAAvCA,QAAuC,GAAjBC,0BAAiB,OAH9EF,OAG8E,eAF9EE,eAE8E;AAC7F,SAAKF,OAAL,GAAeA,OAAf;AACA,SAAKE,eAAL,GAAuBD,QAAvB;AACD,G;;AAEME,EAAAA,G,GAAP,aAAWF,QAAX,EAA0D,KAA/CA,QAA+C,cAA/CA,QAA+C,GAAzB,KAAKC,eAAoB;AACxD,WAAO,KAAKF,OAAL,CAAaC,QAAb,KAA0B,KAAKD,OAAL,CAAa,KAAKE,eAAlB,CAA1B,IAAiE,EAAxE;AACD,G","sourcesContent":["import { defaultLangCode } from './constants';\r\nimport { LangCodes } from './types';\r\n\r\nexport class LocaleHelper<C> {\r\n  private readonly locales: { [key in LangCodes]?: C };\r\n  private readonly defaultLangCode: LangCodes;\r\n\r\n  public constructor(locales: { [key in LangCodes]?: C }, langCode: LangCodes = defaultLangCode) {\r\n    this.locales = locales;\r\n    this.defaultLangCode = langCode;\r\n  }\r\n\r\n  public get(langCode: LangCodes = this.defaultLangCode): C {\r\n    return this.locales[langCode] || this.locales[this.defaultLangCode] || ({} as C);\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["LocaleHelper.ts"],"names":["LocaleHelper","locales","langCode","defaultLangCode","get"],"mappings":"qEAAA,wC;;;AAGaA,Y;;;;AAIX,wBAAmBC,OAAnB,EAAwDC,QAAxD,EAA+F,KAAvCA,QAAuC,cAAvCA,QAAuC,GAAjBC,0BAAiB;AAC7F,SAAKF,OAAL,GAAeA,OAAf;AACA,SAAKE,eAAL,GAAuBD,QAAvB;AACD,G;;AAEME,EAAAA,G,GAAP,aAAWF,QAAX,EAA0D,KAA/CA,QAA+C,cAA/CA,QAA+C,GAAzB,KAAKC,eAAoB;AACxD,WAAO,KAAKF,OAAL,CAAaC,QAAb,KAA0B,KAAKD,OAAL,CAAa,KAAKE,eAAlB,CAA1B,IAAiE,EAAxE;AACD,G","sourcesContent":["import { defaultLangCode } from './constants';\nimport { LangCodes } from './types';\n\nexport class LocaleHelper<C> {\n  private readonly locales: { [key in LangCodes]?: C };\n  private readonly defaultLangCode: LangCodes;\n\n  public constructor(locales: { [key in LangCodes]?: C }, langCode: LangCodes = defaultLangCode) {\n    this.locales = locales;\n    this.defaultLangCode = langCode;\n  }\n\n  public get(langCode: LangCodes = this.defaultLangCode): C {\n    return this.locales[langCode] || this.locales[this.defaultLangCode] || ({} as C);\n  }\n}\n"]}

package/cjs/lib/locale/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["constants.ts"],"names":["defaultLangCode","LangCodes","ru_RU"],"mappings":"wEAAA;;AAEO,IAAMA,eAAoC,GAAGC,iBAAUC,KAAvD,C","sourcesContent":["import { LangCodes } from './types';\r\n\r\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\r\n"]}
+{"version":3,"sources":["constants.ts"],"names":["defaultLangCode","LangCodes","ru_RU"],"mappings":"wEAAA;;AAEO,IAAMA,eAAoC,GAAGC,iBAAUC,KAAvD,C","sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n"]}

package/cjs/lib/locale/decorators.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
+import { LocaleContext } from './LocaleContext';
 import { LocaleHelper } from './LocaleHelper';
 import { LangCodes, LocaleControls } from './types';
-export declare function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>): <T extends new (...args: any[]) => React.Component<{}, {}, any>>(constructor: T) => {
+export declare function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>): <T extends new (...args: any[]) => React.Component>(constructor: T) => {
     new (...args: any[]): {
-        context: import("./LocaleContext").LocaleContextProps;
-        controlName: string | number;
+        context: React.ContextType<typeof LocaleContext>;
+        controlName: keyof LocaleControls;
         localeHelper: LocaleHelper<C>;
         locale: C;
         readonly langCode: LangCodes;

package/cjs/lib/locale/decorators.js

@@ -9,24 +9,29 @@ function locale(controlName, localeHelper) {
   return function (constructor) {var _class, _temp;
     var LocaleDecorator = (_temp = _class = /*#__PURE__*/function (_constructor) {(0, _inheritsLoose2.default)(LocaleDecorator, _constructor);function LocaleDecorator() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _constructor.call.apply(_constructor, [this].concat(args)) || this;_this.
 
-        context = void 0;_this.
+
         controlName = controlName;_this.
-        localeHelper = localeHelper;return _this;}(0, _createClass2.default)(LocaleDecorator, [{ key: "locale", get: function get()
+        localeHelper = localeHelper;return _this;}(0, _createClass2.default)(LocaleDecorator, [{ key: "locale", get:
 
-        {var _this$context$locale;
+        function get() {var _this$context$locale;
           var localeFromContext = (_this$context$locale = this.context.locale) == null ? void 0 : _this$context$locale[this.controlName];
           return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);
-        }, set: function set(
+        }, set:
 
-        l) {
+        function set(l) {
           // TODO альтернативная транспиляция декораторов ломает тесты
-        } }, { key: "langCode", get: function get()
+        } }, { key: "langCode", get:
 
-        {var _this$context$langCod;
+        function get() {var _this$context$langCod;
           return (_this$context$langCod = this.context.langCode) != null ? _this$context$langCod : _constants.defaultLangCode;
         } }]);return LocaleDecorator;}(constructor), _class.contextType = _LocaleContext.LocaleContext, _temp);
 
-    Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });
+
+    var nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');
+    if (!nameDescriptor || nameDescriptor.configurable) {
+      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });
+    }
+
     return LocaleDecorator;
   };
 }

package/cjs/lib/locale/decorators.js.map

@@ -1 +1 @@
-{"version":3,"sources":["decorators.tsx"],"names":["locale","controlName","localeHelper","constructor","LocaleDecorator","context","localeFromContext","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;AAEZC,QAAAA,OAFY;AAGZJ,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMI;AACrB,cAAMI,iBAAiB,2BAAG,KAAKD,OAAL,CAAaL,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKJ,OAAL,CAAaK,QAAnC,CAAlB,EAAgEJ,iBAAhE,CAAP;AACD,SATkB;;AAWDK,QAAAA,CAXC,EAWK;AACtB;AACD,SAbkB;;AAec;AAC/B,0CAAO,KAAKN,OAAL,CAAaK,QAApB,oCAAgCE,0BAAhC;AACD,SAjBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;AAmBAP,IAAAA,MAAM,CAACQ,cAAP,CAAsBX,eAAtB,EAAuC,MAAvC,EAA+C,EAAEY,KAAK,EAAEb,WAAW,CAACc,IAArB,EAA/C;AACA,WAAOb,eAAP;AACD,GAtBD;AAuBD","sourcesContent":["import React from 'react';\r\n\r\nimport { defaultLangCode } from './constants';\r\nimport { LocaleContext } from './LocaleContext';\r\nimport { LocaleHelper } from './LocaleHelper';\r\nimport { LangCodes, LocaleControls } from './types';\r\n\r\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\r\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\r\n    const LocaleDecorator = class extends constructor {\r\n      public static contextType = LocaleContext;\r\n      public context!: React.ContextType<typeof LocaleContext>;\r\n      public controlName: keyof LocaleControls = controlName;\r\n      public localeHelper: LocaleHelper<C> = localeHelper;\r\n\r\n      public get locale(): C {\r\n        const localeFromContext = this.context.locale?.[this.controlName];\r\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\r\n      }\r\n\r\n      public set locale(l: C) {\r\n        // TODO альтернативная транспиляция декораторов ломает тесты\r\n      }\r\n\r\n      public get langCode(): LangCodes {\r\n        return this.context.langCode ?? defaultLangCode;\r\n      }\r\n    };\r\n    Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\r\n    return LocaleDecorator;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["decorators.tsx"],"names":["locale","controlName","localeHelper","constructor","LocaleDecorator","localeFromContext","context","Object","assign","get","langCode","l","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA;AACA;;;;AAIO,SAASA,MAAT,CAAmBC,WAAnB,EAAsDC,YAAtD,EAAqF;AAC1F,SAAO,UAAoDC,WAApD,EAAuE;AAC5E,QAAMC,eAAe;;;AAGZH,QAAAA,WAHY,GAGwBA,WAHxB;AAIZC,QAAAA,YAJY,GAIoBA,YAJpB;;AAMnB,uBAAuB;AACrB,cAAMG,iBAAiB,2BAAG,KAAKC,OAAL,CAAaN,MAAhB,qBAAG,qBAAsB,KAAKC,WAA3B,CAA1B;AACA,iBAAOM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKN,YAAL,CAAkBO,GAAlB,CAAsB,KAAKH,OAAL,CAAaI,QAAnC,CAAlB,EAAgEL,iBAAhE,CAAP;AACD,SATkB;;AAWnB,qBAAkBM,CAAlB,EAAwB;AACtB;AACD,SAbkB;;AAenB,uBAAiC;AAC/B,0CAAO,KAAKL,OAAL,CAAaI,QAApB,oCAAgCE,0BAAhC;AACD,SAjBkB,8BAAiBT,WAAjB,UACLU,WADK,GACSC,4BADT,QAArB;;;AAoBA,QAAMC,cAAc,GAAGR,MAAM,CAACS,wBAAP,CAAgCZ,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACW,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDV,MAAAA,MAAM,CAACW,cAAP,CAAsBd,eAAtB,EAAuC,MAAvC,EAA+C,EAAEe,KAAK,EAAEhB,WAAW,CAACiB,IAArB,EAA/C;AACD;;AAED,WAAOhB,eAAP;AACD,GA3BD;AA4BD","sourcesContent":["import React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LangCodes, LocaleControls } from './types';\n\nexport function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>) {\n  return <T extends new (...args: any[]) => React.Component>(constructor: T) => {\n    const LocaleDecorator = class extends constructor {\n      public static contextType = LocaleContext;\n      public context!: React.ContextType<typeof LocaleContext>;\n      public controlName: keyof LocaleControls = controlName;\n      public localeHelper: LocaleHelper<C> = localeHelper;\n\n      public get locale(): C {\n        const localeFromContext = this.context.locale?.[this.controlName];\n        return Object.assign({}, this.localeHelper.get(this.context.langCode), localeFromContext);\n      }\n\n      public set locale(l: C) {\n        // TODO альтернативная транспиляция декораторов ломает тесты\n      }\n\n      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n\n    return LocaleDecorator;\n  };\n}\n"]}

package/cjs/lib/locale/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"sJAAA,sC;;AAEA;;AAEA","sourcesContent":["export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';\r\n\r\nexport * from './LocaleContext';\r\n\r\nexport * from './types';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"sJAAA,sC;;AAEA;;AAEA","sourcesContent":["export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';\n\nexport * from './LocaleContext';\n\nexport * from './types';\n"]}

package/cjs/lib/locale/types.d.ts

@@ -4,6 +4,7 @@ import { PagingLocale } from '../../components/Paging/locale';
 import { SelectLocale } from '../../components/Select/locale';
 import { SpinnerLocale } from '../../components/Spinner/locale';
 import { TokenInputLocale } from '../../components/TokenInput/locale';
+import { FileUploaderLocale } from '../../components/FileUploader/locale';
 export interface LocaleControls {
     [key: string]: any;
     Spinner?: Partial<SpinnerLocale>;
@@ -12,6 +13,7 @@ export interface LocaleControls {
     Select?: Partial<SelectLocale>;
     Paging?: Partial<PagingLocale>;
     DatePicker?: Partial<DatePickerLocale>;
+    FileUploader?: Partial<FileUploaderLocale>;
 }
 export declare enum LangCodes {
     ru_RU = "ru_RU",

package/cjs/lib/locale/types.js

@@ -15,4 +15,6 @@
 
 
 
+
+
 LangCodes;exports.LangCodes = LangCodes;(function (LangCodes) {LangCodes["ru_RU"] = "ru_RU";LangCodes["en_GB"] = "en_GB";})(LangCodes || (exports.LangCodes = LangCodes = {}));

package/cjs/lib/locale/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;AAiBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\r\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\r\nimport { PagingLocale } from '../../components/Paging/locale';\r\nimport { SelectLocale } from '../../components/Select/locale';\r\nimport { SpinnerLocale } from '../../components/Spinner/locale';\r\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\r\n\r\nexport interface LocaleControls {\r\n  [key: string]: any;\r\n  Spinner?: Partial<SpinnerLocale>;\r\n  TokenInput?: Partial<TokenInputLocale>;\r\n  ComboBox?: Partial<ComboBoxLocale>;\r\n  Select?: Partial<SelectLocale>;\r\n  Paging?: Partial<PagingLocale>;\r\n  DatePicker?: Partial<DatePickerLocale>;\r\n}\r\n\r\nexport enum LangCodes {\r\n  ru_RU = 'ru_RU',\r\n  en_GB = 'en_GB',\r\n}\r\n"]}
+{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBYA,S,0CAAAA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,yBAAAA,S","sourcesContent":["import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport { DatePickerLocale } from '../../components/DatePicker/locale';\nimport { PagingLocale } from '../../components/Paging/locale';\nimport { SelectLocale } from '../../components/Select/locale';\nimport { SpinnerLocale } from '../../components/Spinner/locale';\nimport { TokenInputLocale } from '../../components/TokenInput/locale';\nimport { FileUploaderLocale } from '../../components/FileUploader/locale';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  Spinner?: Partial<SpinnerLocale>;\n  TokenInput?: Partial<TokenInputLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/cjs/lib/locale/useLocaleForControl.d.ts

@@ -0,0 +1,3 @@
+import { LocaleControls } from './types';
+import { LocaleHelper } from './LocaleHelper';
+export declare const useLocaleForControl: <TTranslationByLangCode extends Record<string, any>>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<TTranslationByLangCode>) => TTranslationByLangCode;

package/cjs/lib/locale/useLocaleForControl.js

@@ -0,0 +1,14 @@
+"use strict";exports.__esModule = true;exports.useLocaleForControl = void 0;var _react = require("react");
+
+
+
+var _LocaleContext = require("./LocaleContext");
+
+var useLocaleForControl = function useLocaleForControl(
+controlName,
+localeHelper)
+{
+  var _useContext = (0, _react.useContext)(_LocaleContext.LocaleContext),locale = _useContext.locale,langCode = _useContext.langCode;
+  var localeFromContext = locale == null ? void 0 : locale[controlName];
+  return (0, _react.useMemo)(function () {return Object.assign({}, localeHelper.get(langCode), localeFromContext);}, [langCode, localeFromContext]);
+};exports.useLocaleForControl = useLocaleForControl;

package/cjs/lib/locale/useLocaleForControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLocaleForControl.ts"],"names":["useLocaleForControl","controlName","localeHelper","LocaleContext","locale","langCode","localeFromContext","Object","assign","get"],"mappings":"4EAAA;;;;AAIA;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB;AACjCC,WADiC;AAEjCC,YAFiC;AAGN;AAC3B,oBAA6B,uBAAWC,4BAAX,CAA7B,CAAQC,MAAR,eAAQA,MAAR,CAAgBC,QAAhB,eAAgBA,QAAhB;AACA,MAAMC,iBAAiB,GAAGF,MAAH,oBAAGA,MAAM,CAAGH,WAAH,CAAhC;AACA,SAAO,oBAAQ,oBAAMM,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,YAAY,CAACO,GAAb,CAAiBJ,QAAjB,CAAlB,EAA8CC,iBAA9C,CAAN,EAAR,EAAgF,CAACD,QAAD,EAAWC,iBAAX,CAAhF,CAAP;AACD,CAPM,C","sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport { LocaleControls } from './types';\nimport { LocaleHelper } from './LocaleHelper';\nimport { LocaleContext } from './LocaleContext';\n\nexport const useLocaleForControl = <TTranslationByLangCode extends Record<string, any>>(\n  controlName: keyof LocaleControls,\n  localeHelper: LocaleHelper<TTranslationByLangCode>,\n): TTranslationByLangCode => {\n  const { locale, langCode } = useContext(LocaleContext);\n  const localeFromContext = locale?.[controlName];\n  return useMemo(() => Object.assign({}, localeHelper.get(langCode), localeFromContext), [langCode, localeFromContext]);\n};\n"]}

package/cjs/lib/memo.d.ts

@@ -1 +1,3 @@
-export declare function memo<T>(fn: T): T;
+declare type MemoFunction<T> = (...args: T[]) => any;
+export declare function memo<T>(fn: MemoFunction<T>): (...args: Parameters<MemoFunction<T>>) => any;
+export {};

package/cjs/lib/memo.js

@@ -1,10 +1,11 @@
-"use strict";exports.__esModule = true;exports.memo = memo;function memo(fn) {
+"use strict";exports.__esModule = true;exports.memo = memo;
+
+function memo(fn) {
   var cache = {};
   var getHash = function getHash(args) {return args.reduce(function (acc, x) {return acc + x;}, '');};
   var keysCount = 0;
   var limit = 1e4;
 
-  // @ts-ignore
   return function () {
     try {for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}
       var hash = getHash(args);
@@ -12,7 +13,6 @@
       if (fromCache) {
         return fromCache;
       }
-      // @ts-ignore
       var result = fn.apply(void 0, args);
       cache[hash] = result;
       keysCount++;