@dfds-ui/forms 2.0.13-alpha.387f7b2c → 2.0.13-alpha.a1d278ee

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

@@ -0,0 +1,83 @@
+import React from 'react';
+import Select, { createFilter, GroupBase, OptionsOrGroups, SingleValue } from 'react-select';
+import { BaseFieldProps } from '../types';
+export declare type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
+export declare type Size = 'small' | 'medium' | 'large';
+export declare const ReactSelectWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    error?: boolean | undefined;
+    size?: string | undefined;
+    arrow?: boolean | undefined;
+    selected?: boolean | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Menu: (props: any) => JSX.Element;
+export declare type SelectFieldProps<T = string> = BaseFieldProps & {
+    defaultValue?: SingleValue<T>;
+    className?: string;
+    components?: any;
+    value?: SingleValue<T>;
+    visualSize?: Size;
+    options?: OptionsOrGroups<T, GroupBase<T>>;
+    isSearchable?: boolean;
+    onSelect?: (value: SingleValue<T>) => void;
+    onChange?: (value: SingleValue<T>) => void;
+    onBlur?: (value: any) => void;
+    menuIsOpen?: boolean;
+    placeholder?: string;
+    assistiveText?: string;
+    errorMessage?: string;
+    /**
+     * Indicates that the Select can be cleared after selecting an Option.
+     *
+     * Setting this to true will display a small dismiss cross when a value is selected
+     */
+    isClearable?: boolean;
+    /**
+     * Configuration object passed to react-select createFilter function to create [custom filter
+     * logic](https://react-select.com/advanced#custom-filter-logic)
+     * @param ignoreCase - boolean (optional)
+     * @param ignoreAccents - boolean (optional)
+     * @param stringify (obj: any) => string (optional)
+     * @param trim - boolean (optional)
+     * @param matchForm - 'any' | 'start'
+     */
+    filterConfig?: Parameters<typeof createFilter>[0];
+};
+declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, required, hideAsterisk, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
+export declare const SelectField: <T>(props: BaseFieldProps & {
+    defaultValue?: SingleValue<T> | undefined;
+    className?: string | undefined;
+    components?: any;
+    value?: SingleValue<T> | undefined;
+    visualSize?: Size | undefined;
+    options?: OptionsOrGroups<T, GroupBase<T>> | undefined;
+    isSearchable?: boolean | undefined;
+    onSelect?: ((value: SingleValue<T>) => void) | undefined;
+    onChange?: ((value: SingleValue<T>) => void) | undefined;
+    onBlur?: ((value: any) => void) | undefined;
+    menuIsOpen?: boolean | undefined;
+    placeholder?: string | undefined;
+    assistiveText?: string | undefined;
+    errorMessage?: string | undefined;
+    /**
+     * Indicates that the Select can be cleared after selecting an Option.
+     *
+     * Setting this to true will display a small dismiss cross when a value is selected
+     */
+    isClearable?: boolean | undefined;
+    /**
+     * Configuration object passed to react-select createFilter function to create [custom filter
+     * logic](https://react-select.com/advanced#custom-filter-logic)
+     * @param ignoreCase - boolean (optional)
+     * @param ignoreAccents - boolean (optional)
+     * @param stringify (obj: any) => string (optional)
+     * @param trim - boolean (optional)
+     * @param matchForm - 'any' | 'start'
+     */
+    filterConfig?: Parameters<typeof createFilter>[0];
+} & {
+    ref?: React.ForwardedRef<any> | undefined;
+}) => ReturnType<typeof SelectFieldInner>;
+export default SelectField;