@atlaskit/user-picker 10.19.2 → 10.19.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/user-picker
 
+## 10.19.4
+
+### Patch Changes
+
+- [#78018](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/78018) [`036a9f353a72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/036a9f353a72) - onFocus event added when openMenuOnClick is true
+
+## 10.19.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.19.2
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 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; }
 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; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.19.2";
+var packageVersion = "10.19.4";
 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}$/;
 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}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/cjs/components/BaseUserPicker.js

@@ -232,18 +232,20 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       }
       _this.startOptionsShownUfoExperience();
       (0, _utils.callCallback)(_this.props.onFocus, _this.getSessionId());
-      _this.setState({
-        menuIsOpen: true
-      });
-      if (!_this.props.isMulti && (0, _utils.isSingleValue)(value)) {
-        var input = event.target;
+      if (!_this.isMenuOpenOnClickForSingleSelect) {
         _this.setState({
-          inputValue: value.label
-        }, function () {
-          if (input instanceof HTMLInputElement) {
-            input.select();
-          }
+          menuIsOpen: true
         });
+        if (!_this.props.isMulti && (0, _utils.isSingleValue)(value)) {
+          var input = event.target;
+          _this.setState({
+            inputValue: value.label
+          }, function () {
+            if (input instanceof HTMLInputElement) {
+              input.select();
+            }
+          });
+        }
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resetInputState", function () {
@@ -551,8 +553,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       var menuOpenDeciderProps = _objectSpread({}, !this.isMenuOpenOnClickForSingleSelect && {
         menuIsOpen: menuIsOpen,
         blurInputOnSelect: !isMulti,
-        openMenuOnFocus: true,
-        onFocus: this.handleFocus
+        openMenuOnFocus: true
       });
       return /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
         name: name,
@@ -600,6 +601,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         inputId: inputId,
         onChange: this.handleChange,
         onMenuOpen: this.handleOpen,
+        onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         onMenuClose: this.handleClose,
         onInputChange: this.handleInputChange,

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "10.19.2";
+const packageVersion = "10.19.4";
 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}$/;
 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}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/BaseUserPicker.js

@@ -221,18 +221,20 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       }
       this.startOptionsShownUfoExperience();
       callCallback(this.props.onFocus, this.getSessionId());
-      this.setState({
-        menuIsOpen: true
-      });
-      if (!this.props.isMulti && isSingleValue(value)) {
-        const input = event.target;
+      if (!this.isMenuOpenOnClickForSingleSelect) {
         this.setState({
-          inputValue: value.label
-        }, () => {
-          if (input instanceof HTMLInputElement) {
-            input.select();
-          }
+          menuIsOpen: true
         });
+        if (!this.props.isMulti && isSingleValue(value)) {
+          const input = event.target;
+          this.setState({
+            inputValue: value.label
+          }, () => {
+            if (input instanceof HTMLInputElement) {
+              input.select();
+            }
+          });
+        }
       }
     });
     _defineProperty(this, "resetInputState", () => {
@@ -521,8 +523,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       ...(!this.isMenuOpenOnClickForSingleSelect && {
         menuIsOpen,
         blurInputOnSelect: !isMulti,
-        openMenuOnFocus: true,
-        onFocus: this.handleFocus
+        openMenuOnFocus: true
       })
     };
     return /*#__PURE__*/React.createElement(SelectComponent, _extends({
@@ -569,6 +570,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       inputId: inputId,
       onChange: this.handleChange,
       onMenuOpen: this.handleOpen,
+      onFocus: this.handleFocus,
       onBlur: this.handleBlur,
       onMenuClose: this.handleClose,
       onInputChange: this.handleInputChange,

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.19.2";
+var packageVersion = "10.19.4";
 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}$/;
 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}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/BaseUserPicker.js

@@ -225,18 +225,20 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       }
       _this.startOptionsShownUfoExperience();
       callCallback(_this.props.onFocus, _this.getSessionId());
-      _this.setState({
-        menuIsOpen: true
-      });
-      if (!_this.props.isMulti && isSingleValue(value)) {
-        var input = event.target;
+      if (!_this.isMenuOpenOnClickForSingleSelect) {
         _this.setState({
-          inputValue: value.label
-        }, function () {
-          if (input instanceof HTMLInputElement) {
-            input.select();
-          }
+          menuIsOpen: true
         });
+        if (!_this.props.isMulti && isSingleValue(value)) {
+          var input = event.target;
+          _this.setState({
+            inputValue: value.label
+          }, function () {
+            if (input instanceof HTMLInputElement) {
+              input.select();
+            }
+          });
+        }
       }
     });
     _defineProperty(_assertThisInitialized(_this), "resetInputState", function () {
@@ -544,8 +546,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       var menuOpenDeciderProps = _objectSpread({}, !this.isMenuOpenOnClickForSingleSelect && {
         menuIsOpen: menuIsOpen,
         blurInputOnSelect: !isMulti,
-        openMenuOnFocus: true,
-        onFocus: this.handleFocus
+        openMenuOnFocus: true
       });
       return /*#__PURE__*/React.createElement(SelectComponent, _extends({
         name: name,
@@ -593,6 +594,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         inputId: inputId,
         onChange: this.handleChange,
         onMenuOpen: this.handleOpen,
+        onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         onMenuClose: this.handleClose,
         onInputChange: this.handleInputChange,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.19.2",
+  "version": "10.19.4",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,12 +49,12 @@
     "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/primitives": "^3.0.0",
+    "@atlaskit/primitives": "^4.0.0",
     "@atlaskit/select": "^17.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/teams-avatar": "^1.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.38.0",
+    "@atlaskit/tokens": "^1.39.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",