@ws-ui/ui-components 1.0.19 → 1.0.21

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;
@@ -2811,12 +2810,17 @@ export declare interface ISelectContextValue<T = unknown> {
     isDisabled: boolean;
     hasMessage: boolean;
     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';
+    setMenuPlacement: Dispatch<SetStateAction<'top' | 'bottom'>>;
     getOptionLabel: (option: T) => ReactNode;
     getOptionValue: (option: T) => string | number;
     isOptionDisabled: (option: T) => boolean;
-    formatOptionLabel?: (option: T) => ReactNode;
 }
 
 export declare interface ISelectOption<T = unknown> {
@@ -3270,9 +3274,11 @@ 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>>;
+    Icon: ForwardRefExoticComponent<SelectIconProps & RefAttributes<HTMLDivElement>>;
     Input: ForwardRefExoticComponent<SelectInputProps & RefAttributes<HTMLInputElement>>;
     MultiValue: {
         <T>({ className, children, data, isDisabled, isFocused, onRemove, }: SelectMultiValueProps<T>): JSX_2.Element;
@@ -3283,8 +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;
+    DropdownIndicator: ForwardRefExoticComponent<SelectDropdownIndicatorProps & RefAttributes<HTMLDivElement>>;
+    OptionGroup: {
+        <T>({ className, children, data, label, renderGroupHeading, }: SelectOptionGroupProps<T>): JSX_2.Element;
         displayName: string;
     };
     Message: {
@@ -3385,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;
@@ -3398,6 +3410,7 @@ export declare interface SelectFieldProps<T> extends InputHTMLAttributes<HTMLInp
     'aria-describedby'?: string;
     inputRef?: Ref<HTMLInputElement>;
     controlShouldRenderValue?: boolean;
+    virtualizeThreshold?: number;
     blurInputOnSelect?: boolean;
     tabSelectsValue?: boolean;
     backspaceRemovesValue?: boolean;
@@ -3410,12 +3423,17 @@ export declare interface SelectGroupHeadingProps {
     children: ReactNode;
 }
 
-export declare interface SelectGroupProps<T> {
+export declare interface SelectGroupProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     children: ReactNode;
-    data: ISelectOptionGroup<T>;
-    label: string;
-    options: T[];
+}
+
+export declare interface SelectIconProps extends HTMLAttributes<HTMLDivElement> {
+    isAction?: boolean;
+    className?: string;
+    isDisabled?: boolean;
+    style?: CSSProperties;
+    children: ReactNode;
 }
 
 export declare interface SelectInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
@@ -3429,6 +3447,7 @@ export declare interface SelectMenuListProps extends HTMLAttributes<HTMLDivEleme
     children: ReactNode;
     isLoading?: boolean;
     maxHeight?: number;
+    totalHeight?: number;
 }
 
 export declare interface SelectMenuProps extends HTMLAttributes<HTMLDivElement> {
@@ -3462,8 +3481,18 @@ export declare interface SelectNoOptionsMessageProps {
     inputValue?: string;
 }
 
+export declare interface SelectOptionGroupProps<T> {
+    className?: string;
+    children: ReactNode;
+    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;