@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-ecefada396

package/lib/locale/LOCALECONTEXT.md

@@ -0,0 +1,221 @@
+Локализации компонентов через контекст `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/lib/locale/LocaleContext/LocaleContext.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { defaultLangCode } from "../constants";
+export var LocaleContext = /*#__PURE__*/React.createContext({
+  locale: {},
+  langCode: defaultLangCode
+});
+LocaleContext.displayName = 'LocaleContext';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["LocaleContext.ts"],"names":["React","defaultLangCode","LocaleContext","createContext","locale","langCode","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,eAAT,QAAgC,aAAhC;;;;;;;AAOA,OAAO,IAAMC,aAAa,gBAAGF,KAAK,CAACG,aAAN,CAAwC;AACnEC,EAAAA,MAAM,EAAE,EAD2D;AAEnEC,EAAAA,QAAQ,EAAEJ,eAFyD,EAAxC,CAAtB;;;AAKPC,aAAa,CAACI,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/lib/locale/LocaleContext/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/LocaleContext.js",
+  "module": "LocaleContext",
+  "types": "../LocaleContext.d.ts",
+  "sideEffects": false
+}

package/lib/locale/LocaleContext.d.ts

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

package/lib/locale/LocaleHelper/LocaleHelper.js

@@ -0,0 +1,25 @@
+import { defaultLangCode } from "../constants";
+export var LocaleHelper = /*#__PURE__*/function () {
+  function LocaleHelper(locales, langCode) {
+    if (langCode === void 0) {
+      langCode = defaultLangCode;
+    }
+
+    this.locales = void 0;
+    this.defaultLangCode = void 0;
+    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/lib/locale/LocaleHelper/LocaleHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LocaleHelper.ts"],"names":["defaultLangCode","LocaleHelper","locales","langCode","get"],"mappings":"AAAA,SAASA,eAAT,QAAgC,aAAhC;;;AAGA,WAAaC,YAAb;;;;AAIE,wBAAmBC,OAAnB,EAAwDC,QAAxD,EAA+F,KAAvCA,QAAuC,cAAvCA,QAAuC,GAAjBH,eAAiB,OAH9EE,OAG8E,eAF9EF,eAE8E;AAC7F,SAAKE,OAAL,GAAeA,OAAf;AACA,SAAKF,eAAL,GAAuBG,QAAvB;AACD,GAPH;;AASSC,EAAAA,GATT,GASE,aAAWD,QAAX,EAA0D,KAA/CA,QAA+C,cAA/CA,QAA+C,GAAzB,KAAKH,eAAoB;AACxD,WAAO,KAAKE,OAAL,CAAaC,QAAb,KAA0B,KAAKD,OAAL,CAAa,KAAKF,eAAlB,CAA1B,IAAiE,EAAxE;AACD,GAXH","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/lib/locale/LocaleHelper/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/LocaleHelper.js",
+  "module": "LocaleHelper",
+  "types": "../LocaleHelper.d.ts",
+  "sideEffects": false
+}

package/lib/locale/LocaleHelper.d.ts

@@ -0,0 +1,9 @@
+import { 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/lib/locale/constants/constants.js

@@ -0,0 +1,2 @@
+import { LangCodes } from "../types";
+export var defaultLangCode = LangCodes.ru_RU;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["constants.ts"],"names":["LangCodes","defaultLangCode","ru_RU"],"mappings":"AAAA,SAASA,SAAT,QAA0B,SAA1B;;AAEA,OAAO,IAAMC,eAAoC,GAAGD,SAAS,CAACE,KAAvD","sourcesContent":["import { LangCodes } from './types';\n\nexport const defaultLangCode: Readonly<LangCodes> = LangCodes.ru_RU;\n"]}

package/lib/locale/constants/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/constants.js",
+  "module": "constants",
+  "types": "../constants.d.ts",
+  "sideEffects": false
+}

package/lib/locale/constants.d.ts

@@ -0,0 +1,2 @@
+import { LangCodes } from './types';
+export declare const defaultLangCode: Readonly<LangCodes>;

package/lib/locale/decorators/decorators.js

@@ -0,0 +1,57 @@
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import { defaultLangCode } from "../constants";
+import { LocaleContext } from "../LocaleContext";
+export function locale(controlName, localeHelper) {
+  return function (constructor) {
+    var _class, _temp;
+
+    var LocaleDecorator = (_temp = _class = /*#__PURE__*/function (_constructor) {
+      _inheritsLoose(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;
+      }
+
+      _createClass(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 : defaultLangCode;
+        }
+      }]);
+
+      return LocaleDecorator;
+    }(constructor), _class.contextType = LocaleContext, _temp);
+    var nameDescriptor = Object.getOwnPropertyDescriptor(LocaleDecorator, 'name');
+
+    if (!nameDescriptor || nameDescriptor.configurable) {
+      Object.defineProperty(LocaleDecorator, 'name', {
+        value: constructor.name
+      });
+    }
+
+    return LocaleDecorator;
+  };
+}

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

@@ -0,0 +1 @@
+{"version":3,"sources":["decorators.tsx"],"names":["defaultLangCode","LocaleContext","locale","controlName","localeHelper","constructor","LocaleDecorator","context","localeFromContext","Object","assign","get","langCode","l","contextType","nameDescriptor","getOwnPropertyDescriptor","configurable","defineProperty","value","name"],"mappings":";;AAEA,SAASA,eAAT,QAAgC,aAAhC;AACA,SAASC,aAAT,QAA8B,iBAA9B;;;;AAIA,OAAO,SAASC,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;;AAMnB,uBAAuB;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;;AAWnB,qBAAkBK,CAAlB,EAAwB;AACtB;AACD,SAbkB;;AAenB,uBAAiC;AAC/B,0CAAO,KAAKN,OAAL,CAAaK,QAApB,oCAAgCZ,eAAhC;AACD,SAjBkB,8BAAiBK,WAAjB,UACLS,WADK,GACSb,aADT,QAArB;;;AAoBA,QAAMc,cAAc,GAAGN,MAAM,CAACO,wBAAP,CAAgCV,eAAhC,EAAiD,MAAjD,CAAvB;AACA,QAAI,CAACS,cAAD,IAAmBA,cAAc,CAACE,YAAtC,EAAoD;AAClDR,MAAAA,MAAM,CAACS,cAAP,CAAsBZ,eAAtB,EAAuC,MAAvC,EAA+C,EAAEa,KAAK,EAAEd,WAAW,CAACe,IAArB,EAA/C;AACD;;AAED,WAAOd,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/lib/locale/decorators/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/decorators.js",
+  "module": "decorators",
+  "types": "../decorators.d.ts",
+  "sideEffects": false
+}

package/lib/locale/decorators.d.ts

@@ -0,0 +1,36 @@
+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>(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<{}> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        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/lib/locale/index/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["InternalDateOrder","DateOrder","InternalDateSeparator","DateSeparator"],"mappings":"AAAA,SAASA,iBAAiB,IAAIC,SAA9B,EAAyCC,qBAAqB,IAAIC,aAAlE,QAAuF,eAAvF;;AAEA,cAAc,iBAAd;;AAEA,cAAc,SAAd","sourcesContent":["export { InternalDateOrder as DateOrder, InternalDateSeparator as DateSeparator } from '../date/types';\n\nexport * from './LocaleContext';\n\nexport * from './types';\n"]}

package/lib/locale/index/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/index.js",
+  "module": "index",
+  "types": "../index.d.ts",
+  "sideEffects": false
+}

package/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/lib/locale/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/locale/index.js",
+  "module": "index",
+  "types": "index.d.ts",
+  "sideEffects": false
+}

package/lib/locale/types/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/locale/types.js",
+  "module": "types",
+  "types": "../types.d.ts",
+  "sideEffects": false
+}

package/lib/locale/types/types.js

@@ -0,0 +1,6 @@
+export var LangCodes;
+
+(function (LangCodes) {
+  LangCodes["ru_RU"] = "ru_RU";
+  LangCodes["en_GB"] = "en_GB";
+})(LangCodes || (LangCodes = {}));

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

@@ -0,0 +1 @@
+{"version":3,"sources":["types.ts"],"names":["LangCodes"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,WAAYA,SAAZ,C,WAAYA,S,GAAAA,S,oBAAAA,S,uBAAAA,S,KAAAA,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';\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}\n\nexport enum LangCodes {\n  ru_RU = 'ru_RU',\n  en_GB = 'en_GB',\n}\n"]}

package/lib/locale/types.d.ts

@@ -0,0 +1,19 @@
+import { ComboBoxLocale } from '../../internal/CustomComboBox/locale';
+import { DatePickerLocale } from '../../components/DatePicker/locale';
+import { PagingLocale } from '../../components/Paging/locale';
+import { SelectLocale } from '../../components/Select/locale';
+import { SpinnerLocale } from '../../components/Spinner/locale';
+import { TokenInputLocale } from '../../components/TokenInput/locale';
+export interface LocaleControls {
+    [key: string]: any;
+    Spinner?: Partial<SpinnerLocale>;
+    TokenInput?: Partial<TokenInputLocale>;
+    ComboBox?: Partial<ComboBoxLocale>;
+    Select?: Partial<SelectLocale>;
+    Paging?: Partial<PagingLocale>;
+    DatePicker?: Partial<DatePickerLocale>;
+}
+export declare enum LangCodes {
+    ru_RU = "ru_RU",
+    en_GB = "en_GB"
+}

package/lib/memo/memo.js

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

package/lib/memo/memo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["memo.ts"],"names":["memo","fn","cache","getHash","args","reduce","acc","x","keysCount","limit","hash","fromCache","result"],"mappings":"AAAA,OAAO,SAASA,IAAT,CAAiBC,EAAjB,EAA2B;AAChC,MAAIC,KAA6B,GAAG,EAApC;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,UAAiBA,IAAI,CAACC,MAAL,CAAY,UAACC,GAAD,EAAMC,CAAN,UAAYD,GAAG,GAAGC,CAAlB,EAAZ,EAAiC,EAAjC,CAAjB,EAAhB;AACA,MAAIC,SAAS,GAAG,CAAhB;AACA,MAAMC,KAAK,GAAG,GAAd;;AAEA;AACA,SAAO,YAAa;AAClB,QAAI,mCADKL,IACL,oDADKA,IACL;AACF,UAAMM,IAAI,GAAGP,OAAO,CAACC,IAAD,CAApB;AACA,UAAMO,SAAS,GAAGT,KAAK,CAACQ,IAAD,CAAvB;AACA,UAAIC,SAAJ,EAAe;AACb,eAAOA,SAAP;AACD;AACD;AACA,UAAMC,MAAM,GAAGX,EAAE,MAAF,SAAMG,IAAN,CAAf;AACAF,MAAAA,KAAK,CAACQ,IAAD,CAAL,GAAcE,MAAd;AACAJ,MAAAA,SAAS;AACT,aAAOI,MAAP;AACD,KAXD,SAWU;AACR,UAAIJ,SAAS,GAAGC,KAAhB,EAAuB;AACrBP,QAAAA,KAAK,GAAG,EAAR;AACAM,QAAAA,SAAS,GAAG,CAAZ;AACD;AACF;AACF,GAlBD;AAmBD","sourcesContent":["export function memo<T>(fn: T): 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  // @ts-ignore\n  return (...args) => {\n    try {\n      const hash = getHash(args);\n      const fromCache = cache[hash];\n      if (fromCache) {\n        return fromCache;\n      }\n      // @ts-ignore\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"]}

package/lib/memo/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/memo.js",
+  "module": "memo",
+  "types": "../memo.d.ts",
+  "sideEffects": false
+}

package/lib/memo.d.ts

@@ -0,0 +1 @@
+export declare function memo<T>(fn: T): T;

package/lib/net/fetch/fetch.js

@@ -0,0 +1,39 @@
+export function fetch(uri, options) {
+  if (options === void 0) {
+    options = {};
+  }
+
+  var method = options.method || 'GET';
+  var xhr = createXHR();
+  var promise = new Promise(function (resolve, reject) {
+    xhr.onerror = reject;
+    xhr.ontimeout = reject;
+
+    xhr.onload = function () {
+      resolve({
+        ok: xhr.status >= 200 && xhr.status < 300,
+        status: xhr.status,
+        statusText: xhr.statusText,
+        text: function text() {
+          return Promise.resolve(xhr.responseText);
+        },
+        json: function json() {
+          return Promise.resolve(JSON.parse(xhr.responseText));
+        }
+      });
+    };
+  });
+  xhr.open(method, uri);
+  xhr.send(options.body);
+  return promise;
+}
+
+function createXHR() {
+  // @ts-ignore
+  if (global.XDomainRequest) {
+    // @ts-ignore
+    return new XDomainRequest();
+  }
+
+  return new XMLHttpRequest();
+}

package/lib/net/fetch/fetch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["fetch.ts"],"names":["fetch","uri","options","method","xhr","createXHR","promise","Promise","resolve","reject","onerror","ontimeout","onload","ok","status","statusText","text","responseText","json","JSON","parse","open","send","body","global","XDomainRequest","XMLHttpRequest"],"mappings":";;;;;;;;;;AAUA,OAAO,SAASA,KAAT,CAAeC,GAAf,EAA4BC,OAA5B,EAA8F,KAAlEA,OAAkE,cAAlEA,OAAkE,GAAZ,EAAY;AACnG,MAAMC,MAAM,GAAGD,OAAO,CAACC,MAAR,IAAkB,KAAjC;AACA,MAAMC,GAAG,GAAGC,SAAS,EAArB;;AAEA,MAAMC,OAAO,GAAG,IAAIC,OAAJ,CAA6B,UAACC,OAAD,EAAUC,MAAV,EAAqB;AAChEL,IAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACAL,IAAAA,GAAG,CAACO,SAAJ,GAAgBF,MAAhB;;AAEAL,IAAAA,GAAG,CAACQ,MAAJ,GAAa,YAAM;AACjBJ,MAAAA,OAAO,CAAC;AACNK,QAAAA,EAAE,EAAET,GAAG,CAACU,MAAJ,IAAc,GAAd,IAAqBV,GAAG,CAACU,MAAJ,GAAa,GADhC;AAENA,QAAAA,MAAM,EAAEV,GAAG,CAACU,MAFN;AAGNC,QAAAA,UAAU,EAAEX,GAAG,CAACW,UAHV;AAINC,QAAAA,IAAI,EAAE,wBAAMT,OAAO,CAACC,OAAR,CAAgBJ,GAAG,CAACa,YAApB,CAAN,EAJA;AAKNC,QAAAA,IAAI,EAAE,wBAAMX,OAAO,CAACC,OAAR,CAAgBW,IAAI,CAACC,KAAL,CAAWhB,GAAG,CAACa,YAAf,CAAhB,CAAN,EALA,EAAD,CAAP;;AAOD,KARD;AASD,GAbe,CAAhB;;AAeAb,EAAAA,GAAG,CAACiB,IAAJ,CAASlB,MAAT,EAAiBF,GAAjB;AACAG,EAAAA,GAAG,CAACkB,IAAJ,CAASpB,OAAO,CAACqB,IAAjB;;AAEA,SAAOjB,OAAP;AACD;;AAED,SAASD,SAAT,GAAqB;AACnB;AACA,MAAImB,MAAM,CAACC,cAAX,EAA2B;AACzB;AACA,WAAO,IAAIA,cAAJ,EAAP;AACD;AACD,SAAO,IAAIC,cAAJ,EAAP;AACD","sourcesContent":["interface ApiResponseType {\n  ok: boolean;\n  status: number;\n  statusText: string;\n  text: () => Promise<string>;\n  json: () => Promise<Record<string, any>>;\n}\n\ntype Result = Promise<ApiResponseType>;\n\nexport function fetch(uri: string, options: { method?: 'GET' | 'POST'; body?: string } = {}): Result {\n  const method = options.method || 'GET';\n  const xhr = createXHR();\n\n  const promise = new Promise<ApiResponseType>((resolve, reject) => {\n    xhr.onerror = reject;\n    xhr.ontimeout = reject;\n\n    xhr.onload = () => {\n      resolve({\n        ok: xhr.status >= 200 && xhr.status < 300,\n        status: xhr.status,\n        statusText: xhr.statusText,\n        text: () => Promise.resolve(xhr.responseText),\n        json: () => Promise.resolve(JSON.parse(xhr.responseText)),\n      });\n    };\n  });\n\n  xhr.open(method, uri);\n  xhr.send(options.body);\n\n  return promise;\n}\n\nfunction createXHR() {\n  // @ts-ignore\n  if (global.XDomainRequest) {\n    // @ts-ignore\n    return new XDomainRequest();\n  }\n  return new XMLHttpRequest();\n}\n"]}

package/lib/net/fetch/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/net/fetch.js",
+  "module": "fetch",
+  "types": "../fetch.d.ts",
+  "sideEffects": false
+}

package/lib/net/fetch.d.ts

@@ -0,0 +1,13 @@
+interface ApiResponseType {
+    ok: boolean;
+    status: number;
+    statusText: string;
+    text: () => Promise<string>;
+    json: () => Promise<Record<string, any>>;
+}
+declare type Result = Promise<ApiResponseType>;
+export declare function fetch(uri: string, options?: {
+    method?: 'GET' | 'POST';
+    body?: string;
+}): Result;
+export {};

package/lib/polyfillPlaceholder/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../cjs/lib/polyfillPlaceholder.js",
+  "module": "polyfillPlaceholder",
+  "types": "../polyfillPlaceholder.d.ts",
+  "sideEffects": false
+}

package/lib/polyfillPlaceholder/polyfillPlaceholder.js

@@ -0,0 +1,12 @@
+import { canUseDOM } from "../client";
+var polyfilled = false;
+
+if (canUseDOM) {
+  var sAgent = window.navigator.userAgent;
+
+  if (!('placeholder' in document.createElement('input')) || !!/Trident\/7\./.exec(navigator.userAgent) || sAgent.indexOf('MSIE') > 0) {
+    polyfilled = true;
+  }
+}
+
+export var polyfillPlaceholder = polyfilled;