@atlaskit/user-picker 10.30.1 → 10.31.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/cjs/analytics.js +1 -1
  3. package/dist/cjs/util/i18n-util.js +2 -2
  4. package/dist/es2019/analytics.js +1 -1
  5. package/dist/esm/analytics.js +1 -1
  6. package/dist/esm/util/i18n-util.js +4 -3
  7. package/dist/types/components/BaseUserPicker.d.ts +5 -80
  8. package/dist/types/components/PopupUserPicker.d.ts +40 -38
  9. package/dist/types/components/UserPicker.d.ts +3 -67
  10. package/dist/types-ts4.5/components/BaseUserPicker.d.ts +5 -80
  11. package/dist/types-ts4.5/components/PopupUserPicker.d.ts +43 -41
  12. package/dist/types-ts4.5/components/UserPicker.d.ts +3 -67
  13. package/package.json +20 -20
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 10.31.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 10.31.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
14
+ [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
15
+ Update `React` from v16 to v18
16
+
17
+ ### Patch Changes
18
+
19
+ - Updated dependencies
20
+
3
21
  ## 10.30.1
4
22
 
5
23
  ### Patch 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.1";
15
+ var packageVersion = "10.31.1";
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/cjs/util/i18n-util.js CHANGED
@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
20
20
  *
21
21
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
22
22
  */
23
- var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
23
+ var _getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function () {
24
24
  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(locale) {
25
25
  var fragments;
26
26
  return _regenerator.default.wrap(function _callee$(_context) {
@@ -215,7 +215,7 @@ var getMessagesForLocale = exports.getMessagesForLocale = /*#__PURE__*/function
215
215
  _context.next = 38;
216
216
  break;
217
217
  }
218
- return _context.abrupt("return", getMessagesForLocale(fragments[0]));
218
+ return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
219
219
  case 38:
220
220
  return _context.abrupt("return", Promise.resolve().then(function () {
221
221
  return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en'));
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.1";
5
+ const packageVersion = "10.31.1";
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.1";
8
+ var packageVersion = "10.31.1";
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/esm/util/i18n-util.js CHANGED
@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
10
10
  *
11
11
  * @param locale string specifying the locale like 'en_GB', or 'fr'.
12
12
  */
13
- export var getMessagesForLocale = /*#__PURE__*/function () {
13
+ var _getMessagesForLocale = /*#__PURE__*/function () {
14
14
  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
15
15
  var fragments;
16
16
  return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -145,7 +145,7 @@ export var getMessagesForLocale = /*#__PURE__*/function () {
145
145
  _context.next = 38;
146
146
  break;
147
147
  }
148
- return _context.abrupt("return", getMessagesForLocale(fragments[0]));
148
+ return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
149
149
  case 38:
150
150
  return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_user-picker-i18n-en" */'../i18n/en').then(function (mod) {
151
151
  return mod.default;
@@ -159,4 +159,5 @@ export var getMessagesForLocale = /*#__PURE__*/function () {
159
159
  return function getMessagesForLocale(_x) {
160
160
  return _ref.apply(this, arguments);
161
161
  };
162
- }();
162
+ }();
163
+ export { _getMessagesForLocale as getMessagesForLocale };
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.1",
3
+ "version": "10.31.1",
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",
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": "^17.0.0",
61
- "@atlaskit/teams-avatar": "^1.1.0",
62
- "@atlaskit/theme": "^14.0.0",
63
- "@atlaskit/tokens": "^3.2.0",
64
- "@atlaskit/tooltip": "^19.0.0",
50
+ "@atlaskit/analytics-next": "^10.3.0",
51
+ "@atlaskit/avatar": "^21.18.0",
52
+ "@atlaskit/icon": "^23.6.0",
53
+ "@atlaskit/logo": "^15.2.0",
54
+ "@atlaskit/lozenge": "^11.13.0",
55
+ "@atlaskit/people-teams-ui-public": "^2.1.0",
56
+ "@atlaskit/platform-feature-flags": "^1.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",