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

package/components/TokenInput/TokenInput.styles/package.json

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

package/components/TokenInput/TokenInput.styles.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    label(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    labelFocused(t: Theme): string;
+    labelDisabled(t: Theme): string;
+    input(t: Theme): string;
+    helperContainer(t: Theme): string;
+    helperText(t: Theme): string;
+    helperTextEditing(t: Theme): string;
+    inputDisabled(t: Theme): string;
+    inputEditing(t: Theme): string;
+    reservedInput(t: Theme): string;
+};

package/components/TokenInput/TokenInputMenu/TokenInputMenu.js

@@ -0,0 +1,95 @@
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import React from 'react';
+import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
+import { Popup } from "../../../internal/Popup";
+import { ComboBoxMenu } from "../../../internal/CustomComboBox";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+export var TokenInputMenu = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(TokenInputMenu, _React$Component);
+
+  function TokenInputMenu() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.theme = void 0;
+    _this.menu = null;
+
+    _this.getMenuRef = function () {
+      return _this.menu;
+    };
+
+    _this.getPopupMargin = function () {
+      var paddingY = parseInt(_this.theme.tokenInputPaddingY, 10) || 0;
+      var outlineWidth = parseInt(_this.theme.controlOutlineWidth, 10) || 0;
+      var marginY = parseInt(_this.theme.tokenMarginY, 10) || 0;
+      return paddingY + outlineWidth + marginY;
+    };
+
+    _this.menuRef = function (node) {
+      return _this.menu = node;
+    };
+
+    return _this;
+  }
+
+  var _proto = TokenInputMenu.prototype;
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
+        value: ThemeFactory.create({
+          popupMargin: _this2.getPopupMargin() + 'px'
+        }, theme)
+      }, _this2.renderMain());
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$props = this.props,
+        loading = _this$props.loading,
+        maxMenuHeight = _this$props.maxMenuHeight,
+        renderTotalCount = _this$props.renderTotalCount,
+        totalCount = _this$props.totalCount,
+        opened = _this$props.opened,
+        items = _this$props.items,
+        renderNotFound = _this$props.renderNotFound,
+        renderItem = _this$props.renderItem,
+        onValueChange = _this$props.onValueChange,
+        renderAddButton = _this$props.renderAddButton,
+        anchorElement = _this$props.anchorElement,
+        menuWidth = _this$props.menuWidth,
+        menuAlign = _this$props.menuAlign;
+    return /*#__PURE__*/React.createElement(Popup, {
+      opened: opened,
+      positions: ['bottom left', 'top left'],
+      anchorElement: anchorElement,
+      popupOffset: menuAlign === 'left' ? 0 : 5,
+      margin: menuAlign === 'left' ? 1 : undefined,
+      hasShadow: true,
+      width: menuAlign === 'cursor' ? 'auto' : menuWidth,
+      withoutMobile: true
+    }, /*#__PURE__*/React.createElement(ComboBoxMenu, {
+      items: items,
+      loading: loading,
+      maxMenuHeight: maxMenuHeight,
+      onValueChange: onValueChange,
+      opened: opened,
+      refMenu: this.menuRef,
+      renderTotalCount: renderTotalCount,
+      renderItem: renderItem,
+      renderNotFound: renderNotFound,
+      totalCount: totalCount,
+      renderAddButton: renderAddButton
+    }));
+  };
+
+  return TokenInputMenu;
+}(React.Component);
+TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';

package/components/TokenInput/TokenInputMenu/TokenInputMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TokenInputMenu.tsx"],"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","TokenInputMenu","theme","menu","getMenuRef","getPopupMargin","paddingY","parseInt","tokenInputPaddingY","outlineWidth","controlOutlineWidth","marginY","tokenMarginY","menuRef","node","render","create","popupMargin","renderMain","props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","undefined","Component","__KONTUR_REACT_UI__"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup } from '../../internal/Popup';\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { Menu } from '../../internal/Menu';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: HTMLElement;\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  menuAlign: TokenInputMenuAlign;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n\n  private theme!: Theme;\n\n  private menu: Menu | null = null;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <ThemeContext.Provider\n              value={ThemeFactory.create(\n                {\n                  popupMargin: this.getPopupMargin() + 'px',\n                },\n                theme,\n              )}\n            >\n              {this.renderMain()}\n            </ThemeContext.Provider>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public getMenuRef = (): any | null => this.menu;\n\n  private renderMain() {\n    const {\n      loading,\n      maxMenuHeight,\n      renderTotalCount,\n      totalCount,\n      opened,\n      items,\n      renderNotFound,\n      renderItem,\n      onValueChange,\n      renderAddButton,\n      anchorElement,\n      menuWidth,\n      menuAlign,\n    } = this.props;\n\n    return (\n      <Popup\n        opened={opened!}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={menuAlign === 'left' ? 0 : 5}\n        margin={menuAlign === 'left' ? 1 : undefined}\n        hasShadow={true}\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          items={items}\n          loading={loading}\n          maxMenuHeight={maxMenuHeight}\n          onValueChange={onValueChange}\n          opened={opened}\n          refMenu={this.menuRef}\n          renderTotalCount={renderTotalCount}\n          renderItem={renderItem}\n          renderNotFound={renderNotFound}\n          totalCount={totalCount}\n          renderAddButton={renderAddButton}\n        />\n      </Popup>\n    );\n  }\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginY, 10) || 0;\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"]}

package/components/TokenInput/TokenInputMenu/package.json

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

package/components/TokenInput/TokenInputMenu.d.ts

@@ -1,16 +1,18 @@
-import * as React from 'react';
-import { ComboBoxMenuProps } from '../CustomComboBox/ComboBoxMenu';
-export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: HTMLElement;
-    inputValue: string;
-    showAddItemHint?: boolean;
-    onAddItem: (item: string) => void;
-}
-export default class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
-    private readonly locale;
-    private menu;
-    render(): JSX.Element;
-    getMenuRef: () => any;
-    private menuRef;
-    private renderAddButton;
-}
+import React from 'react';
+import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
+import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
+export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
+    anchorElement: HTMLElement;
+    menuWidth: TokenInputProps<string>['menuWidth'];
+    menuAlign: TokenInputMenuAlign;
+}
+export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    private theme;
+    private menu;
+    render(): JSX.Element;
+    getMenuRef: () => any | null;
+    private renderMain;
+    private getPopupMargin;
+    private menuRef;
+}

package/components/TokenInput/TokenInputReducer/TokenInputReducer.js

@@ -0,0 +1,141 @@
+import { DefaultState } from "../TokenInput";
+export var TokenActions = {
+  SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',
+  SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',
+  UPDATE_QUERY: 'UPDATE_QUERY',
+  SET_FOCUS_IN: 'SET_FOCUS_IN',
+  SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',
+  BLUR: 'BLUR',
+  SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',
+  SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',
+  REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',
+  SET_LOADING: 'SET_LOADING',
+  CLEAR_INPUT: 'CLEAR_INPUT',
+  RESET: 'RESET',
+  SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',
+  REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',
+  SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',
+  REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY'
+};
+export function tokenInputReducer(state, action) {
+  var payload = action.payload;
+
+  switch (action.type) {
+    case TokenActions.SET_INPUT_VALUE_WIDTH:
+      {
+        return {
+          inputValueWidth: payload
+        };
+      }
+
+    case TokenActions.SET_INPUT_VALUE_HEIGHT:
+      {
+        return {
+          inputValueHeight: payload
+        };
+      }
+
+    case TokenActions.UPDATE_QUERY:
+      {
+        return {
+          inputValue: payload
+        };
+      }
+
+    case TokenActions.SET_FOCUS_IN:
+      {
+        return {
+          inFocus: true
+        };
+      }
+
+    case TokenActions.SET_PREVENT_BLUR:
+      {
+        return {
+          preventBlur: payload
+        };
+      }
+
+    case TokenActions.SET_AUTOCOMPLETE_ITEMS:
+      {
+        return {
+          autocompleteItems: payload
+        };
+      }
+
+    case TokenActions.SET_ACTIVE_TOKENS:
+      {
+        return {
+          activeTokens: payload
+        };
+      }
+
+    case TokenActions.BLUR:
+      {
+        return {
+          inFocus: false,
+          preventBlur: false,
+          autocompleteItems: undefined,
+          activeTokens: []
+        };
+      }
+
+    case TokenActions.REMOVE_ALL_ACTIVE_TOKENS:
+      {
+        return {
+          activeTokens: []
+        };
+      }
+
+    case TokenActions.CLEAR_INPUT:
+      {
+        return {
+          inputValue: '',
+          autocompleteItems: undefined
+        };
+      }
+
+    case TokenActions.SET_LOADING:
+      {
+        return {
+          loading: payload
+        };
+      }
+
+    case TokenActions.RESET:
+      {
+        return DefaultState;
+      }
+
+    case TokenActions.SET_EDITING_TOKEN_INDEX:
+      {
+        return {
+          editingTokenIndex: payload
+        };
+      }
+
+    case TokenActions.REMOVE_EDITING_TOKEN_INDEX:
+      {
+        return {
+          editingTokenIndex: -1
+        };
+      }
+
+    case TokenActions.SET_TEMPORARY_QUERY:
+      {
+        return {
+          reservedInputValue: payload
+        };
+      }
+
+    case TokenActions.REMOVE_TEMPORARY_QUERY:
+      {
+        return {
+          reservedInputValue: undefined
+        };
+      }
+
+    default:
+      return state;
+  }
+}

package/components/TokenInput/TokenInputReducer/TokenInputReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["TokenInputReducer.ts"],"names":["DefaultState","TokenActions","SET_INPUT_VALUE_WIDTH","SET_INPUT_VALUE_HEIGHT","UPDATE_QUERY","SET_FOCUS_IN","SET_PREVENT_BLUR","BLUR","SET_AUTOCOMPLETE_ITEMS","SET_ACTIVE_TOKENS","REMOVE_ALL_ACTIVE_TOKENS","SET_LOADING","CLEAR_INPUT","RESET","SET_EDITING_TOKEN_INDEX","REMOVE_EDITING_TOKEN_INDEX","SET_TEMPORARY_QUERY","REMOVE_TEMPORARY_QUERY","tokenInputReducer","state","action","payload","type","inputValueWidth","inputValueHeight","inputValue","inFocus","preventBlur","autocompleteItems","activeTokens","undefined","loading","editingTokenIndex","reservedInputValue"],"mappings":"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","sourcesContent":["import { TokenInputState, DefaultState } from './TokenInput';\n\nexport interface TokenInputAction {\n  type: TokenInputActionType;\n  payload?: any;\n}\n\nexport const TokenActions = {\n  SET_INPUT_VALUE_WIDTH: 'SET_INPUT_VALUE_WIDTH',\n  SET_INPUT_VALUE_HEIGHT: 'SET_INPUT_VALUE_HEIGHT',\n  UPDATE_QUERY: 'UPDATE_QUERY',\n  SET_FOCUS_IN: 'SET_FOCUS_IN',\n  SET_PREVENT_BLUR: 'SET_PREVENT_BLUR',\n  BLUR: 'BLUR',\n  SET_AUTOCOMPLETE_ITEMS: 'SET_AUTOCOMPLETE_ITEMS',\n  SET_ACTIVE_TOKENS: 'SET_ACTIVE_TOKENS',\n  REMOVE_ALL_ACTIVE_TOKENS: 'REMOVE_ALL_ACTIVE_TOKENS',\n  SET_LOADING: 'SET_LOADING',\n  CLEAR_INPUT: 'CLEAR_INPUT',\n  RESET: 'RESET',\n  SET_EDITING_TOKEN_INDEX: 'SET_EDITING_TOKEN_INDEX',\n  REMOVE_EDITING_TOKEN_INDEX: 'REMOVE_EDITING_TOKEN_INDEX',\n  SET_TEMPORARY_QUERY: 'SET_TEMPORARY_QUERY',\n  REMOVE_TEMPORARY_QUERY: 'REMOVE_TEMPORARY_QUERY',\n};\n\nexport type TokenInputActionType = keyof typeof TokenActions;\n\nexport function tokenInputReducer<T = string>(\n  state: TokenInputState<T>,\n  action: TokenInputAction,\n): Pick<TokenInputState<T>, never> {\n  const payload = action.payload;\n  switch (action.type) {\n    case TokenActions.SET_INPUT_VALUE_WIDTH: {\n      return { inputValueWidth: payload };\n    }\n    case TokenActions.SET_INPUT_VALUE_HEIGHT: {\n      return { inputValueHeight: payload };\n    }\n    case TokenActions.UPDATE_QUERY: {\n      return { inputValue: payload };\n    }\n    case TokenActions.SET_FOCUS_IN: {\n      return { inFocus: true };\n    }\n    case TokenActions.SET_PREVENT_BLUR: {\n      return { preventBlur: payload };\n    }\n    case TokenActions.SET_AUTOCOMPLETE_ITEMS: {\n      return { autocompleteItems: payload };\n    }\n    case TokenActions.SET_ACTIVE_TOKENS: {\n      return { activeTokens: payload };\n    }\n    case TokenActions.BLUR: {\n      return {\n        inFocus: false,\n        preventBlur: false,\n        autocompleteItems: undefined,\n        activeTokens: [],\n      };\n    }\n    case TokenActions.REMOVE_ALL_ACTIVE_TOKENS: {\n      return { activeTokens: [] };\n    }\n    case TokenActions.CLEAR_INPUT: {\n      return { inputValue: '', autocompleteItems: undefined };\n    }\n    case TokenActions.SET_LOADING: {\n      return {\n        loading: payload,\n      };\n    }\n    case TokenActions.RESET: {\n      return DefaultState;\n    }\n    case TokenActions.SET_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: payload };\n    }\n    case TokenActions.REMOVE_EDITING_TOKEN_INDEX: {\n      return { editingTokenIndex: -1 };\n    }\n    case TokenActions.SET_TEMPORARY_QUERY: {\n      return { reservedInputValue: payload };\n    }\n    case TokenActions.REMOVE_TEMPORARY_QUERY: {\n      return { reservedInputValue: undefined };\n    }\n    default:\n      return state;\n  }\n}\n"]}

package/components/TokenInput/TokenInputReducer/package.json

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

package/components/TokenInput/TokenInputReducer.d.ts

@@ -1,91 +1,25 @@
-import { TokenInputState } from './TokenInput';
-export interface TokenInputAction {
-    type: TokenInputActionType;
-    payload?: any;
-}
-export declare const TokenActions: {
-    SET_INPUT_VALUE_WIDTH: string;
-    UPDATE_QUERY: string;
-    SET_FOCUS_IN: string;
-    SET_PREVENT_BLUR: string;
-    BLUR: string;
-    SET_AUTOCOMPLETE_ITEMS: string;
-    SET_ACTIVE_TOKENS: string;
-    REMOVE_ALL_ACTIVE_TOKENS: string;
-    SET_LOADING: string;
-    CLEAR_INPUT: string;
-};
-export declare type TokenInputActionType = keyof typeof TokenActions;
-export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): TokenInputState<T> | {
-    inputValueWidth: any;
-    inputValue?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    autocompleteItems?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    inputValue: any;
-    inputValueWidth?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    autocompleteItems?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    inFocus: boolean;
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    preventBlur?: undefined;
-    autocompleteItems?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    preventBlur: any;
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    inFocus?: undefined;
-    autocompleteItems?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    autocompleteItems: any;
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    activeTokens: any;
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    autocompleteItems?: undefined;
-    loading?: undefined;
-} | {
-    inFocus: boolean;
-    preventBlur: boolean;
-    autocompleteItems: undefined;
-    activeTokens: never[];
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    loading?: undefined;
-} | {
-    inputValue: string;
-    autocompleteItems: undefined;
-    inputValueWidth?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    activeTokens?: undefined;
-    loading?: undefined;
-} | {
-    loading: any;
-    inputValueWidth?: undefined;
-    inputValue?: undefined;
-    inFocus?: undefined;
-    preventBlur?: undefined;
-    autocompleteItems?: undefined;
-    activeTokens?: undefined;
-};
+import { TokenInputState } from './TokenInput';
+export interface TokenInputAction {
+    type: TokenInputActionType;
+    payload?: any;
+}
+export declare const TokenActions: {
+    SET_INPUT_VALUE_WIDTH: string;
+    SET_INPUT_VALUE_HEIGHT: string;
+    UPDATE_QUERY: string;
+    SET_FOCUS_IN: string;
+    SET_PREVENT_BLUR: string;
+    BLUR: string;
+    SET_AUTOCOMPLETE_ITEMS: string;
+    SET_ACTIVE_TOKENS: string;
+    REMOVE_ALL_ACTIVE_TOKENS: string;
+    SET_LOADING: string;
+    CLEAR_INPUT: string;
+    RESET: string;
+    SET_EDITING_TOKEN_INDEX: string;
+    REMOVE_EDITING_TOKEN_INDEX: string;
+    SET_TEMPORARY_QUERY: string;
+    REMOVE_TEMPORARY_QUERY: string;
+};
+export declare type TokenInputActionType = keyof typeof TokenActions;
+export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;

package/components/TokenInput/index/index.js

@@ -0,0 +1 @@
+export * from "../TokenInput";

package/components/TokenInput/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAd","sourcesContent":["export * from './TokenInput';\n"]}

package/components/TokenInput/index/package.json

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

package/components/TokenInput/index.d.ts

@@ -1 +1 @@
-export { default, TokenInputProps, TokenInputState, TokenInputType } from './TokenInput';
+export * from './TokenInput';

package/components/TokenInput/locale/index/index.js

@@ -0,0 +1,8 @@
+import { LocaleHelper } from "../../../../lib/locale/LocaleHelper";
+import { componentsLocales as en_GB } from "../locales/en";
+import { componentsLocales as ru_RU } from "../locales/ru";
+export * from "../types";
+export var TokenInputLocaleHelper = new LocaleHelper({
+  ru_RU: ru_RU,
+  en_GB: en_GB
+});

package/components/TokenInput/locale/index/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["LocaleHelper","componentsLocales","en_GB","ru_RU","TokenInputLocaleHelper"],"mappings":"AAAA,SAASA,YAAT,QAA6B,kCAA7B;;AAEA,SAASC,iBAAiB,IAAIC,KAA9B,QAA2C,cAA3C;AACA,SAASD,iBAAiB,IAAIE,KAA9B,QAA2C,cAA3C;;;AAGA,cAAc,SAAd;;AAEA,OAAO,IAAMC,sBAAsB,GAAG,IAAIJ,YAAJ,CAAmC;AACvEG,EAAAA,KAAK,EAALA,KADuE;AAEvED,EAAAA,KAAK,EAALA,KAFuE,EAAnC,CAA/B","sourcesContent":["import { LocaleHelper } from '../../../lib/locale/LocaleHelper';\n\nimport { componentsLocales as en_GB } from './locales/en';\nimport { componentsLocales as ru_RU } from './locales/ru';\nimport { TokenInputLocale } from './types';\n\nexport * from './types';\n\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\n  ru_RU,\n  en_GB,\n});\n"]}

package/components/TokenInput/locale/index/package.json

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

package/components/TokenInput/locale/index.d.ts

@@ -1,4 +1,4 @@
-import { LocaleHelper } from '../../LocaleProvider/LocaleHelper';
-import { TokenInputLocale } from './types';
-export * from './types';
-export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;
+import { LocaleHelper } from '../../../lib/locale/LocaleHelper';
+import { TokenInputLocale } from './types';
+export * from './types';
+export declare const TokenInputLocaleHelper: LocaleHelper<TokenInputLocale>;

package/components/TokenInput/locale/locales/en/en.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+  addButtonComment: 'Type comma or space',
+  addButtonTitle: 'Add'
+};

package/components/TokenInput/locale/locales/en/en.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["en.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,qBAD+B;AAEjDC,EAAAA,cAAc,EAAE,KAFiC,EAA5C","sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Type comma or space',\n  addButtonTitle: 'Add',\n};\n"]}

package/components/TokenInput/locale/locales/en/package.json

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

package/components/TokenInput/locale/locales/en.d.ts

@@ -1,3 +1,2 @@
-import { TokenInputLocale } from '../types';
-declare const componentsLocales: TokenInputLocale;
-export default componentsLocales;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/components/TokenInput/locale/locales/ru/package.json

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

package/components/TokenInput/locale/locales/ru/ru.js

@@ -0,0 +1,4 @@
+export var componentsLocales = {
+  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonTitle: 'Добавить'
+};

package/components/TokenInput/locale/locales/ru/ru.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ru.ts"],"names":["componentsLocales","addButtonComment","addButtonTitle"],"mappings":";;AAEA,OAAO,IAAMA,iBAAmC,GAAG;AACjDC,EAAAA,gBAAgB,EAAE,4BAD+B;AAEjDC,EAAAA,cAAc,EAAE,UAFiC,EAA5C","sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Нажмите запятую или пробел',\n  addButtonTitle: 'Добавить',\n};\n"]}

package/components/TokenInput/locale/locales/ru.d.ts

@@ -1,3 +1,2 @@
-import { TokenInputLocale } from '../types';
-declare const componentsLocales: TokenInputLocale;
-export default componentsLocales;
+import { TokenInputLocale } from '../types';
+export declare const componentsLocales: TokenInputLocale;

package/components/TokenInput/locale/package.json

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

package/components/TokenInput/locale/types/package.json

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

package/components/TokenInput/locale/types/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/components/TokenInput/locale/types.d.ts

@@ -1,4 +1,4 @@
-export interface TokenInputLocale {
-    addButtonComment: string;
-    addButtonTitle: string;
-}
+export interface TokenInputLocale {
+    addButtonComment: string;
+    addButtonTitle: string;
+}

package/components/TokenInput/package.json

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