@atlaskit/user-picker 11.21.1 → 11.21.2
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 +6 -0
- package/dist/types/components/AvatarItemOption.d.ts +1 -1
- package/dist/types/components/ExternalUserOption/main.d.ts +2 -2
- package/dist/types/components/GroupOption/main.d.ts +1 -1
- package/dist/types/components/PopupUserPicker.d.ts +34 -34
- package/dist/types/components/UserPicker.d.ts +16 -16
- package/dist/types/components/components.d.ts +1 -1
- package/dist/types-ts4.5/components/AvatarItemOption.d.ts +1 -1
- package/dist/types-ts4.5/components/ExternalUserOption/main.d.ts +2 -2
- package/dist/types-ts4.5/components/GroupOption/main.d.ts +1 -1
- package/dist/types-ts4.5/components/PopupUserPicker.d.ts +34 -34
- package/dist/types-ts4.5/components/UserPicker.d.ts +16 -16
- package/dist/types-ts4.5/components/components.d.ts +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { type ReactNode } from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import { type LozengeProps } from '../types';
|
|
8
|
-
export declare const textWrapper: (color?: string) => import("@emotion/
|
|
8
|
+
export declare const textWrapper: (color?: string) => import("@emotion/utils").SerializedStyles;
|
|
9
9
|
export type AvatarItemOptionProps = {
|
|
10
10
|
avatar: ReactNode;
|
|
11
11
|
isDisabled?: boolean;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
7
7
|
import { type ExternalUser } from '../../types';
|
|
8
|
-
export declare const imageContainer: import("@emotion/
|
|
9
|
-
export declare const emailDomainWrapper: import("@emotion/
|
|
8
|
+
export declare const imageContainer: import("@emotion/utils").SerializedStyles;
|
|
9
|
+
export declare const emailDomainWrapper: import("@emotion/utils").SerializedStyles;
|
|
10
10
|
export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
|
|
11
11
|
isSelected: boolean;
|
|
12
12
|
status?: string;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import { type Group } from '../../types';
|
|
8
|
-
export declare const groupOptionIconWrapper: import("@emotion/
|
|
8
|
+
export declare const groupOptionIconWrapper: import("@emotion/utils").SerializedStyles;
|
|
9
9
|
export type GroupOptionProps = {
|
|
10
10
|
group: Group;
|
|
11
11
|
includeTeamsUpdates?: boolean;
|
|
@@ -23,7 +23,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
23
23
|
addMoreMessage?: string;
|
|
24
24
|
allowEmail?: boolean;
|
|
25
25
|
anchor?: React.ComponentType<any>;
|
|
26
|
-
appearance?: import("
|
|
26
|
+
appearance?: import("..").Appearance;
|
|
27
27
|
ariaDescribedBy?: string;
|
|
28
28
|
ariaLabel?: string;
|
|
29
29
|
ariaLabelledBy?: string;
|
|
@@ -32,14 +32,14 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
32
32
|
captureMenuScroll?: boolean;
|
|
33
33
|
clearValueLabel?: string;
|
|
34
34
|
closeMenuOnScroll?: boolean | EventListener;
|
|
35
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
36
|
-
defaultValue?: import("
|
|
35
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
|
|
36
|
+
defaultValue?: import("..").DefaultValue;
|
|
37
37
|
disableInput?: boolean;
|
|
38
38
|
emailLabel?: string;
|
|
39
39
|
fieldId: string | null;
|
|
40
40
|
footer?: React.ReactNode;
|
|
41
41
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
|
|
42
|
-
groupByTypeOrder?: NonNullable<import("
|
|
42
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
|
|
43
43
|
header?: React.ReactNode;
|
|
44
44
|
height?: number | string;
|
|
45
45
|
includeTeamsUpdates?: boolean;
|
|
@@ -51,7 +51,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
51
51
|
isLoading?: boolean;
|
|
52
52
|
isMulti?: boolean;
|
|
53
53
|
isValidEmail?: import("./emailValidation").EmailValidator;
|
|
54
|
-
loadOptions?: import("
|
|
54
|
+
loadOptions?: import("..").LoadOptions;
|
|
55
55
|
loadOptionsErrorMessage?: (value: {
|
|
56
56
|
inputValue: string;
|
|
57
57
|
}) => React.ReactNode;
|
|
@@ -68,21 +68,21 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
68
68
|
noOptionsMessage?: ((value: {
|
|
69
69
|
inputValue: string;
|
|
70
70
|
}) => string | null | React.ReactNode) | null | React.ReactNode;
|
|
71
|
-
onBlur?: import("
|
|
72
|
-
onChange?: import("
|
|
73
|
-
onClear?: import("
|
|
74
|
-
onClose?: import("
|
|
75
|
-
onFocus?: import("
|
|
76
|
-
onInputChange?: import("
|
|
71
|
+
onBlur?: import("..").OnPicker;
|
|
72
|
+
onChange?: import("..").OnChange;
|
|
73
|
+
onClear?: import("..").OnPicker;
|
|
74
|
+
onClose?: import("..").OnPicker;
|
|
75
|
+
onFocus?: import("..").OnPicker;
|
|
76
|
+
onInputChange?: import("..").OnInputChange;
|
|
77
77
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
78
|
-
onOpen?: import("
|
|
79
|
-
onSelection?: import("
|
|
78
|
+
onOpen?: import("..").OnPicker;
|
|
79
|
+
onSelection?: import("..").OnOption;
|
|
80
80
|
open?: boolean;
|
|
81
81
|
openMenuOnClick?: boolean;
|
|
82
|
-
options?: import("
|
|
82
|
+
options?: import("..").OptionData[];
|
|
83
83
|
placeholder?: React.ReactNode;
|
|
84
84
|
placeholderAvatar?: "person" | "team";
|
|
85
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
85
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
|
|
86
86
|
required?: boolean;
|
|
87
87
|
search?: string;
|
|
88
88
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -93,7 +93,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
93
93
|
suggestEmailsForDomain?: string;
|
|
94
94
|
textFieldBackgroundColor?: boolean;
|
|
95
95
|
UNSAFE_hasDraggableParentComponent?: boolean;
|
|
96
|
-
value?: import("
|
|
96
|
+
value?: import("..").Value;
|
|
97
97
|
width?: number | string;
|
|
98
98
|
} & {
|
|
99
99
|
boundariesElement?: import("../types").BoundariesElement;
|
|
@@ -102,19 +102,19 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
102
102
|
popupTitle?: string;
|
|
103
103
|
rootBoundary?: import("../types").RootBoundary;
|
|
104
104
|
shouldFlip?: boolean;
|
|
105
|
-
target: import("
|
|
105
|
+
target: import("..").Target;
|
|
106
106
|
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
|
|
107
107
|
placeholder?: React.ReactNode;
|
|
108
108
|
isDisabled?: boolean | undefined;
|
|
109
109
|
offset?: [number, number] | undefined;
|
|
110
|
-
onChange?: import("
|
|
111
|
-
onInputChange?: import("
|
|
112
|
-
value?: import("
|
|
113
|
-
appearance?: import("
|
|
110
|
+
onChange?: import("..").OnChange | undefined;
|
|
111
|
+
onInputChange?: import("..").OnInputChange | undefined;
|
|
112
|
+
value?: import("..").Value;
|
|
113
|
+
appearance?: import("..").Appearance | undefined;
|
|
114
114
|
autoFocus?: boolean | undefined;
|
|
115
115
|
captureMenuScroll?: boolean | undefined;
|
|
116
116
|
closeMenuOnScroll?: (boolean | EventListener) | undefined;
|
|
117
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
117
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean> | undefined;
|
|
118
118
|
inputId?: string | undefined;
|
|
119
119
|
isClearable?: boolean | undefined;
|
|
120
120
|
isInvalid?: boolean | undefined;
|
|
@@ -128,11 +128,11 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
128
128
|
noOptionsMessage?: React.ReactNode | ((value: {
|
|
129
129
|
inputValue: string;
|
|
130
130
|
}) => string | null | React.ReactNode);
|
|
131
|
-
onBlur?: import("
|
|
132
|
-
onFocus?: import("
|
|
131
|
+
onBlur?: import("..").OnPicker | undefined;
|
|
132
|
+
onFocus?: import("..").OnPicker | undefined;
|
|
133
133
|
onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
|
|
134
134
|
openMenuOnClick?: boolean | undefined;
|
|
135
|
-
options?: import("
|
|
135
|
+
options?: import("..").OptionData[] | undefined;
|
|
136
136
|
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
137
137
|
required?: boolean | undefined;
|
|
138
138
|
search?: string | undefined;
|
|
@@ -144,19 +144,19 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
144
144
|
ariaLabelledBy?: string | undefined;
|
|
145
145
|
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
146
146
|
clearValueLabel?: string | undefined;
|
|
147
|
-
defaultValue?: import("
|
|
147
|
+
defaultValue?: import("..").DefaultValue;
|
|
148
148
|
disableInput?: boolean | undefined;
|
|
149
149
|
emailLabel?: string | undefined;
|
|
150
150
|
fieldId?: string | null | undefined;
|
|
151
151
|
footer?: React.ReactNode;
|
|
152
152
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
|
|
153
|
-
groupByTypeOrder?: NonNullable<import("
|
|
153
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[] | undefined;
|
|
154
154
|
header?: React.ReactNode;
|
|
155
155
|
height?: number | string | undefined;
|
|
156
156
|
includeTeamsUpdates?: boolean | undefined;
|
|
157
157
|
isFooterFocused?: boolean | undefined;
|
|
158
158
|
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
159
|
-
loadOptions?: import("
|
|
159
|
+
loadOptions?: import("..").LoadOptions | undefined;
|
|
160
160
|
loadOptionsErrorMessage?: ((value: {
|
|
161
161
|
inputValue: string;
|
|
162
162
|
}) => React.ReactNode) | undefined;
|
|
@@ -165,13 +165,13 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
165
165
|
maxPickerHeight?: number | undefined;
|
|
166
166
|
menuMinWidth?: number | undefined;
|
|
167
167
|
noBorder?: boolean | undefined;
|
|
168
|
-
onClear?: import("
|
|
169
|
-
onClose?: import("
|
|
170
|
-
onOpen?: import("
|
|
171
|
-
onSelection?: import("
|
|
168
|
+
onClear?: import("..").OnPicker | undefined;
|
|
169
|
+
onClose?: import("..").OnPicker | undefined;
|
|
170
|
+
onOpen?: import("..").OnPicker | undefined;
|
|
171
|
+
onSelection?: import("..").OnOption | undefined;
|
|
172
172
|
open?: boolean | undefined;
|
|
173
173
|
placeholderAvatar?: "person" | "team" | undefined;
|
|
174
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
174
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData> | undefined;
|
|
175
175
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
|
|
176
176
|
showClearIndicator?: boolean | undefined;
|
|
177
177
|
strategy?: "fixed" | "absolute" | undefined;
|
|
@@ -180,7 +180,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
180
180
|
textFieldBackgroundColor?: boolean | undefined;
|
|
181
181
|
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
182
182
|
width?: number | string | undefined;
|
|
183
|
-
target?: import("
|
|
183
|
+
target?: import("..").Target | undefined;
|
|
184
184
|
popupTitle?: string | undefined;
|
|
185
185
|
placement?: import("@popperjs/core").Placement | undefined;
|
|
186
186
|
rootBoundary?: import("../types").RootBoundary | undefined;
|
|
@@ -14,7 +14,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
14
14
|
addMoreMessage?: string;
|
|
15
15
|
allowEmail?: boolean;
|
|
16
16
|
anchor?: React.ComponentType<any>;
|
|
17
|
-
appearance?: import("
|
|
17
|
+
appearance?: import("..").Appearance;
|
|
18
18
|
ariaDescribedBy?: string;
|
|
19
19
|
ariaLabel?: string;
|
|
20
20
|
ariaLabelledBy?: string;
|
|
@@ -23,14 +23,14 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
23
23
|
captureMenuScroll?: boolean;
|
|
24
24
|
clearValueLabel?: string;
|
|
25
25
|
closeMenuOnScroll?: boolean | EventListener;
|
|
26
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
27
|
-
defaultValue?: import("
|
|
26
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
|
|
27
|
+
defaultValue?: import("..").DefaultValue;
|
|
28
28
|
disableInput?: boolean;
|
|
29
29
|
emailLabel?: string;
|
|
30
30
|
fieldId: string | null;
|
|
31
31
|
footer?: React.ReactNode;
|
|
32
32
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
|
|
33
|
-
groupByTypeOrder?: NonNullable<import("
|
|
33
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
|
|
34
34
|
header?: React.ReactNode;
|
|
35
35
|
height?: number | string;
|
|
36
36
|
includeTeamsUpdates?: boolean;
|
|
@@ -42,7 +42,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
42
42
|
isLoading?: boolean;
|
|
43
43
|
isMulti?: boolean;
|
|
44
44
|
isValidEmail?: import("./emailValidation").EmailValidator;
|
|
45
|
-
loadOptions?: import("
|
|
45
|
+
loadOptions?: import("..").LoadOptions;
|
|
46
46
|
loadOptionsErrorMessage?: (value: {
|
|
47
47
|
inputValue: string;
|
|
48
48
|
}) => React.ReactNode;
|
|
@@ -59,21 +59,21 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
59
59
|
noOptionsMessage?: ((value: {
|
|
60
60
|
inputValue: string;
|
|
61
61
|
}) => string | null | React.ReactNode) | null | React.ReactNode;
|
|
62
|
-
onBlur?: import("
|
|
63
|
-
onChange?: import("
|
|
64
|
-
onClear?: import("
|
|
65
|
-
onClose?: import("
|
|
66
|
-
onFocus?: import("
|
|
67
|
-
onInputChange?: import("
|
|
62
|
+
onBlur?: import("..").OnPicker;
|
|
63
|
+
onChange?: import("..").OnChange;
|
|
64
|
+
onClear?: import("..").OnPicker;
|
|
65
|
+
onClose?: import("..").OnPicker;
|
|
66
|
+
onFocus?: import("..").OnPicker;
|
|
67
|
+
onInputChange?: import("..").OnInputChange;
|
|
68
68
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
69
|
-
onOpen?: import("
|
|
70
|
-
onSelection?: import("
|
|
69
|
+
onOpen?: import("..").OnPicker;
|
|
70
|
+
onSelection?: import("..").OnOption;
|
|
71
71
|
open?: boolean;
|
|
72
72
|
openMenuOnClick?: boolean;
|
|
73
|
-
options?: import("
|
|
73
|
+
options?: import("..").OptionData[];
|
|
74
74
|
placeholder?: React.ReactNode;
|
|
75
75
|
placeholderAvatar?: "person" | "team";
|
|
76
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
76
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
|
|
77
77
|
required?: boolean;
|
|
78
78
|
search?: string;
|
|
79
79
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -84,7 +84,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
84
84
|
suggestEmailsForDomain?: string;
|
|
85
85
|
textFieldBackgroundColor?: boolean;
|
|
86
86
|
UNSAFE_hasDraggableParentComponent?: boolean;
|
|
87
|
-
value?: import("
|
|
87
|
+
value?: import("..").Value;
|
|
88
88
|
width?: number | string;
|
|
89
89
|
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
|
|
90
90
|
isMulti?: boolean | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
|
|
|
18
18
|
Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
|
|
19
19
|
Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
|
20
20
|
ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
|
|
21
|
-
Control: ((props: import("@atlaskit/select").ControlProps<any> & import("
|
|
21
|
+
Control: ((props: import("@atlaskit/select").ControlProps<any> & import("..").UserPickerProps) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
|
|
22
22
|
DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
|
|
23
23
|
GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
|
24
24
|
IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import { type ReactNode } from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import { type LozengeProps } from '../types';
|
|
8
|
-
export declare const textWrapper: (color?: string) => import("@emotion/
|
|
8
|
+
export declare const textWrapper: (color?: string) => import("@emotion/utils").SerializedStyles;
|
|
9
9
|
export type AvatarItemOptionProps = {
|
|
10
10
|
avatar: ReactNode;
|
|
11
11
|
isDisabled?: boolean;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
|
|
7
7
|
import { type ExternalUser } from '../../types';
|
|
8
|
-
export declare const imageContainer: import("@emotion/
|
|
9
|
-
export declare const emailDomainWrapper: import("@emotion/
|
|
8
|
+
export declare const imageContainer: import("@emotion/utils").SerializedStyles;
|
|
9
|
+
export declare const emailDomainWrapper: import("@emotion/utils").SerializedStyles;
|
|
10
10
|
export type ExternalUserOptionProps = WithAnalyticsEventsProps & {
|
|
11
11
|
isSelected: boolean;
|
|
12
12
|
status?: string;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { jsx } from '@emotion/react';
|
|
7
7
|
import { type Group } from '../../types';
|
|
8
|
-
export declare const groupOptionIconWrapper: import("@emotion/
|
|
8
|
+
export declare const groupOptionIconWrapper: import("@emotion/utils").SerializedStyles;
|
|
9
9
|
export type GroupOptionProps = {
|
|
10
10
|
group: Group;
|
|
11
11
|
includeTeamsUpdates?: boolean;
|
|
@@ -23,7 +23,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
23
23
|
addMoreMessage?: string;
|
|
24
24
|
allowEmail?: boolean;
|
|
25
25
|
anchor?: React.ComponentType<any>;
|
|
26
|
-
appearance?: import("
|
|
26
|
+
appearance?: import("..").Appearance;
|
|
27
27
|
ariaDescribedBy?: string;
|
|
28
28
|
ariaLabel?: string;
|
|
29
29
|
ariaLabelledBy?: string;
|
|
@@ -32,14 +32,14 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
32
32
|
captureMenuScroll?: boolean;
|
|
33
33
|
clearValueLabel?: string;
|
|
34
34
|
closeMenuOnScroll?: boolean | EventListener;
|
|
35
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
36
|
-
defaultValue?: import("
|
|
35
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
|
|
36
|
+
defaultValue?: import("..").DefaultValue;
|
|
37
37
|
disableInput?: boolean;
|
|
38
38
|
emailLabel?: string;
|
|
39
39
|
fieldId: string | null;
|
|
40
40
|
footer?: React.ReactNode;
|
|
41
41
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
|
|
42
|
-
groupByTypeOrder?: NonNullable<import("
|
|
42
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
|
|
43
43
|
header?: React.ReactNode;
|
|
44
44
|
height?: number | string;
|
|
45
45
|
includeTeamsUpdates?: boolean;
|
|
@@ -51,7 +51,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
51
51
|
isLoading?: boolean;
|
|
52
52
|
isMulti?: boolean;
|
|
53
53
|
isValidEmail?: import("./emailValidation").EmailValidator;
|
|
54
|
-
loadOptions?: import("
|
|
54
|
+
loadOptions?: import("..").LoadOptions;
|
|
55
55
|
loadOptionsErrorMessage?: (value: {
|
|
56
56
|
inputValue: string;
|
|
57
57
|
}) => React.ReactNode;
|
|
@@ -68,21 +68,21 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
68
68
|
noOptionsMessage?: ((value: {
|
|
69
69
|
inputValue: string;
|
|
70
70
|
}) => string | null | React.ReactNode) | null | React.ReactNode;
|
|
71
|
-
onBlur?: import("
|
|
72
|
-
onChange?: import("
|
|
73
|
-
onClear?: import("
|
|
74
|
-
onClose?: import("
|
|
75
|
-
onFocus?: import("
|
|
76
|
-
onInputChange?: import("
|
|
71
|
+
onBlur?: import("..").OnPicker;
|
|
72
|
+
onChange?: import("..").OnChange;
|
|
73
|
+
onClear?: import("..").OnPicker;
|
|
74
|
+
onClose?: import("..").OnPicker;
|
|
75
|
+
onFocus?: import("..").OnPicker;
|
|
76
|
+
onInputChange?: import("..").OnInputChange;
|
|
77
77
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
78
|
-
onOpen?: import("
|
|
79
|
-
onSelection?: import("
|
|
78
|
+
onOpen?: import("..").OnPicker;
|
|
79
|
+
onSelection?: import("..").OnOption;
|
|
80
80
|
open?: boolean;
|
|
81
81
|
openMenuOnClick?: boolean;
|
|
82
|
-
options?: import("
|
|
82
|
+
options?: import("..").OptionData[];
|
|
83
83
|
placeholder?: React.ReactNode;
|
|
84
84
|
placeholderAvatar?: "person" | "team";
|
|
85
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
85
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
|
|
86
86
|
required?: boolean;
|
|
87
87
|
search?: string;
|
|
88
88
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -93,7 +93,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
93
93
|
suggestEmailsForDomain?: string;
|
|
94
94
|
textFieldBackgroundColor?: boolean;
|
|
95
95
|
UNSAFE_hasDraggableParentComponent?: boolean;
|
|
96
|
-
value?: import("
|
|
96
|
+
value?: import("..").Value;
|
|
97
97
|
width?: number | string;
|
|
98
98
|
} & {
|
|
99
99
|
boundariesElement?: import("../types").BoundariesElement;
|
|
@@ -105,7 +105,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
105
105
|
popupTitle?: string;
|
|
106
106
|
rootBoundary?: import("../types").RootBoundary;
|
|
107
107
|
shouldFlip?: boolean;
|
|
108
|
-
target: import("
|
|
108
|
+
target: import("..").Target;
|
|
109
109
|
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
|
|
110
110
|
placeholder?: React.ReactNode;
|
|
111
111
|
isDisabled?: boolean | undefined;
|
|
@@ -113,14 +113,14 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
113
113
|
number,
|
|
114
114
|
number
|
|
115
115
|
] | undefined;
|
|
116
|
-
onChange?: import("
|
|
117
|
-
onInputChange?: import("
|
|
118
|
-
value?: import("
|
|
119
|
-
appearance?: import("
|
|
116
|
+
onChange?: import("..").OnChange | undefined;
|
|
117
|
+
onInputChange?: import("..").OnInputChange | undefined;
|
|
118
|
+
value?: import("..").Value;
|
|
119
|
+
appearance?: import("..").Appearance | undefined;
|
|
120
120
|
autoFocus?: boolean | undefined;
|
|
121
121
|
captureMenuScroll?: boolean | undefined;
|
|
122
122
|
closeMenuOnScroll?: (boolean | EventListener) | undefined;
|
|
123
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
123
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean> | undefined;
|
|
124
124
|
inputId?: string | undefined;
|
|
125
125
|
isClearable?: boolean | undefined;
|
|
126
126
|
isInvalid?: boolean | undefined;
|
|
@@ -134,11 +134,11 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
134
134
|
noOptionsMessage?: React.ReactNode | ((value: {
|
|
135
135
|
inputValue: string;
|
|
136
136
|
}) => string | null | React.ReactNode);
|
|
137
|
-
onBlur?: import("
|
|
138
|
-
onFocus?: import("
|
|
137
|
+
onBlur?: import("..").OnPicker | undefined;
|
|
138
|
+
onFocus?: import("..").OnPicker | undefined;
|
|
139
139
|
onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
|
|
140
140
|
openMenuOnClick?: boolean | undefined;
|
|
141
|
-
options?: import("
|
|
141
|
+
options?: import("..").OptionData[] | undefined;
|
|
142
142
|
styles?: import("@atlaskit/select").StylesConfig | undefined;
|
|
143
143
|
required?: boolean | undefined;
|
|
144
144
|
search?: string | undefined;
|
|
@@ -150,19 +150,19 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
150
150
|
ariaLabelledBy?: string | undefined;
|
|
151
151
|
ariaLive?: "polite" | "off" | "assertive" | undefined;
|
|
152
152
|
clearValueLabel?: string | undefined;
|
|
153
|
-
defaultValue?: import("
|
|
153
|
+
defaultValue?: import("..").DefaultValue;
|
|
154
154
|
disableInput?: boolean | undefined;
|
|
155
155
|
emailLabel?: string | undefined;
|
|
156
156
|
fieldId?: string | null | undefined;
|
|
157
157
|
footer?: React.ReactNode;
|
|
158
158
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef> | undefined;
|
|
159
|
-
groupByTypeOrder?: NonNullable<import("
|
|
159
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[] | undefined;
|
|
160
160
|
header?: React.ReactNode;
|
|
161
161
|
height?: number | string | undefined;
|
|
162
162
|
includeTeamsUpdates?: boolean | undefined;
|
|
163
163
|
isFooterFocused?: boolean | undefined;
|
|
164
164
|
isValidEmail?: import("./emailValidation").EmailValidator | undefined;
|
|
165
|
-
loadOptions?: import("
|
|
165
|
+
loadOptions?: import("..").LoadOptions | undefined;
|
|
166
166
|
loadOptionsErrorMessage?: ((value: {
|
|
167
167
|
inputValue: string;
|
|
168
168
|
}) => React.ReactNode) | undefined;
|
|
@@ -171,13 +171,13 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
171
171
|
maxPickerHeight?: number | undefined;
|
|
172
172
|
menuMinWidth?: number | undefined;
|
|
173
173
|
noBorder?: boolean | undefined;
|
|
174
|
-
onClear?: import("
|
|
175
|
-
onClose?: import("
|
|
176
|
-
onOpen?: import("
|
|
177
|
-
onSelection?: import("
|
|
174
|
+
onClear?: import("..").OnPicker | undefined;
|
|
175
|
+
onClose?: import("..").OnPicker | undefined;
|
|
176
|
+
onOpen?: import("..").OnPicker | undefined;
|
|
177
|
+
onSelection?: import("..").OnOption | undefined;
|
|
178
178
|
open?: boolean | undefined;
|
|
179
179
|
placeholderAvatar?: "person" | "team" | undefined;
|
|
180
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
180
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData> | undefined;
|
|
181
181
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
|
|
182
182
|
showClearIndicator?: boolean | undefined;
|
|
183
183
|
strategy?: "fixed" | "absolute" | undefined;
|
|
@@ -186,7 +186,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
|
|
|
186
186
|
textFieldBackgroundColor?: boolean | undefined;
|
|
187
187
|
UNSAFE_hasDraggableParentComponent?: boolean | undefined;
|
|
188
188
|
width?: number | string | undefined;
|
|
189
|
-
target?: import("
|
|
189
|
+
target?: import("..").Target | undefined;
|
|
190
190
|
popupTitle?: string | undefined;
|
|
191
191
|
placement?: import("@popperjs/core").Placement | undefined;
|
|
192
192
|
rootBoundary?: import("../types").RootBoundary | undefined;
|
|
@@ -14,7 +14,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
14
14
|
addMoreMessage?: string;
|
|
15
15
|
allowEmail?: boolean;
|
|
16
16
|
anchor?: React.ComponentType<any>;
|
|
17
|
-
appearance?: import("
|
|
17
|
+
appearance?: import("..").Appearance;
|
|
18
18
|
ariaDescribedBy?: string;
|
|
19
19
|
ariaLabel?: string;
|
|
20
20
|
ariaLabelledBy?: string;
|
|
@@ -23,14 +23,14 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
23
23
|
captureMenuScroll?: boolean;
|
|
24
24
|
clearValueLabel?: string;
|
|
25
25
|
closeMenuOnScroll?: boolean | EventListener;
|
|
26
|
-
components?: import("@atlaskit/select").SelectComponentsConfig<import("
|
|
27
|
-
defaultValue?: import("
|
|
26
|
+
components?: import("@atlaskit/select").SelectComponentsConfig<import("..").OptionData, boolean>;
|
|
27
|
+
defaultValue?: import("..").DefaultValue;
|
|
28
28
|
disableInput?: boolean;
|
|
29
29
|
emailLabel?: string;
|
|
30
30
|
fieldId: string | null;
|
|
31
31
|
footer?: React.ReactNode;
|
|
32
32
|
forwardedRef?: React.ForwardedRef<import("../types").UserPickerRef>;
|
|
33
|
-
groupByTypeOrder?: NonNullable<import("
|
|
33
|
+
groupByTypeOrder?: NonNullable<import("..").OptionData["type"]>[];
|
|
34
34
|
header?: React.ReactNode;
|
|
35
35
|
height?: number | string;
|
|
36
36
|
includeTeamsUpdates?: boolean;
|
|
@@ -42,7 +42,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
42
42
|
isLoading?: boolean;
|
|
43
43
|
isMulti?: boolean;
|
|
44
44
|
isValidEmail?: import("./emailValidation").EmailValidator;
|
|
45
|
-
loadOptions?: import("
|
|
45
|
+
loadOptions?: import("..").LoadOptions;
|
|
46
46
|
loadOptionsErrorMessage?: (value: {
|
|
47
47
|
inputValue: string;
|
|
48
48
|
}) => React.ReactNode;
|
|
@@ -59,21 +59,21 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
59
59
|
noOptionsMessage?: ((value: {
|
|
60
60
|
inputValue: string;
|
|
61
61
|
}) => string | null | React.ReactNode) | null | React.ReactNode;
|
|
62
|
-
onBlur?: import("
|
|
63
|
-
onChange?: import("
|
|
64
|
-
onClear?: import("
|
|
65
|
-
onClose?: import("
|
|
66
|
-
onFocus?: import("
|
|
67
|
-
onInputChange?: import("
|
|
62
|
+
onBlur?: import("..").OnPicker;
|
|
63
|
+
onChange?: import("..").OnChange;
|
|
64
|
+
onClear?: import("..").OnPicker;
|
|
65
|
+
onClose?: import("..").OnPicker;
|
|
66
|
+
onFocus?: import("..").OnPicker;
|
|
67
|
+
onInputChange?: import("..").OnInputChange;
|
|
68
68
|
onKeyDown?: (event: React.KeyboardEvent) => void;
|
|
69
|
-
onOpen?: import("
|
|
70
|
-
onSelection?: import("
|
|
69
|
+
onOpen?: import("..").OnPicker;
|
|
70
|
+
onSelection?: import("..").OnOption;
|
|
71
71
|
open?: boolean;
|
|
72
72
|
openMenuOnClick?: boolean;
|
|
73
|
-
options?: import("
|
|
73
|
+
options?: import("..").OptionData[];
|
|
74
74
|
placeholder?: React.ReactNode;
|
|
75
75
|
placeholderAvatar?: "person" | "team";
|
|
76
|
-
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("
|
|
76
|
+
popupSelectProps?: import("@atlaskit/select").PopupSelectProps<import("..").OptionData>;
|
|
77
77
|
required?: boolean;
|
|
78
78
|
search?: string;
|
|
79
79
|
setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -84,7 +84,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
|
|
|
84
84
|
suggestEmailsForDomain?: string;
|
|
85
85
|
textFieldBackgroundColor?: boolean;
|
|
86
86
|
UNSAFE_hasDraggableParentComponent?: boolean;
|
|
87
|
-
value?: import("
|
|
87
|
+
value?: import("..").Value;
|
|
88
88
|
width?: number | string;
|
|
89
89
|
}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
|
|
90
90
|
isMulti?: boolean | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
|
|
|
18
18
|
Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
|
|
19
19
|
Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
|
20
20
|
ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
|
|
21
|
-
Control: ((props: import("@atlaskit/select").ControlProps<any> & import("
|
|
21
|
+
Control: ((props: import("@atlaskit/select").ControlProps<any> & import("..").UserPickerProps) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
|
|
22
22
|
DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
|
|
23
23
|
GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
|
24
24
|
IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/user-picker",
|
|
3
|
-
"version": "11.21.
|
|
3
|
+
"version": "11.21.2",
|
|
4
4
|
"description": "Fabric component for display a dropdown to select a user from",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
47
47
|
"@atlaskit/avatar": "^25.7.0",
|
|
48
48
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
49
|
-
"@atlaskit/icon": "^
|
|
49
|
+
"@atlaskit/icon": "^31.0.0",
|
|
50
50
|
"@atlaskit/logo": "^19.10.0",
|
|
51
|
-
"@atlaskit/lozenge": "^13.
|
|
51
|
+
"@atlaskit/lozenge": "^13.4.0",
|
|
52
52
|
"@atlaskit/people-teams-ui-public": "^3.7.0",
|
|
53
53
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
54
54
|
"@atlaskit/popper": "^7.1.0",
|
|
@@ -77,8 +77,8 @@
|
|
|
77
77
|
"@af/search-test-utils": "workspace:^",
|
|
78
78
|
"@af/visual-regression": "workspace:^",
|
|
79
79
|
"@atlaskit/elements-test-helpers": "workspace:^",
|
|
80
|
-
"@atlaskit/heading": "^5.
|
|
81
|
-
"@atlassian/a11y-jest-testing": "^0.
|
|
80
|
+
"@atlaskit/heading": "^5.3.0",
|
|
81
|
+
"@atlassian/a11y-jest-testing": "^0.10.0",
|
|
82
82
|
"@atlassian/feature-flags-test-utils": "^1.0.0",
|
|
83
83
|
"@emotion/styled": "^11.0.0",
|
|
84
84
|
"@testing-library/dom": "^10.1.0",
|