@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-eab52adf66

package/cjs/lib/locale/LOCALECONTEXT.md

@@ -0,0 +1,222 @@
+Локализации компонентов через контекст `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 {
+  Autocomplete?: AutocompleteLocale;
+  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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { LangCodes, LocaleControls } from './types';
+export interface LocaleContextProps {
+    locale?: LocaleControls;
+    langCode?: LangCodes;
+}
+export declare const LocaleContext: React.Context<LocaleContextProps>;

package/cjs/lib/locale/LocaleContext.js

@@ -0,0 +1,17 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.LocaleContext = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _constants = require("./constants");
+
+
+
+
+
+
+var LocaleContext = exports.LocaleContext = /*#__PURE__*/_react.default.createContext({
+  locale: {},
+  langCode: _constants.defaultLangCode
+});
+
+LocaleContext.displayName = 'LocaleContext';
+LocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_constants","LocaleContext","exports","React","createContext","locale","langCode","defaultLangCode","displayName","__KONTUR_REACT_UI__"],"sources":["LocaleContext.ts"],"sourcesContent":["import React from 'react';\n\nimport type { 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';\nLocaleContext.__KONTUR_REACT_UI__ = 'LocaleContext';\n"],"mappings":"mKAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;;;AAGA,IAAAC,UAAA,GAAAD,OAAA;;;;;;;AAOO,IAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,aAAa,CAAqB;EACnEC,MAAM,EAAE,CAAC,CAAC;EACVC,QAAQ,EAAEC;AACZ,CAAC,CAAC;;AAEFN,aAAa,CAACO,WAAW,GAAG,eAAe;AAC3CP,aAAa,CAACQ,mBAAmB,GAAG,eAAe","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+import type { LangCodes } from './types';
+export declare class LocaleHelper<C> {
+    private readonly locales;
+    private readonly defaultLangCode;
+    constructor(locales: {
+        [key in LangCodes]?: C;
+    }, langCode?: LangCodes);
+    get(langCode?: LangCodes): C;
+}

package/cjs/lib/locale/LocaleHelper.js

@@ -0,0 +1,15 @@
+"use strict";exports.__esModule = true;exports.LocaleHelper = void 0;var _constants = require("./constants");var
+
+
+LocaleHelper = exports.LocaleHelper = /*#__PURE__*/function () {
+
+
+
+  function LocaleHelper(locales, langCode) {if (langCode === void 0) {langCode = _constants.defaultLangCode;}
+    this.locales = locales;
+    this.defaultLangCode = langCode;
+  }var _proto = LocaleHelper.prototype;_proto.
+
+  get = function get(langCode) {if (langCode === void 0) {langCode = this.defaultLangCode;}
+    return this.locales[langCode] || this.locales[this.defaultLangCode] || {};
+  };return LocaleHelper;}();

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

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","LocaleHelper","exports","locales","langCode","defaultLangCode","_proto","prototype","get"],"sources":["LocaleHelper.ts"],"sourcesContent":["import { defaultLangCode } from './constants';\nimport type { 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"],"mappings":"qEAAA,IAAAA,UAAA,GAAAC,OAAA,gBAA8C;;;AAGjCC,YAAY,GAAAC,OAAA,CAAAD,YAAA;;;;EAIvB,SAAAA,aAAmBE,OAAmC,EAAEC,QAAmB,EAAoB,KAAvCA,QAAmB,cAAnBA,QAAmB,GAAGC,0BAAe;IAC3F,IAAI,CAACF,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACE,eAAe,GAAGD,QAAQ;EACjC,CAAC,IAAAE,MAAA,GAAAL,YAAA,CAAAM,SAAA,CAAAD,MAAA;;EAEME,GAAG,GAAV,SAAAA,IAAWJ,QAAmB,EAA4B,KAA/CA,QAAmB,cAAnBA,QAAmB,GAAG,IAAI,CAACC,eAAe;IACnD,OAAO,IAAI,CAACF,OAAO,CAACC,QAAQ,CAAC,IAAI,IAAI,CAACD,OAAO,CAAC,IAAI,CAACE,eAAe,CAAC,IAAK,CAAC,CAAO;EAClF,CAAC,QAAAJ,YAAA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+import { LangCodes } from './types';
+export declare const defaultLangCode: Readonly<LangCodes>;
+export declare const langCodesToCanonicalLocale: {
+    [key in LangCodes]: string;
+};

package/cjs/lib/locale/constants.js

@@ -0,0 +1,7 @@
+"use strict";exports.__esModule = true;exports.langCodesToCanonicalLocale = exports.defaultLangCode = void 0;var _types = require("./types");var _langCodesToCanonical;
+
+var defaultLangCode = exports.defaultLangCode = _types.LangCodes.ru_RU;
+
+var langCodesToCanonicalLocale = exports.langCodesToCanonicalLocale = (_langCodesToCanonical = {}, _langCodesToCanonical[
+_types.LangCodes.ru_RU] = 'ru-RU', _langCodesToCanonical[
+_types.LangCodes.en_GB] = 'en-GB', _langCodesToCanonical);

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_langCodesToCanonical","defaultLangCode","exports","LangCodes","ru_RU","langCodesToCanonicalLocale","en_GB"],"sources":["constants.ts"],"sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n\nexport const langCodesToCanonicalLocale: { [key in LangCodes]: string } = {\n  [LangCodes.ru_RU]: 'ru-RU',\n  [LangCodes.en_GB]: 'en-GB',\n};\n"],"mappings":"6GAAA,IAAAA,MAAA,GAAAC,OAAA,YAAoC,IAAAC,qBAAA;;AAE7B,IAAMC,eAAoC,GAAAC,OAAA,CAAAD,eAAA,GAAGE,gBAAS,CAACC,KAAK;;AAE5D,IAAMC,0BAA0D,GAAAH,OAAA,CAAAG,0BAAA,IAAAL,qBAAA,OAAAA,qBAAA;AACpEG,gBAAS,CAACC,KAAK,IAAG,OAAO,EAAAJ,qBAAA;AACzBG,gBAAS,CAACG,KAAK,IAAG,OAAO,EAAAN,qBAAA,CAC3B","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+import type React from 'react';
+import { LocaleContext } from './LocaleContext';
+import type { LocaleHelper } from './LocaleHelper';
+import type { LangCodes, LocaleControls } from './types';
+export declare function locale<C>(controlName: keyof LocaleControls, localeHelper: LocaleHelper<C>): <T extends new (...args: any[]) => React.Component>(constructor: T) => {
+    new (...args: any[]): {
+        context: React.ContextType<typeof LocaleContext>;
+        controlName: keyof LocaleControls;
+        localeHelper: LocaleHelper<C>;
+        locale: C;
+        readonly langCode: LangCodes;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    contextType: React.Context<import("./LocaleContext").LocaleContextProps>;
+} & T;

package/cjs/lib/locale/decorators.js

@@ -0,0 +1,34 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.locale = locale;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
+
+var _constants = require("./constants");
+var _LocaleContext = require("./LocaleContext");
+
+
+
+function locale(controlName, localeHelper) {
+  return function (constructor) {var _Class;
+    var LocaleDecorator = (_Class = /*#__PURE__*/function (_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.
+
+
+        controlName = controlName;_this.
+        localeHelper = localeHelper;return _this;}(0, _inheritsLoose2.default)(LocaleDecorator, _constructor);return (0, _createClass2.default)(LocaleDecorator, [{ key: "locale", get:
+
+        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(l) {
+
+          // TODO альтернативная транспиляция декораторов ломает тесты
+        } }, { key: "langCode", get: function get() {var _this$context$langCod;
+          return (_this$context$langCod = this.context.langCode) != null ? _this$context$langCod : _constants.defaultLangCode;
+        } }]);}(constructor), _Class.contextType = _LocaleContext.LocaleContext, _Class);
+
+    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

@@ -0,0 +1 @@
+{"version":3,"names":["_constants","require","_LocaleContext","locale","controlName","localeHelper","constructor","_Class","LocaleDecorator","_constructor","_this","_len","arguments","length","args","Array","_key","call","apply","concat","_inheritsLoose2","default","_createClass2","key","get","_this$context$locale","localeFromContext","context","Object","assign","langCode","set","l","_this$context$langCod","defaultLangCode","contextType","LocaleContext","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"sources":["decorators.tsx"],"sourcesContent":["import type React from 'react';\n\nimport { defaultLangCode } from './constants';\nimport { LocaleContext } from './LocaleContext';\nimport type { LocaleHelper } from './LocaleHelper';\nimport type { 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      public get langCode(): LangCodes {\n        return this.context.langCode ?? defaultLangCode;\n      }\n    };\n    const nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');\n    if (!nameDescriptor || nameDescriptor.configurable) {\n      Object.defineProperty(LocaleDecorator, 'name', { value: constructor.name });\n    }\n    return LocaleDecorator;\n  };\n}\n"],"mappings":";;AAEA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;;;;AAIO,SAASE,MAAMA,CAAIC,WAAiC,EAAEC,YAA6B,EAAE;EAC1F,OAAO,UAAoDC,WAAc,EAAK,KAAAC,MAAA;IAC5E,IAAMC,eAAe,IAAAD,MAAA,0BAAAE,YAAA,YAAAD,gBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,YAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,YAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;QAGZN,WAAW,GAAyBA,WAAW,CAAAM,KAAA;QAC/CL,YAAY,GAAoBA,YAAY,QAAAK,KAAA,MAAAU,eAAA,CAAAC,OAAA,EAAAb,eAAA,EAAAC,YAAA,aAAAa,aAAA,CAAAD,OAAA,EAAAb,eAAA,KAAAe,GAAA,YAAAC,GAAA;;QAEnD,SAAAA,IAAA,EAAuB,KAAAC,oBAAA;UACrB,IAAMC,iBAAiB,IAAAD,oBAAA,GAAG,IAAI,CAACE,OAAO,CAACxB,MAAM,qBAAnBsB,oBAAA,CAAsB,IAAI,CAACrB,WAAW,CAAC;UACjE,OAAOwB,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,CAACxB,YAAY,CAACmB,GAAG,CAAC,IAAI,CAACG,OAAO,CAACG,QAAQ,CAAC,EAAEJ,iBAAiB,CAAC;QAC3F,CAAC,EAAAK,GAAA;;QAED,SAAAA,IAAkBC,CAAI,EAAE;;UACtB;QAAA,CACD,MAAAT,GAAA,cAAAC,GAAA,EACD,SAAAA,IAAA,EAAiC,KAAAS,qBAAA;UAC/B,QAAAA,qBAAA,GAAO,IAAI,CAACN,OAAO,CAACG,QAAQ,YAAAG,qBAAA,GAAIC,0BAAe;QACjD,CAAC,OAhBmC5B,WAAW,GAAAC,MAAA,CACjC4B,WAAW,GAAGC,4BAAa,EAAA7B,MAAA,CAgB1C;;IACD,IAAM8B,cAAc,GAAGT,MAAM,CAACU,wBAAwB,CAAC9B,eAAe,EAAE,MAAM,CAAC;IAC/E,IAAI,CAAC6B,cAAc,IAAIA,cAAc,CAACE,YAAY,EAAE;MAClDX,MAAM,CAACY,cAAc,CAAChC,eAAe,EAAE,MAAM,EAAE,EAAEiC,KAAK,EAAEnC,WAAW,CAACoC,IAAI,CAAC,CAAC,CAAC;IAC7E;IACA,OAAOlC,eAAe;EACxB,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';
+export * from './LocaleContext';
+export * from './types';

package/cjs/lib/locale/index.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;var _exportNames = { DateOrder: true, DateSeparator: true };exports.DateSeparator = exports.DateOrder = void 0;var _types = require("../date/types");exports.DateOrder = _types.InternalDateOrder;exports.DateSeparator = _types.InternalDateSeparator;
+
+var _LocaleContext = require("./LocaleContext");Object.keys(_LocaleContext).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _LocaleContext[key]) return;exports[key] = _LocaleContext[key];});
+
+var _types2 = require("./types");Object.keys(_types2).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;if (key in exports && exports[key] === _types2[key]) return;exports[key] = _types2[key];});

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","exports","DateOrder","InternalDateOrder","DateSeparator","InternalDateSeparator","_LocaleContext","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","_types2"],"sources":["index.ts"],"sourcesContent":["export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';\n\nexport * from './LocaleContext';\n\nexport * from './types';\n"],"mappings":"sJAAA,IAAAA,MAAA,GAAAC,OAAA,kBAAuGC,OAAA,CAAAC,SAAA,GAAAH,MAAA,CAAAI,iBAAA,CAAAF,OAAA,CAAAG,aAAA,GAAAL,MAAA,CAAAM,qBAAA;;AAEvG,IAAAC,cAAA,GAAAN,OAAA,oBAAAO,MAAA,CAAAC,IAAA,CAAAF,cAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAT,OAAA,IAAAA,OAAA,CAAAS,GAAA,MAAAJ,cAAA,CAAAI,GAAA,UAAAT,OAAA,CAAAS,GAAA,IAAAJ,cAAA,CAAAI,GAAA;;AAEA,IAAAK,OAAA,GAAAf,OAAA,YAAAO,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAT,OAAA,IAAAA,OAAA,CAAAS,GAAA,MAAAK,OAAA,CAAAL,GAAA,UAAAT,OAAA,CAAAS,GAAA,IAAAK,OAAA,CAAAL,GAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import type { TokenLocale } from '../../components/Token/locale';
+import type { SidePageLocale } from '../../components/SidePage/locale';
+import type { PasswordInputLocale } from '../../components/PasswordInput/locale';
+import type { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
+import type { DatePickerLocale } from '../../components/DatePicker/locale';
+import type { PagingLocale } from '../../components/Paging/locale';
+import type { SelectLocale } from '../../components/Select/locale';
+import type { TokenInputLocale } from '../../components/TokenInput/locale';
+import type { FileUploaderLocale } from '../../components/FileUploader/locale';
+import type { CalendarLocale } from '../../components/Calendar/locale/types';
+export interface LocaleControls {
+    [key: string]: any;
+    TokenInput?: Partial<TokenInputLocale>;
+    Token?: Partial<TokenLocale>;
+    ComboBox?: Partial<ComboBoxLocale>;
+    Select?: Partial<SelectLocale>;
+    Paging?: Partial<PagingLocale>;
+    DatePicker?: Partial<DatePickerLocale>;
+    Calendar?: Partial<CalendarLocale>;
+    FileUploader?: Partial<FileUploaderLocale>;
+    PasswordInput?: Partial<PasswordInputLocale>;
+    SidePage?: Partial<SidePageLocale>;
+}
+export declare enum LangCodes {
+    ru_RU = "ru_RU",
+    en_GB = "en_GB"
+}

package/cjs/lib/locale/types.js

@@ -0,0 +1,26 @@
+"use strict";exports.__esModule = true;exports.LangCodes = void 0;var
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+LangCodes = exports.LangCodes = /*#__PURE__*/function (LangCodes) {LangCodes["ru_RU"] = "ru_RU";LangCodes["en_GB"] = "en_GB";return LangCodes;}({});

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

@@ -0,0 +1 @@
+{"version":3,"names":["LangCodes","exports"],"sources":["types.ts"],"sourcesContent":["import type { TokenLocale } from '../../components/Token/locale';\nimport type { SidePageLocale } from '../../components/SidePage/locale';\nimport type { PasswordInputLocale } from '../../components/PasswordInput/locale';\nimport type { ComboBoxLocale } from '../../internal/CustomComboBox/locale';\nimport type { DatePickerLocale } from '../../components/DatePicker/locale';\nimport type { PagingLocale } from '../../components/Paging/locale';\nimport type { SelectLocale } from '../../components/Select/locale';\nimport type { TokenInputLocale } from '../../components/TokenInput/locale';\nimport type { FileUploaderLocale } from '../../components/FileUploader/locale';\nimport type { CalendarLocale } from '../../components/Calendar/locale/types';\n\nexport interface LocaleControls {\n  [key: string]: any;\n  TokenInput?: Partial<TokenInputLocale>;\n  Token?: Partial<TokenLocale>;\n  ComboBox?: Partial<ComboBoxLocale>;\n  Select?: Partial<SelectLocale>;\n  Paging?: Partial<PagingLocale>;\n  DatePicker?: Partial<DatePickerLocale>;\n  Calendar?: Partial<CalendarLocale>;\n  FileUploader?: Partial<FileUploaderLocale>;\n  PasswordInput?: Partial<PasswordInputLocale>;\n  SidePage?: Partial<SidePageLocale>;\n}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBYA,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAATA,SAAS,GAATA,SAAS,oBAATA,SAAS,2BAATA,SAAS","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+import type { LocaleControls } from './types';
+import type { 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 = exports.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]);
+};

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_LocaleContext","useLocaleForControl","exports","controlName","localeHelper","_useContext","useContext","LocaleContext","locale","langCode","localeFromContext","useMemo","Object","assign","get"],"sources":["useLocaleForControl.ts"],"sourcesContent":["import { useContext, useMemo } from 'react';\n\nimport type { LocaleControls } from './types';\nimport type { 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"],"mappings":"4EAAA,IAAAA,MAAA,GAAAC,OAAA;;;;AAIA,IAAAC,cAAA,GAAAD,OAAA;;AAEO,IAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA;AAC9BE,WAAiC;AACjCC,YAAkD;AACvB;EAC3B,IAAAC,WAAA,GAA6B,IAAAC,iBAAU,EAACC,4BAAa,CAAC,CAA9CC,MAAM,GAAAH,WAAA,CAANG,MAAM,CAAEC,QAAQ,GAAAJ,WAAA,CAARI,QAAQ;EACxB,IAAMC,iBAAiB,GAAGF,MAAM,oBAANA,MAAM,CAAGL,WAAW,CAAC;EAC/C,OAAO,IAAAQ,cAAO,EAAC,oBAAMC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAET,YAAY,CAACU,GAAG,CAACL,QAAQ,CAAC,EAAEC,iBAAiB,CAAC,IAAE,CAACD,QAAQ,EAAEC,iBAAiB,CAAC,CAAC;AACvH,CAAC","ignoreList":[]}

package/cjs/lib/memo.d.ts

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,27 @@
+"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;
+
+  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);
+      var fromCache = cache[hash];
+      if (fromCache) {
+        return fromCache;
+      }
+      var result = fn.apply(void 0, args);
+      cache[hash] = result;
+      keysCount++;
+      return result;
+    } finally {
+      if (keysCount > limit) {
+        cache = {};
+        keysCount = 0;
+      }
+    }
+  };
+}

package/cjs/lib/memo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","fn","cache","getHash","args","reduce","acc","x","keysCount","limit","_len","arguments","length","Array","_key","hash","fromCache","result","apply"],"sources":["memo.ts"],"sourcesContent":["type MemoFunction<T> = (...args: T[]) => any;\n\nexport function memo<T>(fn: MemoFunction<T>) {\n  let cache: { [key: string]: any } = {};\n  const getHash = (args: any[]) => args.reduce((acc, x) => acc + x, '');\n  let keysCount = 0;\n  const limit = 1e4;\n\n  return (...args: Parameters<MemoFunction<T>>) => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      const result = fn(...args);\n      cache[hash] = result;\n      keysCount++;\n      return result;\n    } finally {\n      if (keysCount > limit) {\n        cache = {};\n        keysCount = 0;\n      }\n    }\n  };\n}\n"],"mappings":";;AAEO,SAASA,IAAIA,CAAIC,EAAmB,EAAE;EAC3C,IAAIC,KAA6B,GAAG,CAAC,CAAC;EACtC,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIC,IAAW,UAAKA,IAAI,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,CAAC,UAAKD,GAAG,GAAGC,CAAC,IAAE,EAAE,CAAC;EACrE,IAAIC,SAAS,GAAG,CAAC;EACjB,IAAMC,KAAK,GAAG,GAAG;;EAEjB,OAAO,YAA0C;IAC/C,IAAI,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADKR,IAAI,OAAAS,KAAA,CAAAH,IAAA,GAAAI,IAAA,MAAAA,IAAA,GAAAJ,IAAA,EAAAI,IAAA,KAAJV,IAAI,CAAAU,IAAA,IAAAH,SAAA,CAAAG,IAAA;MAEX,IAAMC,IAAI,GAAGZ,OAAO,CAACC,IAAI,CAAC;MAC1B,IAAMY,SAAS,GAAGd,KAAK,CAACa,IAAI,CAAC;MAC7B,IAAIC,SAAS,EAAE;QACb,OAAOA,SAAS;MAClB;MACA,IAAMC,MAAM,GAAGhB,EAAE,CAAAiB,KAAA,SAAId,IAAI,CAAC;MAC1BF,KAAK,CAACa,IAAI,CAAC,GAAGE,MAAM;MACpBT,SAAS,EAAE;MACX,OAAOS,MAAM;IACf,CAAC,SAAS;MACR,IAAIT,SAAS,GAAGC,KAAK,EAAE;QACrBP,KAAK,GAAG,CAAC,CAAC;QACVM,SAAS,GAAG,CAAC;MACf;IACF;EACF,CAAC;AACH","ignoreList":[]}

package/cjs/lib/mergeRefs.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import type { Nullable } from '../typings/utility-types';
+type RefVariants<T> = Nullable<React.RefObject<T> | React.RefCallback<T>>;
+type RefCallback<T> = ReturnType<typeof createRefCallback<T>>;
+/**
+ * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
+ *
+ * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.
+ * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте
+ *
+ * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.
+ *
+ * @returns function that passed refs: (...refs) =>
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *  return <div ref={mergeRefs(localRef, ref)} />;
+ * });
+ */
+export declare function mergeRefs<T>(...refs: Array<RefVariants<T>>): RefCallback<T>;
+declare function createRefCallback<T>(refs: Array<RefVariants<T>>): (value: T) => void;
+export {};

package/cjs/lib/mergeRefs.js

@@ -0,0 +1,76 @@
+"use strict";exports.__esModule = true;exports.mergeRefs = mergeRefs;
+
+
+
+var _utils = require("./utils");
+
+
+
+var CALLBACK_AS_KEY = { callbackAsKey: true };
+
+
+
+
+var cache = new WeakMap();
+
+/**
+ * Позволяет объединить несколько параметров ref в один вызов, в котором во все переданные параметры просетится ref.
+ *
+ * Кеширует результат возвращаемой функции, так что при одинаковых входных параметрах React-у будет возвращена одинаковая функция.
+ * Это позволит не вызывать лишние commitAttachRef и commitDetachRef и не ловить сайдэффекты связанные со значением ref в моменте
+ *
+ * Не прокидывай в параметрах стрелочные функции, так результат не будет закеширован.
+ *
+ * @returns function that passed refs: (...refs) =>
+ *
+ * @example
+ * const SomeComponent = forwardRef((props, ref) => {
+ *  const localRef = useRef();
+ *  return <div ref={mergeRefs(localRef, ref)} />;
+ * });
+ */
+function mergeRefs() {for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {refs[_key] = arguments[_key];}
+  var cacheLevel = getLeafRefInCache.apply(void 0, refs);
+
+  var cachedCallback = cacheLevel.get(CALLBACK_AS_KEY);
+  if (cachedCallback && typeof cachedCallback === 'function') {
+    return cachedCallback;
+  }
+
+  var newRefCallback = createRefCallback(refs);
+  cacheLevel.set(CALLBACK_AS_KEY, newRefCallback);
+
+  return newRefCallback;
+}
+
+function createRefCallback(refs) {
+  function applyRef(value) {
+    refs.forEach(function (ref) {
+      if (typeof ref === 'function') {
+        return ref(value);
+      } else if ((0, _utils.isNonNullable)(ref)) {
+        return ref.current = value;
+      }
+    });
+  }
+  return applyRef;
+}
+
+function getLeafRefInCache() {
+  var cacheLevel = cache;for (var _len2 = arguments.length, refs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {refs[_key2] = arguments[_key2];}
+  for (var _i = 0, _refs = refs; _i < _refs.length; _i++) {var ref = _refs[_i];
+    if ((0, _utils.isNullable)(ref)) {
+      continue;
+    }
+    var child = cacheLevel.get(ref);
+
+    if (child && typeof child !== 'function') {
+      cacheLevel = child;
+    } else {
+      var leaf = new WeakMap();
+      cacheLevel.set(ref, leaf);
+      cacheLevel = leaf;
+    }
+  }
+  return cacheLevel;
+}