@dfds-ui/forms 2.2.0-alpha.6205287b → 2.2.0-alpha.853cab6b

package/cjs/select-field/CreatableSelectField.d.ts

@@ -41,88 +41,100 @@ export declare type CreatableSelectFieldProps<Option, IsMulti extends boolean, G
     value?: SingleValue<Option> | MultiValue<Option>;
     visualSize?: Size;
 };
-declare const CreatableSelectFieldInner: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ assistiveText, components, defaultValue, disabled, errorMessage, filterConfig, help, helpPlacement, hideAsterisk, isClearable, isMulti, isSearchable, label, name, onBlur, onChange, onSelect, options, placeholder, required, styles, value, visualSize, ...rest }: CreatableSelectFieldProps<Option, IsMulti, Group>, ref: React.ForwardedRef<any>) => JSX.Element;
-export declare const CreatableSelectField: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: BaseFieldProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
-    'aria-live': string;
-    backspaceRemovesValue: boolean;
-    blurInputOnSelect: boolean;
-    captureMenuScroll: boolean;
-    closeMenuOnSelect: boolean;
-    closeMenuOnScroll: boolean;
-    components: {};
-    controlShouldRenderValue: boolean;
-    escapeClearsValue: boolean;
-    filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
-    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
-    getOptionLabel: <Option_2>(option: Option_2) => string;
-    getOptionValue: <Option_3>(option: Option_3) => string;
-    isDisabled: boolean;
-    isLoading: boolean;
-    isMulti: boolean;
-    isRtl: boolean;
-    isSearchable: boolean;
-    isOptionDisabled: <Option_4>(option: Option_4) => boolean;
-    loadingMessage: () => string;
-    maxMenuHeight: number;
-    minMenuHeight: number;
-    menuIsOpen: boolean;
-    menuPlacement: string;
-    menuPosition: string;
-    menuShouldBlockScroll: boolean;
-    menuShouldScrollIntoView: boolean;
-    noOptionsMessage: () => string;
-    openMenuOnFocus: boolean;
-    openMenuOnClick: boolean;
-    options: never[];
-    pageSize: number;
-    placeholder: string;
-    screenReaderStatus: ({ count }: {
+declare const CreatableSelectFieldInner: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ assistiveText, components, defaultValue, disabled, errorMessage, filterConfig, help, helpPlacement, hideAsterisk, isClearable, isMulti, isSearchable, label, name, onBlur, onChange, onSelect, options, placeholder, required, styles, value, visualSize, ...rest }: CreatableSelectFieldProps<Option, IsMulti, Group>, ref: React.ForwardedRef<any>) => React.JSX.Element;
+export declare const CreatableSelectField: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: BaseFieldProps & Omit<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "className" | "value" | "form" | "required" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "name" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: OptionsOrGroups<Option, Group> | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
         count: number;
-    }) => string;
-    styles: {};
-    tabIndex: number;
-    tabSelectsValue: boolean;
-}, never>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "tabIndex" | "options" | "placeholder" | "aria-live" | "components" | "isOptionDisabled" | "isRtl" | "styles" | "isDisabled" | "isMulti" | "controlShouldRenderValue" | "menuPlacement" | "menuPosition" | "loadingMessage" | "noOptionsMessage" | "backspaceRemovesValue" | "blurInputOnSelect" | "captureMenuScroll" | "closeMenuOnSelect" | "closeMenuOnScroll" | "escapeClearsValue" | "filterOption" | "formatGroupLabel" | "getOptionLabel" | "getOptionValue" | "isLoading" | "isSearchable" | "minMenuHeight" | "maxMenuHeight" | "menuIsOpen" | "menuShouldBlockScroll" | "menuShouldScrollIntoView" | "openMenuOnFocus" | "openMenuOnClick" | "pageSize" | "screenReaderStatus" | "tabSelectsValue">> & Partial<Pick<{
-    'aria-live': string;
-    backspaceRemovesValue: boolean;
-    blurInputOnSelect: boolean;
-    captureMenuScroll: boolean;
-    closeMenuOnSelect: boolean;
-    closeMenuOnScroll: boolean;
-    components: {};
-    controlShouldRenderValue: boolean;
-    escapeClearsValue: boolean;
-    filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
-    formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
-    getOptionLabel: <Option_2>(option: Option_2) => string;
-    getOptionValue: <Option_3>(option: Option_3) => string;
-    isDisabled: boolean;
-    isLoading: boolean;
-    isMulti: boolean;
-    isRtl: boolean;
-    isSearchable: boolean;
-    isOptionDisabled: <Option_4>(option: Option_4) => boolean;
-    loadingMessage: () => string;
-    maxMenuHeight: number;
-    minMenuHeight: number;
-    menuIsOpen: boolean;
-    menuPlacement: string;
-    menuPosition: string;
-    menuShouldBlockScroll: boolean;
-    menuShouldScrollIntoView: boolean;
-    noOptionsMessage: () => string;
-    openMenuOnFocus: boolean;
-    openMenuOnClick: boolean;
-    options: never[];
-    pageSize: number;
-    placeholder: string;
-    screenReaderStatus: ({ count }: {
+    }) => string) | undefined;
+    styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<Option, IsMulti, Group>, "id" | "className" | "value" | "form" | "required" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "theme" | "name" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
+    tabIndex?: number | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    placeholder?: React.ReactNode;
+    backspaceRemovesValue?: boolean | undefined;
+    blurInputOnSelect?: boolean | undefined;
+    captureMenuScroll?: boolean | undefined;
+    classNames?: import("react-select").ClassNamesConfig<Option, IsMulti, Group> | undefined;
+    closeMenuOnSelect?: boolean | undefined;
+    closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
+    components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<Option, IsMulti, Group>> | undefined;
+    controlShouldRenderValue?: boolean | undefined;
+    escapeClearsValue?: boolean | undefined;
+    filterOption?: ((option: import("react-select").FilterOptionOption<Option>, inputValue: string) => boolean) | null | undefined;
+    formatGroupLabel?: ((group: Group) => React.ReactNode) | undefined;
+    getOptionLabel?: import("react-select").GetOptionLabel<Option> | undefined;
+    getOptionValue?: import("react-select").GetOptionValue<Option> | undefined;
+    isDisabled?: boolean | undefined;
+    isLoading?: boolean | undefined;
+    isOptionDisabled?: ((option: Option, selectValue: import("react-select").Options<Option>) => boolean) | undefined;
+    isMulti?: IsMulti | undefined;
+    isRtl?: boolean | undefined;
+    isSearchable?: boolean | undefined;
+    loadingMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    minMenuHeight?: number | undefined;
+    maxMenuHeight?: number | undefined;
+    menuIsOpen?: boolean | undefined;
+    menuPlacement?: import("react-select").MenuPlacement | undefined;
+    menuPosition?: import("react-select").MenuPosition | undefined;
+    menuShouldBlockScroll?: boolean | undefined;
+    menuShouldScrollIntoView?: boolean | undefined;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode) | undefined;
+    openMenuOnFocus?: boolean | undefined;
+    openMenuOnClick?: boolean | undefined;
+    options?: OptionsOrGroups<Option, Group> | undefined;
+    pageSize?: number | undefined;
+    screenReaderStatus?: ((obj: {
         count: number;
-    }) => string;
-    styles: {};
-    tabIndex: number;
-    tabSelectsValue: boolean;
-}, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<Option, Group> & {
+    }) => string) | undefined;
+    styles?: import("react-select").StylesConfig<Option, IsMulti, Group> | undefined;
+    tabSelectsValue?: boolean | undefined;
+    unstyled?: boolean | undefined;
+} & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<Option, Group> & {
     assistiveText?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
@@ -148,7 +160,7 @@ export declare const CreatableSelectField: <Option, IsMulti extends boolean, Gro
     isMulti?: boolean | undefined;
     isSearchable?: boolean | undefined;
     menuIsOpen?: boolean | undefined;
-    menuPlacement?: "auto" | "top" | "bottom" | undefined;
+    menuPlacement?: "top" | "bottom" | "auto" | undefined;
     onBlur?: ((value: any) => void) | undefined;
     onChange?: ((newValue: MultiValue<Option> | SingleValue<Option>, actionMeta: ActionMeta<Option>) => void) | undefined;
     onSelect?: ((value: MultiValue<Option> | SingleValue<Option>) => void) | undefined;