@atlaskit/user-picker 10.30.0 → 10.31.0

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/es2019/analytics.js +1 -1
  4. package/dist/esm/analytics.js +1 -1
  5. package/dist/types/components/BaseUserPicker.d.ts +5 -80
  6. package/dist/types/components/PopupUserPicker.d.ts +40 -38
  7. package/dist/types/components/UserPicker.d.ts +3 -67
  8. package/dist/types-ts4.5/components/BaseUserPicker.d.ts +5 -80
  9. package/dist/types-ts4.5/components/PopupUserPicker.d.ts +43 -41
  10. package/dist/types-ts4.5/components/UserPicker.d.ts +3 -67
  11. package/package.json +19 -19
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 10.31.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
8
+ [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
9
+ Update `React` from v16 to v18
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 10.30.1
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 10.30.0
4
22
 
5
23
  ### Minor Changes
package/dist/cjs/analytics.js CHANGED
@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
12
12
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
13
13
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14
14
  var packageName = "@atlaskit/user-picker";
15
- var packageVersion = "10.30.0";
15
+ var packageVersion = "10.31.0";
16
16
  var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
17
17
  var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
18
18
  var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
package/dist/es2019/analytics.js CHANGED
@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
2
2
  import { v4 as uuidv4 } from 'uuid';
3
3
  import { isCustom, isExternalUser } from './components/utils';
4
4
  const packageName = "@atlaskit/user-picker";
5
- const packageVersion = "10.30.0";
5
+ const packageVersion = "10.31.0";
6
6
  const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
7
7
  const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
8
8
  const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
package/dist/esm/analytics.js CHANGED
@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
5
5
  import { v4 as uuidv4 } from 'uuid';
6
6
  import { isCustom, isExternalUser } from './components/utils';
7
7
  var packageName = "@atlaskit/user-picker";
8
- var packageVersion = "10.30.0";
8
+ var packageVersion = "10.31.0";
9
9
  var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
10
10
  var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
11
11
  var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;
package/dist/types/components/BaseUserPicker.d.ts CHANGED
@@ -141,89 +141,14 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
141
141
  * It may be removed in a future minor or patch when a longer-term workaround is found.
142
142
  */
143
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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;
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & {
145
+ isClearable?: boolean | undefined;
146
+ isMulti?: boolean | undefined;
147
+ openMenuOnClick?: boolean | undefined;
150
148
  textFieldBackgroundColor?: boolean | undefined;
151
- loadOptions?: import("../types").LoadOptions | undefined;
152
149
  loadOptionsErrorMessage?: ((value: {
153
150
  inputValue: string;
154
151
  }) => 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
152
  subtle?: boolean | undefined;
172
153
  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<{
222
- isMulti: boolean;
223
- subtle: boolean;
224
- noBorder: boolean;
225
- textFieldBackgroundColor: boolean;
226
- isClearable: boolean;
227
- loadOptionsErrorMessage: () => JSX.Element;
228
- openMenuOnClick: boolean;
229
- }, never>> & React.RefAttributes<any>>;
154
+ } & {} & React.RefAttributes<any>>;
package/dist/types/components/PopupUserPicker.d.ts CHANGED
@@ -19,7 +19,7 @@ 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<Omit<Pick<Omit<{
23
23
  fieldId: string | null;
24
24
  options?: import("../types").OptionData[] | undefined;
25
25
  width?: string | number | undefined;
@@ -91,9 +91,41 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
91
91
  placement?: import("@popperjs/core").Placement | undefined;
92
92
  rootBoundary?: import("../types").RootBoundary | undefined;
93
93
  shouldFlip?: boolean | undefined;
94
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<{
95
- fieldId: string | null;
94
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
96
95
  options?: import("../types").OptionData[] | undefined;
96
+ search?: string | undefined;
97
+ placeholder?: React.ReactNode;
98
+ isDisabled?: boolean | undefined;
99
+ offset?: [number, number] | undefined;
100
+ autoFocus?: boolean | undefined;
101
+ captureMenuScroll?: boolean | undefined;
102
+ closeMenuOnScroll?: boolean | EventListener | undefined;
103
+ inputId?: string | undefined;
104
+ isClearable?: boolean | undefined;
105
+ isInvalid?: boolean | undefined;
106
+ isLoading?: boolean | undefined;
107
+ isMulti?: boolean | undefined;
108
+ menuPosition?: "absolute" | "fixed" | undefined;
109
+ menuPortalTarget?: HTMLElement | undefined;
110
+ menuShouldBlockScroll?: boolean | undefined;
111
+ name?: string | undefined;
112
+ noOptionsMessage?: React.ReactNode | ((value: {
113
+ inputValue: string;
114
+ }) => React.ReactNode);
115
+ onBlur?: import("../types").OnPicker | undefined;
116
+ onChange?: import("../types").OnChange | undefined;
117
+ onFocus?: import("../types").OnPicker | undefined;
118
+ onInputChange?: import("../types").OnInputChange | undefined;
119
+ onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
120
+ openMenuOnClick?: boolean | undefined;
121
+ styles?: import("@atlaskit/select").StylesConfig | undefined;
122
+ value?: import("../types").Value;
123
+ required?: boolean | undefined;
124
+ appearance?: import("../types").Appearance | undefined;
125
+ footer?: React.ReactNode;
126
+ target?: import("../types").Target | undefined;
127
+ defaultValue?: import("../types").DefaultValue;
128
+ fieldId?: string | null | undefined;
97
129
  width?: string | number | undefined;
98
130
  menuMinWidth?: number | undefined;
99
131
  maxPickerHeight?: number | undefined;
@@ -103,65 +135,35 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
103
135
  inputValue: string;
104
136
  }) => React.ReactNode) | undefined;
105
137
  loadUserSource?: import("../types").LoadUserSource | undefined;
106
- onChange?: import("../types").OnChange | undefined;
107
- isMulti?: boolean | undefined;
108
- search?: string | undefined;
109
138
  anchor?: React.ComponentType<any> | undefined;
110
139
  open?: boolean | undefined;
111
- isLoading?: boolean | undefined;
112
- onInputChange?: import("../types").OnInputChange | undefined;
113
140
  onSelection?: import("../types").OnOption | undefined;
114
- onFocus?: import("../types").OnPicker | undefined;
115
- onBlur?: import("../types").OnPicker | undefined;
116
141
  onClear?: import("../types").OnPicker | undefined;
117
142
  onOpen?: import("../types").OnPicker | undefined;
118
143
  onClose?: import("../types").OnPicker | undefined;
119
- onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
120
- appearance?: import("../types").Appearance | undefined;
121
144
  subtle?: boolean | undefined;
122
145
  noBorder?: boolean | undefined;
123
- styles?: import("@atlaskit/select").StylesConfig | undefined;
124
- defaultValue?: import("../types").DefaultValue;
125
- placeholder?: React.ReactNode;
126
146
  placeholderAvatar?: "team" | "person" | undefined;
127
147
  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
148
  clearValueLabel?: string | undefined;
137
- menuPosition?: "absolute" | "fixed" | undefined;
138
- captureMenuScroll?: boolean | undefined;
139
- menuPortalTarget?: HTMLElement | undefined;
140
149
  allowEmail?: boolean | undefined;
141
150
  suggestEmailsForDomain?: string | undefined;
142
151
  emailLabel?: string | undefined;
143
152
  disableInput?: boolean | undefined;
144
153
  isValidEmail?: import("./emailValidation").EmailValidator | undefined;
145
- autoFocus?: boolean | undefined;
146
154
  maxOptions?: number | undefined;
147
- inputId?: string | undefined;
148
- closeMenuOnScroll?: boolean | EventListener | undefined;
149
- menuShouldBlockScroll?: boolean | undefined;
150
155
  ariaLabel?: string | undefined;
151
156
  ariaLabelledBy?: string | undefined;
152
157
  ariaLive?: "polite" | "off" | "assertive" | undefined;
153
- name?: string | undefined;
154
158
  header?: React.ReactNode;
155
- required?: boolean | undefined;
156
159
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
157
- openMenuOnClick?: boolean | undefined;
158
- } & {
159
- target: import("../types").Target;
160
160
  popupTitle?: string | undefined;
161
- boundariesElement?: import("../types").BoundariesElement | undefined;
162
- offset?: [number, number] | undefined;
163
161
  placement?: import("@popperjs/core").Placement | undefined;
164
162
  rootBoundary?: import("../types").RootBoundary | undefined;
163
+ boundariesElement?: import("../types").BoundariesElement | undefined;
165
164
  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" | "appearance" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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" | "appearance" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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>>;
165
+ } & {
166
+ ref?: React.Ref<any> | undefined;
167
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
168
+ }, "ref"> & React.RefAttributes<any>>;
167
169
  export {};
package/dist/types/components/UserPicker.d.ts CHANGED
@@ -74,71 +74,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
74
74
  required?: boolean | undefined;
75
75
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
76
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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;
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & {
90
78
  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<{
142
- width: number;
143
- isMulti: boolean;
144
- }, never>> & React.RefAttributes<any>>;
79
+ width?: string | number | undefined;
80
+ } & {} & React.RefAttributes<any>>;
package/dist/types-ts4.5/components/BaseUserPicker.d.ts CHANGED
@@ -141,89 +141,14 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
141
141
  * It may be removed in a future minor or patch when a longer-term workaround is found.
142
142
  */
143
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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;
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent" | "SelectComponent" | "pickerProps"> & {
145
+ isClearable?: boolean | undefined;
146
+ isMulti?: boolean | undefined;
147
+ openMenuOnClick?: boolean | undefined;
150
148
  textFieldBackgroundColor?: boolean | undefined;
151
- loadOptions?: import("../types").LoadOptions | undefined;
152
149
  loadOptionsErrorMessage?: ((value: {
153
150
  inputValue: string;
154
151
  }) => 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
152
  subtle?: boolean | undefined;
172
153
  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<{
222
- isMulti: boolean;
223
- subtle: boolean;
224
- noBorder: boolean;
225
- textFieldBackgroundColor: boolean;
226
- isClearable: boolean;
227
- loadOptionsErrorMessage: () => JSX.Element;
228
- openMenuOnClick: boolean;
229
- }, never>> & React.RefAttributes<any>>;
154
+ } & {} & React.RefAttributes<any>>;
package/dist/types-ts4.5/components/PopupUserPicker.d.ts CHANGED
@@ -19,7 +19,7 @@ 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<Omit<Pick<Omit<{
23
23
  fieldId: string | null;
24
24
  options?: import("../types").OptionData[] | undefined;
25
25
  width?: string | number | undefined;
@@ -94,9 +94,44 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
94
94
  placement?: import("@popperjs/core").Placement | undefined;
95
95
  rootBoundary?: import("../types").RootBoundary | undefined;
96
96
  shouldFlip?: boolean | undefined;
97
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & Partial<Pick<Omit<{
98
- fieldId: string | null;
97
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, never> & {
99
98
  options?: import("../types").OptionData[] | undefined;
99
+ search?: string | undefined;
100
+ placeholder?: React.ReactNode;
101
+ isDisabled?: boolean | undefined;
102
+ offset?: [
103
+ number,
104
+ number
105
+ ] | undefined;
106
+ autoFocus?: boolean | undefined;
107
+ captureMenuScroll?: boolean | undefined;
108
+ closeMenuOnScroll?: boolean | EventListener | undefined;
109
+ inputId?: string | undefined;
110
+ isClearable?: boolean | undefined;
111
+ isInvalid?: boolean | undefined;
112
+ isLoading?: boolean | undefined;
113
+ isMulti?: boolean | undefined;
114
+ menuPosition?: "absolute" | "fixed" | undefined;
115
+ menuPortalTarget?: HTMLElement | undefined;
116
+ menuShouldBlockScroll?: boolean | undefined;
117
+ name?: string | undefined;
118
+ noOptionsMessage?: React.ReactNode | ((value: {
119
+ inputValue: string;
120
+ }) => React.ReactNode);
121
+ onBlur?: import("../types").OnPicker | undefined;
122
+ onChange?: import("../types").OnChange | undefined;
123
+ onFocus?: import("../types").OnPicker | undefined;
124
+ onInputChange?: import("../types").OnInputChange | undefined;
125
+ onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
126
+ openMenuOnClick?: boolean | undefined;
127
+ styles?: import("@atlaskit/select").StylesConfig | undefined;
128
+ value?: import("../types").Value;
129
+ required?: boolean | undefined;
130
+ appearance?: import("../types").Appearance | undefined;
131
+ footer?: React.ReactNode;
132
+ target?: import("../types").Target | undefined;
133
+ defaultValue?: import("../types").DefaultValue;
134
+ fieldId?: string | null | undefined;
100
135
  width?: string | number | undefined;
101
136
  menuMinWidth?: number | undefined;
102
137
  maxPickerHeight?: number | undefined;
@@ -106,68 +141,35 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<
106
141
  inputValue: string;
107
142
  }) => React.ReactNode) | undefined;
108
143
  loadUserSource?: import("../types").LoadUserSource | undefined;
109
- onChange?: import("../types").OnChange | undefined;
110
- isMulti?: boolean | undefined;
111
- search?: string | undefined;
112
144
  anchor?: React.ComponentType<any> | undefined;
113
145
  open?: boolean | undefined;
114
- isLoading?: boolean | undefined;
115
- onInputChange?: import("../types").OnInputChange | undefined;
116
146
  onSelection?: import("../types").OnOption | undefined;
117
- onFocus?: import("../types").OnPicker | undefined;
118
- onBlur?: import("../types").OnPicker | undefined;
119
147
  onClear?: import("../types").OnPicker | undefined;
120
148
  onOpen?: import("../types").OnPicker | undefined;
121
149
  onClose?: import("../types").OnPicker | undefined;
122
- onKeyDown?: ((event: React.KeyboardEvent<Element>) => void) | undefined;
123
- appearance?: import("../types").Appearance | undefined;
124
150
  subtle?: boolean | undefined;
125
151
  noBorder?: boolean | undefined;
126
- styles?: import("@atlaskit/select").StylesConfig | undefined;
127
- defaultValue?: import("../types").DefaultValue;
128
- placeholder?: React.ReactNode;
129
152
  placeholderAvatar?: "team" | "person" | undefined;
130
153
  addMoreMessage?: string | undefined;
131
- noOptionsMessage?: React.ReactNode | ((value: {
132
- inputValue: string;
133
- }) => React.ReactNode);
134
- footer?: React.ReactNode;
135
- value?: import("../types").Value;
136
- isDisabled?: boolean | undefined;
137
- isInvalid?: boolean | undefined;
138
- isClearable?: boolean | undefined;
139
154
  clearValueLabel?: string | undefined;
140
- menuPosition?: "absolute" | "fixed" | undefined;
141
- captureMenuScroll?: boolean | undefined;
142
- menuPortalTarget?: HTMLElement | undefined;
143
155
  allowEmail?: boolean | undefined;
144
156
  suggestEmailsForDomain?: string | undefined;
145
157
  emailLabel?: string | undefined;
146
158
  disableInput?: boolean | undefined;
147
159
  isValidEmail?: import("./emailValidation").EmailValidator | undefined;
148
- autoFocus?: boolean | undefined;
149
160
  maxOptions?: number | undefined;
150
- inputId?: string | undefined;
151
- closeMenuOnScroll?: boolean | EventListener | undefined;
152
- menuShouldBlockScroll?: boolean | undefined;
153
161
  ariaLabel?: string | undefined;
154
162
  ariaLabelledBy?: string | undefined;
155
163
  ariaLive?: "polite" | "off" | "assertive" | undefined;
156
- name?: string | undefined;
157
164
  header?: React.ReactNode;
158
- required?: boolean | undefined;
159
165
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
160
- openMenuOnClick?: boolean | undefined;
161
- } & {
162
- target: import("../types").Target;
163
166
  popupTitle?: string | undefined;
164
- boundariesElement?: import("../types").BoundariesElement | undefined;
165
- offset?: [
166
- number,
167
- number
168
- ] | undefined;
169
167
  placement?: import("@popperjs/core").Placement | undefined;
170
168
  rootBoundary?: import("../types").RootBoundary | undefined;
169
+ boundariesElement?: import("../types").BoundariesElement | undefined;
171
170
  shouldFlip?: boolean | undefined;
172
- }, 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" | "appearance" | "footer" | "target" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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" | "appearance" | "footer" | "target" | "defaultValue" | "createAnalyticsEvent" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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>>;
171
+ } & {
172
+ ref?: React.Ref<any> | undefined;
173
+ createAnalyticsEvent?: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent | undefined;
174
+ }, "ref"> & React.RefAttributes<any>>;
173
175
  export {};
package/dist/types-ts4.5/components/UserPicker.d.ts CHANGED
@@ -74,71 +74,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
74
74
  required?: boolean | undefined;
75
75
  UNSAFE_hasDraggableParentComponent?: boolean | undefined;
76
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "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;
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" | "appearance" | "footer" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "anchor" | "open" | "onSelection" | "onClear" | "onOpen" | "onClose" | "subtle" | "noBorder" | "placeholderAvatar" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "header" | "UNSAFE_hasDraggableParentComponent"> & {
90
78
  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<{
142
- width: number;
143
- isMulti: boolean;
144
- }, never>> & React.RefAttributes<any>>;
79
+ width?: string | number | undefined;
80
+ } & {} & React.RefAttributes<any>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "10.30.0",
3
+ "version": "10.31.0",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -47,21 +47,21 @@
47
47
  "access": "public"
48
48
  },
49
49
  "dependencies": {
50
- "@atlaskit/analytics-next": "^10.2.0",
51
- "@atlaskit/avatar": "^21.17.0",
52
- "@atlaskit/icon": "^23.4.0",
53
- "@atlaskit/logo": "^15.1.0",
54
- "@atlaskit/lozenge": "^11.12.0",
55
- "@atlaskit/people-teams-ui-public": "^2.0.0",
50
+ "@atlaskit/analytics-next": "^10.3.0",
51
+ "@atlaskit/avatar": "^21.18.0",
52
+ "@atlaskit/icon": "^23.5.0",
53
+ "@atlaskit/logo": "^15.2.0",
54
+ "@atlaskit/lozenge": "^11.13.0",
55
+ "@atlaskit/people-teams-ui-public": "^2.1.0",
56
56
  "@atlaskit/platform-feature-flags": "^0.3.0",
57
- "@atlaskit/popper": "^6.3.0",
58
- "@atlaskit/primitives": "^13.3.0",
59
- "@atlaskit/select": "^18.9.0",
60
- "@atlaskit/spinner": "^16.3.0",
61
- "@atlaskit/teams-avatar": "^1.1.0",
62
- "@atlaskit/theme": "^14.0.0",
63
- "@atlaskit/tokens": "^3.1.0",
64
- "@atlaskit/tooltip": "^19.0.0",
57
+ "@atlaskit/popper": "^6.4.0",
58
+ "@atlaskit/primitives": "^13.4.0",
59
+ "@atlaskit/select": "^18.10.0",
60
+ "@atlaskit/spinner": "^17.1.0",
61
+ "@atlaskit/teams-avatar": "^1.2.0",
62
+ "@atlaskit/theme": "^14.1.0",
63
+ "@atlaskit/tokens": "^3.3.0",
64
+ "@atlaskit/tooltip": "^19.1.0",
65
65
  "@atlaskit/ufo": "^0.3.0",
66
66
  "@babel/runtime": "^7.0.0",
67
67
  "@emotion/react": "^11.7.1",
@@ -76,14 +76,14 @@
76
76
  },
77
77
  "devDependencies": {
78
78
  "@atlaskit/analytics-viewer": "^0.7.0",
79
- "@atlaskit/elements-test-helpers": "^0.7.0",
80
- "@atlaskit/heading": "^4.0.0",
79
+ "@atlaskit/elements-test-helpers": "^0.8.0",
80
+ "@atlaskit/heading": "^4.1.0",
81
81
  "@atlaskit/visual-regression": "*",
82
- "@atlassian/feature-flags-test-utils": "^0.2.0",
82
+ "@atlassian/feature-flags-test-utils": "^0.3.0",
83
83
  "@emotion/styled": "^11.0.0",
84
84
  "@testing-library/dom": "^10.1.0",
85
85
  "@testing-library/jest-dom": "^6.4.5",
86
- "@testing-library/react": "^12.1.5",
86
+ "@testing-library/react": "^13.4.0",
87
87
  "@testing-library/react-hooks": "^8.0.1",
88
88
  "@testing-library/user-event": "^14.4.3",
89
89
  "@types/uuid": "^3.4.4",