@salutejs/plasma-b2c 1.412.0-dev.0 → 1.413.0-canary.1470.11181201904.0

package/api/plasma-b2c.api.md

@@ -40,7 +40,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/Combobox/ComboboxNew/Combobox.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';
@@ -93,6 +92,7 @@ import { ColProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ColSizeProps } from '@salutejs/plasma-new-hope/styled-components';
 import { ComboboxPrimitiveValue } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types';
 import { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
+import { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope/styled-components';
 import { ComponentClass } from 'react';
 import { ComponentProps } from 'react';
 import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -154,6 +154,7 @@ import { IndicatorProps } from '@salutejs/plasma-new-hope/styled-components';
 import { InputHTMLAttributes } from '@salutejs/plasma-core';
 import { InputHTMLAttributes as InputHTMLAttributes_2 } from '@salutejs/plasma-new-hope/types/types';
 import { InputHTMLAttributes as InputHTMLAttributes_3 } from 'react';
+import { ItemOption } from '@salutejs/plasma-new-hope/styled-components';
 import { JSXElementConstructor } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { LineSkeletonProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1224,6 +1225,38 @@ export { ColSizeProps }
 
 // @public (undocumented)
 export const Combobox: React_2.ForwardRefExoticComponent<(Omit<PropsType<    {
+size: {
+xs: PolymorphicClassName;
+s: PolymorphicClassName;
+m: PolymorphicClassName;
+l: PolymorphicClassName;
+};
+view: {
+default: PolymorphicClassName;
+};
+}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+    valueType?: "single" | undefined;
+    value?: ComboboxPrimitiveValue | undefined;
+    onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
+} & React_2.RefAttributes<HTMLInputElement> & {
+    items?: undefined;
+}, "ref"> | Omit<PropsType<    {
+size: {
+xs: PolymorphicClassName;
+s: PolymorphicClassName;
+m: PolymorphicClassName;
+l: PolymorphicClassName;
+};
+view: {
+default: PolymorphicClassName;
+};
+}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
+    valueType: "multiple";
+    value?: ComboboxPrimitiveValue[] | undefined;
+    onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
+} & React_2.RefAttributes<HTMLInputElement> & {
+    items?: undefined;
+}, "ref"> | Omit<Omit<ComboboxProps_2<ItemOption>, "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & Pick<PropsType<    {
 view: {
 default: PolymorphicClassName;
 positive: PolymorphicClassName;
@@ -1246,7 +1279,27 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & BasicProps & {
+}> & (({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1255,30 +1308,27 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -1287,30 +1337,27 @@ true: PolymorphicClassName;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1319,30 +1366,27 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -1351,30 +1395,27 @@ true: PolymorphicClassName;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -1383,30 +1424,27 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-view: {
-default: PolymorphicClassName;
-positive: PolymorphicClassName;
-warning: PolymorphicClassName;
-negative: PolymorphicClassName;
-};
-size: {
-l: PolymorphicClassName;
-m: PolymorphicClassName;
-s: PolymorphicClassName;
-xs: PolymorphicClassName;
-};
-labelPlacement: {
-inner: PolymorphicClassName;
-outer: PolymorphicClassName;
-};
-disabled: {
-true: PolymorphicClassName;
-};
-readOnly: {
-true: PolymorphicClassName;
-};
-}> & BasicProps & {
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    portal?: React_2.MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => React_2.ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -1415,38 +1453,8 @@ true: PolymorphicClassName;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>, "ref"> | Omit<PropsType<    {
-size: {
-xs: PolymorphicClassName;
-s: PolymorphicClassName;
-m: PolymorphicClassName;
-l: PolymorphicClassName;
-};
-view: {
-default: PolymorphicClassName;
-};
-}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType?: "single" | undefined;
-    value?: ComboboxPrimitiveValue | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref"> | Omit<PropsType<    {
-size: {
-xs: PolymorphicClassName;
-s: PolymorphicClassName;
-m: PolymorphicClassName;
-l: PolymorphicClassName;
-};
-view: {
-default: PolymorphicClassName;
-};
-}> & Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value" | "type" | "target" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType: "multiple";
-    value?: ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
+} & Omit<React_2.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React_2.RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
+    ref: React_2.ForwardedRef<HTMLInputElement>;
 }, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
 
 // @public (undocumented)

package/components/Combobox/Combobox.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+import type { ComponentProps, ReactElement, ForwardedRef } from 'react';
+import type { ComboboxProps, ItemOption } from '@salutejs/plasma-new-hope';
+export declare const ComboboxComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -22,7 +23,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+}> & (({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -31,7 +52,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: boolean | undefined;
     disabled?: true | undefined;
     alwaysOpened?: false | undefined;
@@ -40,7 +81,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -49,7 +110,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: true | undefined;
     disabled?: boolean | undefined;
     alwaysOpened?: false | undefined;
@@ -58,7 +139,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -67,7 +168,27 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | (import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
+} & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+    items: ItemOption[];
+    placement?: ("top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end") | undefined;
+    label?: string | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+    contentLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    textBefore?: string | undefined;
+    textAfter?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    portal?: import("react").MutableRefObject<HTMLElement | null> | undefined;
+    renderItem?: ((item: ItemOption) => import("react").ReactNode) | undefined;
+    filter?: ((label: string, textValue: string) => boolean) | undefined;
+    closeAfterSelect?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    labelPlacement?: "outer" | "inner" | undefined;
+} & {
     readOnly?: false | undefined;
     disabled?: false | undefined;
     alwaysOpened?: true | undefined;
@@ -77,3 +198,9 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     onChange?: ((value: string[]) => void) | undefined;
     isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+declare type PropsFromConfig = 'view' | 'size' | 'labelPlacement' | 'disabled' | 'readOnly';
+declare type ComboboxType = <T extends ItemOption>(props: Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxComponent>, PropsFromConfig> & {
+    ref: ForwardedRef<HTMLInputElement>;
+}) => ReactElement;
+export declare const Combobox: ComboboxType;
+export {};

package/components/Combobox/Combobox.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Combobox = void 0;
+exports.ComboboxComponent = exports.Combobox = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
 var _Combobox = /*#__PURE__*/require("./Combobox.config");
 var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.comboboxNewConfig, _Combobox.config);
-var Combobox = exports.Combobox = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var ComboboxComponent = exports.ComboboxComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var Combobox = exports.Combobox = ComboboxComponent;