@salutejs/plasma-new-hope 0.72.0-canary.1160.8612911363.0 → 0.72.0-canary.1160.8617165473.0

package/styled-components/es/components/TextField/hooks/useKeyNavigation.js

@@ -68,7 +68,7 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
       updateChips(_newChips, _newValues);
     }
   };
-  var onChipClear = function onChipClear(clearId) {
+  var onChipClear = function onChipClear(clearId, index) {
     if (!chips.length) {
       return;
     }
@@ -80,19 +80,20 @@ export var useKeyNavigation = function useKeyNavigation(_ref) {
       var text = _ref6.text;
       return text;
     });
+    chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
     updateChips(newChips, newValues);
   };
-  var handleChipKeyDown = function handleChipKeyDown(event, chipId) {
+  var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
     if (event.key === Keys.Tab) {
       event.preventDefault();
     }
     if (event.key === Keys.Backspace) {
-      onChipClear(chipId);
+      onChipClear(chipId, chipIndex);
     }
   };
   var handleContentKeyDown = function handleContentKeyDown(event) {
     var _inputRef$current2, _focusedItem, _focusedItem2;
-    var chipsRefsCount = chips.length;
+    var chipsRefsCount = chipsRefs.current.length;
     var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.selectionStart) || 0;
     var newActiveChipIndex = activeChipIndex;
     var focusedItem = null;

package/styled-components/es/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -4,7 +4,7 @@ import { StyledChip } from './TextFieldChip.styles';
  * Чип, отображающий выбранный элемент
  */
 export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var chipId = _ref.chipId,
+  var id = _ref.id,
     text = _ref.text,
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
@@ -12,10 +12,10 @@ export var TextFieldChip = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onClear = _ref.onClear,
     onKeyDown = _ref.onKeyDown;
   var onClearHandle = function onClearHandle() {
-    return onClear(chipId);
+    return onClear(id);
   };
   var onKeyDownHandle = function onKeyDownHandle(event) {
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, chipId);
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, id);
   };
   return /*#__PURE__*/React.createElement(StyledChip, {
     ref: ref,

package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -11,10 +11,10 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
+const onChipsChange = action('onChipsChange');
 
 const sizes = ['l', 'm', 's', 'xs'];
 const views = ['default', 'positive', 'warning', 'negative'];
-const enumerationTypes = ['plain', 'chip'];
 const labelPlacements = ['outer', 'inner'];
 
 const meta: Meta<typeof TextField> = {
@@ -39,12 +39,6 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
-        enumerationType: {
-            options: enumerationTypes,
-            control: {
-                type: 'select',
-            },
-        },
         size: {
             options: sizes,
             control: {
@@ -72,6 +66,9 @@ type StoryPropsDefault = Omit<
     | 'maxLength'
     | 'minLength'
     | 'required'
+    | 'enumerationType'
+    | 'chips'
+    | 'onChangeChips'
 > & {
     'storybook:contentLeft': boolean;
     'storybook:contentRight': boolean;
@@ -90,6 +87,7 @@ const StoryDemo = ({
     return (
         <TextField
             {...rest}
+            enumerationType="plain"
             value={text}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
@@ -114,7 +112,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         labelPlacement: 'outer',
         placeholder: 'Заполните поле',
         leftHelper: 'Подсказка к полю',
-        enumerationType: 'plain',
         disabled: false,
         readOnly: false,
         'storybook:contentLeft': true,
@@ -123,11 +120,62 @@ export const Default: StoryObj<StoryPropsDefault> = {
     render: (args) => <StoryDemo {...args} />,
 };
 
-export const Chips: StoryObj<StoryPropsDefault> = {
+type StoryPropsChips = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'onSearch'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+    | 'enumerationType'
+> & {
+    'storybook:contentLeft': boolean;
+    'storybook:contentRight': boolean;
+};
+
+const StoryChips = ({
+    'storybook:contentLeft': enableContentLeft,
+    'storybook:contentRight': enableContentRight,
+    view,
+    ...rest
+}: StoryPropsChips) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            enumerationType="chip"
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onChangeChips={onChipsChange}
+        />
+    );
+};
+
+export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
-        enumerationType: 'chip',
-        values: ['1 value', '2 value', '3 value', '4 value'],
+        chips: ['1 value', '2 value', '3 value', '4 value'],
     },
-    render: (args) => <StoryDemo {...args} />,
+    render: (args) => <StoryChips {...args} />,
 };

package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -11,10 +11,10 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
+const onChipsChange = action('onChipsChange');
 
 const sizes = ['l', 'm', 's', 'xs'];
 const views = ['default', 'positive', 'warning', 'negative'];
-const enumerationTypes = ['plain', 'chip'];
 const labelPlacements = ['outer', 'inner'];
 
 const meta: Meta<typeof TextField> = {
@@ -39,12 +39,6 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
-        enumerationType: {
-            options: enumerationTypes,
-            control: {
-                type: 'select',
-            },
-        },
         size: {
             options: sizes,
             control: {
@@ -72,6 +66,9 @@ type StoryPropsDefault = Omit<
     | 'maxLength'
     | 'minLength'
     | 'required'
+    | 'enumerationType'
+    | 'chips'
+    | 'onChangeChips'
 > & {
     'storybook:contentLeft': boolean;
     'storybook:contentRight': boolean;
@@ -90,6 +87,7 @@ const StoryDemo = ({
     return (
         <TextField
             {...rest}
+            enumerationType="plain"
             value={text}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
@@ -114,7 +112,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         labelPlacement: 'outer',
         placeholder: 'Заполните поле',
         leftHelper: 'Подсказка к полю',
-        enumerationType: 'plain',
         disabled: false,
         readOnly: false,
         'storybook:contentLeft': true,
@@ -123,11 +120,62 @@ export const Default: StoryObj<StoryPropsDefault> = {
     render: (args) => <StoryDemo {...args} />,
 };
 
-export const Chips: StoryObj<StoryPropsDefault> = {
+type StoryPropsChips = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'onSearch'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+    | 'enumerationType'
+> & {
+    'storybook:contentLeft': boolean;
+    'storybook:contentRight': boolean;
+};
+
+const StoryChips = ({
+    'storybook:contentLeft': enableContentLeft,
+    'storybook:contentRight': enableContentRight,
+    view,
+    ...rest
+}: StoryPropsChips) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            enumerationType="chip"
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onChangeChips={onChipsChange}
+        />
+    );
+};
+
+export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
-        enumerationType: 'chip',
-        values: ['1 value', '2 value', '3 value', '4 value'],
+        chips: ['1 value', '2 value', '3 value', '4 value'],
     },
-    render: (args) => <StoryDemo {...args} />,
+    render: (args) => <StoryChips {...args} />,
 };

package/styled-components/es/examples/sds_engineer/components/TextField/TextField.stories.tsx

@@ -11,10 +11,10 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
+const onChipsChange = action('onChipsChange');
 
 const sizes = ['l', 'm', 's', 'xs'];
 const views = ['default', 'positive', 'warning', 'negative'];
-const enumerationTypes = ['plain', 'chip'];
 const labelPlacements = ['outer', 'inner'];
 
 const meta: Meta<typeof TextField> = {
@@ -39,12 +39,6 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
-        enumerationType: {
-            options: enumerationTypes,
-            control: {
-                type: 'select',
-            },
-        },
         size: {
             options: sizes,
             control: {
@@ -72,6 +66,9 @@ type StoryPropsDefault = Omit<
     | 'maxLength'
     | 'minLength'
     | 'required'
+    | 'enumerationType'
+    | 'chips'
+    | 'onChangeChips'
 > & {
     'storybook:contentLeft': boolean;
     'storybook:contentRight': boolean;
@@ -90,6 +87,7 @@ const StoryDemo = ({
     return (
         <TextField
             {...rest}
+            enumerationType="plain"
             value={text}
             contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
             contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
@@ -114,7 +112,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         labelPlacement: 'outer',
         placeholder: 'Заполните поле',
         leftHelper: 'Подсказка к полю',
-        enumerationType: 'plain',
         disabled: false,
         readOnly: false,
         'storybook:contentLeft': true,
@@ -123,11 +120,62 @@ export const Default: StoryObj<StoryPropsDefault> = {
     render: (args) => <StoryDemo {...args} />,
 };
 
-export const Chips: StoryObj<StoryPropsDefault> = {
+type StoryPropsChips = Omit<
+    ComponentProps<typeof TextField>,
+    | 'helperBlock'
+    | 'contentLeft'
+    | 'htmlSize'
+    | 'contentRight'
+    | 'type'
+    | 'name'
+    | 'onFocus'
+    | 'onBlur'
+    | 'onChange'
+    | 'onSearch'
+    | 'value'
+    | 'checked'
+    | 'maxLength'
+    | 'minLength'
+    | 'required'
+    | 'enumerationType'
+> & {
+    'storybook:contentLeft': boolean;
+    'storybook:contentRight': boolean;
+};
+
+const StoryChips = ({
+    'storybook:contentLeft': enableContentLeft,
+    'storybook:contentRight': enableContentRight,
+    view,
+    ...rest
+}: StoryPropsChips) => {
+    const [text, setText] = useState('Значение поля');
+
+    const iconSize = rest.size === 'xs' ? 'xs' : 's';
+
+    return (
+        <TextField
+            {...rest}
+            enumerationType="chip"
+            value={text}
+            contentLeft={enableContentLeft ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            view={view}
+            onChange={(e) => {
+                setText(e.target.value);
+                onChange(e.target.value);
+            }}
+            onFocus={onFocus}
+            onBlur={onBlur}
+            onChangeChips={onChipsChange}
+        />
+    );
+};
+
+export const Chips: StoryObj<StoryPropsChips> = {
     args: {
         ...Default.args,
-        enumerationType: 'chip',
-        values: ['1 value', '2 value', '3 value', '4 value'],
+        chips: ['1 value', '2 value', '3 value', '4 value'],
     },
-    render: (args) => <StoryDemo {...args} />,
+    render: (args) => <StoryChips {...args} />,
 };

package/types/components/Cell/Cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFAwC9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA1CQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA2DlE,CAAC"}
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,qFA0C9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBA5CQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CA6DlE,CAAC"}

package/types/components/TextField/TextField.types.d.ts

@@ -5,7 +5,44 @@ export declare type ChipValues = {
     text: TextFieldPrimitiveValue;
 };
 export declare type EnumerationType = 'plain' | 'chip';
-export interface TextFieldPropsBase {
+declare type TextFieldChipProps = {
+    /**
+     * Выбранные значения.
+     */
+    chips?: never;
+    /**
+     * Обработчик изменения выбранных значений.
+     */
+    onChangeChips?: never;
+    /**
+     * Тип перечисления значений.
+     * Варианты: plain, chip
+     */
+    enumerationType?: 'plain';
+    /**
+     * Callback по нажатию Enter
+     */
+    onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
+} | {
+    /**
+     * Тип перечисления значений.
+     * Варианты: plain, chip
+     */
+    enumerationType: 'chip';
+    /**
+     * Callback по нажатию Enter
+     */
+    onSearch?: never;
+    /**
+     * Выбранные значения.
+     */
+    chips?: Array<TextFieldPrimitiveValue>;
+    /**
+     * Обработчик изменения выбранных значений.
+     */
+    onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
+};
+export declare type TextFieldPropsBase = {
     /**
      * Метка-подпись к элементу
      */
@@ -26,25 +63,12 @@ export interface TextFieldPropsBase {
      * Слот для контента справа.
      */
     contentRight?: React.ReactElement;
-    /**
-     * Тип перечисления значений.
-     * Варианты: plain, chips
-     */
-    enumerationType?: EnumerationType;
-    /**
-     * Выбранные значения.
-     */
-    values?: Array<TextFieldPrimitiveValue>;
     /**
      * Callback по нажатию Enter
      */
     onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
-    /**
-     * Обработчик изменения выбранных значений.
-     */
-    onChangeChips?: (value: Array<TextFieldPrimitiveValue>) => void;
-}
-export interface TextFieldPropsVariations extends TextFieldPropsBase {
+} & TextFieldChipProps;
+export declare type TextFieldProps = {
     /**
      * Размер контрола.
      */
@@ -61,9 +85,7 @@ export interface TextFieldPropsVariations extends TextFieldPropsBase {
      * Компонент неактивен.
      */
     disabled?: boolean;
-}
-export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, TextFieldPropsVariations {
-}
+} & TextFieldPropsBase & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>;
 export interface ControlledRefs {
     chipsRefs: MutableRefObject<Array<HTMLButtonElement>>;
     inputRef?: MutableRefObject<HTMLInputElement | null>;
@@ -79,4 +101,5 @@ export interface UseKeyNavigationProps {
     onSearch?: (value: string, event?: KeyboardEvent<HTMLInputElement>) => void;
     onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
 }
+export {};
 //# sourceMappingURL=TextField.types.d.ts.map

package/types/components/TextField/TextField.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE/F,oBAAY,uBAAuB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEhE,oBAAY,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,uBAAuB,CAAC;CACjC,CAAC;AAEF,oBAAY,eAAe,GAAG,OAAO,GAAG,MAAM,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,uBAAuB,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,wBAAwB;CAAG;AAExH,MAAM,WAAW,cAAc;IAC3B,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACxD;AAED,MAAM,WAAW,qBAAqB;IAClC,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,eAAe,EAAE,eAAe,CAAC;IACjC,WAAW,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;IAC9F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC7D"}
+{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"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"}

package/types/components/TextField/hooks/useKeyNavigation.d.ts

@@ -10,8 +10,8 @@ export declare const Keys: {
 };
 export declare const useKeyNavigation: ({ controlledRefs: { chipsRefs, contentRef, inputRef }, disabled, readOnly, chips, enumerationType, updateChips, onChange, onSearch, }: UseKeyNavigationProps) => {
     readonly handleInputKeydown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
-    readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string) => void;
-    readonly onChipClear: (clearId: string) => void;
+    readonly handleChipKeyDown: (event: KeyboardEvent<HTMLButtonElement>, chipId: string, chipIndex: number) => void;
+    readonly onChipClear: (clearId: string, index: number) => void;
     readonly handleContentKeyDown: (event: KeyboardEvent<HTMLDivElement>) => void;
 };
 //# sourceMappingURL=useKeyNavigation.d.ts.map

package/types/components/TextField/hooks/useKeyNavigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA4ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM;oCAXpD,MAAM;2CAqBC,cAAc,cAAc,CAAC;CAkDrE,CAAC"}
+{"version":3,"file":"useKeyNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/hooks/useKeyNavigation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0IAS1B,qBAAqB;yCAGe,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;wCA6ChE,cAAc,iBAAiB,CAAC,UAAU,MAAM,aAAa,MAAM;oCAZvE,MAAM,SAAS,MAAM;2CAsBd,cAAc,cAAc,CAAC;CAkDrE,CAAC"}

package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts

@@ -4,7 +4,7 @@ export interface TextFieldChipProps {
     /**
      * ID для чипа.
      */
-    chipId: string;
+    id: string;
     /**
      * Отображаемый текст.
      */

package/types/components/TextField/ui/TextFieldChip/TextFieldChip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFieldChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,EAAE,uBAAuB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,uBAAuB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvF"}
+{"version":3,"file":"TextFieldChip.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/ui/TextFieldChip/TextFieldChip.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAErE,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,EAAE,uBAAuB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,uBAAuB,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvF"}

package/types/examples/plasma_b2c/components/TextField/TextField.d.ts

@@ -22,5 +22,39 @@ export declare const TextField: import("react").FunctionComponent<import("../../
     readOnly: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & (({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    chips?: undefined;
+    onChangeChips?: undefined;
+    enumerationType?: "plain" | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLDivElement>) | ({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    enumerationType: "chip";
+    onSearch?: undefined;
+    chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
+    onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLDivElement>))>;
 //# sourceMappingURL=TextField.d.ts.map

package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0HAA0B,CAAC"}

package/types/examples/plasma_web/components/TextField/TextField.d.ts

@@ -22,5 +22,39 @@ export declare const TextField: import("react").FunctionComponent<import("../../
     readOnly: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../components/TextField").TextFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & (({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    chips?: undefined;
+    onChangeChips?: undefined;
+    enumerationType?: "plain" | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLDivElement>) | ({
+    size?: string | undefined;
+    view?: string | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+} & {
+    label?: string | undefined;
+    labelPlacement?: "inner" | "outer" | undefined;
+    leftHelper?: string | undefined;
+    contentLeft?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    contentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & {
+    enumerationType: "chip";
+    onSearch?: undefined;
+    chips?: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
+    onChangeChips?: ((value: import("../../../../components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size"> & import("react").RefAttributes<HTMLDivElement>))>;
 //# sourceMappingURL=TextField.d.ts.map

package/types/examples/plasma_web/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;+GAA0B,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/TextField/TextField.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0HAA0B,CAAC"}