@salutejs/plasma-web 1.368.1-canary.1362.10423909326.0 → 1.369.0-canary.1349.10433909980.0

package/api/plasma-web.api.md

@@ -39,7 +39,6 @@ import { BaseboxProps } from '@salutejs/plasma-new-hope/styled-components';
 import { BaseCallbackChangeInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/components/Range/Range.types';
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
-import { BasicProps } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import { BlurProps } from '@salutejs/plasma-core';
 import { blurs } from '@salutejs/plasma-core';
 import { BoldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Typography.types';
@@ -99,8 +98,6 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
-import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
-import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
 import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
 import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -159,6 +156,7 @@ import { ListItem } from '@salutejs/plasma-hope';
 import { MaxLinesProps } from '@salutejs/plasma-core';
 import { mediaQuery } from '@salutejs/plasma-hope';
 import { MediaQueryFunction } from '@salutejs/plasma-hope';
+import { MergedDropdownNode } from '@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types';
 import { Modal } from '@salutejs/plasma-hope';
 import { modalClasses as modalBaseClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { ModalProps as ModalBaseProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -201,6 +199,7 @@ import { PreviewGalleryProps } from '@salutejs/plasma-hope';
 import { priceClasses } from '@salutejs/plasma-new-hope/styled-components';
 import { PriceProps } from '@salutejs/plasma-new-hope/types/components/Price/Price.types';
 import { ProgressProps } from '@salutejs/plasma-new-hope/styled-components';
+import { Property } from 'csstype';
 import { Props } from '@salutejs/plasma-new-hope/types/components/EmptyState/EmptyState.types';
 import { PropsType } from '@salutejs/plasma-new-hope/types/engines/types';
 import { RadioGroup } from '@salutejs/plasma-new-hope/styled-components';
@@ -230,7 +229,8 @@ import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SelectGroup } from '@salutejs/plasma-hope';
-import { SelectProps } from '@salutejs/plasma-hope';
+import { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
+import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
 import { setRef } from '@salutejs/plasma-core';
 import { shadows } from '@salutejs/plasma-core';
@@ -259,6 +259,7 @@ import { StyledComponent } from 'styled-components';
 import { StyledPreviewGallery } from '@salutejs/plasma-hope';
 import { SubtitleProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SwitchProps as SwitchProps_2 } from '@salutejs/plasma-new-hope/styled-components';
+import { SyntheticEvent } from 'react';
 import { syntheticFocus } from '@salutejs/plasma-core';
 import { TabItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { TabItemRefs } from '@salutejs/plasma-new-hope/styled-components';
@@ -285,6 +286,7 @@ import { toolbarTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { transformStyles } from '@salutejs/plasma-core';
 import { TypographyOldProps } from '@salutejs/plasma-new-hope/types/components/Typography/Old/TypographyOld';
+import { UIEvent as UIEvent_2 } from 'react';
 import { Upload } from '@salutejs/plasma-hope';
 import { UploadAudio } from '@salutejs/plasma-hope';
 import { UploadAudioProps } from '@salutejs/plasma-hope';
@@ -2044,13 +2046,8 @@ export { SegmentProvider }
 
 export { SegmentProviderProps }
 
-// @public
-export const Select: React_2.ForwardRefExoticComponent<SelectProps<any> & React_2.RefAttributes<HTMLButtonElement>>;
-
-export { SelectGroup }
-
-// @public
-export const SelectNew: FunctionComponent<PropsType<    {
+// @public (undocumented)
+export const Select: FunctionComponent<PropsType<    {
 size: {
 xs: PolymorphicClassName;
 s: PolymorphicClassName;
@@ -2074,62 +2071,162 @@ default: PolymorphicClassName;
 secondary: PolymorphicClassName;
 accent: PolymorphicClassName;
 };
-}> & ((BasicProps & {
+}> & (({
+target?: "textfield-like" | undefined;
+view?: "default" | "positive" | "warning" | "negative" | undefined;
+contentLeft?: ReactNode;
+labelPlacement?: "outer" | "inner" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+} & {
 multiselect?: false | undefined;
-value?: string | undefined;
-onChange?: ((value: string) => void) | undefined;
-isTargetAmount?: false | undefined;
-renderTarget?: ((value: string) => ReactNode) | undefined;
+separator?: undefined;
 } & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+disabled?: boolean | undefined;
+items?: MergedDropdownNode[] | undefined;
+onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
+hasItems?: boolean | undefined;
+children?: undefined;
+isOpen?: boolean | undefined;
+isTargetAmount?: boolean | undefined;
+renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
+placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+label?: string | undefined;
+onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
+variant?: "normal" | "tight" | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+chipView?: string | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
 target?: "textfield-like" | undefined;
 view?: "default" | "positive" | "warning" | "negative" | undefined;
 contentLeft?: ReactNode;
 labelPlacement?: "outer" | "inner" | undefined;
 placeholder?: string | undefined;
 helperText?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
-multiselect?: false | undefined;
-value?: string | undefined;
-onChange?: ((value: string) => void) | undefined;
-isTargetAmount?: false | undefined;
-renderTarget?: ((value: string) => ReactNode) | undefined;
 } & {
+multiselect?: true | undefined;
+separator?: string | undefined;
+} & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+disabled?: boolean | undefined;
+items?: MergedDropdownNode[] | undefined;
+onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
+hasItems?: boolean | undefined;
+children?: undefined;
+isOpen?: boolean | undefined;
+isTargetAmount?: boolean | undefined;
+renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
+placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+label?: string | undefined;
+onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
+variant?: "normal" | "tight" | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+chipView?: string | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
 target?: "button-like" | undefined;
 view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
 contentLeft?: undefined;
 labelPlacement?: undefined;
 placeholder?: undefined;
 helperText?: undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
-multiselect: true;
-value?: string[] | undefined;
-onChange?: ((value: string[]) => void) | undefined;
-isTargetAmount?: boolean | undefined;
-renderTarget?: ((value: string[]) => ReactNode) | undefined;
 } & {
-target?: "textfield-like" | undefined;
-view?: "default" | "positive" | "warning" | "negative" | undefined;
-contentLeft?: ReactNode;
-labelPlacement?: "outer" | "inner" | undefined;
+multiselect?: false | undefined;
+separator?: undefined;
+} & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
 placeholder?: string | undefined;
 helperText?: string | undefined;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | (BasicProps & {
-multiselect: true;
-value?: string[] | undefined;
-onChange?: ((value: string[]) => void) | undefined;
+disabled?: boolean | undefined;
+items?: MergedDropdownNode[] | undefined;
+onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
+hasItems?: boolean | undefined;
+children?: undefined;
+isOpen?: boolean | undefined;
 isTargetAmount?: boolean | undefined;
-renderTarget?: ((value: string[]) => ReactNode) | undefined;
-} & {
+renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
+placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+label?: string | undefined;
+onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
+variant?: "normal" | "tight" | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+chipView?: string | undefined;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>) | ({
 target?: "button-like" | undefined;
 view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
 contentLeft?: undefined;
 labelPlacement?: undefined;
 placeholder?: undefined;
 helperText?: undefined;
+} & {
+multiselect?: true | undefined;
+separator?: string | undefined;
+} & {
+value: any;
+onChange?: ((value: any) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+status?: "warning" | "success" | "error" | undefined;
+placeholder?: string | undefined;
+helperText?: string | undefined;
+disabled?: boolean | undefined;
+items?: MergedDropdownNode[] | undefined;
+onItemSelect?: ((e: MergedDropdownNode, event: SyntheticEvent<Element, Event>) => void) | undefined;
+hasItems?: boolean | undefined;
+children?: undefined;
+isOpen?: boolean | undefined;
+isTargetAmount?: boolean | undefined;
+renderTarget?: ((item: MergedDropdownNode | MergedDropdownNode[]) => ReactNode) | undefined;
+placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+label?: string | undefined;
+onScrollBottom?: ((e: UIEvent_2<HTMLUListElement, UIEvent>) => void) | undefined;
+variant?: "normal" | "tight" | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderValue?: ((item: MergedDropdownNode) => string) | undefined;
+renderItem?: ((item: MergedDropdownNode) => ReactNode) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+chipView?: string | undefined;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & RefAttributes<HTMLButtonElement>))>;
 
+export { SelectGroup }
+
 export { SelectProps }
 
+export { SelectPropsHope }
+
 export { selectText }
 
 export { setRef }
@@ -2232,18 +2329,42 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
 export { syntheticFocus }
 
 // @public
-export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
+export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
+    isActive?: boolean | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pilled?: boolean | undefined;
+    animated?: boolean | undefined;
+    contentLeft?: ReactNode;
+    contentRight?: ReactNode;
+    onIndexChange?: ((index: number) => void) | undefined;
+    itemIndex?: number | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;
 
 export { TabItemProps }
 
 export { TabItemRefs }
 
 // @public
-export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
+export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
+    clip?: "scroll" | "showAll" | undefined;
+    disabled?: boolean | undefined;
+    stretch?: boolean | undefined;
+    pilled?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    index?: number | undefined;
+    outsideScroll?: boolean | {
+        left?: string | undefined;
+        right?: string | undefined;
+    } | undefined;
+} & RefAttributes<HTMLDivElement>>;
 
 export { TabsContext }
 
-// @public
+// @public @deprecated (undocumented)
 export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
 
 export { TabsControllerProps }

package/components/Select/Select.d.ts

@@ -1,7 +1,175 @@
-import React from 'react';
-import type { SelectProps } from '@salutejs/plasma-hope';
-/**
- * Выпадающий список для использования в формах.
- * Поддерживает выбор одного или нескольких значений.
- */
-export declare const Select: React.ForwardRefExoticComponent<SelectProps<any> & React.RefAttributes<HTMLButtonElement>>;
+/// <reference types="react" />
+declare const Select: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    chipView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & (({
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | 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;
+    status?: "warning" | "success" | "error" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | 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;
+    status?: "warning" | "success" | "error" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: 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;
+    status?: "warning" | "success" | "error" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | ({
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: 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;
+    status?: "warning" | "success" | "error" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    disabled?: boolean | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
+    children?: undefined;
+    isOpen?: boolean | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => import("react").ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
+    label?: string | undefined;
+    onScrollBottom?: ((e: import("react").UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => import("react").ReactNode) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    chipView?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
+export { Select };

package/components/Select/Select.js

@@ -1,27 +1,10 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = void 0;
-var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _plasmaHope = /*#__PURE__*/require("@salutejs/plasma-hope");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-// TODO: Удалить Select из hope с внедрением компонента SelectNested в new-hope
-
-var SelectBase = /*#__PURE__*/(0, _plasmaHope.Select)({
-  design: 'web'
-});
-
-/**
- * Выпадающий список для использования в формах.
- * Поддерживает выбор одного или нескольких значений.
- */
-var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(SelectBase, _extends({}, props, {
-    ref: ref
-  }));
-});
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Select = /*#__PURE__*/require("./Select.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.selectConfig, _Select.config);
+var Select = exports.Select = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/Select/Select.perftest.js

@@ -8,61 +8,29 @@ var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"))
 var _ = /*#__PURE__*/require(".");
 var _Select, _Select2;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var items = [{
-  value: 'each',
-  label: 'Каждый'
+  value: 'north_america',
+  label: 'Северная Америка'
 }, {
-  value: 'hunter',
-  label: 'Охотник',
-  isDisabled: true
-}, {
-  value: 'wants',
-  label: 'Желает'
-}, {
-  value: 'toKnow',
-  label: 'Знать'
-}, {
-  value: 'where',
-  label: 'Где'
-}, {
-  value: 'is',
-  label: 'Сидит'
-}, {
-  value: 'thePheasant',
-  label: 'Фазан'
-}, {
-  value: 'fullText',
-  label: 'Каждый охотник желает знать, где сидит фазан'
+  value: 'south_america',
+  label: 'Южная Америка',
+  items: [{
+    value: 'brazil',
+    label: 'Бразилия'
+  }, {
+    value: 'argentina',
+    label: 'Аргентина'
+  }]
 }];
-var defaultProps = {
-  id: 'example-select',
-  multiselect: false,
-  placeholder: 'Выберите пример',
-  helperText: 'Заполните пример',
-  status: '',
-  disabled: false,
-  listHeight: ''
-};
-var func = function func() {};
-var itemsEmpty = [];
 var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Select, _extends({
-    value: "test",
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, _Select || (_Select = /*#__PURE__*/_react["default"].createElement(_.Select, {
     items: items,
-    onChange: func,
-    onFocus: func,
-    onBlur: func
-  }, defaultProps)), _Select || (_Select = /*#__PURE__*/_react["default"].createElement(_.Select, {
-    id: "example-empty-select",
-    value: null,
-    items: itemsEmpty,
-    placeholder: "\u041F\u0443\u0441\u0442\u043E\u0439 \u0441\u043F\u0438\u0441\u043E\u043A"
+    label: "Label",
+    placeholder: "Placeholder"
   })), _Select2 || (_Select2 = /*#__PURE__*/_react["default"].createElement(_.Select, {
-    id: "example-disabled-select",
-    value: null,
+    multiselect: true,
     items: items,
-    placeholder: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A",
-    disabled: true
+    label: "Label",
+    placeholder: "Placeholder"
   })));
 };

package/components/Select/index.d.ts

@@ -1,3 +1,4 @@
 export { Select } from './Select';
-export type { SelectProps } from '@salutejs/plasma-hope';
+export type { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
+export type { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
 export { SelectGroup } from '@salutejs/plasma-hope';

package/components/Tabs/TabItem.d.ts

@@ -2,4 +2,16 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /**
  * Элемент списка, недопустимо использовать вне компонента Tabs.
  */
-export declare const TabItem: ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & import("@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types").CustomTabItemProps & RefAttributes<HTMLDivElement>>;
+export declare const TabItem: ForwardRefExoticComponent<import("@salutejs/plasma-core").AsProps<any> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    isActive?: boolean | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    pilled?: boolean | undefined;
+    animated?: boolean | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    onIndexChange?: ((index: number) => void) | undefined;
+    itemIndex?: number | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & RefAttributes<HTMLDivElement>>;