@ws-ui/ui-components 1.0.20 → 1.0.22

package/dist/index.d.ts

@@ -2638,7 +2638,6 @@ export declare interface IDownshiftHookParams<T> {
     onInputChange?: (value: string) => void;
     getOptionLabel?: (option: T) => ReactNode;
     getOptionValue?: (option: T) => string | number;
-    formatOptionLabel?: (option: T) => ReactNode;
     items?: T[];
     customOptionGenerator?: OptionGenerator<T>;
     disableInternalFiltering?: boolean;
@@ -2813,6 +2812,8 @@ export declare interface ISelectContextValue<T = unknown> {
     setHasMessage: Dispatch<SetStateAction<boolean>>;
     hasGroup: boolean;
     setHasGroup: Dispatch<SetStateAction<boolean>>;
+    menuVisible: boolean;
+    setMenuVisible: Dispatch<SetStateAction<boolean>>;
     options?: T[] | ISelectOptionGroup<T>[];
     downshift: IDownshiftHookReturn<T>;
     menuPlacement: 'top' | 'bottom';
@@ -2820,7 +2821,6 @@ export declare interface ISelectContextValue<T = unknown> {
     getOptionLabel: (option: T) => ReactNode;
     getOptionValue: (option: T) => string | number;
     isOptionDisabled: (option: T) => boolean;
-    formatOptionLabel?: (option: T) => ReactNode;
 }
 
 export declare interface ISelectOption<T = unknown> {
@@ -3274,7 +3274,7 @@ export declare type ResizeStartCallback = (event: React.MouseEvent<HTMLElement>
 
 export declare const Select: {
     Root: {
-        <T = unknown>({ size, color, isInvalid, isDisabled, className, children, options, value, defaultValue, onChange, isMulti, inputValue, onInputChange, isSearchable, isOpen, onOpenChange, customOptionGenerator, disableInternalFiltering, getOptionLabel, getOptionValue, isOptionDisabled, formatOptionLabel, stateReducer, ...props }: SelectRootProps<T>): JSX_2.Element;
+        <T = unknown>({ size, color, isInvalid, isDisabled, className, children, options, value, defaultValue, onChange, isMulti, inputValue, onInputChange, isSearchable, isOpen, onOpenChange, customOptionGenerator, disableInternalFiltering, getOptionLabel, getOptionValue, isOptionDisabled, stateReducer, ...props }: SelectRootProps<T>): JSX_2.Element;
         displayName: string;
     };
     Group: ForwardRefExoticComponent<SelectGroupProps & RefAttributes<HTMLDivElement>>;
@@ -3289,12 +3289,9 @@ export declare const Select: {
         displayName: string;
     };
     ClearSearchIndicator: ({ className, children, onClick, isDisabled: propIsDisabled, ...props }: SelectClearSearchIndicatorProps) => JSX_2.Element | null;
-    DropdownIndicator: {
-        ({ color: propColor, className, children, onClick, isDisabled: propIsDisabled, ...props }: SelectDropdownIndicatorProps): JSX_2.Element;
-        displayName: string;
-    };
+    DropdownIndicator: ForwardRefExoticComponent<SelectDropdownIndicatorProps & RefAttributes<HTMLDivElement>>;
     OptionGroup: {
-        <T>({ className, children, data, label, }: SelectOptionGroupProps<T>): JSX_2.Element;
+        <T>({ className, children, data, label, renderGroupHeading, }: SelectOptionGroupProps<T>): JSX_2.Element;
         displayName: string;
     };
     Message: {
@@ -3395,11 +3392,16 @@ export declare interface SelectFieldProps<T> extends InputHTMLAttributes<HTMLInp
     onMenuOpen?: () => void;
     onMenuClose?: () => void;
     renderMenuHeader?: (props: IDownshiftHookReturn<T>) => ReactNode;
-    formatOptionLabel?: (option: T) => ReactNode;
-    displayFormattedOption?: boolean;
     isOptionDisabled?: (option: T) => boolean;
-    renderMultiValue?: (props: SelectMultiValueProps<T>) => ReactNode;
-    renderOption?: (props: SelectOptionProps<T>) => ReactNode;
+    renderOption?: (props: {
+        data: T;
+        isFocused: boolean;
+        isSelected: boolean;
+        isDisabled: boolean;
+    }) => ReactNode;
+    optionClassName?: string;
+    renderValue?: (data: T) => ReactNode;
+    renderGroupHeading?: (data: ISelectOptionGroup<T>) => ReactNode;
     name?: string;
     id?: string;
     className?: string;
@@ -3485,10 +3487,12 @@ export declare interface SelectOptionGroupProps<T> {
     data: ISelectOptionGroup<T>;
     label: string;
     options: T[];
+    renderGroupHeading?: (data: ISelectOptionGroup<T>) => ReactNode;
 }
 
 export declare interface SelectOptionProps<T> extends HTMLAttributes<HTMLDivElement> {
     className?: string;
+    optionClassName?: string;
     children?: ReactNode;
     data: T;
     isDisabled?: boolean;