@salutejs/plasma-b2c 1.415.0-canary.1458.11318485552.0 → 1.415.0-canary.1470.11326517225.0

package/api/plasma-b2c.api.md

@@ -42,7 +42,6 @@ import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/co
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
 import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
 import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.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';
@@ -95,6 +94,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 type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
 import { ComponentClass } from 'react';
 import { ComponentProps } from 'react';
 import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -156,6 +156,8 @@ 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 type { ItemOption } from '@salutejs/plasma-new-hope';
+import { ItemOption as ItemOption_2 } 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';
@@ -176,6 +178,7 @@ import { ModalView } from '@salutejs/plasma-hope';
 import { monthLongName } from '@salutejs/plasma-core';
 import { monthShortName } from '@salutejs/plasma-core';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { MutableRefObject } from 'react';
 import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1223,232 +1226,10 @@ export { ColProps }
 
 export { ColSizeProps }
 
+// Warning: (ae-forgotten-export) The symbol "CommonProps" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export const Combobox: React_2.ForwardRefExoticComponent<(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 & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    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 & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    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 & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple: true;
-    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" | "value" | "type" | "target" | "size" | "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" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType: "multiple";
-    value?: ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
+export const Combobox: <T extends ItemOption>(props: CommonProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement | null;
 
 // @public (undocumented)
 export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {

package/components/Combobox/Combobox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Combobox: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+declare const Combobox: 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 +22,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +51,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +80,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +109,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +138,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +167,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: import("@salutejs/plasma-new-hope/styled-components").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?: import("react").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: import("@salutejs/plasma-new-hope/styled-components").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 +197,4 @@ 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>))>;
+export { Combobox };

package/components/Combobox/index.d.ts

@@ -1,229 +1,14 @@
-import React from 'react';
+import React, { ComponentProps } from 'react';
+import type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';
+import { config } from './Combobox.config';
+import { Combobox as ComboboxOld } from './Legacy';
+import { Combobox as ComboboxNew } from './Combobox';
 export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
 export type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
-declare const Combobox: React.ForwardRefExoticComponent<(Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple?: false | undefined;
-    value?: string | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    isTargetAmount?: false | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    readOnly: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types").BasicProps & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple: true;
-    value?: string[] | undefined;
-    onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<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;
-    };
-}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
-    valueType?: "single" | undefined;
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue | undefined) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref"> | Omit<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;
-    };
-}> & Omit<import("@salutejs/plasma-core").InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").CustomComboboxProps & {
-    valueType: "multiple";
-    value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: import("@salutejs/plasma-new-hope/types/components/Combobox/ComboboxOld/Combobox.types").ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref">) & React.RefAttributes<HTMLInputElement>>;
-export { Combobox };
+declare type PropsFromConfig = keyof typeof config['variations'];
+declare type PropsOld = ComponentProps<typeof ComboboxOld> & {
+    items?: never;
+};
+declare type PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> & Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;
+declare type CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;
+export declare const Combobox: <T extends ItemOption>(props: CommonProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;

package/components/Combobox/index.js

@@ -41,7 +41,10 @@ var _Combobox = /*#__PURE__*/require("./Combobox");
 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); }
-var Combobox = exports.Combobox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+function fixedForwardRef(render) {
+  return /*#__PURE__*/(0, _react.forwardRef)(render);
+}
+var ComboboxComponent = function ComboboxComponent(props, ref) {
   if (props.items) {
     return /*#__PURE__*/_react["default"].createElement(_Combobox.Combobox, _extends({
       ref: ref
@@ -50,4 +53,5 @@ var Combobox = exports.Combobox = /*#__PURE__*/(0, _react.forwardRef)(function (
   return /*#__PURE__*/_react["default"].createElement(_Legacy.Combobox, _extends({
     ref: ref
   }, props));
-});
+};
+var Combobox = exports.Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);

package/css/cjs/components/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.ts"],"sourcesContent":["import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nexport const Combobox = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","Combobox","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;IAC9CC,QAAQ,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.ts"],"sourcesContent":["import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst Combobox = component(mergedConfig);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","Combobox","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;AAC3D,IAAMC,QAAQ,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/css/cjs/components/Combobox/index.js

@@ -7,7 +7,10 @@ var React = require('react');
 var Combobox$2 = require('./Combobox.js');
 var Combobox$1 = require('./Legacy/Combobox.js');
 
-var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
+function fixedForwardRef(render) {
+  return /*#__PURE__*/React.forwardRef(render);
+}
+var ComboboxComponent = function ComboboxComponent(props, ref) {
   if (props.items) {
     return /*#__PURE__*/React.createElement(Combobox$2.Combobox, _rollupPluginBabelHelpers.extends({
       ref: ref
@@ -16,7 +19,8 @@ var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Combobox$1.Combobox, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, props));
-});
+};
+var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
 
 exports.ComboboxDivider = Combobox$1.ComboboxDivider;
 exports.ComboboxFooter = Combobox$1.ComboboxFooter;

package/css/cjs/components/Combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\n\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\ntype PropsNew = ComponentProps<typeof ComboboxNew>;\n\ntype CommonProps = PropsOld | PropsNew;\n\nconst Combobox = forwardRef<HTMLInputElement, CommonProps>((props, ref) => {\n    if (props.items) {\n        return <ComboboxNew ref={ref} {...props} />;\n    }\n\n    return <ComboboxOld ref={ref} {...props} />;\n});\n\nexport { Combobox };\n"],"names":["Combobox","forwardRef","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld"],"mappings":";;;;;;;;;AAcMA,IAAAA,QAAQ,gBAAGC,gBAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACvE,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,mBAAW,EAAAC,iCAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,mBAAW,EAAAD,iCAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\nfunction fixedForwardRef<T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n    return forwardRef(render as any) as any;\n}\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> &\n    Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n    if (props.items) {\n        return <ComboboxNew ref={ref} {...(props as any)} />;\n    }\n\n    return <ComboboxOld ref={ref} {...props} />;\n};\n\nexport const Combobox = fixedForwardRef(ComboboxComponent);\n"],"names":["fixedForwardRef","render","forwardRef","ComboboxComponent","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld","Combobox"],"mappings":";;;;;;;;;AAWA,SAASA,eAAeA,CACpBC,MAAkE,EACF;EAChE,oBAAOC,gBAAU,CAACD,MAAa,CAAC,CAAA;AACpC,CAAA;AAWA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,mBAAW,EAAAC,iCAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,mBAAW,EAAAD,iCAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;IAEYQ,QAAQ,gBAAGZ,eAAe,CAACG,iBAAiB;;;;;;;;;"}

package/css/es/components/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.ts"],"sourcesContent":["import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nexport const Combobox = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","Combobox","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;IAC9CC,QAAQ,gBAAGC,SAAS,CAACL,YAAY;;;;"}
+{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.ts"],"sourcesContent":["import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst Combobox = component(mergedConfig);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","Combobox","component"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,QAAQ,gBAAGC,SAAS,CAACL,YAAY;;;;"}

package/css/es/components/Combobox/index.js

@@ -4,7 +4,10 @@ import { Combobox as Combobox$1 } from './Combobox.js';
 import { Combobox as Combobox$2 } from './Legacy/Combobox.js';
 export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy/Combobox.js';
 
-var Combobox = /*#__PURE__*/forwardRef(function (props, ref) {
+function fixedForwardRef(render) {
+  return /*#__PURE__*/forwardRef(render);
+}
+var ComboboxComponent = function ComboboxComponent(props, ref) {
   if (props.items) {
     return /*#__PURE__*/React.createElement(Combobox$1, _extends({
       ref: ref
@@ -13,7 +16,8 @@ var Combobox = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Combobox$2, _extends({
     ref: ref
   }, props));
-});
+};
+var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
 
 export { Combobox };
 //# sourceMappingURL=index.js.map

package/css/es/components/Combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\n\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\ntype PropsNew = ComponentProps<typeof ComboboxNew>;\n\ntype CommonProps = PropsOld | PropsNew;\n\nconst Combobox = forwardRef<HTMLInputElement, CommonProps>((props, ref) => {\n    if (props.items) {\n        return <ComboboxNew ref={ref} {...props} />;\n    }\n\n    return <ComboboxOld ref={ref} {...props} />;\n});\n\nexport { Combobox };\n"],"names":["Combobox","forwardRef","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld"],"mappings":";;;;;;AAcMA,IAAAA,QAAQ,gBAAGC,UAAU,CAAgC,UAACC,KAAK,EAAEC,GAAG,EAAK;EACvE,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,UAAW,EAAAC,QAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,UAAW,EAAAD,QAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src-css/components/Combobox/index.tsx"],"sourcesContent":["import React, { forwardRef, ComponentProps } from 'react';\nimport type { ItemOption, ComboboxProps } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\nimport { Combobox as ComboboxNew } from './Combobox';\n\nexport { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';\n\nexport type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope';\n\nfunction fixedForwardRef<T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,\n): (props: P & React.RefAttributes<T>) => React.ReactElement | null {\n    return forwardRef(render as any) as any;\n}\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ItemOption> = Omit<ComboboxProps<T>, PropsFromConfig> &\n    Pick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ItemOption>(props: CommonProps<T>, ref: React.ForwardedRef<HTMLInputElement>) => {\n    if (props.items) {\n        return <ComboboxNew ref={ref} {...(props as any)} />;\n    }\n\n    return <ComboboxOld ref={ref} {...props} />;\n};\n\nexport const Combobox = fixedForwardRef(ComboboxComponent);\n"],"names":["fixedForwardRef","render","forwardRef","ComboboxComponent","props","ref","items","React","createElement","ComboboxNew","_extends","ComboboxOld","Combobox"],"mappings":";;;;;;AAWA,SAASA,eAAeA,CACpBC,MAAkE,EACF;EAChE,oBAAOC,UAAU,CAACD,MAAa,CAAC,CAAA;AACpC,CAAA;AAWA,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAA0BC,KAAqB,EAAEC,GAAyC,EAAK;EAClH,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,UAAW,EAAAC,QAAA,CAAA;AAACL,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACG,UAAW,EAAAD,QAAA,CAAA;AAACL,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;IAEYQ,QAAQ,gBAAGZ,eAAe,CAACG,iBAAiB;;;;"}

package/es/components/Combobox/Combobox.js

@@ -1,4 +1,5 @@
 import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Combobox.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
-export var Combobox = /*#__PURE__*/component(mergedConfig);
+var Combobox = /*#__PURE__*/component(mergedConfig);
+export { Combobox };

package/es/components/Combobox/index.js

@@ -3,7 +3,10 @@ import React, { forwardRef } from 'react';
 import { Combobox as ComboboxOld } from './Legacy';
 import { Combobox as ComboboxNew } from './Combobox';
 export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
-var Combobox = /*#__PURE__*/forwardRef(function (props, ref) {
+function fixedForwardRef(render) {
+  return /*#__PURE__*/forwardRef(render);
+}
+var ComboboxComponent = function ComboboxComponent(props, ref) {
   if (props.items) {
     return /*#__PURE__*/React.createElement(ComboboxNew, _extends({
       ref: ref
@@ -12,5 +15,5 @@ var Combobox = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(ComboboxOld, _extends({
     ref: ref
   }, props));
-});
-export { Combobox };
+};
+export var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-b2c",
-  "version": "1.415.0-canary.1458.11318485552.0",
+  "version": "1.415.0-canary.1470.11326517225.0",
   "description": "Salute Design System / React UI kit for business-related web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -44,7 +44,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.181.0-dev.0",
     "@salutejs/plasma-hope": "1.314.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.164.0-canary.1458.11318485552.0",
+    "@salutejs/plasma-new-hope": "0.164.0-canary.1470.11326517225.0",
     "@salutejs/plasma-themes": "0.19.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.52.0",
     "@salutejs/plasma-tokens-web": "1.57.0",
@@ -109,5 +109,5 @@
     "react"
   ],
   "sideEffects": false,
-  "gitHead": "8b63c1c6897026bfb971e314da0c01b261e16a18"
+  "gitHead": "457e2c7b8b3b8050e4e2412bc3b6e5cfd1bb6eaf"
 }

package/temp/plasma-b2c.api.md

@@ -42,7 +42,6 @@ import { BaseCallbackKeyboardInstance } from '@salutejs/plasma-new-hope/types/co
 import { BaseProps } from '@salutejs/plasma-new-hope/types/components/Autocomplete/Autocomplete.types';
 import { BaseTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/TabItem.types';
 import { BaseTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.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';
@@ -95,6 +94,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 type { ComboboxProps as ComboboxProps_2 } from '@salutejs/plasma-new-hope';
 import { ComponentClass } from 'react';
 import { ComponentProps } from 'react';
 import { GridProps as ContainerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -156,6 +156,8 @@ 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 type { ItemOption } from '@salutejs/plasma-new-hope';
+import { ItemOption as ItemOption_2 } 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';
@@ -176,6 +178,7 @@ import { ModalView } from '@salutejs/plasma-hope';
 import { monthLongName } from '@salutejs/plasma-core';
 import { monthShortName } from '@salutejs/plasma-core';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { MutableRefObject } from 'react';
 import { NotificationIconPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationLayout } from '@salutejs/plasma-new-hope/styled-components';
 import { NotificationProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -1223,232 +1226,10 @@ export { ColProps }
 
 export { ColSizeProps }
 
+// Warning: (ae-forgotten-export) The symbol "CommonProps" needs to be exported by the entry point index.d.ts
+//
 // @public (undocumented)
-export const Combobox: React_2.ForwardRefExoticComponent<(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 & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: boolean | undefined;
-    disabled?: true | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    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 & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: true | undefined;
-    disabled?: boolean | undefined;
-    alwaysOpened?: false | undefined;
-} & {
-    multiple: true;
-    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 & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple?: false | undefined;
-    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 & {
-    readOnly?: false | undefined;
-    disabled?: false | undefined;
-    alwaysOpened?: true | undefined;
-} & {
-    multiple: true;
-    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" | "value" | "type" | "target" | "size" | "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" | "value" | "type" | "target" | "size" | "checked" | "minLength" | "maxLength"> & CustomComboboxProps & {
-    valueType: "multiple";
-    value?: ComboboxPrimitiveValue[] | undefined;
-    onChangeValue?: ((value?: ComboboxPrimitiveValue[] | undefined) => void) | undefined;
-} & React_2.RefAttributes<HTMLInputElement> & {
-    items?: undefined;
-}, "ref">) & React_2.RefAttributes<HTMLInputElement>>;
+export const Combobox: <T extends ItemOption>(props: CommonProps<T> & React_2.RefAttributes<HTMLInputElement>) => React_2.ReactElement | null;
 
 // @public (undocumented)
 export const ComboboxDivider: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {