@atlaskit/smart-user-picker 8.4.1 → 8.5.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @atlassian/smart-user-picker
 
+## 8.5.0
+
+### Minor Changes
+
+- [`bef521afc400f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bef521afc400f) -
+  Adds prop to set user picker & smart user picker as open/closed
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.4.1
 
 ### Patch Changes

package/afm-jira/tsconfig.json

@@ -2,7 +2,7 @@
 	"extends": "../../../../tsconfig.entry-points.jira.json",
 	"compilerOptions": {
 		"target": "es5",
-		"outDir": "../../../../../tsDist/@atlaskit__smart-user-picker/app",
+		"outDir": "../../../../../jira/tsDist/@atlaskit__smart-user-picker/app",
 		"rootDir": "../",
 		"composite": true
 	},

package/dist/cjs/analytics.js

@@ -9,11 +9,12 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _uuid = require("uuid");
 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; }
+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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/smart-user-picker";
 var packageVersion = "0.0.0-development";
 var startSession = exports.startSession = function startSession() {
   return {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id: (0, _uuid.v4)(),
     start: Date.now(),
     inputChangeTime: Date.now(),

package/dist/cjs/components/SmartUserPicker.js

@@ -40,7 +40,7 @@ function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var DEFAULT_DEBOUNCE_TIME_MS = 150;
 var ufoEndStateConfig = function ufoEndStateConfig(fieldId) {
   return {
@@ -118,12 +118,12 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
     });
     (0, _defineProperty2.default)(_this, "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
     (0, _defineProperty2.default)(_this, "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, displayEmailInByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, userResolvers, enableEmailSearch, maxNumberOfResults, startTime, isEmail, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, userRecommendationsPromise, userResolversPromises, _yield$Promise$all, _yield$Promise$all2, mainRecommendations, userResolverResults, _iterator, _step, option, _iterator2, _step2, _option, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeTeamsUpdates, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, displayEmailInByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, userResolvers, enableEmailSearch, maxNumberOfResults, startTime, isEmail, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, userRecommendationsPromise, userResolversPromises, _yield$Promise$all, _yield$Promise$all2, mainRecommendations, userResolverResults, _iterator, _step, option, _iterator2, _step2, _option, _iterator3, _step3, _option2, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId, closed = _this$state.closed;
-            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, displayEmailInByline = _this$props.displayEmailInByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions, userResolvers = _this$props.userResolvers, enableEmailSearch = _this$props.enableEmailSearch;
+            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeTeamsUpdates = _this$props.includeTeamsUpdates, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, displayEmailInByline = _this$props.displayEmailInByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions, userResolvers = _this$props.userResolvers, enableEmailSearch = _this$props.enableEmailSearch;
             maxNumberOfResults = maxOptions || 100;
             startTime = window.performance.now(); // Check if this is an email search
             isEmail = enableEmailSearch && isEmailQuery(query);
@@ -225,6 +225,21 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
                 _iterator2.f();
               }
             }
+            if (includeTeamsUpdates) {
+              _iterator3 = _createForOfIteratorHelper(recommendedUsers);
+              try {
+                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                  _option2 = _step3.value;
+                  if ((0, _userPicker.isGroup)(_option2) || (0, _userPicker.isTeam)(_option2)) {
+                    _option2.includeTeamsUpdates = includeTeamsUpdates;
+                  }
+                }
+              } catch (err) {
+                _iterator3.e(err);
+              } finally {
+                _iterator3.f();
+              }
+            }
 
             // Track if email search found matches for conditional allowEmail logic
             if (isEmail) {
@@ -234,50 +249,50 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
             }
             elapsedTimeMilli = window.performance.now() - startTime;
             if (!transformOptions) {
-              _context.next = 34;
+              _context.next = 35;
               break;
             }
-            _context.next = 31;
+            _context.next = 32;
             return transformOptions(recommendedUsers, _query);
-          case 31:
+          case 32:
             _context.t0 = _context.sent;
-            _context.next = 35;
+            _context.next = 36;
             break;
-          case 34:
-            _context.t0 = recommendedUsers;
           case 35:
+            _context.t0 = recommendedUsers;
+          case 36:
             transformedOptions = _context.t0;
             if (!(transformedOptions.length === 0 && onEmpty)) {
-              _context.next = 51;
+              _context.next = 52;
               break;
             }
-            _context.next = 39;
+            _context.next = 40;
             return onEmpty(_query);
-          case 39:
+          case 40:
             _context.t3 = _yield$onEmpty = _context.sent;
             _context.t2 = _context.t3 !== null;
             if (!_context.t2) {
-              _context.next = 43;
+              _context.next = 44;
               break;
             }
             _context.t2 = _yield$onEmpty !== void 0;
-          case 43:
+          case 44:
             if (!_context.t2) {
-              _context.next = 47;
+              _context.next = 48;
               break;
             }
             _context.t4 = _yield$onEmpty;
-            _context.next = 48;
+            _context.next = 49;
             break;
-          case 47:
-            _context.t4 = [];
           case 48:
+            _context.t4 = [];
+          case 49:
             _context.t1 = _context.t4;
-            _context.next = 52;
+            _context.next = 53;
             break;
-          case 51:
-            _context.t1 = transformedOptions;
           case 52:
+            _context.t1 = transformedOptions;
+          case 53:
             displayedUsers = _context.t1;
             _this.setState(function (state) {
               var applicable = state.query === _query;
@@ -299,10 +314,10 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
                 loading: loading
               };
             });
-            _context.next = 85;
+            _context.next = 86;
             break;
-          case 56:
-            _context.prev = 56;
+          case 57:
+            _context.prev = 57;
             _context.t5 = _context["catch"](6);
             is5xxEvent = checkIf500Event(_context.t5.statusCode);
             if (!closed && !onError && is5xxEvent) {
@@ -315,35 +330,35 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
             });
             onErrorProducedError = false;
             defaultUsers = [];
-            _context.prev = 63;
+            _context.prev = 64;
             if (!onError) {
-              _context.next = 73;
+              _context.next = 74;
               break;
             }
-            _context.next = 67;
+            _context.next = 68;
             return onError(_context.t5, recommendationsRequest);
-          case 67:
+          case 68:
             _context.t7 = _context.sent;
             if (_context.t7) {
-              _context.next = 70;
+              _context.next = 71;
               break;
             }
             _context.t7 = [];
-          case 70:
+          case 71:
             _context.t6 = _context.t7;
-            _context.next = 74;
+            _context.next = 75;
             break;
-          case 73:
-            _context.t6 = [];
           case 74:
+            _context.t6 = [];
+          case 75:
             defaultUsers = _context.t6;
-            _context.next = 80;
+            _context.next = 81;
             break;
-          case 77:
-            _context.prev = 77;
-            _context.t8 = _context["catch"](63);
+          case 78:
+            _context.prev = 78;
+            _context.t8 = _context["catch"](64);
             onErrorProducedError = true;
-          case 80:
+          case 81:
             if (onErrorProducedError && is5xxEvent) {
               // Log error from fallback data source `onError` to UFO
               _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
@@ -360,11 +375,11 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
               elapsedTimeMilli: _elapsedTimeMilli,
               productAttributes: productAttributes
             });
-          case 85:
+          case 86:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 56], [63, 77]]);
+      }, _callee, null, [[6, 57], [64, 78]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     (0, _defineProperty2.default)(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
@@ -491,6 +506,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
             case 13:
               prefetch = this.props.prefetch;
               if (prefetch) {
+                // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
                 sessionId = (0, _uuid.v4)();
                 this.fireEvent(_analytics.mountedWithPrefetchEvent, {
                   sessionId: sessionId
@@ -551,7 +567,8 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
         onFocus: this.onFocus,
         defaultValue: this.state.defaultValue,
         isLoading: this.props.isLoading || this.state.loading && !this.state.closed && (!this.props.bootstrapOptions || this.state.query !== ''),
-        options: this.filterUsers()
+        options: this.filterUsers(),
+        menuIsOpen: this.props.menuIsOpen
       })));
     }
   }]);
@@ -561,6 +578,7 @@ var SmartUserPickerWithoutAnalytics = exports.SmartUserPickerWithoutAnalytics =
   includeUsers: true,
   includeGroups: false,
   includeTeams: false,
+  includeTeamsUpdates: false,
   includeNonLicensedUsers: false,
   displayEmailInByline: false,
   prefetch: false,

package/dist/es2019/analytics.js

@@ -1,8 +1,10 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 const packageName = "@atlaskit/smart-user-picker";
 const packageVersion = "0.0.0-development";
 export const startSession = () => ({
+  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   id: uuid(),
   start: Date.now(),
   inputChangeTime: Date.now(),

package/dist/es2019/components/SmartUserPicker.js

@@ -2,12 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import debounce from 'lodash/debounce';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidV4 } from 'uuid';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
-import UserPicker, { isExternalUser, isTeam, isUser, isValidEmail } from '@atlaskit/user-picker';
+import UserPicker, { isExternalUser, isTeam, isGroup, isUser, isValidEmail } from '@atlaskit/user-picker';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { requestUsersEvent, filterUsersEvent, preparedUsersLoadedEvent, successfulRequestUsersEvent, failedRequestUsersEvent, mountedWithPrefetchEvent, createAndFireEventInElementsChannel, failedUserResolversEvent } from '../analytics';
 import MessagesIntlProvider from './MessagesIntlProvider';
@@ -91,6 +92,7 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
         fieldId,
         includeGroups,
         includeTeams,
+        includeTeamsUpdates,
         includeUsers,
         includeNonLicensedUsers,
         intl,
@@ -185,6 +187,13 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
             }
           }
         }
+        if (includeTeamsUpdates) {
+          for (let option of recommendedUsers) {
+            if (isGroup(option) || isTeam(option)) {
+              option.includeTeamsUpdates = includeTeamsUpdates;
+            }
+          }
+        }
 
         // Track if email search found matches for conditional allowEmail logic
         if (isEmail) {
@@ -359,6 +368,7 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
       prefetch
     } = this.props;
     if (prefetch) {
+      // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
       const sessionId = uuidV4();
       this.fireEvent(mountedWithPrefetchEvent, {
         sessionId
@@ -406,7 +416,8 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
       onFocus: this.onFocus,
       defaultValue: this.state.defaultValue,
       isLoading: this.props.isLoading || this.state.loading && !this.state.closed && (!this.props.bootstrapOptions || this.state.query !== ''),
-      options: this.filterUsers()
+      options: this.filterUsers(),
+      menuIsOpen: this.props.menuIsOpen
     })));
   }
 }
@@ -417,6 +428,7 @@ _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
   includeUsers: true,
   includeGroups: false,
   includeTeams: false,
+  includeTeamsUpdates: false,
   includeNonLicensedUsers: false,
   displayEmailInByline: false,
   prefetch: false,

package/dist/esm/analytics.js

@@ -2,11 +2,13 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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) { _defineProperty(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; }
 import { createAndFireEvent } from '@atlaskit/analytics-next';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuid } from 'uuid';
 var packageName = "@atlaskit/smart-user-picker";
 var packageVersion = "0.0.0-development";
 export var startSession = function startSession() {
   return {
+    // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
     id: uuid(),
     start: Date.now(),
     inputChangeTime: Date.now(),

package/dist/esm/components/SmartUserPicker.js

@@ -20,12 +20,13 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import debounce from 'lodash/debounce';
+// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidV4 } from 'uuid';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
 import { injectIntl } from 'react-intl-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
-import UserPicker, { isExternalUser, isTeam, isUser, isValidEmail } from '@atlaskit/user-picker';
+import UserPicker, { isExternalUser, isTeam, isGroup, isUser, isValidEmail } from '@atlaskit/user-picker';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { requestUsersEvent, filterUsersEvent, preparedUsersLoadedEvent, successfulRequestUsersEvent, failedRequestUsersEvent, mountedWithPrefetchEvent, createAndFireEventInElementsChannel, failedUserResolversEvent } from '../analytics';
 import MessagesIntlProvider from './MessagesIntlProvider';
@@ -109,12 +110,12 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     });
     _defineProperty(_this, "memoizedFilterOptions", memoizeOne(_this.filterOptions));
     _defineProperty(_this, "getUsers", debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, displayEmailInByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, userResolvers, enableEmailSearch, maxNumberOfResults, startTime, isEmail, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, userRecommendationsPromise, userResolversPromises, _yield$Promise$all, _yield$Promise$all2, mainRecommendations, userResolverResults, _iterator, _step, option, _iterator2, _step2, _option, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeTeamsUpdates, includeUsers, includeNonLicensedUsers, intl, maxOptions, objectId, onEmpty, onError, overrideByline, displayEmailInByline, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, transformOptions, userResolvers, enableEmailSearch, maxNumberOfResults, startTime, isEmail, recommendationsRequest, _yield$onEmpty, _query, recommendedUsers, userRecommendationsPromise, userResolversPromises, _yield$Promise$all, _yield$Promise$all2, mainRecommendations, userResolverResults, _iterator, _step, option, _iterator2, _step2, _option, _iterator3, _step3, _option2, elapsedTimeMilli, transformedOptions, displayedUsers, is5xxEvent, onErrorProducedError, defaultUsers, _elapsedTimeMilli;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _this$state = _this.state, query = _this$state.query, sessionId = _this$state.sessionId, closed = _this$state.closed;
-            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, displayEmailInByline = _this$props.displayEmailInByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions, userResolvers = _this$props.userResolvers, enableEmailSearch = _this$props.enableEmailSearch;
+            _this$props = _this.props, baseUrl = _this$props.baseUrl, childObjectId = _this$props.childObjectId, containerId = _this$props.containerId, fieldId = _this$props.fieldId, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, includeTeamsUpdates = _this$props.includeTeamsUpdates, includeUsers = _this$props.includeUsers, includeNonLicensedUsers = _this$props.includeNonLicensedUsers, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, overrideByline = _this$props.overrideByline, displayEmailInByline = _this$props.displayEmailInByline, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId, transformOptions = _this$props.transformOptions, userResolvers = _this$props.userResolvers, enableEmailSearch = _this$props.enableEmailSearch;
             maxNumberOfResults = maxOptions || 100;
             startTime = window.performance.now(); // Check if this is an email search
             isEmail = enableEmailSearch && isEmailQuery(query);
@@ -216,6 +217,21 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 _iterator2.f();
               }
             }
+            if (includeTeamsUpdates) {
+              _iterator3 = _createForOfIteratorHelper(recommendedUsers);
+              try {
+                for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                  _option2 = _step3.value;
+                  if (isGroup(_option2) || isTeam(_option2)) {
+                    _option2.includeTeamsUpdates = includeTeamsUpdates;
+                  }
+                }
+              } catch (err) {
+                _iterator3.e(err);
+              } finally {
+                _iterator3.f();
+              }
+            }
 
             // Track if email search found matches for conditional allowEmail logic
             if (isEmail) {
@@ -225,50 +241,50 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
             }
             elapsedTimeMilli = window.performance.now() - startTime;
             if (!transformOptions) {
-              _context.next = 34;
+              _context.next = 35;
               break;
             }
-            _context.next = 31;
+            _context.next = 32;
             return transformOptions(recommendedUsers, _query);
-          case 31:
+          case 32:
             _context.t0 = _context.sent;
-            _context.next = 35;
+            _context.next = 36;
             break;
-          case 34:
-            _context.t0 = recommendedUsers;
           case 35:
+            _context.t0 = recommendedUsers;
+          case 36:
             transformedOptions = _context.t0;
             if (!(transformedOptions.length === 0 && onEmpty)) {
-              _context.next = 51;
+              _context.next = 52;
               break;
             }
-            _context.next = 39;
+            _context.next = 40;
             return onEmpty(_query);
-          case 39:
+          case 40:
             _context.t3 = _yield$onEmpty = _context.sent;
             _context.t2 = _context.t3 !== null;
             if (!_context.t2) {
-              _context.next = 43;
+              _context.next = 44;
               break;
             }
             _context.t2 = _yield$onEmpty !== void 0;
-          case 43:
+          case 44:
             if (!_context.t2) {
-              _context.next = 47;
+              _context.next = 48;
               break;
             }
             _context.t4 = _yield$onEmpty;
-            _context.next = 48;
+            _context.next = 49;
             break;
-          case 47:
-            _context.t4 = [];
           case 48:
+            _context.t4 = [];
+          case 49:
             _context.t1 = _context.t4;
-            _context.next = 52;
+            _context.next = 53;
             break;
-          case 51:
-            _context.t1 = transformedOptions;
           case 52:
+            _context.t1 = transformedOptions;
+          case 53:
             displayedUsers = _context.t1;
             _this.setState(function (state) {
               var applicable = state.query === _query;
@@ -290,10 +306,10 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 loading: loading
               };
             });
-            _context.next = 85;
+            _context.next = 86;
             break;
-          case 56:
-            _context.prev = 56;
+          case 57:
+            _context.prev = 57;
             _context.t5 = _context["catch"](6);
             is5xxEvent = checkIf500Event(_context.t5.statusCode);
             if (!closed && !onError && is5xxEvent) {
@@ -306,35 +322,35 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
             });
             onErrorProducedError = false;
             defaultUsers = [];
-            _context.prev = 63;
+            _context.prev = 64;
             if (!onError) {
-              _context.next = 73;
+              _context.next = 74;
               break;
             }
-            _context.next = 67;
+            _context.next = 68;
             return onError(_context.t5, recommendationsRequest);
-          case 67:
+          case 68:
             _context.t7 = _context.sent;
             if (_context.t7) {
-              _context.next = 70;
+              _context.next = 71;
               break;
             }
             _context.t7 = [];
-          case 70:
+          case 71:
             _context.t6 = _context.t7;
-            _context.next = 74;
+            _context.next = 75;
             break;
-          case 73:
-            _context.t6 = [];
           case 74:
+            _context.t6 = [];
+          case 75:
             defaultUsers = _context.t6;
-            _context.next = 80;
+            _context.next = 81;
             break;
-          case 77:
-            _context.prev = 77;
-            _context.t8 = _context["catch"](63);
+          case 78:
+            _context.prev = 78;
+            _context.t8 = _context["catch"](64);
             onErrorProducedError = true;
-          case 80:
+          case 81:
             if (onErrorProducedError && is5xxEvent) {
               // Log error from fallback data source `onError` to UFO
               _this.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
@@ -351,11 +367,11 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
               elapsedTimeMilli: _elapsedTimeMilli,
               productAttributes: productAttributes
             });
-          case 85:
+          case 86:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 56], [63, 77]]);
+      }, _callee, null, [[6, 57], [64, 78]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     _defineProperty(_this, "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
@@ -482,6 +498,7 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
             case 13:
               prefetch = this.props.prefetch;
               if (prefetch) {
+                // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
                 sessionId = uuidV4();
                 this.fireEvent(mountedWithPrefetchEvent, {
                   sessionId: sessionId
@@ -542,7 +559,8 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         onFocus: this.onFocus,
         defaultValue: this.state.defaultValue,
         isLoading: this.props.isLoading || this.state.loading && !this.state.closed && (!this.props.bootstrapOptions || this.state.query !== ''),
-        options: this.filterUsers()
+        options: this.filterUsers(),
+        menuIsOpen: this.props.menuIsOpen
       })));
     }
   }]);
@@ -554,6 +572,7 @@ _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
   includeUsers: true,
   includeGroups: false,
   includeTeams: false,
+  includeTeamsUpdates: false,
   includeNonLicensedUsers: false,
   displayEmailInByline: false,
   prefetch: false,

package/dist/types/components/SmartUserPicker.d.ts

@@ -12,6 +12,7 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
         includeUsers: boolean;
         includeGroups: boolean;
         includeTeams: boolean;
+        includeTeamsUpdates: boolean;
         includeNonLicensedUsers: boolean;
         displayEmailInByline: boolean;
         prefetch: boolean;

package/dist/types/types.d.ts

@@ -228,6 +228,14 @@ export interface SmartProps {
      * Optional callback to provide additional user resolvers, such as for fetching and adding users from third party sources
      */
     userResolvers?: Array<(query: string) => Promise<OptionData[]>>;
+    /**
+     * Whether to include teams UI updates in the resultset. @default false
+     */
+    includeTeamsUpdates?: boolean;
+    /** Checks if the footer is focused or not. This is needed to keep the menu open when the footer is focused */
+    isFooterFocused?: boolean;
+    /** Sets if the footer is focused or not. This is needed to keep the menu open when the footer is focused */
+    setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsProps {
     /**
@@ -253,5 +261,7 @@ export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsP
      * @Mentions. For specifically trained models, please contact #search-plex.
      */
     fieldId: string;
+    /** Whether the menu is open or not. */
+    menuIsOpen?: boolean;
 }
 export {};

package/dist/types-ts4.5/components/SmartUserPicker.d.ts

@@ -12,6 +12,7 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
         includeUsers: boolean;
         includeGroups: boolean;
         includeTeams: boolean;
+        includeTeamsUpdates: boolean;
         includeNonLicensedUsers: boolean;
         displayEmailInByline: boolean;
         prefetch: boolean;

package/dist/types-ts4.5/types.d.ts

@@ -228,6 +228,14 @@ export interface SmartProps {
      * Optional callback to provide additional user resolvers, such as for fetching and adding users from third party sources
      */
     userResolvers?: Array<(query: string) => Promise<OptionData[]>>;
+    /**
+     * Whether to include teams UI updates in the resultset. @default false
+     */
+    includeTeamsUpdates?: boolean;
+    /** Checks if the footer is focused or not. This is needed to keep the menu open when the footer is focused */
+    isFooterFocused?: boolean;
+    /** Sets if the footer is focused or not. This is needed to keep the menu open when the footer is focused */
+    setIsFooterFocused?: React.Dispatch<React.SetStateAction<boolean>>;
 }
 export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsProps {
     /**
@@ -253,5 +261,7 @@ export interface Props extends SmartProps, UserPickerProps, WithAnalyticsEventsP
      * @Mentions. For specifically trained models, please contact #search-plex.
      */
     fieldId: string;
+    /** Whether the menu is open or not. */
+    menuIsOpen?: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "8.4.1",
+	"version": "8.5.0",
 	"license": "Apache-2.0",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/ufo": "^0.4.0",
-		"@atlaskit/user-picker": "^11.12.0",
+		"@atlaskit/user-picker": "^11.17.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
@@ -50,7 +50,7 @@
 		"react-dom": "^18.2.0"
 	},
 	"devDependencies": {
-		"@atlaskit/select": "^21.3.0",
+		"@atlaskit/select": "^21.4.0",
 		"@atlaskit/util-data-test": "^18.3.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^13.4.0",