@skbkontur/react-ui 0.0.0-3c309a601b → 0.0.0-3dbb8bef27

package/components/TokenInput/TokenInput.d.ts

@@ -9,138 +9,90 @@ export declare enum TokenInputType {
 }
 export type TokenInputMenuAlign = 'left' | 'cursor';
 export interface TokenInputProps<T> extends CommonProps, Pick<AriaAttributes, 'aria-describedby' | 'aria-label'>, Pick<HTMLAttributes<HTMLElement>, 'id'> {
-    /**
-     * Выбранные токены, которые будут отображаться в поле ввода
-     */
+    /** Задает выбранные токены, которые будут отображаться в поле ввода. */
     selectedItems?: T[];
-    /**
-     * Вызывается при добавлении нового токена
-     */
+    /** Задает функцию, которая вызывается при добавлении нового токена. */
     onValueChange?: (items: T[]) => void;
+    /** Задает HTML-событие `onmouseenter`.
+     * @ignore */
     onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    /** Задает HTML-событие `onmouseleave`.
+     * @ignore */
     onMouseLeave?: MouseEventHandler<HTMLDivElement>;
+    /** Задает HTML-событие `onfocus`.
+     * @ignore */
     onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Задает HTML-событие `onblur`.
+     * @ignore */
     onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Устанавливает фокус на контроле после окончания загрузки страницы. */
     autoFocus?: boolean;
-    /** Размер */
+    /** Задает размер контрола. */
     size?: TokenSize;
-    /**
-     * Тип инпута. Возможные значения:
-     *
-     *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые)
-     *
-     *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать)
-     *
-     *   `TokenInputType.Combined` (можно и выбирать, и добавлять)
-     */
+    /** Задает тип инпута.
+     * Возможные значения:
+     *   `TokenInputType.WithReference` (можно выбирать токены только из предложенных, нельзя добавить новые).
+     *   `TokenInputType.WithoutReference` (можно добавлять токены, но нельзя выбирать).
+     *   `TokenInputType.Combined` (можно и выбирать, и добавлять). */
     type?: TokenInputType;
-    /**
-     * Ширина выпадающего меню может быть указана как 'auto'
-     * а также в пикселях, процентах (от ширины инпута)
-     * или других конкретных единицах
-     *
-     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto'
-     * (по ширине текста)
-     */
+    /** Задает ширину выпадающего меню. Может быть 'auto', в пикселях, процентах (от ширины инпута) и других конкретных единицах.
+     * Если menuAlign = 'cursor', то ширина выпадающего меню всегда будет равна 'auto' (по ширине текста). */
     menuWidth?: React.CSSProperties['width'];
-    /**
-     * Определяет выравнивание меню. Принимает значения `left` и `cursor`
-     */
+    /** Задает выравнивание выпадающего меню. */
     menuAlign?: TokenInputMenuAlign;
-    /**
-     * Функция поиска элементов, должна возвращать Promise с массивом элементов.
-     * По умолчанию ожидаются строки.
-     *
-     * Элементы могут быть любого типа. В этом случае необходимо определить
-     * свойства `renderItem`, `valueToString`
-     */
+    /** Задает функцию поиска элементов, должна возвращать 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
-     */
+    /** Задает функцию, которая возвращает строковое представление токена.
+     * @default item => item */
     valueToString?: (item: T) => string;
-    /**
-     * Функция отображающая сообщение об общем количестве элементов.
-     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`.
-     */
+    /** Задает функцию, которая отображает сообщение об общем количестве элементов.
+     * `found` учитывает только компонент `MenuItem`. Им "оборачиваются" элементы, возвращаемые `getItems()`. */
     renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    /**
-     * Общее количество элементов.
-     * Необходим для работы `renderTotalCount`
-     */
+    /** Определяет общее количество элементов. Необходим для работы `renderTotalCount`. */
     totalCount?: number;
-    /**
-     * Отображает заданное содержимое, если ничего не найдено. Работает если не рендерится `AddButton`
-     */
+    /** Задает функцию, которая отображает заданное содержимое при пустом результате поиска. Не работает, если рендерится `AddButton`. */
     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;
-    /**
-     * Функция отрисовки кнопки добавления в выпадающем списке.
-     * Работает только когда тип инпута = `TokenInputType.Combined`
-     */
+    /** Задает функцию отрисовки кнопки добавления в выпадающем списке */
     renderAddButton?: (query?: string, onAddItem?: () => void) => ReactNode;
-    /**
-     * Функция для обработки ситуации, когда была введена
-     * строка в инпут и был потерян фокус с компонента
-     *
+    /** Задает функцию для обработки ввода строки в инпут и последующую потерю фокуса компонентом.
      * Функция срабатывает с аргументом инпута строки
      *
-     * Если при потере фокуса в выпадающем списке будет только один
-     * элемент и  результат `valueToString` с этим элементом будет
-     * совпадать со значение в текстовом поле, то
-     * сработает `onValueChange` со значением данного элемента
+     * Если при потере фокуса в выпадающем списке будет только один элемент и  результат `valueToString` с этим элементом будет
+     * совпадать со значение в текстовом поле, то сработает `onValueChange` со значением данного элемента
      *
-     * Сама функция также может вернуть значение,
-     * неравное `undefined`, с которым будет вызван `onValueChange`.
-     * Если возвращаемое значение будет равно `null`,
-     * то сработает очистка текущего значения инпута,
-     * а в режиме редактирования токен будет удален
-     */
+     * Сама функция также может вернуть значение, неравное `undefined`, с которым будет вызван `onValueChange`.
+     * При возвращаемом значении `null` будет выполнена очистка текущего значения инпута, а в режиме редактирования токен будет удален. */
     onUnexpectedInput?: (value: string) => void | null | undefined | T;
+    /** Задает типы вводимых данных. */
     inputMode?: React.HTMLAttributes<HTMLTextAreaElement>['inputMode'];
 }
 export interface TokenInputState<T> {
@@ -175,6 +127,11 @@ export declare const TokenInputDataTids: {
     readonly label: "TokenInput__label";
 };
 type DefaultProps<T> = Required<Pick<TokenInputProps<T>, 'selectedItems' | 'delimiters' | 'renderItem' | 'renderValue' | 'valueToString' | 'valueToItem' | 'toKey' | 'onValueChange' | 'width' | 'onBlur' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'menuWidth' | 'menuAlign' | 'size'>>;
+/**
+ * Поле с токенами `TokenInput` — это поле ввода со списком подсказок.
+ *
+ * Поле с токенами используют для выбора нескольких значений из справочника и для добавления своих значений.
+ */
 export declare class TokenInput<T = string> extends React.PureComponent<TokenInputProps<T>, TokenInputState<T>> {
     static __KONTUR_REACT_UI__: string;
     static displayName: string;

package/components/TokenInput/TokenInput.md

@@ -1,3 +1,4 @@
+### Базовый пример
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
 import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
@@ -59,7 +60,7 @@ const tokenColors = {
 </div>;
 ```
 
-У TokenInput есть 3 стандартных размера.
+### Размер
 
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -98,7 +99,7 @@ const getItems = q =>
 </div>;
 ```
 
-Заблокированный TokenInput с кастомными Token:
+### Заблокированный TokenInput с кастомными Token
 
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
@@ -124,15 +125,15 @@ async function getItems(query) {
 />
 ```
 
-Ограничение количества токенов в выпадающем списке
+### Ограничение количества токенов в выпадающем списке
 
 ```jsx harmony
-import { Token, MenuHeader } from '@skbkontur/react-ui';
+import { Token } from '@skbkontur/react-ui';
 import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
-import { Promise } from 'es6-promise';
+
 
 const delay = time => args => new Promise(resolve => setTimeout(resolve, time, args));
-const cities = require('../ComboBox/__mocks__/./kladr.json');
+const { cities } = require('../ComboBox/__mocks__/cities');
 
 const maxItems = 5;
 
@@ -168,7 +169,7 @@ const renderTotalCount = (foundCount, totalCount) => (
 </div>
 ```
 
-Пример с кастомным типом элементов меню
+### Кастомный тип элементов меню
 ```jsx harmony
 import { Token } from '@skbkontur/react-ui';
 import { TokenInputType } from '@skbkontur/react-ui/components/TokenInput';
@@ -215,7 +216,7 @@ const getModelItems = async (query) => {
 </div>;
 ```
 
-#### Пример с дебаунсом функции getItems
+### Дебаунс функции getItems
 
 Функция debounce из lodash некорректно работает с async/promise, поэтому лучше использовать кастомную функцию, как в примере ниже.
 
@@ -260,7 +261,8 @@ const getItems = async (query) => {
   placeholder="Начните вводить название"
 />
 ```
-Типизированная версия функции
+
+### Типизированная версия функции
 
 ```typescript static
 function debounceAsync<T, Callback extends (...args: any[]) => Promise<T>>(
@@ -286,7 +288,7 @@ function debounceAsync<T, Callback extends (...args: any[]) => Promise<T>>(
 }
 ```
 
-#### Локали по умолчанию
+### Локали по умолчанию
 
 ```typescript static
 interface TokenInputLocale {
@@ -295,12 +297,12 @@ interface TokenInputLocale {
 }
 
 const ru_RU = {
-  addButtonComment: 'Нажмите запятую или пробел',
+  addButtonComment: 'Нажмите запятую',
   addButtonTitle: 'Добавить',
 };
 
 const en_GB = {
-  addButtonComment: 'Type comma or space',
+  addButtonComment: 'Type comma',
   addButtonTitle: 'Add',
 };
 ```

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

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { labelSizeMixin, inputSizeMixin } from "../TokenInput.mixins";
 export var styles = memoizeStyle({
@@ -42,16 +42,13 @@ export var styles = memoizeStyle({
   inputLarge: function inputLarge(t) {
     return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge));
   },
-  helperTextEditing: function helperTextEditing(t) {
-    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      padding-bottom: ", ";\n    "])), t.tokenLegacyTextShift);
-  },
   inputDisabled: function inputDisabled(t) {
-    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])), t.tokenInputTextColorDisabled);
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      pointer-events: none;\n      /* fix text color in safari */\n      -webkit-text-fill-color: currentcolor;\n      color: ", ";\n    "])), t.tokenInputTextColorDisabled);
   },
   inputPlaceholderWrapper: function inputPlaceholderWrapper() {
-    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      flex: 1 1 100%;\n    "])));
   },
   reservedInput: function reservedInput(t) {
-    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])), t.tokenInputTextColorDisabled);
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      min-width: 2px;\n      color: ", ";\n      word-break: break-all;\n    "])), t.tokenInputTextColorDisabled);
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","labelSizeMixin","inputSizeMixin","styles","label","t","_templateObject","_taggedTemplateLiteralLoose","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","_templateObject2","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","_templateObject3","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","_templateObject4","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","_templateObject5","tokenInputBorderColorHover","warning","_templateObject6","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","_templateObject7","tokenInputBorderColorError","labelFocused","_templateObject8","tokenInputBorderColorFocus","labelDisabled","_templateObject9","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","_templateObject10","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","_templateObject11","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","_templateObject12","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","_templateObject13","tokenFontSizeLarge","tokenInputLineHeightLarge","helperTextEditing","_templateObject14","tokenLegacyTextShift","inputDisabled","_templateObject15","tokenInputTextColorDisabled","inputPlaceholderWrapper","_templateObject16","reservedInput","_templateObject17"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\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      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\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      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\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  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\n    `;\n  },\n\n  helperTextEditing(t: Theme) {\n    return css`\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  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","labelSizeMixin","inputSizeMixin","styles","label","t","_templateObject","_taggedTemplateLiteralLoose","tokenInputBg","tokenInputShadow","tokenInputBorderWidth","tokenInputBorderColor","tokenInputBorderTopColor","transitionDuration","transitionTimingFunction","tokenInputBorderRadius","labelSmall","_templateObject2","tokenInputPaddingYSmall","tokenInputPaddingXSmall","labelMedium","_templateObject3","tokenInputPaddingYMedium","tokenInputPaddingXMedium","labelLarge","_templateObject4","tokenInputPaddingYLarge","tokenInputPaddingXLarge","hovering","_templateObject5","tokenInputBorderColorHover","warning","_templateObject6","tokenInputBorderColorWarning","tokenInputOutlineWidth","error","_templateObject7","tokenInputBorderColorError","labelFocused","_templateObject8","tokenInputBorderColorFocus","labelDisabled","_templateObject9","tokenInputDisabledBg","inputDisabledBackgroundClip","tokenInputDisabledBorderColor","input","_templateObject10","tokenInputTextColor","tokenInputPlaceholderColor","tokenInputPlaceholderColorDisabled","tokenInputPlaceholderColorLight","inputSmall","_templateObject11","tokenFontSizeSmall","tokenInputLineHeightSmall","inputMedium","_templateObject12","tokenFontSizeMedium","tokenInputLineHeightMedium","inputLarge","_templateObject13","tokenFontSizeLarge","tokenInputLineHeightLarge","inputDisabled","_templateObject14","tokenInputTextColorDisabled","inputPlaceholderWrapper","_templateObject15","reservedInput","_templateObject16"],"sources":["TokenInput.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { labelSizeMixin, inputSizeMixin } from './TokenInput.mixins';\n\nexport const styles = memoizeStyle({\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      transition: border-color ${t.transitionDuration} ${t.transitionTimingFunction};\n      box-sizing: border-box;\n      cursor: text;\n      display: flex;\n      flex-wrap: wrap;\n      align-items: start;\n      outline: none;\n      position: relative;\n      border-radius: ${t.tokenInputBorderRadius};\n    `;\n  },\n  labelSmall(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYSmall, t.tokenInputPaddingXSmall)}\n    `;\n  },\n  labelMedium(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYMedium, t.tokenInputPaddingXMedium)}\n    `;\n  },\n  labelLarge(t: Theme) {\n    return css`\n      ${labelSizeMixin(t.tokenInputPaddingYLarge, t.tokenInputPaddingXLarge)}\n    `;\n  },\n\n  hovering(t: Theme) {\n    return css`\n      &:hover {\n        border-color: ${t.tokenInputBorderColorHover};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorWarning};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorWarning};\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorError};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorError};\n    `;\n  },\n\n  labelFocused(t: Theme) {\n    return css`\n      border: ${t.tokenInputBorderWidth} solid ${t.tokenInputBorderColorFocus};\n      box-shadow: 0 0 0 ${t.tokenInputOutlineWidth} ${t.tokenInputBorderColorFocus};\n    `;\n  },\n\n  labelDisabled(t: Theme) {\n    return css`\n      background: ${t.tokenInputDisabledBg};\n      background-clip: ${t.inputDisabledBackgroundClip};\n      border-color: ${t.tokenInputDisabledBorderColor};\n      box-shadow: none;\n      cursor: default;\n    `;\n  },\n\n  input(t: Theme) {\n    return css`\n      background: transparent;\n      border: none;\n      box-shadow: none;\n      outline: none;\n      font-family: inherit;\n      overflow: hidden;\n      resize: none;\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      padding: 0;\n      margin: 0;\n      flex: 1 1 100%;\n\n      &::-ms-clear {\n        display: none;\n      }\n      &::placeholder {\n        color: ${t.tokenInputPlaceholderColor};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColor};\n      }\n      &:disabled::placeholder {\n        color: ${t.tokenInputPlaceholderColorDisabled};\n        -webkit-text-fill-color: ${t.tokenInputPlaceholderColorDisabled};\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  inputSmall(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeSmall, t.tokenInputLineHeightSmall)};\n    `;\n  },\n  inputMedium(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeMedium, t.tokenInputLineHeightMedium)};\n    `;\n  },\n  inputLarge(t: Theme) {\n    return css`\n      ${inputSizeMixin(t.tokenFontSizeLarge, t.tokenInputLineHeightLarge)};\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  inputPlaceholderWrapper() {\n    return css`\n      flex: 1 1 100%;\n    `;\n  },\n\n  reservedInput(t: Theme) {\n    return css`\n      min-width: 2px;\n      color: ${t.tokenInputTextColorDisabled};\n      word-break: break-all;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -13,7 +13,6 @@ export declare const styles: {
     inputSmall(t: Theme): string;
     inputMedium(t: Theme): string;
     inputLarge(t: Theme): string;
-    helperTextEditing(t: Theme): string;
     inputDisabled(t: Theme): string;
     inputPlaceholderWrapper(): string;
     reservedInput(t: Theme): string;

package/components/TokenInput/TokenInputMenu/TokenInputMenu.js

@@ -79,6 +79,7 @@ export var TokenInputMenu = /*#__PURE__*/function (_React$Component) {
       width: menuAlign === 'cursor' ? 'auto' : menuWidth,
       withoutMobile: true
     }, /*#__PURE__*/React.createElement(ComboBoxMenu, {
+      size: this.props.size,
       items: items,
       loading: loading,
       hasMargin: false,

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

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","TokenInputDataTids","TokenInputMenu","_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","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","Provider","value","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","id","popupMenuId","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","hasMargin","refMenu","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  menuWidth: TokenInputProps<string>['menuWidth'];\n  menuAlign: TokenInputMenuAlign;\n  /**\n   * Позволяет задать `id` выпадающему меню.\n   *\n   * Это может пригодиться при реализации a11y. Например, для того, чтобы связать `aria-controls` с выпадающим меню.\n   */\n  popupMenuId?: HTMLProps['id'];\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          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","ThemeFactory","Popup","ComboBoxMenu","ThemeContext","TokenInputDataTids","TokenInputMenu","_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","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","Provider","value","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","id","popupMenuId","tokenInputMenu","positions","popupOffset","tokenInputPopupOffset","margin","hasShadow","width","withoutMobile","hasMargin","refMenu","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":[]}

package/components/TokenInput/TokenInputMenu.d.ts

@@ -6,14 +6,14 @@ 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` с выпадающим меню.
-     */
+    /** Задает id выпадающему меню.
+     Полезно при реализации a11y. Например, помогает связать aria-controls с выпадающим меню. */
     popupMenuId?: HTMLProps['id'];
+    /** Задает размер контрола. */
     size?: TokenSize;
 }
 export declare class TokenInputMenu<T = string> extends React.Component<TokenInputMenuProps<T>> {