@dfds-ui/forms 2.0.26-alpha.01401d6e → 2.0.26-alpha.045dcae4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { CreatableProps } from 'react-select/creatable';
|
|
2
3
|
import { ActionMeta, createFilter, GroupBase, MultiValue, OptionsOrGroups, SingleValue } from 'react-select';
|
|
3
4
|
import { BaseFieldProps } from '../types';
|
|
4
5
|
declare type Size = 'small' | 'medium' | 'large';
|
|
5
|
-
export declare type CreatableSelectFieldProps<
|
|
6
|
+
export declare type CreatableSelectFieldProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> = BaseFieldProps & CreatableProps<Option, IsMulti, Group> & {
|
|
6
7
|
assistiveText?: string;
|
|
7
8
|
autoFocus?: boolean;
|
|
8
9
|
className?: string;
|
|
9
10
|
components?: any;
|
|
10
|
-
defaultValue?: SingleValue<
|
|
11
|
+
defaultValue?: SingleValue<Option>;
|
|
11
12
|
errorMessage?: string;
|
|
12
13
|
/**
|
|
13
14
|
* Configuration object passed to react-select createFilter function to create [custom filter
|
|
@@ -30,23 +31,103 @@ export declare type CreatableSelectFieldProps<T = string> = BaseFieldProps & {
|
|
|
30
31
|
menuIsOpen?: boolean;
|
|
31
32
|
menuPlacement?: 'bottom' | 'auto' | 'top';
|
|
32
33
|
onBlur?: (value: any) => void;
|
|
33
|
-
onChange?: (newValue: SingleValue<
|
|
34
|
-
onSelect?: (value: SingleValue<
|
|
35
|
-
options?: OptionsOrGroups<
|
|
34
|
+
onChange?: (newValue: SingleValue<Option> | MultiValue<Option>, actionMeta: ActionMeta<Option>) => void;
|
|
35
|
+
onSelect?: (value: SingleValue<Option> | MultiValue<Option>) => void;
|
|
36
|
+
options?: OptionsOrGroups<Option, GroupBase<Option>>;
|
|
36
37
|
placeholder?: string;
|
|
37
38
|
prefix?: React.ReactNode;
|
|
38
39
|
styles?: any;
|
|
39
40
|
suffix?: React.ReactNode;
|
|
40
|
-
value?: SingleValue<
|
|
41
|
+
value?: SingleValue<Option> | MultiValue<Option>;
|
|
41
42
|
visualSize?: Size;
|
|
42
43
|
};
|
|
43
|
-
declare
|
|
44
|
-
export declare const CreatableSelectField: <
|
|
44
|
+
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;
|
|
45
|
+
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<{
|
|
46
|
+
'aria-live': string;
|
|
47
|
+
backspaceRemovesValue: boolean;
|
|
48
|
+
blurInputOnSelect: boolean;
|
|
49
|
+
captureMenuScroll: boolean;
|
|
50
|
+
closeMenuOnSelect: boolean;
|
|
51
|
+
closeMenuOnScroll: boolean;
|
|
52
|
+
components: {};
|
|
53
|
+
controlShouldRenderValue: boolean;
|
|
54
|
+
escapeClearsValue: boolean;
|
|
55
|
+
filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
56
|
+
formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
|
|
57
|
+
getOptionLabel: <Option_2>(option: Option_2) => string;
|
|
58
|
+
getOptionValue: <Option_3>(option: Option_3) => string;
|
|
59
|
+
isDisabled: boolean;
|
|
60
|
+
isLoading: boolean;
|
|
61
|
+
isMulti: boolean;
|
|
62
|
+
isRtl: boolean;
|
|
63
|
+
isSearchable: boolean;
|
|
64
|
+
isOptionDisabled: <Option_4>(option: Option_4) => boolean;
|
|
65
|
+
loadingMessage: () => string;
|
|
66
|
+
maxMenuHeight: number;
|
|
67
|
+
minMenuHeight: number;
|
|
68
|
+
menuIsOpen: boolean;
|
|
69
|
+
menuPlacement: string;
|
|
70
|
+
menuPosition: string;
|
|
71
|
+
menuShouldBlockScroll: boolean;
|
|
72
|
+
menuShouldScrollIntoView: boolean;
|
|
73
|
+
noOptionsMessage: () => string;
|
|
74
|
+
openMenuOnFocus: boolean;
|
|
75
|
+
openMenuOnClick: boolean;
|
|
76
|
+
options: never[];
|
|
77
|
+
pageSize: number;
|
|
78
|
+
placeholder: string;
|
|
79
|
+
screenReaderStatus: ({ count }: {
|
|
80
|
+
count: number;
|
|
81
|
+
}) => string;
|
|
82
|
+
styles: {};
|
|
83
|
+
tabIndex: number;
|
|
84
|
+
tabSelectsValue: boolean;
|
|
85
|
+
}, 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<{
|
|
86
|
+
'aria-live': string;
|
|
87
|
+
backspaceRemovesValue: boolean;
|
|
88
|
+
blurInputOnSelect: boolean;
|
|
89
|
+
captureMenuScroll: boolean;
|
|
90
|
+
closeMenuOnSelect: boolean;
|
|
91
|
+
closeMenuOnScroll: boolean;
|
|
92
|
+
components: {};
|
|
93
|
+
controlShouldRenderValue: boolean;
|
|
94
|
+
escapeClearsValue: boolean;
|
|
95
|
+
filterOption: (option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, rawInput: string) => boolean;
|
|
96
|
+
formatGroupLabel: <Option_1, Group_1 extends GroupBase<Option_1>>(group: Group_1) => string;
|
|
97
|
+
getOptionLabel: <Option_2>(option: Option_2) => string;
|
|
98
|
+
getOptionValue: <Option_3>(option: Option_3) => string;
|
|
99
|
+
isDisabled: boolean;
|
|
100
|
+
isLoading: boolean;
|
|
101
|
+
isMulti: boolean;
|
|
102
|
+
isRtl: boolean;
|
|
103
|
+
isSearchable: boolean;
|
|
104
|
+
isOptionDisabled: <Option_4>(option: Option_4) => boolean;
|
|
105
|
+
loadingMessage: () => string;
|
|
106
|
+
maxMenuHeight: number;
|
|
107
|
+
minMenuHeight: number;
|
|
108
|
+
menuIsOpen: boolean;
|
|
109
|
+
menuPlacement: string;
|
|
110
|
+
menuPosition: string;
|
|
111
|
+
menuShouldBlockScroll: boolean;
|
|
112
|
+
menuShouldScrollIntoView: boolean;
|
|
113
|
+
noOptionsMessage: () => string;
|
|
114
|
+
openMenuOnFocus: boolean;
|
|
115
|
+
openMenuOnClick: boolean;
|
|
116
|
+
options: never[];
|
|
117
|
+
pageSize: number;
|
|
118
|
+
placeholder: string;
|
|
119
|
+
screenReaderStatus: ({ count }: {
|
|
120
|
+
count: number;
|
|
121
|
+
}) => string;
|
|
122
|
+
styles: {};
|
|
123
|
+
tabIndex: number;
|
|
124
|
+
tabSelectsValue: boolean;
|
|
125
|
+
}, never>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<Option> & import("react-select/dist/declarations/src/useCreatable").CreatableAdditionalProps<Option, Group> & {
|
|
45
126
|
assistiveText?: string | undefined;
|
|
46
127
|
autoFocus?: boolean | undefined;
|
|
47
128
|
className?: string | undefined;
|
|
48
129
|
components?: any;
|
|
49
|
-
defaultValue?: SingleValue<
|
|
130
|
+
defaultValue?: SingleValue<Option> | undefined;
|
|
50
131
|
errorMessage?: string | undefined;
|
|
51
132
|
/**
|
|
52
133
|
* Configuration object passed to react-select createFilter function to create [custom filter
|
|
@@ -69,14 +150,14 @@ export declare const CreatableSelectField: <T>(props: BaseFieldProps & {
|
|
|
69
150
|
menuIsOpen?: boolean | undefined;
|
|
70
151
|
menuPlacement?: "auto" | "top" | "bottom" | undefined;
|
|
71
152
|
onBlur?: ((value: any) => void) | undefined;
|
|
72
|
-
onChange?: ((newValue:
|
|
73
|
-
onSelect?: ((value:
|
|
74
|
-
options?: OptionsOrGroups<
|
|
153
|
+
onChange?: ((newValue: MultiValue<Option> | SingleValue<Option>, actionMeta: ActionMeta<Option>) => void) | undefined;
|
|
154
|
+
onSelect?: ((value: MultiValue<Option> | SingleValue<Option>) => void) | undefined;
|
|
155
|
+
options?: OptionsOrGroups<Option, GroupBase<Option>> | undefined;
|
|
75
156
|
placeholder?: string | undefined;
|
|
76
157
|
prefix?: React.ReactNode;
|
|
77
158
|
styles?: any;
|
|
78
159
|
suffix?: React.ReactNode;
|
|
79
|
-
value?:
|
|
160
|
+
value?: MultiValue<Option> | SingleValue<Option> | undefined;
|
|
80
161
|
visualSize?: Size | undefined;
|
|
81
162
|
} & {
|
|
82
163
|
ref?: React.ForwardedRef<any> | undefined;
|