@atlaskit/smart-user-picker 5.0.3 → 5.1.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlassian/smart-user-picker
 
+## 5.1.0
+
+### Minor Changes
+
+- [`cc40ab95bd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc40ab95bd4) - Adds a list of team members under OptionData for Teams
+
+### Patch Changes
+
+- Updated dependencies
+
+## 5.0.5
+
+### Patch Changes
+
+- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
+
+## 5.0.4
+
+### Patch Changes
+
+- [`f805f47c19a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f805f47c19a) - Smart User Picker now catches errors emitted from the optional `onError` fallback data source, and also now only sends a UFO failure event if the primary data source (URS) fails AND the `onError` prop either fails or is not provided.
+
 ## 5.0.3
 
 ### Patch Changes

package/dist/cjs/components/SmartUserPicker.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SmartUserPickerWithoutAnalytics = exports.SmartUserPicker = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -103,7 +103,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       users: [],
       loading: false,
-      error: false,
       closed: true,
       query: '',
       defaultValue: [],
@@ -137,21 +136,21 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "memoizedFilterOptions", (0, _memoizeOne.default)(_this.filterOptions));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getUsers", (0, _debounce.default)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, containerId, childObjectId, objectId, principalId, productKey, siteId, orgId, baseUrl, includeUsers, includeGroups, includeTeams, maxOptions, searchQueryFilter, onEmpty, productAttributes, intl, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, intl, maxOptions, objectId, onEmpty, onError, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, 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, containerId = _this$props.containerId, childObjectId = _this$props.childObjectId, objectId = _this$props.objectId, principalId = _this$props.principalId, productKey = _this$props.productKey, siteId = _this$props.siteId, orgId = _this$props.orgId, baseUrl = _this$props.baseUrl, includeUsers = _this$props.includeUsers, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, maxOptions = _this$props.maxOptions, searchQueryFilter = _this$props.searchQueryFilter, onEmpty = _this$props.onEmpty, productAttributes = _this$props.productAttributes, intl = _this$props.intl;
+              _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, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
               maxNumberOfResults = maxOptions || 100;
               startTime = window.performance.now();
               recommendationsRequest = {
                 baseUrl: baseUrl,
                 context: {
                   containerId: containerId,
-                  contextType: _this.props.fieldId,
+                  contextType: fieldId,
                   objectId: objectId,
                   principalId: principalId,
                   productKey: productKey,
@@ -241,47 +240,87 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
                 };
               });
 
-              _context.next = 41;
+              _context.next = 58;
               break;
 
             case 31:
               _context.prev = 31;
               _context.t4 = _context["catch"](5);
 
-              if (!closed) {
-                // If the user lookup fails while the menu is open, send UFO failure
-                // TODO handle with-option-failovers example here (falls back to alt data source)
+              if (!closed && !onError) {
+                // If the user lookup fails while the menu is open, and the consumer is not providing a
+                // fallback data source via the onError prop, then send UFO failure
                 _this.optionsShownUfoExperienceInstance.failure();
               }
 
               _this.setState({
-                users: [],
-                error: true
+                users: []
               });
 
-              _context.next = 37;
-              return _this.props.onError ? _this.props.onError(_context.t4, recommendationsRequest) || Promise.resolve([]) : Promise.resolve([]);
+              onErrorProducedError = false;
+              defaultUsers = [];
+              _context.prev = 37;
 
-            case 37:
-              defaultUsers = _context.sent;
-              _elapsedTimeMilli = window.performance.now() - startTime;
+              if (!onError) {
+                _context.next = 47;
+                break;
+              }
+
+              _context.next = 41;
+              return onError(_context.t4, recommendationsRequest);
+
+            case 41:
+              _context.t6 = _context.sent;
+
+              if (_context.t6) {
+                _context.next = 44;
+                break;
+              }
+
+              _context.t6 = [];
+
+            case 44:
+              _context.t5 = _context.t6;
+              _context.next = 48;
+              break;
+
+            case 47:
+              _context.t5 = [];
+
+            case 48:
+              defaultUsers = _context.t5;
+              _context.next = 54;
+              break;
+
+            case 51:
+              _context.prev = 51;
+              _context.t7 = _context["catch"](37);
+              onErrorProducedError = true;
+
+            case 54:
+              if (onErrorProducedError) {
+                // Log error from fallback data source `onError` to UFO
+                _this.optionsShownUfoExperienceInstance.failure();
+              }
 
               _this.setState({
                 users: defaultUsers,
                 loading: false
               });
 
+              _elapsedTimeMilli = window.performance.now() - startTime;
+
               _this.fireEvent(_analytics.failedRequestUsersEvent, {
                 elapsedTimeMilli: _elapsedTimeMilli,
                 productAttributes: productAttributes
               });
 
-            case 41:
+            case 58:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[5, 31]]);
+      }, _callee, null, [[5, 31], [37, 51]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onInputChange", function (newQuery, sessionId) {
       var query = newQuery || '';
@@ -494,7 +533,6 @@ var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
 
 exports.SmartUserPickerWithoutAnalytics = SmartUserPickerWithoutAnalytics;
 (0, _defineProperty2.default)(SmartUserPickerWithoutAnalytics, "defaultProps", {
-  onError: function onError() {},
   baseUrl: '',
   includeUsers: true,
   includeGroups: false,

package/dist/cjs/service/default-value-hydration-client.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _userPicker = require("@atlaskit/user-picker");

package/dist/cjs/service/users-client.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _constants = require("./constants");

package/dist/cjs/service/users-transformer.js

@@ -60,6 +60,7 @@ var transformUser = function transformUser(item, intl) {
       description: team.description || '',
       name: team.displayName || '',
       memberCount: team.memberCount,
+      members: team.members,
       includesYou: team.includesYou,
       avatarUrl: team.largeAvatarImageUrl || team.smallAvatarImageUrl
     };

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "5.0.3",
+	"version": "5.1.0",
 	"sideEffects": false
 }

package/dist/es2019/components/SmartUserPicker.js

@@ -45,7 +45,6 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
     _defineProperty(this, "state", {
       users: [],
       loading: false,
-      error: false,
       closed: true,
       query: '',
       defaultValue: [],
@@ -86,22 +85,24 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
         closed
       } = this.state;
       const {
-        containerId,
-        childObjectId,
-        objectId,
-        principalId,
-        productKey,
-        siteId,
-        orgId,
         baseUrl,
-        includeUsers,
+        childObjectId,
+        containerId,
+        fieldId,
         includeGroups,
         includeTeams,
+        includeUsers,
+        intl,
         maxOptions,
-        searchQueryFilter,
+        objectId,
         onEmpty,
+        onError,
+        orgId,
+        principalId,
         productAttributes,
-        intl
+        productKey,
+        searchQueryFilter,
+        siteId
       } = this.props;
       const maxNumberOfResults = maxOptions || 100;
       const startTime = window.performance.now();
@@ -109,7 +110,7 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
         baseUrl,
         context: {
           containerId,
-          contextType: this.props.fieldId,
+          contextType: fieldId,
           objectId,
           principalId,
           productKey,
@@ -151,22 +152,34 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
           };
         });
       } catch (e) {
-        if (!closed) {
-          // If the user lookup fails while the menu is open, send UFO failure
-          // TODO handle with-option-failovers example here (falls back to alt data source)
+        if (!closed && !onError) {
+          // If the user lookup fails while the menu is open, and the consumer is not providing a
+          // fallback data source via the onError prop, then send UFO failure
           this.optionsShownUfoExperienceInstance.failure();
         }
 
         this.setState({
-          users: [],
-          error: true
+          users: []
         });
-        const defaultUsers = await (this.props.onError ? this.props.onError(e, recommendationsRequest) || Promise.resolve([]) : Promise.resolve([]));
-        const elapsedTimeMilli = window.performance.now() - startTime;
+        let onErrorProducedError = false;
+        let defaultUsers = [];
+
+        try {
+          defaultUsers = onError ? (await onError(e, recommendationsRequest)) || [] : [];
+        } catch (error) {
+          onErrorProducedError = true;
+        }
+
+        if (onErrorProducedError) {
+          // Log error from fallback data source `onError` to UFO
+          this.optionsShownUfoExperienceInstance.failure();
+        }
+
         this.setState({
           users: defaultUsers,
           loading: false
         });
+        const elapsedTimeMilli = window.performance.now() - startTime;
         this.fireEvent(failedRequestUsersEvent, {
           elapsedTimeMilli,
           productAttributes
@@ -340,7 +353,6 @@ export class SmartUserPickerWithoutAnalytics extends React.Component {
 } // TODO: Smart User picker team will have to add a type annotation here
 
 _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
-  onError: () => {},
   baseUrl: '',
   includeUsers: true,
   includeGroups: false,

package/dist/es2019/service/users-transformer.js

@@ -51,6 +51,7 @@ const transformUser = (item, intl) => {
       description: team.description || '',
       name: team.displayName || '',
       memberCount: team.memberCount,
+      members: team.members,
       includesYou: team.includesYou,
       avatarUrl: team.largeAvatarImageUrl || team.smallAvatarImageUrl
     };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "5.0.3",
+	"version": "5.1.0",
 	"sideEffects": false
 }

package/dist/esm/components/SmartUserPicker.js

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -13,6 +12,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -75,7 +76,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     _defineProperty(_assertThisInitialized(_this), "state", {
       users: [],
       loading: false,
-      error: false,
       closed: true,
       query: '',
       defaultValue: [],
@@ -115,21 +115,21 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
     _defineProperty(_assertThisInitialized(_this), "memoizedFilterOptions", memoizeOne(_this.filterOptions));
 
     _defineProperty(_assertThisInitialized(_this), "getUsers", debounce( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _this$state, query, sessionId, closed, _this$props, containerId, childObjectId, objectId, principalId, productKey, siteId, orgId, baseUrl, includeUsers, includeGroups, includeTeams, maxOptions, searchQueryFilter, onEmpty, productAttributes, intl, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, defaultUsers, _elapsedTimeMilli;
+      var _this$state, query, sessionId, closed, _this$props, baseUrl, childObjectId, containerId, fieldId, includeGroups, includeTeams, includeUsers, intl, maxOptions, objectId, onEmpty, onError, orgId, principalId, productAttributes, productKey, searchQueryFilter, siteId, maxNumberOfResults, startTime, recommendationsRequest, _yield$onEmpty, recommendedUsers, elapsedTimeMilli, displayedUsers, 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, containerId = _this$props.containerId, childObjectId = _this$props.childObjectId, objectId = _this$props.objectId, principalId = _this$props.principalId, productKey = _this$props.productKey, siteId = _this$props.siteId, orgId = _this$props.orgId, baseUrl = _this$props.baseUrl, includeUsers = _this$props.includeUsers, includeGroups = _this$props.includeGroups, includeTeams = _this$props.includeTeams, maxOptions = _this$props.maxOptions, searchQueryFilter = _this$props.searchQueryFilter, onEmpty = _this$props.onEmpty, productAttributes = _this$props.productAttributes, intl = _this$props.intl;
+              _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, intl = _this$props.intl, maxOptions = _this$props.maxOptions, objectId = _this$props.objectId, onEmpty = _this$props.onEmpty, onError = _this$props.onError, orgId = _this$props.orgId, principalId = _this$props.principalId, productAttributes = _this$props.productAttributes, productKey = _this$props.productKey, searchQueryFilter = _this$props.searchQueryFilter, siteId = _this$props.siteId;
               maxNumberOfResults = maxOptions || 100;
               startTime = window.performance.now();
               recommendationsRequest = {
                 baseUrl: baseUrl,
                 context: {
                   containerId: containerId,
-                  contextType: _this.props.fieldId,
+                  contextType: fieldId,
                   objectId: objectId,
                   principalId: principalId,
                   productKey: productKey,
@@ -219,47 +219,87 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 };
               });
 
-              _context.next = 41;
+              _context.next = 58;
               break;
 
             case 31:
               _context.prev = 31;
               _context.t4 = _context["catch"](5);
 
-              if (!closed) {
-                // If the user lookup fails while the menu is open, send UFO failure
-                // TODO handle with-option-failovers example here (falls back to alt data source)
+              if (!closed && !onError) {
+                // If the user lookup fails while the menu is open, and the consumer is not providing a
+                // fallback data source via the onError prop, then send UFO failure
                 _this.optionsShownUfoExperienceInstance.failure();
               }
 
               _this.setState({
-                users: [],
-                error: true
+                users: []
               });
 
-              _context.next = 37;
-              return _this.props.onError ? _this.props.onError(_context.t4, recommendationsRequest) || Promise.resolve([]) : Promise.resolve([]);
+              onErrorProducedError = false;
+              defaultUsers = [];
+              _context.prev = 37;
 
-            case 37:
-              defaultUsers = _context.sent;
-              _elapsedTimeMilli = window.performance.now() - startTime;
+              if (!onError) {
+                _context.next = 47;
+                break;
+              }
+
+              _context.next = 41;
+              return onError(_context.t4, recommendationsRequest);
+
+            case 41:
+              _context.t6 = _context.sent;
+
+              if (_context.t6) {
+                _context.next = 44;
+                break;
+              }
+
+              _context.t6 = [];
+
+            case 44:
+              _context.t5 = _context.t6;
+              _context.next = 48;
+              break;
+
+            case 47:
+              _context.t5 = [];
+
+            case 48:
+              defaultUsers = _context.t5;
+              _context.next = 54;
+              break;
+
+            case 51:
+              _context.prev = 51;
+              _context.t7 = _context["catch"](37);
+              onErrorProducedError = true;
+
+            case 54:
+              if (onErrorProducedError) {
+                // Log error from fallback data source `onError` to UFO
+                _this.optionsShownUfoExperienceInstance.failure();
+              }
 
               _this.setState({
                 users: defaultUsers,
                 loading: false
               });
 
+              _elapsedTimeMilli = window.performance.now() - startTime;
+
               _this.fireEvent(failedRequestUsersEvent, {
                 elapsedTimeMilli: _elapsedTimeMilli,
                 productAttributes: productAttributes
               });
 
-            case 41:
+            case 58:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[5, 31]]);
+      }, _callee, null, [[5, 31], [37, 51]]);
     })), (_this$props$debounceT = _this.props.debounceTime) !== null && _this$props$debounceT !== void 0 ? _this$props$debounceT : 0));
 
     _defineProperty(_assertThisInitialized(_this), "onInputChange", function (newQuery, sessionId) {
@@ -476,7 +516,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
 }(React.Component); // TODO: Smart User picker team will have to add a type annotation here
 
 _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
-  onError: function onError() {},
   baseUrl: '',
   includeUsers: true,
   includeGroups: false,

package/dist/esm/service/default-value-hydration-client.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { UserType } from '@atlaskit/user-picker';
 import { getConfig } from '../config';
 import getHydratedUsersFromPrs from './users-client';

package/dist/esm/service/users-client.js

@@ -1,11 +1,11 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { UNKNOWN_USER } from './constants';
 import { graphqlQuery } from './graphqlUtils';
 import { getConfig } from '../config';

package/dist/esm/service/users-transformer.js

@@ -51,6 +51,7 @@ var transformUser = function transformUser(item, intl) {
       description: team.description || '',
       name: team.displayName || '',
       memberCount: team.memberCount,
+      members: team.members,
       includesYou: team.includesYou,
       avatarUrl: team.largeAvatarImageUrl || team.smallAvatarImageUrl
     };

package/dist/esm/util/i18n-util.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 
 /**
  * Tries to get the most specific messages bundle for a given locale.

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-user-picker",
-	"version": "5.0.3",
+	"version": "5.1.0",
 	"sideEffects": false
 }

package/dist/types/analytics.d.ts

@@ -9,7 +9,7 @@ export declare type UserPickerSession = {
     lastKey?: number;
 };
 export declare const startSession: () => UserPickerSession;
-export declare const createAndFireEventInElementsChannel: (payload: Record<string, any>) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
+export declare const createAndFireEventInElementsChannel: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: import("@atlaskit/analytics-next").CreateUIAnalyticsEvent) => import("@atlaskit/analytics-next").UIAnalyticsEvent;
 export interface SmartEventCreator {
     (props: Props, ...args: any[]): AnalyticsEventPayload;
 }

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

@@ -8,7 +8,6 @@ export declare class SmartUserPickerWithoutAnalytics extends React.Component<Pro
     state: State;
     optionsShownUfoExperienceInstance: UFOExperience;
     static defaultProps: {
-        onError: () => void;
         baseUrl: string;
         includeUsers: boolean;
         includeGroups: boolean;

package/dist/types/types.d.ts

@@ -29,7 +29,6 @@ export interface State {
     users: OptionData[];
     loading: boolean;
     closed: boolean;
-    error: boolean;
     query: string;
     sessionId?: string;
     defaultValue?: DefaultValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-user-picker",
-  "version": "5.0.3",
+  "version": "5.1.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -24,7 +24,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/ufo": "^0.1.0",
-    "@atlaskit/user-picker": "^9.0.0",
+    "@atlaskit/user-picker": "^9.1.0",
     "@babel/runtime": "^7.0.0",
     "lodash": "^4.17.21",
     "memoize-one": "^6.0.0",
@@ -36,7 +36,7 @@
     "react-dom": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/button": "^16.2.0",
+    "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/modal-dialog": "^12.2.0",
@@ -50,7 +50,7 @@
     "fetch-mock": "^8.0.0",
     "graphql-tag": "^2.10.1",
     "mock-apollo-client": "^0.1.0",
-    "typescript": "3.9.6"
+    "typescript": "4.2.4"
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }