@salutejs/plasma-web 1.419.0-canary.1475.11347015087.0 → 1.419.1-canary.1444.11348071542.0

package/api/plasma-web.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';
@@ -82,7 +81,6 @@ import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
 import { ChangeEvent } from 'react';
-import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
 import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
 import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
 import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -96,7 +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 { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
+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';
@@ -108,8 +106,10 @@ import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/compo
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
 import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
+import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
 import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
@@ -118,7 +118,6 @@ import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-compo
 import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
 import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { DatePickerVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { defaultValidate } from '@salutejs/plasma-hope';
 import { DisabledProps } from '@salutejs/plasma-core';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -157,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';
@@ -177,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';
@@ -1225,232 +1227,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> & {
@@ -1561,7 +1341,7 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & DatePickerVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>;
+}> & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>;
 
 export { datePickerClasses }
 
@@ -1588,14 +1368,12 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & DatePickerVariationProps & {
+}> & DatePickerdVariationProps & {
 defaultFirstDate?: Date | undefined;
 defaultSecondDate?: Date | undefined;
 name?: string | undefined;
-onChangeFirstValue?: ChangeInstanceCallback | undefined;
-onChangeSecondValue?: ChangeInstanceCallback | undefined;
-onCommitFirstDate?: CommitInstanceCallback | undefined;
-onCommitSecondDate?: CommitInstanceCallback | undefined;
+onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
+onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
 onChange?: ((event: {
 target: {
 value?: string | undefined;
@@ -1627,6 +1405,8 @@ firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
 firstTextfieldTextAfter?: string | undefined;
 secondTextfieldTextAfter?: string | undefined;
+onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
+onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
 onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
 onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;

package/components/Combobox/Combobox.d.ts

@@ -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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption, 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;

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/components/DatePicker/DatePicker.d.ts

@@ -15,7 +15,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerVariationProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerTextFieldProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerdVariationProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerTextFieldProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
 export declare const DatePickerRange: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -32,14 +32,12 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerVariationProps & {
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types").DatePickerdVariationProps & {
     defaultFirstDate?: Date | undefined;
     defaultSecondDate?: Date | undefined;
     name?: string | undefined;
-    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback | undefined;
-    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").ChangeInstanceCallback | undefined;
-    onCommitFirstDate?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CommitInstanceCallback | undefined;
-    onCommitSecondDate?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types").CommitInstanceCallback | undefined;
+    onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
+    onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types").DateInfo | undefined) => void) | undefined;
     onChange?: ((event: {
         target: {
             value?: string | undefined;
@@ -71,6 +69,8 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
     secondTextfieldTextBefore?: string | undefined;
     firstTextfieldTextAfter?: string | undefined;
     secondTextfieldTextAfter?: string | undefined;
+    onChangeFirstValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
+    onChangeSecondValue?: import("@salutejs/plasma-new-hope/types/components/Range/Range.types").BaseCallbackChangeInstance | undefined;
     onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
     onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
     onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;

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/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/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-web",
-  "version": "1.419.0-canary.1475.11347015087.0",
+  "version": "1.419.1-canary.1444.11348071542.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.182.0-dev.0",
     "@salutejs/plasma-hope": "1.315.0-dev.0",
-    "@salutejs/plasma-new-hope": "0.166.0-canary.1475.11347015087.0",
+    "@salutejs/plasma-new-hope": "0.166.1-canary.1444.11348071542.0",
     "@salutejs/plasma-themes": "0.20.0-dev.0",
     "@salutejs/plasma-tokens-b2b": "1.43.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.53.0-dev.0",
@@ -112,5 +112,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "f291c9e0ef6cdeb122e62bf24492e2a061f85c3f"
+  "gitHead": "b5b87bbab8fcc6c35c9f228d554a5fec0ce548cd"
 }

package/temp/plasma-web.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';
@@ -82,7 +81,6 @@ import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
 import { ChangeEvent } from 'react';
-import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
 import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
 import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
 import { ChipProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -96,7 +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 { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
+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';
@@ -108,8 +106,10 @@ import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/compo
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
 import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
 import { CustomVerticalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
+import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
 import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { datePickerClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { DatePickerdVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { DatePickerPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerPlacementBasic } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerPopoverProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
@@ -118,7 +118,6 @@ import { DatePickerRangePlacement } from '@salutejs/plasma-new-hope/styled-compo
 import { DatePickerRangeProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DatePickerTextFieldProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types';
 import { datePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
-import { DatePickerVariationProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
 import { defaultValidate } from '@salutejs/plasma-hope';
 import { DisabledProps } from '@salutejs/plasma-core';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -157,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';
@@ -177,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';
@@ -1225,232 +1227,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> & {
@@ -1561,7 +1341,7 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & DatePickerVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>;
+}> & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> & RefAttributes<HTMLInputElement>>;
 
 export { datePickerClasses }
 
@@ -1588,14 +1368,12 @@ true: PolymorphicClassName;
 readOnly: {
 true: PolymorphicClassName;
 };
-}> & DatePickerVariationProps & {
+}> & DatePickerdVariationProps & {
 defaultFirstDate?: Date | undefined;
 defaultSecondDate?: Date | undefined;
 name?: string | undefined;
-onChangeFirstValue?: ChangeInstanceCallback | undefined;
-onChangeSecondValue?: ChangeInstanceCallback | undefined;
-onCommitFirstDate?: CommitInstanceCallback | undefined;
-onCommitSecondDate?: CommitInstanceCallback | undefined;
+onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
+onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined, dateInfo?: DateInfo | undefined) => void) | undefined;
 onChange?: ((event: {
 target: {
 value?: string | undefined;
@@ -1627,6 +1405,8 @@ firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
 firstTextfieldTextAfter?: string | undefined;
 secondTextfieldTextAfter?: string | undefined;
+onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
+onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
 onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
 onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;