@salutejs/sdds-dfa 0.167.1-canary.1517.11744378817.0 → 0.168.0-canary.1550.11768426274.0

package/temp/sdds-dfa.api.md

@@ -86,6 +86,7 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
@@ -118,16 +119,15 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from 'react';
 import type { ItemOption } from '@salutejs/plasma-new-hope';
+import { ItemOptionSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LinkCustomProps } from '@salutejs/plasma-new-hope/types/components/Link/Link';
 import { MaskProps } from '@salutejs/plasma-new-hope/types/components/Mask/Mask.types';
 import { mediaQuery } from '@salutejs/plasma-new-hope/styled-components';
-import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
 import { modalClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { ModalProps } from '@salutejs/plasma-new-hope/styled-components';
 import { MouseEvent as MouseEvent_2 } from 'react';
-import { MutableRefObject } from 'react';
 import { numberInputClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { numberInputTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { Orientation } from '@salutejs/plasma-new-hope/types/components/TextFieldGroup/TextFieldGroup.types';
@@ -1015,7 +1015,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1051,7 +1051,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1087,7 +1087,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1123,7 +1123,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1159,7 +1159,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1195,7 +1195,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1231,7 +1231,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1267,7 +1267,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1303,7 +1303,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1339,7 +1339,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1375,7 +1375,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -1411,7 +1411,7 @@ true: PolymorphicClassName;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
     listWidth?: Property.Width<string | number> | undefined;
-    portal?: MutableRefObject<HTMLElement | null> | undefined;
+    portal?: string | RefObject<HTMLElement> | undefined;
     renderItem?: ((item: ItemOption) => ReactNode) | undefined;
     filter?: ((item: ItemOption, textValue: string) => boolean) | undefined;
     closeAfterSelect?: boolean | undefined;
@@ -3497,13 +3497,7 @@ export { SegmentProvider }
 export { SegmentProviderProps }
 
 // @public (undocumented)
-export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps, "view" | "size" | "chipView"> & Pick<PropsType<    {
-size: {
-xs: PolymorphicClassName;
-s: PolymorphicClassName;
-m: PolymorphicClassName;
-l: PolymorphicClassName;
-};
+export const Select: React_2.ForwardRefExoticComponent<Omit<SelectProps<ItemOptionSelect>, "view" | "size" | "chipView"> & Pick<PropsType<    {
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -3516,11 +3510,24 @@ dark: PolymorphicClassName;
 black: PolymorphicClassName;
 white: PolymorphicClassName;
 };
+size: {
+l: PolymorphicClassName;
+m: PolymorphicClassName;
+s: PolymorphicClassName;
+xs: PolymorphicClassName;
+};
+labelPlacement: {
+inner: PolymorphicClassName;
+outer: PolymorphicClassName;
+};
 chipView: {
 default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
+disabled: {
+true: PolymorphicClassName;
+};
 }> & (({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -3532,7 +3539,7 @@ accent: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value: any;
+    value?: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3540,21 +3547,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3570,7 +3577,7 @@ accent: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value: any;
+    value?: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3578,21 +3585,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3608,7 +3615,7 @@ accent: PolymorphicClassName;
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value: any;
+    value?: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3616,21 +3623,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
@@ -3646,7 +3653,7 @@ accent: PolymorphicClassName;
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value: any;
+    value?: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: Property.Overflow | undefined;
     listHeight?: Property.Height<string | number> | undefined;
@@ -3654,21 +3661,21 @@ accent: PolymorphicClassName;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: MergedDropdownNode[] | undefined;
-    onItemSelect?: ((e: MergedDropdownNode, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: DropdownNodeSelect[] | undefined;
+    onItemSelect?: ((e: DropdownNodeSelect, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
     hasItems?: boolean | undefined;
     children?: undefined;
     isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => React_2.ReactNode) | undefined;
-    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: DropdownNodeSelect | DropdownNodeSelect[]) => React_2.ReactNode) | undefined;
+    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React_2.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: Property.Width<string | number> | undefined;
     portal?: string | React_2.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: MergedDropdownNode) => string) | undefined;
-    renderItem?: ((item: MergedDropdownNode) => React_2.ReactNode) | undefined;
+    renderValue?: ((item: DropdownNodeSelect) => string) | undefined;
+    renderItem?: ((item: DropdownNodeSelect) => React_2.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;