@atlaskit/smart-user-picker 6.0.3 → 6.0.5

package/dist/esm/components/SmartUserPicker.js

@@ -7,17 +7,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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";
-
 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; } }
-
 import React from 'react';
 import debounce from 'lodash/debounce';
 import { v4 as uuidV4 } from 'uuid';
@@ -31,48 +25,43 @@ import MessagesIntlProvider from './MessagesIntlProvider';
 import { getUserRecommendations, hydrateDefaultValues } from '../service';
 import { smartUserPickerOptionsShownUfoExperience } from '../ufoExperiences';
 var DEFAULT_DEBOUNCE_TIME_MS = 150;
-
+var ufoEndStateConfig = function ufoEndStateConfig(fieldId) {
+  return {
+    metadata: {
+      contextType: fieldId
+    }
+  };
+};
 var hasContextChanged = function hasContextChanged(oldContext, newContext) {
   return oldContext.siteId !== newContext.siteId || oldContext.orgId !== newContext.orgId || oldContext.productKey !== newContext.productKey || oldContext.principalId !== newContext.principalId || oldContext.containerId !== newContext.containerId || oldContext.objectId !== newContext.objectId || oldContext.childObjectId !== newContext.childObjectId;
 };
-
 var stringContains = function stringContains(str, substr) {
   if (str === null || str === undefined) {
     return false;
   }
-
   if (substr === null || substr === '' || substr === undefined) {
     return true;
   }
-
   return str.toLowerCase().includes(substr.toLowerCase());
 };
-
 var getUsersForAnalytics = function getUsersForAnalytics(users) {
   return (users || []).map(function (_ref) {
     var id = _ref.id,
-        type = _ref.type;
+      type = _ref.type;
     return {
       id: id,
       type: type
     };
   });
 };
-
 export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(SmartUserPickerWithoutAnalytics, _React$Component);
-
   var _super = _createSuper(SmartUserPickerWithoutAnalytics);
-
   function SmartUserPickerWithoutAnalytics(props) {
     var _this$props$debounceT;
-
     var _this;
-
     _classCallCheck(this, SmartUserPickerWithoutAnalytics);
-
     _this = _super.call(this, props);
-
     _defineProperty(_assertThisInitialized(_this), "state", {
       users: [],
       loading: false,
@@ -81,7 +70,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       defaultValue: [],
       bootstrapOptions: []
     });
-
     _defineProperty(_assertThisInitialized(_this), "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === UFOExperienceState.STARTED.id) {
         // There may be an existing UFO timing running from previous key entry or focus,
@@ -89,34 +77,25 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         _this.optionsShownUfoExperienceInstance.abort();
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
-
       _this.optionsShownUfoExperienceInstance.start();
     });
-
     _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
       if (createAnalyticsEvent) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           args[_key - 1] = arguments[_key];
         }
-
         createAndFireEventInElementsChannel(eventCreator.apply(void 0, [_this.props, _this.state].concat(args)))(createAnalyticsEvent);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "filterOptions", function (users, query, propFilterOptions) {
       return propFilterOptions ? propFilterOptions(users, query) : users;
     });
-
     _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, 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) {
@@ -147,64 +126,48 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 searchQueryFilter: searchQueryFilter
               };
               _context.prev = 5;
-
               _this.fireEvent(requestUsersEvent);
-
               _context.next = 9;
               return getUserRecommendations(recommendationsRequest, intl);
-
             case 9:
               recommendedUsers = _context.sent;
               elapsedTimeMilli = window.performance.now() - startTime;
-
               if (!(recommendedUsers.length === 0 && onEmpty)) {
                 _context.next = 26;
                 break;
               }
-
               _context.next = 14;
               return onEmpty(query);
-
             case 14:
               _context.t2 = _yield$onEmpty = _context.sent;
               _context.t1 = _context.t2 !== null;
-
               if (!_context.t1) {
                 _context.next = 18;
                 break;
               }
-
               _context.t1 = _yield$onEmpty !== void 0;
-
             case 18:
               if (!_context.t1) {
                 _context.next = 22;
                 break;
               }
-
               _context.t3 = _yield$onEmpty;
               _context.next = 23;
               break;
-
             case 22:
               _context.t3 = [];
-
             case 23:
               _context.t0 = _context.t3;
               _context.next = 27;
               break;
-
             case 26:
               _context.t0 = recommendedUsers;
-
             case 27:
               displayedUsers = _context.t0;
-
               _this.setState(function (state) {
                 var applicable = state.query === query;
                 var users = applicable ? displayedUsers : state.users;
                 var loading = !applicable;
-
                 _this.fireEvent(successfulRequestUsersEvent, {
                   users: getUsersForAnalytics(recommendedUsers),
                   elapsedTimeMilli: elapsedTimeMilli,
@@ -212,88 +175,68 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                   productAttributes: productAttributes,
                   applicable: applicable
                 });
-
                 return {
                   users: users,
                   loading: loading
                 };
               });
-
               _context.next = 58;
               break;
-
             case 31:
               _context.prev = 31;
               _context.t4 = _context["catch"](5);
-
               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.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
               }
-
               _this.setState({
                 users: []
               });
-
               onErrorProducedError = false;
               defaultUsers = [];
               _context.prev = 37;
-
               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.optionsShownUfoExperienceInstance.failure(ufoEndStateConfig(_this.props.fieldId));
               }
-
               _this.setState({
                 users: defaultUsers,
                 loading: false
               });
-
               _elapsedTimeMilli = window.performance.now() - startTime;
-
               _this.fireEvent(failedRequestUsersEvent, {
                 elapsedTimeMilli: _elapsedTimeMilli,
                 productAttributes: productAttributes
               });
-
             case 58:
             case "end":
               return _context.stop();
@@ -301,80 +244,64 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
         }
       }, _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) {
       var query = newQuery || '';
       var closed = _this.state.closed;
-
       if (query === _this.state.query) {
         return;
       }
-
       if (!closed) {
         // If the input has been typed into and the dropdown has not been closed
         // (i.e. input blurred) then start the UFO timer.
         // If there's a previous UFO timer running for the same "options shown" experience,
         // it will be aborted first.
         _this.startOptionsShownUfoExperience();
-
         _this.setState({
           loading: true,
           query: query,
           sessionId: sessionId
         });
-
         if (_this.props.onInputChange) {
           _this.props.onInputChange(query, sessionId);
         }
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "filterUsers", function () {
       var _this$state2 = _this.state,
-          loading = _this$state2.loading,
-          users = _this$state2.users,
-          query = _this$state2.query;
-
-      var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions); //If bootstrapOptions have been passed in and it is bootstrap
-
-
+        loading = _this$state2.loading,
+        users = _this$state2.users,
+        query = _this$state2.query;
+      var filteredUsers = _this.memoizedFilterOptions(users, query, _this.props.filterOptions);
+      //If bootstrapOptions have been passed in and it is bootstrap
       if (_this.props.bootstrapOptions && _this.props.bootstrapOptions.length !== 0 && query === '') {
         var bootstrapFilteredUsers = _this.memoizedFilterOptions(_this.props.bootstrapOptions, query, _this.props.filterOptions);
-
         _this.fireEvent(filterUsersEvent, {
           filtered: getUsersForAnalytics(bootstrapFilteredUsers),
           all: getUsersForAnalytics(_this.props.bootstrapOptions)
         });
-
         return bootstrapFilteredUsers;
-      } // while when not loading just return already filtered result from server.
-
-
+      }
+      // while when not loading just return already filtered result from server.
       if (!loading) {
         return filteredUsers;
       }
-
       var queryFilteredUsers = filteredUsers.filter(function (user) {
         return stringContains(user.name, query);
       });
-
       _this.fireEvent(filterUsersEvent, {
         filtered: getUsersForAnalytics(queryFilteredUsers),
         all: getUsersForAnalytics(users)
-      }); // when loading filter previous result.
-
+      });
 
+      // when loading filter previous result.
       return filteredUsers;
     });
-
     _defineProperty(_assertThisInitialized(_this), "onFocus", function (sessionId) {
       var state = {
         query: '',
         closed: false
       };
-
       _this.startOptionsShownUfoExperience();
-
       if (_this.state.users.length === 0) {
         state.sessionId = sessionId;
         state.loading = true;
@@ -385,40 +312,32 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
           sessionId: sessionId
         });
       }
-
       _this.setState(function (currentState) {
         return _objectSpread(_objectSpread({}, currentState), state);
       });
-
       if (_this.props.onFocus) {
         _this.props.onFocus(sessionId);
       }
     });
-
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (sessionId) {
       _this.getUsers.cancel();
+      _this.abortOptionsShownUfoExperience();
 
-      _this.abortOptionsShownUfoExperience(); // clear old users if query is populated so that on refocus,
+      // clear old users if query is populated so that on refocus,
       // the old list is not shown
-
-
       var users = _this.state.query.length === 0 ? _this.state.users : [];
-
       _this.setState({
         loading: false,
         closed: true,
         users: users
       });
-
       if (_this.props.onBlur) {
         _this.props.onBlur(sessionId);
       }
     });
-
     _this.optionsShownUfoExperienceInstance = smartUserPickerOptionsShownUfoExperience.getInstance(props.inputId || props.fieldId);
     return _this;
   }
-
   _createClass(SmartUserPickerWithoutAnalytics, [{
     key: "componentDidMount",
     value: function () {
@@ -431,7 +350,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 _context2.prev = 0;
                 _context2.next = 3;
                 return hydrateDefaultValues(this.props.baseUrl, this.props.defaultValue, this.props.productKey);
-
               case 3:
                 value = _context2.sent;
                 this.setState({
@@ -439,22 +357,18 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                 });
                 _context2.next = 13;
                 break;
-
               case 7:
                 _context2.prev = 7;
                 _context2.t0 = _context2["catch"](0);
                 _context2.next = 11;
                 return this.props.onValueError ? this.props.onValueError(_context2.t0, this.props.defaultValue) || Promise.resolve([]) : Promise.resolve([]);
-
               case 11:
                 defaultValue = _context2.sent;
                 this.setState({
                   defaultValue: defaultValue
                 });
-
               case 13:
                 prefetch = this.props.prefetch;
-
                 if (prefetch) {
                   sessionId = uuidV4();
                   this.fireEvent(mountedWithPrefetchEvent, {
@@ -464,7 +378,6 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
                     sessionId: sessionId
                   });
                 }
-
               case 15:
               case "end":
                 return _context2.stop();
@@ -472,11 +385,9 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
           }
         }, _callee2, this, [[0, 7]]);
       }));
-
       function componentDidMount() {
         return _componentDidMount.apply(this, arguments);
       }
-
       return componentDidMount;
     }()
   }, {
@@ -487,14 +398,13 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
           users: []
         });
       }
-
       if ((this.state.sessionId !== prevState.sessionId || this.state.query !== prevState.query) && (this.state.query !== '' || !this.props.bootstrapOptions)) {
         this.getUsers();
       } else if (!this.state.closed && !this.state.loading) {
         // If the component has rendered (including its dropdown list) and it
         // is not loading anything further, send the success UFO event
         if (![UFOExperienceState.FAILED.id, UFOExperienceState.SUCCEEDED.id].includes(this.optionsShownUfoExperienceInstance.state.id)) {
-          this.optionsShownUfoExperienceInstance.success();
+          this.optionsShownUfoExperienceInstance.success(ufoEndStateConfig(this.props.fieldId));
         }
       }
     }
@@ -511,10 +421,10 @@ export var SmartUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compo
       })));
     }
   }]);
-
   return SmartUserPickerWithoutAnalytics;
-}(React.Component); // TODO: Smart User picker team will have to add a type annotation here
+}(React.Component);
 
+// TODO: Smart User picker team will have to add a type annotation here
 _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
   baseUrl: '',
   includeUsers: true,
@@ -524,5 +434,4 @@ _defineProperty(SmartUserPickerWithoutAnalytics, "defaultProps", {
   principalId: 'Context',
   debounceTime: DEFAULT_DEBOUNCE_TIME_MS
 });
-
 export var SmartUserPicker = withAnalyticsEvents()(injectIntl(SmartUserPickerWithoutAnalytics));

package/dist/esm/components/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { SmartUserPicker } from './SmartUserPicker';
 import MessagesIntlProvider from './MessagesIntlProvider';
 import { useUFOConcurrentExperience, smartUserPickerRenderedUfoExperience, UfoErrorBoundary } from '../ufoExperiences';
-
 var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(props) {
   var ufoId = props.inputId || props.fieldId;
   useUFOConcurrentExperience(smartUserPickerRenderedUfoExperience, ufoId);
@@ -10,5 +9,4 @@ var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(p
     id: ufoId
   }, /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(SmartUserPicker, props)));
 };
-
 export default SmartUserPickerWithIntlProvider;

package/dist/esm/index.js

@@ -1,5 +1,7 @@
 export { default } from './components';
 export { getUserRecommendations, hydrateDefaultValues } from './service';
-export { //Utils
-isEmail, isTeam, isUser, isValidEmail, // Constants
+export {
+//Utils
+isEmail, isTeam, isUser, isValidEmail,
+// Constants
 EmailType, GroupType, TeamType, UserType } from '@atlaskit/user-picker';