@dfds-ui/react-select 2.2.1 → 3.0.0-alpha.24ead756

package/ReactSelect.d.ts

@@ -1,19 +1,20 @@
 import React from 'react';
 import Select, { createFilter, GroupBase, OptionsOrGroups, SingleValue } from 'react-select';
 import { BaseFieldProps } from '@dfds-ui/forms/types';
-export declare type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
-export declare type Size = 'small' | 'medium' | 'large';
+export type BaseReactSelectProps = Omit<React.PropsWithRef<Select>, 'size' | 'css'>;
+export type Size = 'small' | 'medium' | 'large';
 export declare const ReactSelectWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    error?: boolean | undefined;
-    size?: string | undefined;
-    arrow?: boolean | undefined;
-    selected?: boolean | undefined;
+    error?: boolean;
+    size?: string;
+    arrow?: boolean;
+    selected?: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Menu: (props: any) => JSX.Element;
-export declare type SelectFieldProps<T> = BaseFieldProps & {
+export declare const Menu: (props: any) => React.JSX.Element;
+export type SelectFieldProps<T> = BaseFieldProps & {
+    ref?: React.Ref<any>;
     defaultValue?: SingleValue<T>;
     className?: string;
     components?: any;
@@ -39,32 +40,8 @@ export declare type SelectFieldProps<T> = BaseFieldProps & {
      */
     filterConfig?: Parameters<typeof createFilter>[0];
 };
+declare function ReactSelectInner<T>({ name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, disabled, visualSize, filterConfig, ...rest }: SelectFieldProps<T>): React.JSX.Element;
 /** @deprecated Use dfds-ui/forms */
-export declare const ReactSelect: React.ForwardRefExoticComponent<BaseFieldProps & {
-    defaultValue?: unknown;
-    className?: string | undefined;
-    components?: any;
-    value?: unknown;
-    visualSize?: Size | undefined;
-    options?: OptionsOrGroups<unknown, GroupBase<unknown>> | undefined;
-    isSearchable?: boolean | undefined;
-    onSelect?: ((value: unknown) => void) | undefined;
-    onChange?: ((value: unknown) => void) | undefined;
-    onBlur?: ((value: any) => void) | undefined;
-    menuIsOpen?: boolean | undefined;
-    placeholder?: string | undefined;
-    assistiveText?: string | undefined;
-    errorMessage?: string | 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];
-} & React.RefAttributes<any>>;
+export declare const ReactSelect: typeof ReactSelectInner;
 /** @deprecated Use dfds-ui/forms */
 export default ReactSelect;