@atlaskit/user-picker 10.10.1 → 10.10.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/user-picker
 
+## 10.10.2
+
+### Patch Changes
+
+- [`ea5e724623c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ea5e724623c) - [ux] Fixed a minor bug where typing into the input for the user picker whilst it was in a closed state would result in the the loadOptions callback being called with undefined
+
 ## 10.10.1
 
 ### 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.10.1";
+var packageVersion = "10.10.2";
 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

@@ -279,7 +279,6 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
           inputValue: search
         });
         _this.startOptionsShownUfoExperience();
-        _this.executeLoadOptions(search);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
@@ -391,14 +390,18 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         menuIsOpen = _this$state2.menuIsOpen,
         options = _this$state2.options,
         resolving = _this$state2.resolving,
-        count = _this$state2.count;
-      // load options when the picker open
+        count = _this$state2.count,
+        inputValue = _this$state2.inputValue;
       if (menuIsOpen && !prevState.menuIsOpen) {
         if (!this.session) {
           // session should have been created onFocus
           this.startSession();
         }
-        this.executeLoadOptions();
+      }
+
+      // Load options when user picker opens or when input value changes
+      if (menuIsOpen && !prevState.menuIsOpen || inputValue !== prevState.inputValue) {
+        this.executeLoadOptions(inputValue);
       }
       if (!menuIsOpen && prevState.menuIsOpen && this.session) {
         this.fireEvent(_analytics.cancelEvent, prevState);

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.10.1";
+const packageVersion = "10.10.2";
 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

@@ -269,7 +269,6 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
           inputValue: search
         });
         this.startOptionsShownUfoExperience();
-        this.executeLoadOptions(search);
       }
     });
     _defineProperty(this, "fireEvent", (eventCreator, ...args) => {
@@ -373,15 +372,19 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       menuIsOpen,
       options,
       resolving,
-      count
+      count,
+      inputValue
     } = this.state;
-    // load options when the picker open
     if (menuIsOpen && !prevState.menuIsOpen) {
       if (!this.session) {
         // session should have been created onFocus
         this.startSession();
       }
-      this.executeLoadOptions();
+    }
+
+    // Load options when user picker opens or when input value changes
+    if (menuIsOpen && !prevState.menuIsOpen || inputValue !== prevState.inputValue) {
+      this.executeLoadOptions(inputValue);
     }
     if (!menuIsOpen && prevState.menuIsOpen && this.session) {
       this.fireEvent(cancelEvent, prevState);

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.10.1";
+var packageVersion = "10.10.2";
 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

@@ -272,7 +272,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
           inputValue: search
         });
         _this.startOptionsShownUfoExperience();
-        _this.executeLoadOptions(search);
       }
     });
     _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
@@ -384,14 +383,18 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         menuIsOpen = _this$state2.menuIsOpen,
         options = _this$state2.options,
         resolving = _this$state2.resolving,
-        count = _this$state2.count;
-      // load options when the picker open
+        count = _this$state2.count,
+        inputValue = _this$state2.inputValue;
       if (menuIsOpen && !prevState.menuIsOpen) {
         if (!this.session) {
           // session should have been created onFocus
           this.startSession();
         }
-        this.executeLoadOptions();
+      }
+
+      // Load options when user picker opens or when input value changes
+      if (menuIsOpen && !prevState.menuIsOpen || inputValue !== prevState.inputValue) {
+        this.executeLoadOptions(inputValue);
       }
       if (!menuIsOpen && prevState.menuIsOpen && this.session) {
         this.fireEvent(cancelEvent, prevState);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.10.1",
+  "version": "10.10.2",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,10 +40,10 @@
     "@atlaskit/logo": "^13.14.0",
     "@atlaskit/lozenge": "^11.4.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/select": "^16.5.0",
-    "@atlaskit/spinner": "^15.5.0",
+    "@atlaskit/select": "^16.7.0",
+    "@atlaskit/spinner": "^15.6.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.21.0",
+    "@atlaskit/tokens": "^1.25.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",