@atlaskit/user-picker 11.25.2 → 11.25.4

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,19 @@
1
1
  # @atlaskit/user-picker
2
2
 
3
+ ## 11.25.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`a4ffaeb7622b6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4ffaeb7622b6) -
8
+ Fixed the wrong order of verified icon and Archived lozenge
9
+
10
+ ## 11.25.3
11
+
12
+ ### Patch Changes
13
+
14
+ - [`16328bcd2e7f8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/16328bcd2e7f8) -
15
+ Accessibility fix to prevent auto menu open on focus
16
+
3
17
  ## 11.25.2
4
18
 
5
19
  ### Patch Changes
@@ -541,6 +541,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
541
541
  }, {
542
542
  key: "render",
543
543
  value: function render() {
544
+ var _this$props$openMenuO;
544
545
  var _this$props5 = this.props,
545
546
  isMulti = _this$props5.isMulti,
546
547
  isLoading = _this$props5.isLoading,
@@ -589,7 +590,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
589
590
  var menuOpenDeciderProps = _objectSpread({}, !this.isMenuOpenOnClickForSingleSelect && {
590
591
  menuIsOpen: menuIsOpen,
591
592
  blurInputOnSelect: !isMulti,
592
- openMenuOnFocus: true
593
+ openMenuOnFocus: (_this$props$openMenuO = this.props.openMenuOnFocus) !== null && _this$props$openMenuO !== void 0 ? _this$props$openMenuO : true
593
594
  });
594
595
  var _this$ariaProps = this.ariaProps,
595
596
  ariaLabelledByStandard = _this$ariaProps['aria-labelledby'],
@@ -69,9 +69,9 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
69
69
  xcss: styles.avatarItemText
70
70
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
71
71
  alignBlock: "center"
72
- }, label, canShowArchivedLozenge ? /*#__PURE__*/React.createElement(_compiled.Box, {
72
+ }, label, /*#__PURE__*/React.createElement(ElementAfter, props), canShowArchivedLozenge ? /*#__PURE__*/React.createElement(_compiled.Box, {
73
73
  xcss: styles.archivedLozengeWrapper
74
74
  }, /*#__PURE__*/React.createElement(_lozenge.default, {
75
75
  appearance: "default"
76
- }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.archivedLozenge))) : null, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
76
+ }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.archivedLozenge))) : null)))))) : null;
77
77
  };
@@ -514,6 +514,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
514
514
  }), {});
515
515
  }
516
516
  render() {
517
+ var _this$props$openMenuO;
517
518
  const {
518
519
  isMulti,
519
520
  isLoading,
@@ -565,7 +566,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
565
566
  ...(!this.isMenuOpenOnClickForSingleSelect && {
566
567
  menuIsOpen,
567
568
  blurInputOnSelect: !isMulti,
568
- openMenuOnFocus: true
569
+ openMenuOnFocus: (_this$props$openMenuO = this.props.openMenuOnFocus) !== null && _this$props$openMenuO !== void 0 ? _this$props$openMenuO : true
569
570
  })
570
571
  };
571
572
  const {
@@ -69,9 +69,9 @@ export const SingleValue = props => {
69
69
  xcss: styles.avatarItemText
70
70
  }, /*#__PURE__*/React.createElement(Inline, {
71
71
  alignBlock: "center"
72
- }, label, canShowArchivedLozenge ? /*#__PURE__*/React.createElement(Box, {
72
+ }, label, /*#__PURE__*/React.createElement(ElementAfter, props), canShowArchivedLozenge ? /*#__PURE__*/React.createElement(Box, {
73
73
  xcss: styles.archivedLozengeWrapper
74
74
  }, /*#__PURE__*/React.createElement(Lozenge, {
75
75
  appearance: "default"
76
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.archivedLozenge))) : null, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
76
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.archivedLozenge))) : null)))))) : null;
77
77
  };
@@ -535,6 +535,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
535
535
  }, {
536
536
  key: "render",
537
537
  value: function render() {
538
+ var _this$props$openMenuO;
538
539
  var _this$props5 = this.props,
539
540
  isMulti = _this$props5.isMulti,
540
541
  isLoading = _this$props5.isLoading,
@@ -583,7 +584,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
583
584
  var menuOpenDeciderProps = _objectSpread({}, !this.isMenuOpenOnClickForSingleSelect && {
584
585
  menuIsOpen: menuIsOpen,
585
586
  blurInputOnSelect: !isMulti,
586
- openMenuOnFocus: true
587
+ openMenuOnFocus: (_this$props$openMenuO = this.props.openMenuOnFocus) !== null && _this$props$openMenuO !== void 0 ? _this$props$openMenuO : true
587
588
  });
588
589
  var _this$ariaProps = this.ariaProps,
589
590
  ariaLabelledByStandard = _this$ariaProps['aria-labelledby'],
@@ -60,9 +60,9 @@ export var SingleValue = function SingleValue(props) {
60
60
  xcss: styles.avatarItemText
61
61
  }, /*#__PURE__*/React.createElement(Inline, {
62
62
  alignBlock: "center"
63
- }, label, canShowArchivedLozenge ? /*#__PURE__*/React.createElement(Box, {
63
+ }, label, /*#__PURE__*/React.createElement(ElementAfter, props), canShowArchivedLozenge ? /*#__PURE__*/React.createElement(Box, {
64
64
  xcss: styles.archivedLozengeWrapper
65
65
  }, /*#__PURE__*/React.createElement(Lozenge, {
66
66
  appearance: "default"
67
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.archivedLozenge))) : null, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
67
+ }, /*#__PURE__*/React.createElement(FormattedMessage, messages.archivedLozenge))) : null)))))) : null;
68
68
  };
@@ -133,6 +133,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
133
133
  onSelection?: OnOption;
134
134
  open?: boolean;
135
135
  openMenuOnClick?: boolean;
136
+ openMenuOnFocus?: boolean;
136
137
  options?: OptionData[];
137
138
  placeholder?: React.ReactNode;
138
139
  placeholderAvatar?: 'person' | 'team';
@@ -163,7 +164,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
163
164
  */
164
165
  UNSAFE_hasDraggableParentComponent?: boolean;
165
166
  width: string | number;
166
- }, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
167
+ }, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'openMenuOnFocus' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
167
168
  isClearable?: boolean | undefined;
168
169
  isMulti?: boolean | undefined;
169
170
  loadOptionsErrorMessage?: ((value: {
@@ -171,6 +172,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
171
172
  }) => React.ReactNode) | undefined;
172
173
  noBorder?: boolean | undefined;
173
174
  openMenuOnClick?: boolean | undefined;
175
+ openMenuOnFocus?: boolean | undefined;
174
176
  subtle?: boolean | undefined;
175
177
  textFieldBackgroundColor?: boolean | undefined;
176
178
  } & {} & React.RefAttributes<any>>;
@@ -73,6 +73,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
73
73
  onSelection?: import("..").OnOption;
74
74
  open?: boolean;
75
75
  openMenuOnClick?: boolean;
76
+ openMenuOnFocus?: boolean;
76
77
  options?: import("..").OptionData[];
77
78
  placeholder?: React.ReactNode;
78
79
  placeholderAvatar?: "person" | "team";
@@ -90,7 +91,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
90
91
  UNSAFE_hasDraggableParentComponent?: boolean;
91
92
  value?: import("..").Value;
92
93
  width?: number | string;
93
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
94
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnFocus" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
94
95
  isMulti?: boolean | undefined;
95
96
  width?: number | string | undefined;
96
97
  } & {} & React.RefAttributes<any>>;
@@ -162,6 +162,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
162
162
  open?: boolean;
163
163
  /** Override the internal behaviour of default menu open on focus and applicable for single value select */
164
164
  openMenuOnClick?: boolean;
165
+ /** Whether to open the menu when the input receives focus. Defaults to true for multi-select. */
166
+ openMenuOnFocus?: boolean;
165
167
  /** List of users or teams to be used as options by the user picker. */
166
168
  options?: OptionData[];
167
169
  /** Placeholder text to be shown when there is no value in the field. */
@@ -133,6 +133,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
133
133
  onSelection?: OnOption;
134
134
  open?: boolean;
135
135
  openMenuOnClick?: boolean;
136
+ openMenuOnFocus?: boolean;
136
137
  options?: OptionData[];
137
138
  placeholder?: React.ReactNode;
138
139
  placeholderAvatar?: 'person' | 'team';
@@ -163,7 +164,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
163
164
  */
164
165
  UNSAFE_hasDraggableParentComponent?: boolean;
165
166
  width: string | number;
166
- }, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
167
+ }, keyof WithAnalyticsEventsProps>, 'options' | 'noOptionsMessage' | 'placeholder' | 'addMoreMessage' | 'allowEmail' | 'anchor' | 'appearance' | 'ariaDescribedBy' | 'ariaLabel' | 'ariaLabelledBy' | 'ariaLive' | 'autoFocus' | 'captureMenuScroll' | 'clearValueLabel' | 'closeMenuOnScroll' | 'components' | 'defaultValue' | 'disableInput' | 'emailLabel' | 'fieldId' | 'footer' | 'forwardedRef' | 'groupByTypeOrder' | 'customGroupLabels' | 'header' | 'height' | 'includeTeamsUpdates' | 'inputId' | 'isDisabled' | 'isFooterFocused' | 'isInvalid' | 'isLoading' | 'isValidEmail' | 'loadOptions' | 'loadUserSource' | 'maxOptions' | 'maxPickerHeight' | 'menuIsOpen' | 'menuMinWidth' | 'menuPortalTarget' | 'menuPosition' | 'menuShouldBlockScroll' | 'name' | 'onBlur' | 'onChange' | 'onClear' | 'onClose' | 'onFocus' | 'onInputChange' | 'onKeyDown' | 'onOpen' | 'onSelection' | 'open' | 'openMenuOnFocus' | 'placeholderAvatar' | 'popupSelectProps' | 'required' | 'search' | 'setIsFooterFocused' | 'showClearIndicator' | 'strategy' | 'styles' | 'suggestEmailsForDomain' | 'UNSAFE_hasDraggableParentComponent' | 'value' | 'width' | 'pickerProps' | 'SelectComponent'> & {
167
168
  isClearable?: boolean | undefined;
168
169
  isMulti?: boolean | undefined;
169
170
  loadOptionsErrorMessage?: ((value: {
@@ -171,6 +172,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
171
172
  }) => React.ReactNode) | undefined;
172
173
  noBorder?: boolean | undefined;
173
174
  openMenuOnClick?: boolean | undefined;
175
+ openMenuOnFocus?: boolean | undefined;
174
176
  subtle?: boolean | undefined;
175
177
  textFieldBackgroundColor?: boolean | undefined;
176
178
  } & {} & React.RefAttributes<any>>;
@@ -73,6 +73,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
73
73
  onSelection?: import("..").OnOption;
74
74
  open?: boolean;
75
75
  openMenuOnClick?: boolean;
76
+ openMenuOnFocus?: boolean;
76
77
  options?: import("..").OptionData[];
77
78
  placeholder?: React.ReactNode;
78
79
  placeholderAvatar?: "person" | "team";
@@ -90,7 +91,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
90
91
  UNSAFE_hasDraggableParentComponent?: boolean;
91
92
  value?: import("..").Value;
92
93
  width?: number | string;
93
- }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
94
+ }, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuIsOpen" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnFocus" | "openMenuOnClick" | "options" | "styles" | "required" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "defaultValue" | "disableInput" | "emailLabel" | "fieldId" | "footer" | "forwardedRef" | "groupByTypeOrder" | "customGroupLabels" | "header" | "height" | "includeTeamsUpdates" | "isFooterFocused" | "isHeaderFocused" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "minHeight" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "setIsFooterFocused" | "setIsHeaderFocused" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
94
95
  isMulti?: boolean | undefined;
95
96
  width?: number | string | undefined;
96
97
  } & {} & React.RefAttributes<any>>;
@@ -162,6 +162,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
162
162
  open?: boolean;
163
163
  /** Override the internal behaviour of default menu open on focus and applicable for single value select */
164
164
  openMenuOnClick?: boolean;
165
+ /** Whether to open the menu when the input receives focus. Defaults to true for multi-select. */
166
+ openMenuOnFocus?: boolean;
165
167
  /** List of users or teams to be used as options by the user picker. */
166
168
  options?: OptionData[];
167
169
  /** Placeholder text to be shown when there is no value in the field. */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/user-picker",
3
- "version": "11.25.2",
3
+ "version": "11.25.4",
4
4
  "description": "Fabric component for display a dropdown to select a user from",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"