@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/components/TokenInput/TokenInput.d.ts

@@ -1,168 +1,168 @@
-import React, { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
-import { TokenProps } from '../Token';
-import { MenuItemState } from '../MenuItem';
-import { CommonProps } from '../../internal/CommonWrapper';
-export declare enum TokenInputType {
-    WithReference = 0,
-    WithoutReference = 1,
-    Combined = 2
-}
-export interface TokenInputProps<T> extends CommonProps {
-    selectedItems: T[];
-    onValueChange: (items: T[]) => void;
-    onMouseEnter: MouseEventHandler<HTMLDivElement>;
-    onMouseLeave: MouseEventHandler<HTMLDivElement>;
-    onFocus: FocusEventHandler<HTMLTextAreaElement>;
-    onBlur: FocusEventHandler<HTMLTextAreaElement>;
-    autoFocus?: boolean;
-    type?: TokenInputType;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются строки.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `renderItem`, `valueToString`
-     */
-    getItems?: (query: string) => Promise<T[]>;
-    hideMenuIfEmptyInputValue?: boolean;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
-    renderValue: (item: T) => React.ReactNode;
-    /**
-     * Функция должна возвращать строковое представление токена
-     * @default item => item
-     */
-    valueToString: (item: T) => string;
-    renderNotFound?: () => React.ReactNode;
-    valueToItem: (item: string) => T;
-    toKey: (item: T) => string | number | undefined;
-    placeholder?: string;
-    delimiters: string[];
-    error?: boolean;
-    warning?: boolean;
-    disabled?: boolean;
-    width?: string | number;
-    maxMenuHeight?: number | string;
-    renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;
-    /**
-     * Вызывается при изменении текста в поле ввода,
-     */
-    onInputValueChange?: (value: string) => void;
-    /**
-     * Функция отрисовки кнопки добавления в выпадающем списке
-     */
-    renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
-    /**
-     * Функция для обработки ситуации, когда была введена
-     * строка в инпут и был потерян фокус с компонента
-     *
-     * Функция срабатывает с аргументом инпута строки
-     *
-     * Если при потере фокуса в выпадающем списке будет только один
-     * элемент и  результат `valueToString` с этим элементом будет
-     * совпадать со значение в текстовом поле, то
-     * сработает `onValueChange` со значением данного элемента
-     *
-     * Сама функция также может вернуть значение,
-     * неравное `undefined`, с которым будет вызван `onValueChange`.
-     * Если возвращаемое значение будет равно `null`,
-     * то сработает очистка текущего значения инпута,
-     * а в режиме редактирования токен будет удален
-     */
-    onUnexpectedInput?: (value: string) => void | null | undefined | T;
-    inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
-}
-export interface TokenInputState<T> {
-    autocompleteItems?: T[];
-    activeTokens: T[];
-    editingTokenIndex: number;
-    clickedToken?: T;
-    clickedTokenTimeout?: number;
-    inFocus?: boolean;
-    inputValue: string;
-    reservedInputValue: string | undefined;
-    inputValueWidth: number;
-    inputValueHeight: number;
-    preventBlur?: boolean;
-    loading?: boolean;
-}
-export declare const DefaultState: {
-    inputValue: string;
-    reservedInputValue: undefined;
-    autocompleteItems: undefined;
-    activeTokens: never[];
-    editingTokenIndex: number;
-    inFocus: boolean;
-    loading: boolean;
-    preventBlur: boolean;
-    inputValueWidth: number;
-    inputValueHeight: number;
-};
-export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: Partial<TokenInputProps<any>>;
-    state: TokenInputState<T>;
-    private readonly locale;
-    private theme;
-    private input;
-    private tokensInputMenu;
-    private textHelper;
-    private wrapper;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-    private renderMain;
-    /**
-     * Сбрасывает введенное пользователем значение
-     * @public
-     */
-    reset(): void;
-    private hasValueInItems;
-    private get showAddItemHint();
-    private get type();
-    private get menuRef();
-    private get isCursorVisible();
-    private get isEditingMode();
-    private isCursorVisibleForState;
-    private inputRef;
-    private tokensInputMenuRef;
-    private textHelperRef;
-    private wrapperRef;
-    private dispatch;
-    private updateInputTextWidth;
-    private handleInputFocus;
-    private handleInputBlur;
-    private handleOutsideBlur;
-    private get isInputChanged();
-    private get isInputValueChanged();
-    private get isTokenValueChanged();
-    private isBlurToMenu;
-    private handleWrapperMouseDown;
-    private handleWrapperMouseUp;
-    private handleCopy;
-    private handleInputPaste;
-    private tryGetItems;
-    private handleKeyDown;
-    private handleInputKeyDown;
-    private moveFocusToLastToken;
-    private focusInput;
-    private selectInputText;
-    private handleWrapperKeyDown;
-    private handleWrapperArrows;
-    private handleWrapperArrowsWithoutShift;
-    private handleWrapperArrowsWithShift;
-    private handleValueChange;
-    private handleAddItem;
-    private selectItem;
-    private handleRemoveToken;
-    private handleTokenClick;
-    private handleTokenEdit;
-    private finishTokenEdit;
-    private checkForUnexpectedInput;
-    private handleChangeInputValue;
-    private highlightMenuItem;
-    private renderTokensStart;
-    private renderTokensEnd;
-    private renderToken;
-    private renderAddButton;
-}
+import React, { FocusEventHandler, MouseEventHandler, ReactNode } from 'react';
+import { TokenProps } from '../Token';
+import { MenuItemState } from '../MenuItem';
+import { CommonProps } from '../../internal/CommonWrapper';
+export declare enum TokenInputType {
+    WithReference = 0,
+    WithoutReference = 1,
+    Combined = 2
+}
+export interface TokenInputProps<T> extends CommonProps {
+    selectedItems: T[];
+    onValueChange: (items: T[]) => void;
+    onMouseEnter: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave: MouseEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur: FocusEventHandler<HTMLTextAreaElement>;
+    autoFocus?: boolean;
+    type?: TokenInputType;
+    /**
+     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
+     * По умолчанию ожидаются строки.
+     *
+     * Элементы могут быть любого типа. В этом случае необходимо определить
+     * свойства `renderItem`, `valueToString`
+     */
+    getItems?: (query: string) => Promise<T[]>;
+    hideMenuIfEmptyInputValue?: boolean;
+    renderItem: (item: T, state: MenuItemState) => React.ReactNode | null;
+    renderValue: (item: T) => React.ReactNode;
+    /**
+     * Функция должна возвращать строковое представление токена
+     * @default item => item
+     */
+    valueToString: (item: T) => string;
+    renderNotFound?: () => React.ReactNode;
+    valueToItem: (item: string) => T;
+    toKey: (item: T) => string | number | undefined;
+    placeholder?: string;
+    delimiters: string[];
+    error?: boolean;
+    warning?: boolean;
+    disabled?: boolean;
+    width?: string | number;
+    maxMenuHeight?: number | string;
+    renderToken?: (item: T, props: Partial<TokenProps>) => ReactNode;
+    /**
+     * Вызывается при изменении текста в поле ввода,
+     */
+    onInputValueChange?: (value: string) => void;
+    /**
+     * Функция отрисовки кнопки добавления в выпадающем списке
+     */
+    renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
+    /**
+     * Функция для обработки ситуации, когда была введена
+     * строка в инпут и был потерян фокус с компонента
+     *
+     * Функция срабатывает с аргументом инпута строки
+     *
+     * Если при потере фокуса в выпадающем списке будет только один
+     * элемент и  результат `valueToString` с этим элементом будет
+     * совпадать со значение в текстовом поле, то
+     * сработает `onValueChange` со значением данного элемента
+     *
+     * Сама функция также может вернуть значение,
+     * неравное `undefined`, с которым будет вызван `onValueChange`.
+     * Если возвращаемое значение будет равно `null`,
+     * то сработает очистка текущего значения инпута,
+     * а в режиме редактирования токен будет удален
+     */
+    onUnexpectedInput?: (value: string) => void | null | undefined | T;
+    inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
+}
+export interface TokenInputState<T> {
+    autocompleteItems?: T[];
+    activeTokens: T[];
+    editingTokenIndex: number;
+    clickedToken?: T;
+    clickedTokenTimeout?: number;
+    inFocus?: boolean;
+    inputValue: string;
+    reservedInputValue: string | undefined;
+    inputValueWidth: number;
+    inputValueHeight: number;
+    preventBlur?: boolean;
+    loading?: boolean;
+}
+export declare const DefaultState: {
+    inputValue: string;
+    reservedInputValue: undefined;
+    autocompleteItems: undefined;
+    activeTokens: never[];
+    editingTokenIndex: number;
+    inFocus: boolean;
+    loading: boolean;
+    preventBlur: boolean;
+    inputValueWidth: number;
+    inputValueHeight: number;
+};
+export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: Partial<TokenInputProps<any>>;
+    state: TokenInputState<T>;
+    private readonly locale;
+    private theme;
+    private input;
+    private tokensInputMenu;
+    private textHelper;
+    private wrapper;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: TokenInputProps<T>, prevState: TokenInputState<T>): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+    private renderMain;
+    /**
+     * Сбрасывает введенное пользователем значение
+     * @public
+     */
+    reset(): void;
+    private hasValueInItems;
+    private get showAddItemHint();
+    private get type();
+    private get menuRef();
+    private get isCursorVisible();
+    private get isEditingMode();
+    private isCursorVisibleForState;
+    private inputRef;
+    private tokensInputMenuRef;
+    private textHelperRef;
+    private wrapperRef;
+    private dispatch;
+    private updateInputTextWidth;
+    private handleInputFocus;
+    private handleInputBlur;
+    private handleOutsideBlur;
+    private get isInputChanged();
+    private get isInputValueChanged();
+    private get isTokenValueChanged();
+    private isBlurToMenu;
+    private handleWrapperMouseDown;
+    private handleWrapperMouseUp;
+    private handleCopy;
+    private handleInputPaste;
+    private tryGetItems;
+    private handleKeyDown;
+    private handleInputKeyDown;
+    private moveFocusToLastToken;
+    private focusInput;
+    private selectInputText;
+    private handleWrapperKeyDown;
+    private handleWrapperArrows;
+    private handleWrapperArrowsWithoutShift;
+    private handleWrapperArrowsWithShift;
+    private handleValueChange;
+    private handleAddItem;
+    private selectItem;
+    private handleRemoveToken;
+    private handleTokenClick;
+    private handleTokenEdit;
+    private finishTokenEdit;
+    private checkForUnexpectedInput;
+    private handleChangeInputValue;
+    private highlightMenuItem;
+    private renderTokensStart;
+    private renderTokensEnd;
+    private renderToken;
+    private renderAddButton;
+}

package/components/TokenInput/TokenInput.md

@@ -1,77 +1,77 @@
-```jsx harmony
-import { Token } from '@skbkontur/react-ui';
-import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-
-const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
-
-const getItems = q =>
-  Promise.resolve(
-    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
-      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
-    ),
-  ).then(delay(500));
-
-const tokenColors = {
-  First: {
-    idle: 'grayIdle',
-    active: 'grayActive',
-  },
-  Second: {
-    idle: 'blueIdle',
-    active: 'blueActive',
-  },
-  Third: {
-    idle: 'greenIdle',
-    active: 'greenActive',
-  },
-  Fourth: {
-    idle: 'yellowIdle',
-    active: 'yellowActive',
-  },
-  Fifth: {
-    idle: 'redIdle',
-    active: 'redActive',
-  },
-  Sixth: {
-    idle: 'white',
-    active: 'black',
-  },
-  default: {
-    idle: 'defaultIdle',
-    active: 'defaultActive',
-  },
-};
-
-<div style={{ width: '300px' }}>
-  <TokenInput
-    type={TokenInputType.Combined}
-    getItems={getItems}
-    selectedItems={state.selectedItems}
-    onValueChange={itemsNew => setState({ selectedItems: itemsNew })}
-    renderToken={(item, tokenProps) => (
-      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
-        {item}
-      </Token>
-    )}
-  />
-</div>;
-```
-
-#### Локали по умолчанию (см. `LocaleProvider`)
-
-```typescript
-interface TokenInputLocale {
-  addButtonComment?: string;
-  addButtonTitle?: string;
-}
-
-const ru_RU = {
-  addButtonComment: 'Нажмите запятую или пробел',
-  addButtonTitle: 'Добавить',
-};
-
-const en_GB = {
-  addButtonComment: 'Type comma or space',
-  addButtonTitle: 'Add',
-};
-```
+```jsx harmony
+import { Token } from '@skbkontur/react-ui';
+import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
+
+const delay = ms => v => new Promise(resolve => setTimeout(resolve, ms, v));
+
+const getItems = q =>
+  Promise.resolve(
+    ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'Sixth'].filter(
+      x => x.toLowerCase().includes(q.toLowerCase()) || x.toString(10) === q,
+    ),
+  ).then(delay(500));
+
+const tokenColors = {
+  First: {
+    idle: 'grayIdle',
+    active: 'grayActive',
+  },
+  Second: {
+    idle: 'blueIdle',
+    active: 'blueActive',
+  },
+  Third: {
+    idle: 'greenIdle',
+    active: 'greenActive',
+  },
+  Fourth: {
+    idle: 'yellowIdle',
+    active: 'yellowActive',
+  },
+  Fifth: {
+    idle: 'redIdle',
+    active: 'redActive',
+  },
+  Sixth: {
+    idle: 'white',
+    active: 'black',
+  },
+  default: {
+    idle: 'defaultIdle',
+    active: 'defaultActive',
+  },
+};
+
+<div style={{ width: '300px' }}>
+  <TokenInput
+    type={TokenInputType.Combined}
+    getItems={getItems}
+    selectedItems={state.selectedItems}
+    onValueChange={itemsNew => setState({ selectedItems: itemsNew })}
+    renderToken={(item, tokenProps) => (
+      <Token key={item.toString()} colors={tokenColors[item] || tokenColors.default} {...tokenProps}>
+        {item}
+      </Token>
+    )}
+  />
+</div>;
+```
+
+#### Локали по умолчанию (см. `LocaleProvider`)
+
+```typescript
+interface TokenInputLocale {
+  addButtonComment?: string;
+  addButtonTitle?: string;
+}
+
+const ru_RU = {
+  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonTitle: 'Добавить',
+};
+
+const en_GB = {
+  addButtonComment: 'Type comma or space',
+  addButtonTitle: 'Add',
+};
+```

package/components/TokenInput/TokenInput.styles/TokenInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TokenInput.styles.ts"],"names":["css","cssName","memoizeStyle","styles","label","t","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenMarginY","tokenInputLineHeight","tokenInputTextColor","inputAndHelperCommonStyles","tokenInputPlaceholderColor","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","inputAndHelperCommonEditingStyles","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputFontSize","tokenMarginX","tokenPaddingX","tokenLineHeight","inputEditing","reservedInput","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  label(t: Theme) {\r\n    return css`\r\n      background-color: ${t.tokenInputBg};\r\n      box-shadow: ${t.tokenInputShadow};\r\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\r\n      border-top-color: ${t.tokenInputBorderTopColor};\r\n      box-sizing: border-box;\r\n      cursor: text;\r\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      align-items: start;\r\n      outline: none;\r\n      position: relative;\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning} !important;\r\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning} !important;\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError} !important;\r\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError} !important;\r\n    `;\r\n  },\r\n\r\n  labelFocused(t: Theme) {\r\n    return css`\r\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus} !important;\r\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus} !important;\r\n    `;\r\n  },\r\n\r\n  labelDisabled(t: Theme) {\r\n    return css`\r\n      background: ${t.tokenInputDisabledBg} !important;\r\n      border-color: ${t.tokenInputDisabledBorderColor} !important;\r\n      box-shadow: none !important;\r\n    `;\r\n  },\r\n\r\n  input(t: Theme) {\r\n    return css`\r\n      min-width: 0;\r\n      max-width: 100%;\r\n      width: 50px;\r\n      background: transparent;\r\n      border: none;\r\n      box-shadow: none;\r\n      outline: none;\r\n      font-family: inherit;\r\n      margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\r\n      overflow: hidden;\r\n      resize: none;\r\n      height: ${t.tokenInputLineHeight};\r\n      -webkit-appearance: none;\r\n      text-overflow: clip;\r\n      background-clip: padding-box;\r\n      transition: background-color 0.15s ease-in;\r\n      color: ${t.tokenInputTextColor};\r\n      box-sizing: border-box;\r\n      word-break: break-all;\r\n\r\n      ${styles.inputAndHelperCommonStyles(t)};\r\n\r\n      &::-ms-clear {\r\n        display: none;\r\n      }\r\n      &::placeholder {\r\n        color: ${t.tokenInputPlaceholderColor};\r\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\r\n      }\r\n      &:focus::placeholder {\r\n        color: ${t.tokenInputPlaceholderColorLight};\r\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\r\n      }\r\n      /* fix firefox placeholder opacity */\r\n      &:-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n      &::-moz-placeholder {\r\n        opacity: 1;\r\n      }\r\n    `;\r\n  },\r\n\r\n  helperContainer(t: Theme) {\r\n    return css`\r\n      display: flex;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\r\n      visibility: hidden;\r\n    `;\r\n  },\r\n\r\n  helperText(t: Theme) {\r\n    return css`\r\n      max-width: 100%;\r\n      word-break: break-all;\r\n\r\n      // don't collapse spaces\r\n      // so they get counted in width\r\n      white-space: pre-wrap;\r\n\r\n      ${styles.inputAndHelperCommonStyles(t)}\r\n    `;\r\n  },\r\n\r\n  helperTextEditing(t: Theme) {\r\n    return css`\r\n      ${styles.inputAndHelperCommonEditingStyles(t)};\r\n\r\n      font-size: ${t.tokenFontSize};\r\n      padding-bottom: ${t.tokenLegacyTextShift};\r\n    `;\r\n  },\r\n\r\n  inputDisabled(t: Theme) {\r\n    return css`\r\n      pointer-events: none;\r\n      /* fix text color in safari */\r\n      -webkit-text-fill-color: currentcolor;\r\n      color: ${t.tokenInputTextColorDisabled};\r\n    `;\r\n  },\r\n\r\n  inputAndHelperCommonStyles(t: Theme) {\r\n    return css`\r\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\r\n      line-height: ${t.tokenInputLineHeight};\r\n      font-size: ${t.tokenInputFontSize};\r\n    `;\r\n  },\r\n\r\n  inputAndHelperCommonEditingStyles(t: Theme) {\r\n    return css`\r\n      margin: ${t.tokenMarginY} ${t.tokenMarginX};\r\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\r\n      line-height: ${t.tokenLineHeight};\r\n    `;\r\n  },\r\n\r\n  inputEditing(t: Theme) {\r\n    return css`\r\n      ${cssName(styles.input(t))}& {\r\n        ${styles.inputAndHelperCommonEditingStyles(t)};\r\n      }\r\n    `;\r\n  },\r\n\r\n  reservedInput(t: Theme) {\r\n    return css`\r\n      min-width: 2px;\r\n      min-height: ${t.tokenInputLineHeight};\r\n      line-height: ${t.tokenInputLineHeight};\r\n      font-size: ${t.tokenInputFontSize};\r\n      margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\r\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\r\n      color: ${t.tokenInputTextColorDisabled};\r\n      word-break: break-all;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["TokenInput.styles.ts"],"names":["css","cssName","memoizeStyle","styles","label","t","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","tokenInputPaddingY","tokenInputPaddingX","warning","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","tokenInputBorderColorError","labelFocused","tokenInputBorderColorFocus","labelDisabled","tokenInputDisabledBg","tokenInputDisabledBorderColor","input","tokenMarginY","tokenInputLineHeight","tokenInputTextColor","inputAndHelperCommonStyles","tokenInputPlaceholderColor","tokenInputPlaceholderColorLight","helperContainer","helperText","helperTextEditing","inputAndHelperCommonEditingStyles","tokenFontSize","tokenLegacyTextShift","inputDisabled","tokenInputTextColorDisabled","tokenInputInputPaddingRight","tokenInputInputPaddingLeft","tokenInputFontSize","tokenMarginX","tokenPaddingX","tokenLineHeight","inputEditing","reservedInput","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  label(t: Theme) {\n    return css`\n      background-color: ${t.tokenInputBg};\n      box-shadow: ${t.tokenInputShadow};\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColor};\n      border-top-color: ${t.tokenInputBorderTopColor};\n      box-sizing: border-box;\n      cursor: text;\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning} !important;\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning} !important;\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError} !important;\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError} !important;\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus} !important;\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus} !important;\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg} !important;\n      border-color: ${t.tokenInputDisabledBorderColor} !important;\n      box-shadow: none !important;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      min-width: 0;\n      max-width: 100%;\n      width: 50px;\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n      overflow: hidden;\n      resize: none;\n      height: ${t.tokenInputLineHeight};\n      -webkit-appearance: none;\n      text-overflow: clip;\n      background-clip: padding-box;\n      transition: background-color 0.15s ease-in;\n      color: ${t.tokenInputTextColor};\n      box-sizing: border-box;\n      word-break: break-all;\n\n      ${styles.inputAndHelperCommonStyles(t)};\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:focus::placeholder {\n        color: ${t.tokenInputPlaceholderColorLight};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorLight};\n      }\n      /* fix firefox placeholder opacity */\n      &:-moz-placeholder {\n        opacity: 1;\n      }\n      &::-moz-placeholder {\n        opacity: 1;\n      }\n    `;\n  },\n\n  helperContainer(t: Theme) {\n    return css`\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      padding: ${t.tokenInputPaddingY} ${t.tokenInputPaddingX};\n      visibility: hidden;\n    `;\n  },\n\n  helperText(t: Theme) {\n    return css`\n      max-width: 100%;\n      word-break: break-all;\n\n      // don't collapse spaces\n      // so they get counted in width\n      white-space: pre-wrap;\n\n      ${styles.inputAndHelperCommonStyles(t)}\n    `;\n  },\n\n  helperTextEditing(t: Theme) {\n    return css`\n      ${styles.inputAndHelperCommonEditingStyles(t)};\n\n      font-size: ${t.tokenFontSize};\n      padding-bottom: ${t.tokenLegacyTextShift};\n    `;\n  },\n\n  inputDisabled(t: Theme) {\n    return css`\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ${t.tokenInputTextColorDisabled};\n    `;\n  },\n\n  inputAndHelperCommonStyles(t: Theme) {\n    return css`\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n      line-height: ${t.tokenInputLineHeight};\n      font-size: ${t.tokenInputFontSize};\n    `;\n  },\n\n  inputAndHelperCommonEditingStyles(t: Theme) {\n    return css`\n      margin: ${t.tokenMarginY} ${t.tokenMarginX};\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenPaddingX};\n      line-height: ${t.tokenLineHeight};\n    `;\n  },\n\n  inputEditing(t: Theme) {\n    return css`\n      ${cssName(styles.input(t))}& {\n        ${styles.inputAndHelperCommonEditingStyles(t)};\n      }\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      min-height: ${t.tokenInputLineHeight};\n      line-height: ${t.tokenInputLineHeight};\n      font-size: ${t.tokenInputFontSize};\n      margin: ${t.tokenMarginY} 0 ${t.tokenMarginY} 0;\n      padding: 0 ${t.tokenInputInputPaddingRight} 0 ${t.tokenInputInputPaddingLeft};\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"]}

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

@@ -1,16 +1,16 @@
-export declare const jsStyles: {
-    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    labelFocused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    labelDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    helperContainer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    helperText(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    helperTextEditing(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    inputDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    inputAndHelperCommonStyles(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    inputAndHelperCommonEditingStyles(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    inputEditing(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    reservedInput(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-};
+export declare const jsStyles: {
+    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    labelFocused(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    labelDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    input(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    helperContainer(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    helperText(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    helperTextEditing(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    inputDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    inputAndHelperCommonStyles(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    inputAndHelperCommonEditingStyles(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    inputEditing(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+    reservedInput(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+};

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

@@ -1 +1 @@
-{"version":3,"sources":["TokenInputMenu.tsx"],"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","is8pxTheme","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","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,KAAT,QAAsB,sBAAtB;AACA,SAASC,YAAT,QAAgD,+BAAhD;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,KAHV;;AAKUC,IAAAA,IALV,GAK8B,IAL9B;;;;;;;;;;;;;;;;;;;;;;;;AA6BSC,IAAAA,UA7BT,GA6BsB,oBAAkB,MAAKD,IAAvB,EA7BtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEUE,IAAAA,cAtEV,GAsE2B,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKL,KAAL,CAAWM,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGF,QAAQ,CAAC,MAAKL,KAAL,CAAWQ,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGJ,QAAQ,CAAC,MAAKL,KAAL,CAAWU,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAON,QAAQ,GAAGG,YAAX,GAA0BE,OAAjC;AACD,KA3EH;;AA6EUE,IAAAA,OA7EV,GA6EoB,UAACC,IAAD,UAAgB,MAAKX,IAAL,GAAYW,IAA5B,EA7EpB,4DAOSC,MAPT,GAOE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAb,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEN,YAAY,CAACoB,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACZ,cAAL,KAAwB,IADvC,EADK,EAILH,KAJK,CADT,IAQG,MAAI,CAACgB,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,CA3BH,QA+BUA,UA/BV,GA+BE,sBAAqB,mBAYf,KAAKC,KAZU,CAEjBC,OAFiB,eAEjBA,OAFiB,CAGjBC,aAHiB,eAGjBA,aAHiB,CAIjBC,gBAJiB,eAIjBA,gBAJiB,CAKjBC,UALiB,eAKjBA,UALiB,CAMjBC,MANiB,eAMjBA,MANiB,CAOjBC,KAPiB,eAOjBA,KAPiB,CAQjBC,cARiB,eAQjBA,cARiB,CASjBC,UATiB,eASjBA,UATiB,CAUjBC,aAViB,eAUjBA,aAViB,CAWjBC,eAXiB,eAWjBA,eAXiB,CAcnB,oBACE,oBAAC,KAAD,IACE,MAAM,EAAEL,MADV,EAEE,SAAS,EAAE,CAAC,aAAD,CAFb,EAGE,aAAa,EAAE,KAAKL,KAAL,CAAWW,aAH5B,EAIE,WAAW,EAAE,CAJf,EAKE,SAAS,EAAE9B,UAAU,CAAC,KAAKE,KAAN,CALvB,iBAOE,oBAAC,YAAD,IACE,KAAK,EAAEuB,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKX,OANhB,EAOE,gBAAgB,EAAES,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAPF,CADF,CAuBD,CApEH,yBAAgDlC,KAAK,CAACoC,SAAtD,EAAa9B,c,CACG+B,mB,GAAsB,gB","sourcesContent":["import React from 'react';\r\n\r\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\r\nimport { Popup } from '../../internal/Popup';\r\nimport { ComboBoxMenu, ComboBoxMenuProps } from '../../internal/CustomComboBox';\r\nimport { Menu } from '../../internal/Menu';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\r\n\r\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\r\n  anchorElement: HTMLElement;\r\n}\r\n\r\nexport class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'TokenInputMenu';\r\n\r\n  private theme!: Theme;\r\n\r\n  private menu: Menu | null = null;\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return (\r\n            <ThemeContext.Provider\r\n              value={ThemeFactory.create(\r\n                {\r\n                  popupMargin: this.getPopupMargin() + 'px',\r\n                },\r\n                theme,\r\n              )}\r\n            >\r\n              {this.renderMain()}\r\n            </ThemeContext.Provider>\r\n          );\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  public getMenuRef = (): any | null => this.menu;\r\n\r\n  private renderMain() {\r\n    const {\r\n      loading,\r\n      maxMenuHeight,\r\n      renderTotalCount,\r\n      totalCount,\r\n      opened,\r\n      items,\r\n      renderNotFound,\r\n      renderItem,\r\n      onValueChange,\r\n      renderAddButton,\r\n    } = this.props;\r\n\r\n    return (\r\n      <Popup\r\n        opened={opened!}\r\n        positions={['bottom left']}\r\n        anchorElement={this.props.anchorElement}\r\n        popupOffset={5}\r\n        hasShadow={is8pxTheme(this.theme)}\r\n      >\r\n        <ComboBoxMenu\r\n          items={items}\r\n          loading={loading}\r\n          maxMenuHeight={maxMenuHeight}\r\n          onValueChange={onValueChange}\r\n          opened={opened}\r\n          refMenu={this.menuRef}\r\n          renderTotalCount={renderTotalCount}\r\n          renderItem={renderItem}\r\n          renderNotFound={renderNotFound}\r\n          totalCount={totalCount}\r\n          renderAddButton={renderAddButton}\r\n        />\r\n      </Popup>\r\n    );\r\n  }\r\n\r\n  private getPopupMargin = (): number => {\r\n    const paddingY = parseInt(this.theme.tokenInputPaddingY, 10) || 0;\r\n    const outlineWidth = parseInt(this.theme.controlOutlineWidth, 10) || 0;\r\n    const marginY = parseInt(this.theme.tokenMarginY, 10) || 0;\r\n    return paddingY + outlineWidth + marginY;\r\n  };\r\n\r\n  private menuRef = (node: any) => (this.menu = node);\r\n}\r\n"]}
+{"version":3,"sources":["TokenInputMenu.tsx"],"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","is8pxTheme","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","Component","__KONTUR_REACT_UI__"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,KAAT,QAAsB,sBAAtB;AACA,SAASC,YAAT,QAAgD,+BAAhD;;;AAGA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,UAAT,QAA2B,gCAA3B;;;;;;AAMA,WAAaC,cAAb;;;AAGUC,IAAAA,KAHV;;AAKUC,IAAAA,IALV,GAK8B,IAL9B;;;;;;;;;;;;;;;;;;;;;;;;AA6BSC,IAAAA,UA7BT,GA6BsB,oBAAkB,MAAKD,IAAvB,EA7BtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEUE,IAAAA,cAtEV,GAsE2B,YAAc;AACrC,UAAMC,QAAQ,GAAGC,QAAQ,CAAC,MAAKL,KAAL,CAAWM,kBAAZ,EAAgC,EAAhC,CAAR,IAA+C,CAAhE;AACA,UAAMC,YAAY,GAAGF,QAAQ,CAAC,MAAKL,KAAL,CAAWQ,mBAAZ,EAAiC,EAAjC,CAAR,IAAgD,CAArE;AACA,UAAMC,OAAO,GAAGJ,QAAQ,CAAC,MAAKL,KAAL,CAAWU,YAAZ,EAA0B,EAA1B,CAAR,IAAyC,CAAzD;AACA,aAAON,QAAQ,GAAGG,YAAX,GAA0BE,OAAjC;AACD,KA3EH;;AA6EUE,IAAAA,OA7EV,GA6EoB,UAACC,IAAD,UAAgB,MAAKX,IAAL,GAAYW,IAA5B,EA7EpB,4DAOSC,MAPT,GAOE,kBAAgB,mBACd,oBACE,oBAAC,YAAD,CAAc,QAAd,QACG,UAAAb,KAAK,EAAI,CACR,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,oBACE,oBAAC,YAAD,CAAc,QAAd,IACE,KAAK,EAAEN,YAAY,CAACoB,MAAb,CACL,EACEC,WAAW,EAAE,MAAI,CAACZ,cAAL,KAAwB,IADvC,EADK,EAILH,KAJK,CADT,IAQG,MAAI,CAACgB,UAAL,EARH,CADF,CAYD,CAfH,CADF,CAmBD,CA3BH,QA+BUA,UA/BV,GA+BE,sBAAqB,mBAYf,KAAKC,KAZU,CAEjBC,OAFiB,eAEjBA,OAFiB,CAGjBC,aAHiB,eAGjBA,aAHiB,CAIjBC,gBAJiB,eAIjBA,gBAJiB,CAKjBC,UALiB,eAKjBA,UALiB,CAMjBC,MANiB,eAMjBA,MANiB,CAOjBC,KAPiB,eAOjBA,KAPiB,CAQjBC,cARiB,eAQjBA,cARiB,CASjBC,UATiB,eASjBA,UATiB,CAUjBC,aAViB,eAUjBA,aAViB,CAWjBC,eAXiB,eAWjBA,eAXiB,CAcnB,oBACE,oBAAC,KAAD,IACE,MAAM,EAAEL,MADV,EAEE,SAAS,EAAE,CAAC,aAAD,CAFb,EAGE,aAAa,EAAE,KAAKL,KAAL,CAAWW,aAH5B,EAIE,WAAW,EAAE,CAJf,EAKE,SAAS,EAAE9B,UAAU,CAAC,KAAKE,KAAN,CALvB,iBAOE,oBAAC,YAAD,IACE,KAAK,EAAEuB,KADT,EAEE,OAAO,EAAEL,OAFX,EAGE,aAAa,EAAEC,aAHjB,EAIE,aAAa,EAAEO,aAJjB,EAKE,MAAM,EAAEJ,MALV,EAME,OAAO,EAAE,KAAKX,OANhB,EAOE,gBAAgB,EAAES,gBAPpB,EAQE,UAAU,EAAEK,UARd,EASE,cAAc,EAAED,cATlB,EAUE,UAAU,EAAEH,UAVd,EAWE,eAAe,EAAEM,eAXnB,GAPF,CADF,CAuBD,CApEH,yBAAgDlC,KAAK,CAACoC,SAAtD,EAAa9B,c,CACG+B,mB,GAAsB,gB","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';\nimport { is8pxTheme } from '../../lib/theming/ThemeHelpers';\n\nexport interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {\n  anchorElement: HTMLElement;\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    } = this.props;\n\n    return (\n      <Popup\n        opened={opened!}\n        positions={['bottom left']}\n        anchorElement={this.props.anchorElement}\n        popupOffset={5}\n        hasShadow={is8pxTheme(this.theme)}\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.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
-export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
-    anchorElement: HTMLElement;
-}
-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;
-    private renderMain;
-    private getPopupMargin;
-    private menuRef;
-}
+import React from 'react';
+import { ComboBoxMenuProps } from '../../internal/CustomComboBox';
+export interface TokenInputMenuProps<T> extends ComboBoxMenuProps<T> {
+    anchorElement: HTMLElement;
+}
+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;
+    private renderMain;
+    private getPopupMargin;
+    private menuRef;
+}