@atlaskit/user-picker 11.7.0 → 11.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 11.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 11.7.0
4
10
 
5
11
  ### Minor Changes
@@ -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 = "11.6.9";
15
+ var packageVersion = "11.7.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}$/;
@@ -33,7 +33,7 @@ var _default = exports.default = function _default() {
33
33
  return setHoverState(false);
34
34
  }, [setHoverState]);
35
35
  return (
36
- // eslint-disable-next-line jsx-a11y/no-static-element-interactions
36
+ // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
37
37
  (0, _react2.jsx)("div", {
38
38
  css: wrapper,
39
39
  onMouseEnter: onMouseEnter,
@@ -64,9 +64,7 @@ var PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics =
64
64
  styles = _this$props.styles,
65
65
  strategy = _this$props.strategy;
66
66
  var width = this.props.width;
67
- var selectStyles = (0, _styles.getPopupStyles)(width, isMulti, styles,
68
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
69
- (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'));
67
+ var selectStyles = (0, _styles.getPopupStyles)(width, isMulti, styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'));
70
68
  return /*#__PURE__*/_react.default.createElement(_BaseUserPicker.BaseUserPickerWithoutAnalytics, (0, _extends2.default)({}, this.props, {
71
69
  SelectComponent: _select.PopupSelect,
72
70
  width: width,
@@ -68,9 +68,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
68
68
  avatarUrl = _this$props.user.avatarUrl,
69
69
  status = _this$props.status;
70
70
  return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
71
- appearance:
72
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
73
- (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big',
71
+ appearance: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big',
74
72
  src: avatarUrl,
75
73
  presence: status
76
74
  });
@@ -102,9 +102,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
102
102
  SelectComponent: SelectComponent
103
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
104
104
  ,
105
- styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles,
106
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
107
- (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
105
+ styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh'), false, (0, _platformFeatureFlags.fg)('jifjam_bulk_operations') ? this.props.height : undefined),
108
106
  components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
109
107
  pickerProps: pickerProps
110
108
  })))));
@@ -21,7 +21,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
21
21
  isEnabled = _ref.isEnabled,
22
22
  onMouseDown = _ref.onMouseDown;
23
23
  return isEnabled ?
24
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
24
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
25
25
  (0, _react.jsx)("div", {
26
26
  css: (0, _react.css)({
27
27
  flexGrow: 1
@@ -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 = "11.6.9";
5
+ const packageVersion = "11.7.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}$/;
@@ -16,7 +16,7 @@ export default (() => {
16
16
  const onMouseEnter = useCallback(() => setHoverState(true), [setHoverState]);
17
17
  const onMouseLeave = useCallback(() => setHoverState(false), [setHoverState]);
18
18
  return (
19
- // eslint-disable-next-line jsx-a11y/no-static-element-interactions
19
+ // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
20
20
  jsx("div", {
21
21
  css: wrapper,
22
22
  onMouseEnter: onMouseEnter,
@@ -48,9 +48,7 @@ export class PopupUserPickerWithoutAnalytics extends React.Component {
48
48
  strategy
49
49
  } = this.props;
50
50
  const width = this.props.width;
51
- const selectStyles = getPopupStyles(width, isMulti, styles,
52
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
53
- fg('platform-component-visual-refresh'));
51
+ const selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
54
52
  return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
55
53
  SelectComponent: PopupSelect,
56
54
  width: width,
@@ -55,9 +55,7 @@ export class UserOption extends React.PureComponent {
55
55
  status
56
56
  } = this.props;
57
57
  return jsx(SizeableAvatar, {
58
- appearance:
59
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
60
- fg('platform-component-visual-refresh') ? 'medium' : 'big',
58
+ appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
61
59
  src: avatarUrl,
62
60
  presence: status
63
61
  });
@@ -79,9 +79,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
79
79
  SelectComponent: SelectComponent
80
80
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
81
81
  ,
82
- styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
83
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
84
- fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
82
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
85
83
  components: getComponents(isMulti, anchor, showClearIndicator, (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
86
84
  pickerProps: pickerProps
87
85
  })))));
@@ -16,7 +16,7 @@ const ValueContainerWrapper = ({
16
16
  onMouseDown
17
17
  }) => {
18
18
  return isEnabled ?
19
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
19
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
20
20
  jsx("div", {
21
21
  css: css({
22
22
  flexGrow: 1
@@ -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 = "11.6.9";
8
+ var packageVersion = "11.7.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}$/;
@@ -24,7 +24,7 @@ export default (function () {
24
24
  return setHoverState(false);
25
25
  }, [setHoverState]);
26
26
  return (
27
- // eslint-disable-next-line jsx-a11y/no-static-element-interactions
27
+ // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions, @atlassian/a11y/mouse-events-have-key-events
28
28
  jsx("div", {
29
29
  css: wrapper,
30
30
  onMouseEnter: onMouseEnter,
@@ -57,9 +57,7 @@ export var PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
57
57
  styles = _this$props.styles,
58
58
  strategy = _this$props.strategy;
59
59
  var width = this.props.width;
60
- var selectStyles = getPopupStyles(width, isMulti, styles,
61
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
62
- fg('platform-component-visual-refresh'));
60
+ var selectStyles = getPopupStyles(width, isMulti, styles, fg('platform-component-visual-refresh'));
63
61
  return /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
64
62
  SelectComponent: PopupSelect,
65
63
  width: width,
@@ -63,9 +63,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
63
63
  avatarUrl = _this$props.user.avatarUrl,
64
64
  status = _this$props.status;
65
65
  return jsx(SizeableAvatar, {
66
- appearance:
67
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
68
- fg('platform-component-visual-refresh') ? 'medium' : 'big',
66
+ appearance: fg('platform-component-visual-refresh') ? 'medium' : 'big',
69
67
  src: avatarUrl,
70
68
  presence: status
71
69
  });
@@ -93,9 +93,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
93
93
  SelectComponent: SelectComponent
94
94
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
95
95
  ,
96
- styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles,
97
- // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
98
- fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
96
+ styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, fg('platform-component-visual-refresh'), false, fg('jifjam_bulk_operations') ? this.props.height : undefined),
99
97
  components: getComponents(isMulti, anchor, showClearIndicator, (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
100
98
  pickerProps: pickerProps
101
99
  })))));
@@ -15,7 +15,7 @@ var ValueContainerWrapper = function ValueContainerWrapper(_ref) {
15
15
  isEnabled = _ref.isEnabled,
16
16
  onMouseDown = _ref.onMouseDown;
17
17
  return isEnabled ?
18
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
18
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
19
19
  jsx("div", {
20
20
  css: css({
21
21
  flexGrow: 1
@@ -148,7 +148,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
148
148
  */
149
149
  UNSAFE_hasDraggableParentComponent?: boolean;
150
150
  width: string | number;
151
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
151
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
152
152
  isClearable?: boolean | undefined;
153
153
  isMulti?: boolean | undefined;
154
154
  openMenuOnClick?: boolean | undefined;
@@ -102,6 +102,10 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
102
102
  placeholder?: React.ReactNode;
103
103
  isDisabled?: boolean | undefined;
104
104
  offset?: [number, number] | undefined;
105
+ onChange?: import("../types").OnChange | undefined;
106
+ onInputChange?: import("../types").OnInputChange | undefined;
107
+ value?: import("../types").Value;
108
+ appearance?: import("../types").Appearance | undefined;
105
109
  autoFocus?: boolean | undefined;
106
110
  captureMenuScroll?: boolean | undefined;
107
111
  closeMenuOnScroll?: (boolean | EventListener) | undefined;
@@ -119,16 +123,12 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
119
123
  inputValue: string;
120
124
  }) => string | null | React.ReactNode);
121
125
  onBlur?: import("../types").OnPicker | undefined;
122
- onChange?: import("../types").OnChange | undefined;
123
126
  onFocus?: import("../types").OnPicker | undefined;
124
- onInputChange?: import("../types").OnInputChange | undefined;
125
127
  onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
126
128
  openMenuOnClick?: boolean | undefined;
127
129
  options?: import("../types").OptionData[] | undefined;
128
130
  styles?: import("@atlaskit/select").StylesConfig | undefined;
129
- value?: import("../types").Value;
130
131
  required?: boolean | undefined;
131
- appearance?: import("../types").Appearance | undefined;
132
132
  footer?: React.ReactNode;
133
133
  target?: import("../types").Target | undefined;
134
134
  defaultValue?: import("../types").DefaultValue;
@@ -81,7 +81,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
81
81
  UNSAFE_hasDraggableParentComponent?: boolean;
82
82
  value?: import("../types").Value;
83
83
  width?: number | string;
84
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
84
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
85
85
  isMulti?: boolean | undefined;
86
86
  width?: number | string | undefined;
87
87
  } & {} & React.RefAttributes<any>>;
@@ -148,7 +148,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
148
148
  */
149
149
  UNSAFE_hasDraggableParentComponent?: boolean;
150
150
  width: string | number;
151
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
151
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
152
152
  isClearable?: boolean | undefined;
153
153
  isMulti?: boolean | undefined;
154
154
  openMenuOnClick?: boolean | undefined;
@@ -108,6 +108,10 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
108
108
  number,
109
109
  number
110
110
  ] | undefined;
111
+ onChange?: import("../types").OnChange | undefined;
112
+ onInputChange?: import("../types").OnInputChange | undefined;
113
+ value?: import("../types").Value;
114
+ appearance?: import("../types").Appearance | undefined;
111
115
  autoFocus?: boolean | undefined;
112
116
  captureMenuScroll?: boolean | undefined;
113
117
  closeMenuOnScroll?: (boolean | EventListener) | undefined;
@@ -125,16 +129,12 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
125
129
  inputValue: string;
126
130
  }) => string | null | React.ReactNode);
127
131
  onBlur?: import("../types").OnPicker | undefined;
128
- onChange?: import("../types").OnChange | undefined;
129
132
  onFocus?: import("../types").OnPicker | undefined;
130
- onInputChange?: import("../types").OnInputChange | undefined;
131
133
  onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined;
132
134
  openMenuOnClick?: boolean | undefined;
133
135
  options?: import("../types").OptionData[] | undefined;
134
136
  styles?: import("@atlaskit/select").StylesConfig | undefined;
135
- value?: import("../types").Value;
136
137
  required?: boolean | undefined;
137
- appearance?: import("../types").Appearance | undefined;
138
138
  footer?: React.ReactNode;
139
139
  target?: import("../types").Target | undefined;
140
140
  defaultValue?: import("../types").DefaultValue;
@@ -81,7 +81,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
81
81
  UNSAFE_hasDraggableParentComponent?: boolean;
82
82
  value?: import("../types").Value;
83
83
  width?: number | string;
84
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "value" | "required" | "appearance" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
84
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
85
85
  isMulti?: boolean | undefined;
86
86
  width?: number | string | undefined;
87
87
  } & {} & React.RefAttributes<any>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "11.7.0",
3
+ "version": "11.7.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/"
@@ -44,20 +44,20 @@
44
44
  "dependencies": {
45
45
  "@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
46
46
  "@atlaskit/analytics-next": "^11.1.0",
47
- "@atlaskit/avatar": "^25.2.0",
48
- "@atlaskit/icon": "^28.3.0",
49
- "@atlaskit/logo": "^19.7.0",
47
+ "@atlaskit/avatar": "^25.4.0",
48
+ "@atlaskit/icon": "^28.5.0",
49
+ "@atlaskit/logo": "^19.9.0",
50
50
  "@atlaskit/lozenge": "^13.0.0",
51
- "@atlaskit/people-teams-ui-public": "^3.4.0",
51
+ "@atlaskit/people-teams-ui-public": "^3.5.0",
52
52
  "@atlaskit/platform-feature-flags": "^1.1.0",
53
53
  "@atlaskit/popper": "^7.1.0",
54
- "@atlaskit/primitives": "^14.15.0",
54
+ "@atlaskit/primitives": "^15.0.0",
55
55
  "@atlaskit/select": "^21.3.0",
56
56
  "@atlaskit/spinner": "^19.0.0",
57
57
  "@atlaskit/teams-avatar": "^2.3.0",
58
58
  "@atlaskit/theme": "^21.0.0",
59
- "@atlaskit/tokens": "^6.3.0",
60
- "@atlaskit/tooltip": "^20.4.0",
59
+ "@atlaskit/tokens": "^6.5.0",
60
+ "@atlaskit/tooltip": "^20.5.0",
61
61
  "@atlaskit/ufo": "^0.4.0",
62
62
  "@babel/runtime": "^7.0.0",
63
63
  "@compiled/react": "^0.18.3",