@salutejs/sdds-cs 0.233.1-dev.0 → 0.234.0-canary.1706.12887876089.0

package/components/Mask/Mask.d.ts

@@ -44,10 +44,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hasDivider?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -106,10 +107,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hasDivider?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -174,6 +176,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -236,6 +239,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -296,10 +300,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hasDivider?: undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -358,10 +363,11 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hasDivider?: undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -426,6 +432,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -488,6 +495,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;

package/components/Select/Select.d.ts

@@ -19,6 +19,122 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & ((import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click" | undefined;
+    hintView?: string | undefined;
+    hintSize?: string | undefined;
+    hintTargetIcon?: React.ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
+    hintHasArrow?: boolean | undefined;
+    hintOffset?: [number, number] | undefined;
+    hintWidth?: string | undefined;
+    hintContentLeft?: React.ReactNode;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "negative" | "positive" | "warning" | undefined;
+    contentLeft?: React.ReactNode;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    chipType?: "default" | "text" | undefined;
+} & {
+    multiselect?: false | undefined;
+    separator?: undefined;
+} & {
+    value?: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    children?: undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    zIndex?: import("csstype").Property.ZIndex | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | React.RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    beforeList?: React.ReactNode;
+    afterList?: React.ReactNode;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+    status?: "warning" | "success" | "error" | undefined;
+    hasItems?: boolean | undefined;
+    isOpen?: boolean | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
+    hintText: string;
+    hintTrigger?: "hover" | "click" | undefined;
+    hintView?: string | undefined;
+    hintSize?: string | undefined;
+    hintTargetIcon?: React.ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
+    hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
+    hintHasArrow?: boolean | undefined;
+    hintOffset?: [number, number] | undefined;
+    hintWidth?: string | undefined;
+    hintContentLeft?: React.ReactNode;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "negative" | "positive" | "warning" | undefined;
+    contentLeft?: React.ReactNode;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    chipType?: "default" | "text" | undefined;
+} & {
+    multiselect?: true | undefined;
+    separator?: string | undefined;
+} & {
+    value?: any;
+    onChange?: ((value: any) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    children?: undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    zIndex?: import("csstype").Property.ZIndex | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | React.RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    beforeList?: React.ReactNode;
+    afterList?: React.ReactNode;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+    status?: "warning" | "success" | "error" | undefined;
+    hasItems?: boolean | undefined;
+    isOpen?: boolean | undefined;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: undefined;
+    hintText?: undefined;
+    hintView?: undefined;
+    hintSize?: undefined;
+    hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
+    hintPlacement?: undefined;
+    hintHasArrow?: undefined;
+    hintOffset?: undefined;
+    hintWidth?: undefined;
+    hintContentLeft?: undefined;
+} & {
     target?: "textfield-like" | undefined;
     view?: "default" | "negative" | "positive" | "warning" | undefined;
     contentLeft?: React.ReactNode;
@@ -59,6 +175,18 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hasItems?: boolean | undefined;
     isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
+    hintTrigger?: undefined;
+    hintText?: undefined;
+    hintView?: undefined;
+    hintSize?: undefined;
+    hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
+    hintPlacement?: undefined;
+    hintHasArrow?: undefined;
+    hintOffset?: undefined;
+    hintWidth?: undefined;
+    hintContentLeft?: undefined;
+} & {
     target?: "textfield-like" | undefined;
     view?: "default" | "negative" | "positive" | "warning" | undefined;
     contentLeft?: React.ReactNode;

package/components/TextArea/TextArea.d.ts

@@ -44,7 +44,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
     optional?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintOpened?: boolean | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
@@ -87,7 +87,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
     optional?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintOpened?: boolean | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
@@ -130,7 +130,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
     optional?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintOpened?: boolean | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
@@ -173,7 +173,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
     optional?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintOpened?: boolean | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;

package/components/TextField/TextField.d.ts

@@ -47,10 +47,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hasDivider?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -82,10 +83,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hasDivider?: boolean | undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -123,6 +125,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -158,6 +161,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -191,10 +195,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hasDivider?: undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -226,10 +231,11 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hasDivider?: undefined;
 } & {
     hintText: string;
-    hintTrigger?: "click" | "hover" | undefined;
+    hintTrigger?: "hover" | "click" | undefined;
     hintView?: string | undefined;
     hintSize?: string | undefined;
     hintTargetIcon?: import("react").ReactNode;
+    hintTargetPlacement?: "outer" | "inner" | undefined;
     hintPlacement?: import("@salutejs/plasma-new-hope/styled-components").PopoverPlacement | import("@salutejs/plasma-new-hope/styled-components").PopoverPlacementBasic[] | undefined;
     hintHasArrow?: boolean | undefined;
     hintOffset?: [number, number] | undefined;
@@ -267,6 +273,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;
@@ -302,6 +309,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     hintView?: undefined;
     hintSize?: undefined;
     hintTargetIcon?: undefined;
+    hintTargetPlacement?: undefined;
     hintPlacement?: undefined;
     hintHasArrow?: undefined;
     hintOffset?: undefined;

package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx

@@ -1,7 +1,7 @@
 import type { ComponentProps } from 'react';
 import * as React from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
 import { IconPlasma } from '@salutejs/plasma-icons';
 
 import { Autocomplete } from './Autocomplete';
@@ -96,6 +96,19 @@ const meta: Meta<StoryProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
+        ...disableProps([
+            'hintText',
+            'hintTrigger',
+            'hintView',
+            'hintSize',
+            'hintTargetIcon',
+            'hintTargetPlacement',
+            'hintPlacement',
+            'hintHasArrow',
+            'hintOffset',
+            'hintWidth',
+            'hintContentLeft',
+        ]),
     },
     args: {
         view: 'default',

package/emotion/cjs/components/Combobox/Combobox.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
 import { IconDone } from '@salutejs/plasma-icons';
 
 import { Combobox } from './Combobox';
@@ -82,6 +82,19 @@ const meta: Meta<StorySelectProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
+        ...disableProps([
+            'hintText',
+            'hintTrigger',
+            'hintView',
+            'hintSize',
+            'hintTargetIcon',
+            'hintTargetPlacement',
+            'hintPlacement',
+            'hintHasArrow',
+            'hintOffset',
+            'hintWidth',
+            'hintContentLeft',
+        ]),
     },
     args: {
         label: 'Label',

package/emotion/cjs/components/Select/Select.stories.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
 import { IconPlasma } from '@salutejs/plasma-icons';
 
 import './style.css';
@@ -84,6 +84,19 @@ const meta: Meta<StorySelectProps> = {
             options: ['default', 'text'],
             if: { arg: 'target', eq: 'textfield-like' },
         },
+        ...disableProps([
+            'hintText',
+            'hintTrigger',
+            'hintView',
+            'hintSize',
+            'hintTargetIcon',
+            'hintTargetPlacement',
+            'hintPlacement',
+            'hintHasArrow',
+            'hintOffset',
+            'hintWidth',
+            'hintContentLeft',
+        ]),
     },
     args: {
         target: 'textfield-like',

package/emotion/cjs/components/TextArea/TextArea.stories.tsx

@@ -16,10 +16,6 @@ type StoryTextAreaPropsCustom = {
 
 type StoryTextAreaProps = ComponentProps<typeof TextArea> & StoryTextAreaPropsCustom;
 
-const hintViews = ['default'];
-const hintSizes = ['m', 's'];
-const hintTriggers = ['hover', 'click'];
-
 const meta: Meta<StoryTextAreaProps> = {
     title: 'Data Entry/TextArea',
     decorators: [InSpacingDecorator],
@@ -72,52 +68,6 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'clear', truthy: false },
         },
-        hasHint: {
-            control: {
-                type: 'boolean',
-            },
-        },
-        hintText: {
-            control: { type: 'text' },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintView: {
-            options: hintViews,
-            control: {
-                type: 'select',
-            },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintSize: {
-            options: hintSizes,
-            control: {
-                type: 'select',
-            },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintTrigger: {
-            options: hintTriggers,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintPlacement: {
-            options: placements,
-            control: {
-                type: 'select',
-            },
-            if: { arg: 'hasHint', truthy: true },
-            mappers: placements,
-        },
-        hintHasArrow: {
-            control: { type: 'boolean' },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintWidth: {
-            control: { type: 'text' },
-            if: { arg: 'hasHint', truthy: true },
-        },
         helperText: {
             control: { type: 'text' },
         },
@@ -161,7 +111,17 @@ const meta: Meta<StoryTextAreaProps> = {
             'width',
             'helperText',
             'labelPlacement',
+            'hintText',
+            'hintTrigger',
             'hintView',
+            'hintSize',
+            'hintTargetIcon',
+            'hintTargetPlacement',
+            'hintPlacement',
+            'hintHasArrow',
+            'hintOffset',
+            'hintWidth',
+            'hintContentLeft',
         ]),
     },
     args: {
@@ -186,14 +146,6 @@ const meta: Meta<StoryTextAreaProps> = {
         labelPlacement: 'outer',
         clear: false,
         hasDivider: false,
-        hasHint: true,
-        hintText: 'Текст подсказки',
-        hintTrigger: 'hover',
-        hintView: 'default',
-        hintSize: 'm',
-        hintPlacement: 'auto',
-        hintWidth: '10rem',
-        hintHasArrow: true,
     },
 };
 

package/emotion/cjs/components/TextField/TextField.stories.tsx

@@ -4,7 +4,6 @@ import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
 import { IconPlasma } from '@salutejs/plasma-icons';
-import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
 
 import { TextField } from '.';
 
@@ -12,32 +11,10 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
-const onChipsChange = action('onChipsChange');
 
 const sizes = ['s'];
 const views = ['default', 'negative'];
 const labelPlacements = ['outer'];
-const hintSizes = ['m', 's'];
-const hintTriggers = ['hover', 'click'];
-const placements: Array<PopoverPlacement> = [
-    'top',
-    'top-start',
-    'top-end',
-
-    'bottom',
-    'bottom-start',
-    'bottom-end',
-
-    'left',
-    'left-start',
-    'left-end',
-
-    'right',
-    'right-start',
-    'right-end',
-
-    'auto',
-];
 
 const meta: Meta<typeof TextField> = {
     title: 'Data Entry/TextField',
@@ -92,40 +69,6 @@ const meta: Meta<typeof TextField> = {
                 type: 'inline-radio',
             },
         },
-        hintText: {
-            control: { type: 'text' },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintSize: {
-            options: hintSizes,
-            control: {
-                type: 'select',
-            },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintTrigger: {
-            options: hintTriggers,
-            control: {
-                type: 'inline-radio',
-            },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintPlacement: {
-            options: placements,
-            control: {
-                type: 'select',
-            },
-            if: { arg: 'hasHint', truthy: true },
-            mappers: placements,
-        },
-        hintHasArrow: {
-            control: { type: 'boolean' },
-            if: { arg: 'hasHint', truthy: true },
-        },
-        hintWidth: {
-            control: { type: 'text' },
-            if: { arg: 'hasHint', truthy: true },
-        },
         chipType: {
             control: 'select',
             options: ['default', 'text'],
@@ -153,6 +96,17 @@ const meta: Meta<typeof TextField> = {
             'minLength',
             'maxLength',
             'checked',
+            'hintText',
+            'hintTrigger',
+            'hintView',
+            'hintSize',
+            'hintTargetIcon',
+            'hintTargetPlacement',
+            'hintPlacement',
+            'hintHasArrow',
+            'hintOffset',
+            'hintWidth',
+            'hintContentLeft',
         ]),
     },
 };
@@ -179,7 +133,6 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    hasHint: boolean;
     enableContentLeft: boolean;
     enableContentRight: boolean;
 };
@@ -243,14 +196,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         enableContentRight: true,
         clear: false,
         hasDivider: false,
-        hasHint: true,
-        hintText: 'Текст подсказки',
-        hintTrigger: 'hover',
-        hintView: 'default',
-        hintSize: 'm',
-        hintPlacement: 'auto',
-        hintWidth: '10rem',
-        hintHasArrow: true,
     },
     parameters: {
         controls: {