@atlaskit/user-picker 10.25.0 → 10.26.1
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.
- package/CHANGELOG.md +18 -0
- package/afm-cc/tsconfig.json +6 -0
- package/afm-jira/tsconfig.json +6 -0
- package/afm-post-office/tsconfig.json +6 -0
- package/dist/cjs/analytics.js +1 -1
- package/dist/cjs/components/MultiValue.js +17 -3
- package/dist/cjs/components/SingleValue.js +17 -2
- package/dist/cjs/components/TeamOption/main.js +11 -1
- package/dist/es2019/analytics.js +1 -1
- package/dist/es2019/components/MultiValue.js +23 -5
- package/dist/es2019/components/SingleValue.js +22 -3
- package/dist/es2019/components/TeamOption/main.js +11 -1
- package/dist/esm/analytics.js +1 -1
- package/dist/esm/components/MultiValue.js +19 -5
- package/dist/esm/components/SingleValue.js +18 -3
- package/dist/esm/components/TeamOption/main.js +11 -1
- package/dist/types/components/BaseUserPicker.d.ts +156 -2
- package/dist/types/components/ExternalUserOption/index.d.ts +5 -1
- package/dist/types/components/ExternalUserOption/main.d.ts +5 -1
- package/dist/types/components/MultiValue.d.ts +1 -0
- package/dist/types/components/PopupUserPicker.d.ts +145 -1
- package/dist/types/components/UserPicker.d.ts +129 -1
- package/dist/types/types.d.ts +1 -0
- package/dist/types-ts4.5/components/BaseUserPicker.d.ts +156 -2
- package/dist/types-ts4.5/components/ExternalUserOption/index.d.ts +5 -1
- package/dist/types-ts4.5/components/ExternalUserOption/main.d.ts +5 -1
- package/dist/types-ts4.5/components/MultiValue.d.ts +1 -0
- package/dist/types-ts4.5/components/PopupUserPicker.d.ts +151 -1
- package/dist/types-ts4.5/components/UserPicker.d.ts +129 -1
- package/dist/types-ts4.5/types.d.ts +1 -0
- package/package.json +13 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { UserPickerProps, UserPickerState } from '../types';
|
|
2
|
+
import type { Appearance, OptionData, UserPickerProps, UserPickerState } from '../types';
|
|
3
3
|
export type BaseUserPickerProps = UserPickerProps & {
|
|
4
4
|
SelectComponent: React.ComponentType<any>;
|
|
5
5
|
pickerProps?: any;
|
|
@@ -64,7 +64,161 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
|
|
|
64
64
|
private handleClickDraggableParentComponent;
|
|
65
65
|
render(): JSX.Element;
|
|
66
66
|
}
|
|
67
|
-
export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<
|
|
67
|
+
export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
68
|
+
fieldId: string | null;
|
|
69
|
+
options?: OptionData[] | undefined;
|
|
70
|
+
width?: string | number | undefined;
|
|
71
|
+
menuMinWidth?: number | undefined;
|
|
72
|
+
maxPickerHeight?: number | undefined;
|
|
73
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
74
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
75
|
+
loadOptionsErrorMessage?: ((value: {
|
|
76
|
+
inputValue: string;
|
|
77
|
+
}) => React.ReactNode) | undefined;
|
|
78
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
79
|
+
onChange?: import("../types").OnChange | undefined;
|
|
80
|
+
isMulti?: boolean | undefined;
|
|
81
|
+
search?: string | undefined;
|
|
82
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
83
|
+
open?: boolean | undefined;
|
|
84
|
+
isLoading?: boolean | undefined;
|
|
85
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
86
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
87
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
88
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
89
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
90
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
91
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
92
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
93
|
+
appearance?: Appearance | undefined;
|
|
94
|
+
subtle?: boolean | undefined;
|
|
95
|
+
noBorder?: boolean | undefined;
|
|
96
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
97
|
+
defaultValue?: import("../types").DefaultValue;
|
|
98
|
+
placeholder?: React.ReactNode;
|
|
99
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
100
|
+
addMoreMessage?: string | undefined;
|
|
101
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
102
|
+
inputValue: string;
|
|
103
|
+
}) => React.ReactNode);
|
|
104
|
+
footer?: React.ReactNode;
|
|
105
|
+
value?: import("../types").Value;
|
|
106
|
+
isDisabled?: boolean | undefined;
|
|
107
|
+
isInvalid?: boolean | undefined;
|
|
108
|
+
isClearable?: boolean | undefined;
|
|
109
|
+
clearValueLabel?: string | undefined;
|
|
110
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
111
|
+
captureMenuScroll?: boolean | undefined;
|
|
112
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
113
|
+
allowEmail?: boolean | undefined;
|
|
114
|
+
suggestEmailsForDomain?: string | undefined;
|
|
115
|
+
emailLabel?: string | undefined;
|
|
116
|
+
disableInput?: boolean | undefined;
|
|
117
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
118
|
+
autoFocus?: boolean | undefined;
|
|
119
|
+
maxOptions?: number | undefined;
|
|
120
|
+
inputId?: string | undefined;
|
|
121
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
122
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
123
|
+
ariaLabel?: string | undefined;
|
|
124
|
+
ariaLabelledBy?: string | undefined;
|
|
125
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
126
|
+
name?: string | undefined;
|
|
127
|
+
header?: React.ReactNode;
|
|
128
|
+
required?: boolean | undefined;
|
|
129
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
130
|
+
openMenuOnClick?: boolean | undefined;
|
|
131
|
+
} & {
|
|
132
|
+
SelectComponent: React.ComponentType<any>;
|
|
133
|
+
pickerProps?: any;
|
|
134
|
+
styles: any;
|
|
135
|
+
components: any;
|
|
136
|
+
width: string | number;
|
|
137
|
+
name?: string | undefined;
|
|
138
|
+
/**
|
|
139
|
+
* @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
|
|
140
|
+
* See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
|
|
141
|
+
* It may be removed in a future minor or patch when a longer-term workaround is found.
|
|
142
|
+
*/
|
|
143
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
144
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & Partial<Pick<Omit<{
|
|
145
|
+
fieldId: string | null;
|
|
146
|
+
options?: OptionData[] | undefined;
|
|
147
|
+
width?: string | number | undefined;
|
|
148
|
+
menuMinWidth?: number | undefined;
|
|
149
|
+
maxPickerHeight?: number | undefined;
|
|
150
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
151
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
152
|
+
loadOptionsErrorMessage?: ((value: {
|
|
153
|
+
inputValue: string;
|
|
154
|
+
}) => React.ReactNode) | undefined;
|
|
155
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
156
|
+
onChange?: import("../types").OnChange | undefined;
|
|
157
|
+
isMulti?: boolean | undefined;
|
|
158
|
+
search?: string | undefined;
|
|
159
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
160
|
+
open?: boolean | undefined;
|
|
161
|
+
isLoading?: boolean | undefined;
|
|
162
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
163
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
164
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
165
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
166
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
167
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
168
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
169
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
170
|
+
appearance?: Appearance | undefined;
|
|
171
|
+
subtle?: boolean | undefined;
|
|
172
|
+
noBorder?: boolean | undefined;
|
|
173
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
174
|
+
defaultValue?: import("../types").DefaultValue;
|
|
175
|
+
placeholder?: React.ReactNode;
|
|
176
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
177
|
+
addMoreMessage?: string | undefined;
|
|
178
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
179
|
+
inputValue: string;
|
|
180
|
+
}) => React.ReactNode);
|
|
181
|
+
footer?: React.ReactNode;
|
|
182
|
+
value?: import("../types").Value;
|
|
183
|
+
isDisabled?: boolean | undefined;
|
|
184
|
+
isInvalid?: boolean | undefined;
|
|
185
|
+
isClearable?: boolean | undefined;
|
|
186
|
+
clearValueLabel?: string | undefined;
|
|
187
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
188
|
+
captureMenuScroll?: boolean | undefined;
|
|
189
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
190
|
+
allowEmail?: boolean | undefined;
|
|
191
|
+
suggestEmailsForDomain?: string | undefined;
|
|
192
|
+
emailLabel?: string | undefined;
|
|
193
|
+
disableInput?: boolean | undefined;
|
|
194
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
195
|
+
autoFocus?: boolean | undefined;
|
|
196
|
+
maxOptions?: number | undefined;
|
|
197
|
+
inputId?: string | undefined;
|
|
198
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
199
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
200
|
+
ariaLabel?: string | undefined;
|
|
201
|
+
ariaLabelledBy?: string | undefined;
|
|
202
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
203
|
+
name?: string | undefined;
|
|
204
|
+
header?: React.ReactNode;
|
|
205
|
+
required?: boolean | undefined;
|
|
206
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
207
|
+
openMenuOnClick?: boolean | undefined;
|
|
208
|
+
} & {
|
|
209
|
+
SelectComponent: React.ComponentType<any>;
|
|
210
|
+
pickerProps?: any;
|
|
211
|
+
styles: any;
|
|
212
|
+
components: any;
|
|
213
|
+
width: string | number;
|
|
214
|
+
name?: string | undefined;
|
|
215
|
+
/**
|
|
216
|
+
* @deprecated This is a temporary prop to enable user-pickers to work in Draggable elements in react-beautiful-dnd.
|
|
217
|
+
* See https://product-fabric.atlassian.net/browse/DSP-15701 for more details.
|
|
218
|
+
* It may be removed in a future minor or patch when a longer-term workaround is found.
|
|
219
|
+
*/
|
|
220
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
221
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isClearable" | "isMulti" | "openMenuOnClick" | "textFieldBackgroundColor" | "loadOptionsErrorMessage" | "subtle" | "noBorder">> & Partial<Pick<{
|
|
68
222
|
isMulti: boolean;
|
|
69
223
|
subtle: boolean;
|
|
70
224
|
noBorder: boolean;
|
|
@@ -1,3 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<
|
|
2
|
+
declare const AsyncExternalUserOption: React.LazyExoticComponent<React.ForwardRefExoticComponent<Omit<{
|
|
3
|
+
user: import("../..").ExternalUser;
|
|
4
|
+
status?: string | undefined;
|
|
5
|
+
isSelected: boolean;
|
|
6
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
|
|
3
7
|
export default AsyncExternalUserOption;
|
|
@@ -12,4 +12,8 @@ export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
|
|
|
12
12
|
status?: string;
|
|
13
13
|
isSelected: boolean;
|
|
14
14
|
};
|
|
15
|
-
export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<
|
|
15
|
+
export declare const ExternalUserOption: React.ForwardRefExoticComponent<Omit<{
|
|
16
|
+
user: ExternalUser;
|
|
17
|
+
status?: string | undefined;
|
|
18
|
+
isSelected: boolean;
|
|
19
|
+
}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
|
|
@@ -24,6 +24,7 @@ export declare class MultiValue extends React.Component<Props> {
|
|
|
24
24
|
componentDidUpdate(): void;
|
|
25
25
|
shouldComponentUpdate(nextProps: Props): boolean;
|
|
26
26
|
getElemBefore: () => jsx.JSX.Element;
|
|
27
|
+
getElemAfter: () => jsx.JSX.Element | null;
|
|
27
28
|
render(): jsx.JSX.Element;
|
|
28
29
|
}
|
|
29
30
|
export {};
|
|
@@ -19,5 +19,149 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
|
|
|
19
19
|
};
|
|
20
20
|
render(): JSX.Element;
|
|
21
21
|
}
|
|
22
|
-
export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<Omit<
|
|
22
|
+
export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<Omit<{
|
|
23
|
+
fieldId: string | null;
|
|
24
|
+
options?: import("../types").OptionData[] | undefined;
|
|
25
|
+
width?: string | number | undefined;
|
|
26
|
+
menuMinWidth?: number | undefined;
|
|
27
|
+
maxPickerHeight?: number | undefined;
|
|
28
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
29
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
30
|
+
loadOptionsErrorMessage?: ((value: {
|
|
31
|
+
inputValue: string;
|
|
32
|
+
}) => React.ReactNode) | undefined;
|
|
33
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
34
|
+
onChange?: import("../types").OnChange | undefined;
|
|
35
|
+
isMulti?: boolean | undefined;
|
|
36
|
+
search?: string | undefined;
|
|
37
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
38
|
+
open?: boolean | undefined;
|
|
39
|
+
isLoading?: boolean | undefined;
|
|
40
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
41
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
42
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
43
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
44
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
45
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
46
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
47
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
48
|
+
appearance?: import("../types").Appearance | undefined;
|
|
49
|
+
subtle?: boolean | undefined;
|
|
50
|
+
noBorder?: boolean | undefined;
|
|
51
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
52
|
+
defaultValue?: import("../types").DefaultValue;
|
|
53
|
+
placeholder?: React.ReactNode;
|
|
54
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
55
|
+
addMoreMessage?: string | undefined;
|
|
56
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
57
|
+
inputValue: string;
|
|
58
|
+
}) => React.ReactNode);
|
|
59
|
+
footer?: React.ReactNode;
|
|
60
|
+
value?: import("../types").Value;
|
|
61
|
+
isDisabled?: boolean | undefined;
|
|
62
|
+
isInvalid?: boolean | undefined;
|
|
63
|
+
isClearable?: boolean | undefined;
|
|
64
|
+
clearValueLabel?: string | undefined;
|
|
65
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
66
|
+
captureMenuScroll?: boolean | undefined;
|
|
67
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
68
|
+
allowEmail?: boolean | undefined;
|
|
69
|
+
suggestEmailsForDomain?: string | undefined;
|
|
70
|
+
emailLabel?: string | undefined;
|
|
71
|
+
disableInput?: boolean | undefined;
|
|
72
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
73
|
+
autoFocus?: boolean | undefined;
|
|
74
|
+
maxOptions?: number | undefined;
|
|
75
|
+
inputId?: string | undefined;
|
|
76
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
77
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
78
|
+
ariaLabel?: string | undefined;
|
|
79
|
+
ariaLabelledBy?: string | undefined;
|
|
80
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
81
|
+
name?: string | undefined;
|
|
82
|
+
header?: React.ReactNode;
|
|
83
|
+
required?: boolean | undefined;
|
|
84
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
85
|
+
openMenuOnClick?: boolean | undefined;
|
|
86
|
+
} & {
|
|
87
|
+
target: import("../types").Target;
|
|
88
|
+
popupTitle?: string | undefined;
|
|
89
|
+
boundariesElement?: import("../types").BoundariesElement | undefined;
|
|
90
|
+
offset?: [number, number] | undefined;
|
|
91
|
+
placement?: import("@popperjs/core").Placement | undefined;
|
|
92
|
+
rootBoundary?: import("../types").RootBoundary | undefined;
|
|
93
|
+
shouldFlip?: boolean | undefined;
|
|
94
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<{
|
|
95
|
+
fieldId: string | null;
|
|
96
|
+
options?: import("../types").OptionData[] | undefined;
|
|
97
|
+
width?: string | number | undefined;
|
|
98
|
+
menuMinWidth?: number | undefined;
|
|
99
|
+
maxPickerHeight?: number | undefined;
|
|
100
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
101
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
102
|
+
loadOptionsErrorMessage?: ((value: {
|
|
103
|
+
inputValue: string;
|
|
104
|
+
}) => React.ReactNode) | undefined;
|
|
105
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
106
|
+
onChange?: import("../types").OnChange | undefined;
|
|
107
|
+
isMulti?: boolean | undefined;
|
|
108
|
+
search?: string | undefined;
|
|
109
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
110
|
+
open?: boolean | undefined;
|
|
111
|
+
isLoading?: boolean | undefined;
|
|
112
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
113
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
114
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
115
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
116
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
117
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
118
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
119
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
120
|
+
appearance?: import("../types").Appearance | undefined;
|
|
121
|
+
subtle?: boolean | undefined;
|
|
122
|
+
noBorder?: boolean | undefined;
|
|
123
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
124
|
+
defaultValue?: import("../types").DefaultValue;
|
|
125
|
+
placeholder?: React.ReactNode;
|
|
126
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
127
|
+
addMoreMessage?: string | undefined;
|
|
128
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
129
|
+
inputValue: string;
|
|
130
|
+
}) => React.ReactNode);
|
|
131
|
+
footer?: React.ReactNode;
|
|
132
|
+
value?: import("../types").Value;
|
|
133
|
+
isDisabled?: boolean | undefined;
|
|
134
|
+
isInvalid?: boolean | undefined;
|
|
135
|
+
isClearable?: boolean | undefined;
|
|
136
|
+
clearValueLabel?: string | undefined;
|
|
137
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
138
|
+
captureMenuScroll?: boolean | undefined;
|
|
139
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
140
|
+
allowEmail?: boolean | undefined;
|
|
141
|
+
suggestEmailsForDomain?: string | undefined;
|
|
142
|
+
emailLabel?: string | undefined;
|
|
143
|
+
disableInput?: boolean | undefined;
|
|
144
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
145
|
+
autoFocus?: boolean | undefined;
|
|
146
|
+
maxOptions?: number | undefined;
|
|
147
|
+
inputId?: string | undefined;
|
|
148
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
149
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
150
|
+
ariaLabel?: string | undefined;
|
|
151
|
+
ariaLabelledBy?: string | undefined;
|
|
152
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
153
|
+
name?: string | undefined;
|
|
154
|
+
header?: React.ReactNode;
|
|
155
|
+
required?: boolean | undefined;
|
|
156
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
157
|
+
openMenuOnClick?: boolean | undefined;
|
|
158
|
+
} & {
|
|
159
|
+
target: import("../types").Target;
|
|
160
|
+
popupTitle?: string | undefined;
|
|
161
|
+
boundariesElement?: import("../types").BoundariesElement | undefined;
|
|
162
|
+
offset?: [number, number] | undefined;
|
|
163
|
+
placement?: import("@popperjs/core").Placement | undefined;
|
|
164
|
+
rootBoundary?: import("../types").RootBoundary | undefined;
|
|
165
|
+
shouldFlip?: boolean | undefined;
|
|
166
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip">> & Partial<Pick<Partial<PopupUserPickerProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>>, "options" | "search" | "placeholder" | "isDisabled" | "offset" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "popupTitle" | "placement" | "rootBoundary" | "boundariesElement" | "shouldFlip"> & React.RefAttributes<any>>;
|
|
23
167
|
export {};
|
|
@@ -10,7 +10,135 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
|
|
|
10
10
|
componentDidMount(): void;
|
|
11
11
|
render(): JSX.Element;
|
|
12
12
|
}
|
|
13
|
-
export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<
|
|
13
|
+
export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
14
|
+
fieldId: string | null;
|
|
15
|
+
options?: import("../types").OptionData[] | undefined;
|
|
16
|
+
width?: string | number | undefined;
|
|
17
|
+
menuMinWidth?: number | undefined;
|
|
18
|
+
maxPickerHeight?: number | undefined;
|
|
19
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
20
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
21
|
+
loadOptionsErrorMessage?: ((value: {
|
|
22
|
+
inputValue: string;
|
|
23
|
+
}) => React.ReactNode) | undefined;
|
|
24
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
25
|
+
onChange?: import("../types").OnChange | undefined;
|
|
26
|
+
isMulti?: boolean | undefined;
|
|
27
|
+
search?: string | undefined;
|
|
28
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
29
|
+
open?: boolean | undefined;
|
|
30
|
+
isLoading?: boolean | undefined;
|
|
31
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
32
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
33
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
34
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
35
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
36
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
37
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
38
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
39
|
+
appearance?: import("../types").Appearance | undefined;
|
|
40
|
+
subtle?: boolean | undefined;
|
|
41
|
+
noBorder?: boolean | undefined;
|
|
42
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
43
|
+
defaultValue?: import("../types").DefaultValue;
|
|
44
|
+
placeholder?: React.ReactNode;
|
|
45
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
46
|
+
addMoreMessage?: string | undefined;
|
|
47
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
48
|
+
inputValue: string;
|
|
49
|
+
}) => React.ReactNode);
|
|
50
|
+
footer?: React.ReactNode;
|
|
51
|
+
value?: import("../types").Value;
|
|
52
|
+
isDisabled?: boolean | undefined;
|
|
53
|
+
isInvalid?: boolean | undefined;
|
|
54
|
+
isClearable?: boolean | undefined;
|
|
55
|
+
clearValueLabel?: string | undefined;
|
|
56
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
57
|
+
captureMenuScroll?: boolean | undefined;
|
|
58
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
59
|
+
allowEmail?: boolean | undefined;
|
|
60
|
+
suggestEmailsForDomain?: string | undefined;
|
|
61
|
+
emailLabel?: string | undefined;
|
|
62
|
+
disableInput?: boolean | undefined;
|
|
63
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
64
|
+
autoFocus?: boolean | undefined;
|
|
65
|
+
maxOptions?: number | undefined;
|
|
66
|
+
inputId?: string | undefined;
|
|
67
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
68
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
69
|
+
ariaLabel?: string | undefined;
|
|
70
|
+
ariaLabelledBy?: string | undefined;
|
|
71
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
72
|
+
name?: string | undefined;
|
|
73
|
+
header?: React.ReactNode;
|
|
74
|
+
required?: boolean | undefined;
|
|
75
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
76
|
+
openMenuOnClick?: boolean | undefined;
|
|
77
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "options" | "search" | "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "styles" | "value" | "required" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "appearance" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & Partial<Pick<Omit<{
|
|
78
|
+
fieldId: string | null;
|
|
79
|
+
options?: import("../types").OptionData[] | undefined;
|
|
80
|
+
width?: string | number | undefined;
|
|
81
|
+
menuMinWidth?: number | undefined;
|
|
82
|
+
maxPickerHeight?: number | undefined;
|
|
83
|
+
textFieldBackgroundColor?: boolean | undefined;
|
|
84
|
+
loadOptions?: import("../types").LoadOptions | undefined;
|
|
85
|
+
loadOptionsErrorMessage?: ((value: {
|
|
86
|
+
inputValue: string;
|
|
87
|
+
}) => React.ReactNode) | undefined;
|
|
88
|
+
loadUserSource?: import("../types").LoadUserSource | undefined;
|
|
89
|
+
onChange?: import("../types").OnChange | undefined;
|
|
90
|
+
isMulti?: boolean | undefined;
|
|
91
|
+
search?: string | undefined;
|
|
92
|
+
anchor?: React.ComponentType<any> | undefined;
|
|
93
|
+
open?: boolean | undefined;
|
|
94
|
+
isLoading?: boolean | undefined;
|
|
95
|
+
onInputChange?: import("../types").OnInputChange | undefined;
|
|
96
|
+
onSelection?: import("../types").OnOption | undefined;
|
|
97
|
+
onFocus?: import("../types").OnPicker | undefined;
|
|
98
|
+
onBlur?: import("../types").OnPicker | undefined;
|
|
99
|
+
onClear?: import("../types").OnPicker | undefined;
|
|
100
|
+
onOpen?: import("../types").OnPicker | undefined;
|
|
101
|
+
onClose?: import("../types").OnPicker | undefined;
|
|
102
|
+
onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
|
|
103
|
+
appearance?: import("../types").Appearance | undefined;
|
|
104
|
+
subtle?: boolean | undefined;
|
|
105
|
+
noBorder?: boolean | undefined;
|
|
106
|
+
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
107
|
+
defaultValue?: import("../types").DefaultValue;
|
|
108
|
+
placeholder?: React.ReactNode;
|
|
109
|
+
placeholderAvatar?: "team" | "person" | undefined;
|
|
110
|
+
addMoreMessage?: string | undefined;
|
|
111
|
+
noOptionsMessage?: React.ReactNode | ((value: {
|
|
112
|
+
inputValue: string;
|
|
113
|
+
}) => React.ReactNode);
|
|
114
|
+
footer?: React.ReactNode;
|
|
115
|
+
value?: import("../types").Value;
|
|
116
|
+
isDisabled?: boolean | undefined;
|
|
117
|
+
isInvalid?: boolean | undefined;
|
|
118
|
+
isClearable?: boolean | undefined;
|
|
119
|
+
clearValueLabel?: string | undefined;
|
|
120
|
+
menuPosition?: "absolute" | "fixed" | undefined;
|
|
121
|
+
captureMenuScroll?: boolean | undefined;
|
|
122
|
+
menuPortalTarget?: HTMLElement | undefined;
|
|
123
|
+
allowEmail?: boolean | undefined;
|
|
124
|
+
suggestEmailsForDomain?: string | undefined;
|
|
125
|
+
emailLabel?: string | undefined;
|
|
126
|
+
disableInput?: boolean | undefined;
|
|
127
|
+
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
128
|
+
autoFocus?: boolean | undefined;
|
|
129
|
+
maxOptions?: number | undefined;
|
|
130
|
+
inputId?: string | undefined;
|
|
131
|
+
closeMenuOnScroll?: boolean | EventListener | undefined;
|
|
132
|
+
menuShouldBlockScroll?: boolean | undefined;
|
|
133
|
+
ariaLabel?: string | undefined;
|
|
134
|
+
ariaLabelledBy?: string | undefined;
|
|
135
|
+
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
136
|
+
name?: string | undefined;
|
|
137
|
+
header?: React.ReactNode;
|
|
138
|
+
required?: boolean | undefined;
|
|
139
|
+
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
140
|
+
openMenuOnClick?: boolean | undefined;
|
|
141
|
+
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "isMulti" | "width">> & Partial<Pick<{
|
|
14
142
|
width: number;
|
|
15
143
|
isMulti: boolean;
|
|
16
144
|
}, never>> & React.RefAttributes<any>>;
|
package/dist/types/types.d.ts
CHANGED