@skbkontur/react-ui 0.0.0-d49c4902ee → 0.0.0-d560679cdd

package/cjs/components/TokenInput/TokenInputMenu.d.ts

@@ -1,30 +1,39 @@
-import React from 'react';
-import { HTMLProps } from '../../typings/html';
-import { PopupProps } from '../../internal/Popup';
-import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
-import { TokenSize } from '../Token';
-import { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
-export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: PopupProps['anchorElement'];
-    /** Задает шинину выпадающего меню. */
-    menuWidth: TokenInputProps<string>['menuWidth'];
-    /** Задает выравнивание выпадающего меню. */
-    menuAlign: TokenInputMenuAlign;
-    /** Задает id выпадающему меню.
-     Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */
-    popupMenuId?: HTMLProps['id'];
-    /** Задает размер контрола. */
-    size?: TokenSize;
-}
-export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static displayName: string;
-    private theme;
-    private menu;
-    render(): React.JSX.Element;
-    getMenuRef: () => any | null;
-    private getPopupMarginSize;
-    private renderMain;
-    private getPopupMargin;
-    private menuRef;
-}
+import React from 'react';
+import type { HTMLProps } from '../../typings/html';
+import type { PopupProps } from '../../internal/Popup';
+import type { ComboBoxMenuProps } from '../../internal/CustomComboBox';
+import type { TokenSize } from '../Token';
+import type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';
+export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
+    /** html-элемент от которого будет позиционировано Menu в случае menuAlign cursor */
+    anchorElementForCursor: PopupProps['anchorElement'];
+    /** html-элемент от которого будет позиционировано Menu в случае menuAlign left */
+    anchorElementRoot: PopupProps['anchorElement'];
+    /** Задает ширину выпадающего меню. */
+    menuWidth: TokenInputProps<string>['menuWidth'];
+    /** Задает выравнивание выпадающего меню. */
+    menuAlign: TokenInputMenuAlign;
+    /** Задает id выпадающему меню.
+     Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */
+    popupMenuId?: HTMLProps['id'];
+    /** Задает размер контрола. */
+    size?: TokenSize;
+}
+interface TokenInputMenuState {
+    forceMenuLeftAlign?: boolean;
+}
+export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>, TokenInputMenuState> {
+    static __KONTUR_REACT_UI__: string;
+    static displayName: string;
+    state: TokenInputMenuState;
+    private theme;
+    private menu;
+    render(): React.JSX.Element;
+    getMenuRef: () => any | null;
+    private getPopupMarginSize;
+    private renderMain;
+    private handleMenuPositionChange;
+    private getPopupMargin;
+    private menuRef;
+}
+export {};

package/cjs/components/TokenInput/TokenInputMenu.js

@@ -2,13 +2,16 @@
 
 
 var _ThemeFactory = require("../../lib/theming/ThemeFactory");
+
 var _Popup = require("../../internal/Popup");
+
 var _CustomComboBox = require("../../internal/CustomComboBox");
 
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 
 
+
 var _TokenInput = require("./TokenInput");var
 
 
@@ -23,11 +26,20 @@ var _TokenInput = require("./TokenInput");var
 
 
 
+
+
+
+
+
+
+
 
 TokenInputMenu = exports.TokenInputMenu = /*#__PURE__*/function (_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.
 
 
 
+    state = {};_this.
+
 
 
     menu = null;_this.
@@ -121,6 +133,19 @@ TokenInputMenu = exports.TokenInputMenu = /*#__PURE__*/function (_React$Componen
 
 
 
+
+
+
+
+
+
+
+
+    handleMenuPositionChange = function (_, isFullyVisible) {
+      if (!_this.state.forceMenuLeftAlign && !isFullyVisible && _this.props.menuAlign === 'cursor') {
+        _this.setState({ forceMenuLeftAlign: true });
+      }
+    };_this.
 
     getPopupMargin = function () {
       var paddingY = parseInt(_this.theme.tokenInputPaddingYSmall, 10) || 0;
@@ -130,4 +155,4 @@ TokenInputMenu = exports.TokenInputMenu = /*#__PURE__*/function (_React$Componen
       return paddingY + outlineWidth + marginY;
     };_this.
 
-    menuRef = function (node) {return _this.menu = node;};return _this;}(0, _inheritsLoose2.default)(TokenInputMenu, _React$Component);var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_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.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: ['bottom left', 'top left'], anchorElement: anchorElement, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { size: this.props.size, items: items, loading: loading, hasMargin: false, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';
+    menuRef = function (node) {return _this.menu = node;};return _this;}(0, _inheritsLoose2.default)(TokenInputMenu, _React$Component);var _proto = TokenInputMenu.prototype;_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Provider, { value: _ThemeFactory.ThemeFactory.create({ popupMargin: _this2.getPopupMargin() + 'px', popupBackground: _this2.theme.tokenInputMenuPopupBg }, theme) }, _this2.renderMain());});};_proto.getPopupMarginSize = function getPopupMarginSize(t) {switch (this.props.size) {case 'large':return t.tokenInputPopupMarginLarge;case 'medium':return t.tokenInputPopupMarginMedium;case 'small':default:return t.tokenInputPopupMarginSmall;}};_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,anchorElementForCursor = _this$props.anchorElementForCursor,anchorElementRoot = _this$props.anchorElementRoot,menuWidth = _this$props.menuWidth;var menuAlign = this.state.forceMenuLeftAlign ? 'left' : this.props.menuAlign;return /*#__PURE__*/_react.default.createElement(_Popup.Popup, { id: this.props.popupMenuId, "data-tid": _TokenInput.TokenInputDataTids.tokenInputMenu, opened: !!opened, positions: menuAlign === 'cursor' ? ['bottom left', 'top left'] : ['bottom left', 'top left', 'bottom right', 'top right'], anchorElement: menuAlign === 'cursor' ? anchorElementForCursor : anchorElementRoot, popupOffset: menuAlign === 'left' ? parseInt(this.theme.tokenInputPopupOffset) : 8 + parseInt(this.theme.tokenInputPopupOffset), margin: menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme)), hasShadow: true, width: menuAlign === 'cursor' ? 'auto' : menuWidth, withoutMobile: true, onPositionChange: this.handleMenuPositionChange }, /*#__PURE__*/_react.default.createElement(_CustomComboBox.ComboBoxMenu, { size: this.props.size, items: items, loading: loading, hasMargin: false, maxMenuHeight: maxMenuHeight, onValueChange: onValueChange, opened: opened, refMenu: this.menuRef, renderTotalCount: renderTotalCount, renderItem: renderItem, renderNotFound: renderNotFound, totalCount: totalCount, renderAddButton: renderAddButton }));};return TokenInputMenu;}(_react.default.Component);TokenInputMenu.__KONTUR_REACT_UI__ = 'TokenInputMenu';TokenInputMenu.displayName = 'TokenInputMenu';

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","menu","getMenuRef","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","props","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElement","menuWidth","menuAlign","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { Popup, PopupProps } 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';\nimport { TokenSize } from '../Token';\n\nimport { TokenInputDataTids, TokenInputMenuAlign, TokenInputProps } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: PopupProps['anchorElement'];\n  /** Задает шинину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = '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                  popupBackground: this.theme.tokenInputMenuPopupBg,\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 getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\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        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={['bottom left', 'top left']}\n        anchorElement={anchorElement}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\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.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ThemeFactory","_Popup","_CustomComboBox","_ThemeContext","_TokenInput","TokenInputMenu","exports","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","menu","getMenuRef","handleMenuPositionChange","_","isFullyVisible","forceMenuLeftAlign","props","menuAlign","setState","getPopupMargin","paddingY","parseInt","theme","tokenInputPaddingYSmall","outlineWidth","controlOutlineWidth","marginY","tokenMarginYSmall","menuRef","node","_inheritsLoose2","default","_proto","prototype","render","_this2","createElement","ThemeContext","Consumer","Provider","value","ThemeFactory","create","popupMargin","popupBackground","tokenInputMenuPopupBg","renderMain","getPopupMarginSize","t","size","tokenInputPopupMarginLarge","tokenInputPopupMarginMedium","tokenInputPopupMarginSmall","_this$props","loading","maxMenuHeight","renderTotalCount","totalCount","opened","items","renderNotFound","renderItem","onValueChange","renderAddButton","anchorElementForCursor","anchorElementRoot","menuWidth","Popup","id","popupMenuId","TokenInputDataTids","tokenInputMenu","positions","anchorElement","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","onPositionChange","ComboBoxMenu","hasMargin","refMenu","React","Component","__KONTUR_REACT_UI__","displayName"],"sources":["TokenInputMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { HTMLProps } from '../../typings/html';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport type { PopupPositionsType, PopupProps } from '../../internal/Popup';\nimport { Popup } from '../../internal/Popup';\nimport type { ComboBoxMenuProps } from '../../internal/CustomComboBox';\nimport { ComboBoxMenu } from '../../internal/CustomComboBox';\nimport type { Menu } from '../../internal/Menu';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { TokenSize } from '../Token';\n\nimport type { TokenInputMenuAlign, TokenInputProps } from './TokenInput';\nimport { TokenInputDataTids } from './TokenInput';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign cursor */\n  anchorElementForCursor: PopupProps['anchorElement'];\n  /** html-элемент от которого будет позиционировано Menu в случае menuAlign left */\n  anchorElementRoot: PopupProps['anchorElement'];\n  /** Задает ширину выпадающего меню. */\n  menuWidth: TokenInputProps<string>['menuWidth'];\n  /** Задает выравнивание выпадающего меню. */\n  menuAlign: TokenInputMenuAlign;\n  /** Задает id выпадающему меню.\n   Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */\n  popupMenuId?: HTMLProps['id'];\n  /** Задает размер контрола. */\n  size?: TokenSize;\n}\n\ninterface TokenInputMenuState {\n  forceMenuLeftAlign?: boolean;\n}\n\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>, TokenInputMenuState> {\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\n  public static displayName = 'TokenInputMenu';\n\n  public state: TokenInputMenuState = {};\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                  popupBackground: this.theme.tokenInputMenuPopupBg,\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 getPopupMarginSize(t: Theme) {\n    switch (this.props.size) {\n      case 'large':\n        return t.tokenInputPopupMarginLarge;\n      case 'medium':\n        return t.tokenInputPopupMarginMedium;\n      case 'small':\n      default:\n        return t.tokenInputPopupMarginSmall;\n    }\n  }\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      anchorElementForCursor,\n      anchorElementRoot,\n      menuWidth,\n    } = this.props;\n\n    const menuAlign = this.state.forceMenuLeftAlign ? 'left' : this.props.menuAlign;\n\n    return (\n      <Popup\n        id={this.props.popupMenuId}\n        data-tid={TokenInputDataTids.tokenInputMenu}\n        opened={!!opened}\n        positions={\n          menuAlign === 'cursor'\n            ? ['bottom left', 'top left']\n            : ['bottom left', 'top left', 'bottom right', 'top right']\n        }\n        anchorElement={menuAlign === 'cursor' ? anchorElementForCursor : anchorElementRoot}\n        popupOffset={\n          menuAlign === 'left'\n            ? parseInt(this.theme.tokenInputPopupOffset)\n            : 8 + parseInt(this.theme.tokenInputPopupOffset)\n        }\n        margin={menuAlign === 'left' ? 1 : parseInt(this.getPopupMarginSize(this.theme))}\n        hasShadow\n        width={menuAlign === 'cursor' ? 'auto' : menuWidth}\n        withoutMobile\n        onPositionChange={this.handleMenuPositionChange}\n      >\n        <ComboBoxMenu\n          size={this.props.size}\n          items={items}\n          loading={loading}\n          hasMargin={false}\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 handleMenuPositionChange = (_: PopupPositionsType, isFullyVisible: boolean) => {\n    if (!this.state.forceMenuLeftAlign && !isFullyVisible && this.props.menuAlign === 'cursor') {\n      this.setState({ forceMenuLeftAlign: true });\n    }\n  };\n\n  private getPopupMargin = (): number => {\n    const paddingY = parseInt(this.theme.tokenInputPaddingYSmall, 10) || 0;\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\n    const marginY = parseInt(this.theme.tokenMarginYSmall, 10) || 0;\n\n    return paddingY + outlineWidth + marginY;\n  };\n\n  private menuRef = (node: any) => (this.menu = node);\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/TokenInput/TokenInputReducer.d.ts

@@ -1,25 +1,25 @@
-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 type TokenInputActionType = keyof typeof TokenActions;
-export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;
+import type { 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 type TokenInputActionType = keyof typeof TokenActions;
+export declare function tokenInputReducer<T = string>(state: TokenInputState<T>, action: TokenInputAction): Pick<TokenInputState<T>, never>;

package/cjs/components/TokenInput/TokenInputReducer.js

@@ -1,4 +1,5 @@
-"use strict";exports.__esModule = true;exports.TokenActions = void 0;exports.tokenInputReducer = tokenInputReducer;var _TokenInput = require("./TokenInput");
+"use strict";exports.__esModule = true;exports.TokenActions = void 0;exports.tokenInputReducer = tokenInputReducer;
+var _TokenInput = require("./TokenInput");
 
 
 

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

@@ -1 +1 @@
-{"version":3,"names":["_TokenInput","require","TokenActions","exports","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","DefaultState","editingTokenIndex","reservedInputValue"],"sources":["TokenInputReducer.ts"],"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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_TokenInput","require","TokenActions","exports","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","DefaultState","editingTokenIndex","reservedInputValue"],"sources":["TokenInputReducer.ts"],"sourcesContent":["import type { TokenInputState } from './TokenInput';\nimport { 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"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-export * from './TokenInput';
+export * from './TokenInput';

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","TokenInputLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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"],"mappings":"mIAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,IAAIC,0BAAY,CAAmB;EACvEC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_LocaleHelper","require","_en","_ru","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","TokenInputLocaleHelper","LocaleHelper","ru_RU","en_GB"],"sources":["index.ts"],"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 type { TokenInputLocale } from './types';\n\nexport * from './types';\n\nexport const TokenInputLocaleHelper = new LocaleHelper<TokenInputLocale>({\n  ru_RU,\n  en_GB,\n});\n"],"mappings":"mIAAA,IAAAA,aAAA,GAAAC,OAAA;;AAEA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;;;AAGA,IAAAG,MAAA,GAAAH,OAAA,YAAAI,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA,OAAAA,GAAA,kBAAAA,GAAA,8BAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA,cAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA,UAAAK,OAAA,CAAAL,GAAA,IAAAJ,MAAA,CAAAI,GAAA;;AAEO,IAAMM,sBAAsB,GAAAD,OAAA,CAAAC,sBAAA,GAAG,IAAIC,0BAAY,CAAmB;EACvEC,KAAK,EAALA,qBAAK;EACLC,KAAK,EAALA;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","addButtonComment","addButtonTitle"],"sources":["en.ts"],"sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Type comma',\n  addButtonTitle: 'Add',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,gBAAgB,EAAE,YAAY;EAC9BC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","addButtonComment","addButtonTitle"],"sources":["en.ts"],"sourcesContent":["import type { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Type comma',\n  addButtonTitle: 'Add',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,gBAAgB,EAAE,YAAY;EAC9BC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["componentsLocales","exports","addButtonComment","addButtonTitle"],"sources":["ru.ts"],"sourcesContent":["import { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Нажмите запятую',\n  addButtonTitle: 'Добавить',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,gBAAgB,EAAE,iBAAiB;EACnCC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}
+{"version":3,"names":["componentsLocales","exports","addButtonComment","addButtonTitle"],"sources":["ru.ts"],"sourcesContent":["import type { TokenInputLocale } from '../types';\n\nexport const componentsLocales: TokenInputLocale = {\n  addButtonComment: 'Нажмите запятую',\n  addButtonTitle: 'Добавить',\n};\n"],"mappings":";;AAEO,IAAMA,iBAAmC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACjDE,gBAAgB,EAAE,iBAAiB;EACnCC,cAAc,EAAE;AAClB,CAAC","ignoreList":[]}

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

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