@atlaskit/user-picker 8.8.4 → 9.0.0

package/dist/esm/components/smart-user-picker/components/index.js

@@ -1,582 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-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";
-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; }
-
-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';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import memoizeOne from 'memoize-one';
-import { injectIntl } from 'react-intl-next';
-import { requestUsersEvent, filterUsersEvent, preparedUsersLoadedEvent, successfulRequestUsersEvent, failedRequestUsersEvent, mountedWithPrefetchEvent, createAndFireEventInElementsChannel } from '../../../analytics';
-import { UserType } from '../../../types';
-import { UserPicker } from '../../UserPicker';
-import getUserRecommendations from '../service/recommendationClient';
-import getUsersById from '../service/UsersClient';
-import MessagesIntlProvider from '../../MessagesIntlProvider';
-
-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;
-    return {
-      id: id,
-      type: type
-    };
-  });
-};
-
-var sortResults = function sortResults(users, sortIds) {
-  var resultsMap = new Map(users.map(function (user) {
-    return [user.id, user];
-  }));
-  return sortIds.map(function (id) {
-    var user = resultsMap.get(id);
-
-    if (user) {
-      return user;
-    }
-
-    return {
-      id: id,
-      type: UserType,
-      name: 'Unknown'
-    };
-  });
-};
-
-function isOptionData(option) {
-  return option.name !== undefined;
-}
-/**
- * @deprecated Please use @atlaskit/smart-user-picker. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact #help-smart-experiences for further details.
- */
-
-
-export function hydrateDefaultValues(_x, _x2, _x3) {
-  return _hydrateDefaultValues.apply(this, arguments);
-}
-/**
- * @deprecated
- */
-
-function _hydrateDefaultValues() {
-  _hydrateDefaultValues = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(value, productKey, baseUrl) {
-    var accountIds, results;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            if (value) {
-              _context3.next = 2;
-              break;
-            }
-
-            return _context3.abrupt("return", []);
-
-          case 2:
-            if (!(!Array.isArray(value) && isOptionData(value))) {
-              _context3.next = 4;
-              break;
-            }
-
-            return _context3.abrupt("return", [value]);
-
-          case 4:
-            if (!(Array.isArray(value) && (value.length === 0 || isOptionData(value[0])))) {
-              _context3.next = 6;
-              break;
-            }
-
-            return _context3.abrupt("return", value);
-
-          case 6:
-            if (!(productKey !== 'jira' && productKey !== 'confluence')) {
-              _context3.next = 12;
-              break;
-            }
-
-            if (!Array.isArray(value)) {
-              _context3.next = 11;
-              break;
-            }
-
-            return _context3.abrupt("return", value);
-
-          case 11:
-            return _context3.abrupt("return", [value]);
-
-          case 12:
-            //hydrate
-            accountIds = [];
-
-            if (Array.isArray(value)) {
-              accountIds = value.map(function (a) {
-                return a.id;
-              });
-            } else {
-              accountIds = [value.id];
-            }
-
-            _context3.next = 16;
-            return getUsersById({
-              productKey: productKey,
-              accountIds: accountIds,
-              baseUrl: baseUrl
-            });
-
-          case 16:
-            results = _context3.sent;
-            return _context3.abrupt("return", sortResults(results, accountIds));
-
-          case 18:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  }));
-  return _hydrateDefaultValues.apply(this, arguments);
-}
-
-var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
-  _inherits(SmartUserPicker, _React$Component);
-
-  var _super = _createSuper(SmartUserPicker);
-
-  function SmartUserPicker() {
-    var _this$props$debounceT;
-
-    var _this;
-
-    _classCallCheck(this, SmartUserPicker);
-
-    for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
-      _args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(_args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      users: [],
-      loading: false,
-      error: false,
-      closed: true,
-      query: '',
-      defaultValue: [],
-      bootstrapOptions: []
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
-      var createAnalyticsEvent = _this.props.createAnalyticsEvent;
-
-      if (createAnalyticsEvent) {
-        for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-          args[_key2 - 1] = arguments[_key2];
-        }
-
-        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, _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;
-
-      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;
-              _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;
-              maxNumberOfResults = maxOptions || 100;
-              startTime = window.performance.now();
-              recommendationsRequest = {
-                baseUrl: baseUrl,
-                context: {
-                  containerId: containerId,
-                  contextType: _this.props.fieldId,
-                  objectId: objectId,
-                  principalId: principalId,
-                  productKey: productKey,
-                  siteId: siteId,
-                  orgId: orgId,
-                  childObjectId: childObjectId,
-                  sessionId: sessionId,
-                  productAttributes: productAttributes
-                },
-                includeUsers: includeUsers,
-                includeGroups: includeGroups,
-                includeTeams: includeTeams,
-                maxNumberOfResults: maxNumberOfResults,
-                query: query,
-                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,
-                  displayedUsers: getUsersForAnalytics(displayedUsers),
-                  productAttributes: productAttributes,
-                  applicable: applicable
-                });
-
-                return {
-                  users: users,
-                  loading: loading
-                };
-              });
-
-              _context.next = 40;
-              break;
-
-            case 31:
-              _context.prev = 31;
-              _context.t4 = _context["catch"](5);
-
-              _this.setState({
-                users: [],
-                error: true
-              });
-
-              _context.next = 36;
-              return _this.props.onError ? _this.props.onError(_context.t4, recommendationsRequest) || Promise.resolve([]) : Promise.resolve([]);
-
-            case 36:
-              defaultUsers = _context.sent;
-              _elapsedTimeMilli = window.performance.now() - startTime;
-
-              _this.setState({
-                users: defaultUsers,
-                loading: false
-              });
-
-              _this.fireEvent(failedRequestUsersEvent, {
-                elapsedTimeMilli: _elapsedTimeMilli,
-                productAttributes: productAttributes
-              });
-
-            case 40:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[5, 31]]);
-    })), (_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) {
-        _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
-
-
-      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.
-
-
-      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.
-
-
-      return filteredUsers;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFocus", function (sessionId) {
-      var state = {
-        query: '',
-        closed: false
-      };
-
-      if (_this.state.users.length === 0) {
-        state.sessionId = sessionId;
-        state.loading = true;
-      } else {
-        _this.fireEvent(preparedUsersLoadedEvent, {
-          users: getUsersForAnalytics(_this.state.users),
-          preparedSessionId: _this.state.sessionId,
-          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(); // 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);
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(SmartUserPicker, [{
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var value, _defaultValue, prefetch, sessionId;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-                _context2.next = 3;
-                return hydrateDefaultValues(this.props.defaultValue, this.props.productKey, this.props.baseUrl);
-
-              case 3:
-                value = _context2.sent;
-                this.setState({
-                  defaultValue: value
-                });
-                _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, {
-                    sessionId: sessionId
-                  });
-                  this.setState({
-                    sessionId: sessionId
-                  });
-                }
-
-              case 15:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[0, 7]]);
-      }));
-
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-
-      return componentDidMount;
-    }()
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      if (hasContextChanged(prevProps, this.props) || this.props.fieldId !== prevProps.fieldId) {
-        this.setState({
-          users: []
-        });
-      }
-
-      if ((this.state.sessionId !== prevState.sessionId || this.state.query !== prevState.query) && (this.state.query !== '' || !this.props.bootstrapOptions)) {
-        this.getUsers();
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(UserPicker, _extends({}, this.props, {
-        onInputChange: this.onInputChange,
-        onBlur: this.onBlur,
-        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()
-      }));
-    }
-  }]);
-
-  return SmartUserPicker;
-}(React.Component);
-
-_defineProperty(SmartUserPicker, "defaultProps", {
-  onError: function onError() {},
-  baseUrl: '',
-  includeUsers: true,
-  includeGroups: false,
-  includeTeams: false,
-  prefetch: false,
-  principalId: 'Context'
-});
-
-var WrappedSmartUserPicker = withAnalyticsEvents()(injectIntl(SmartUserPicker));
-/**
- * @deprecated
- */
-
-var SmartUserPickerWithIntlProvider = function SmartUserPickerWithIntlProvider(props) {
-  return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(WrappedSmartUserPicker, props));
-};
-/**
- * Please use AK/SUP instead
- * @deprecated
- */
-
-
-export default SmartUserPickerWithIntlProvider;

package/dist/esm/components/smart-user-picker/config/index.js

@@ -1,38 +0,0 @@
-var env = 'prod';
-var STG_INSTANCE = 'https://api-private.stg.atlassian.com';
-var LOCAL_CONFIG = {
-  getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
-    return baseUrl ? "".concat(STG_INSTANCE, "/").concat(baseUrl, "/gateway/api/v1/recommendations") : "".concat(STG_INSTANCE, "/gateway/api/v1/recommendations");
-  },
-  getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    return productKey === 'jira' ? "https://jdog.jira-dev.com/rest/api/3/user/bulk" : "https://pug.jira-dev.com/wiki/rest/api/user/bulk";
-  }
-};
-var PRD_CONFIG = {
-  getRecommendationServiceUrl: function getRecommendationServiceUrl(baseUrl) {
-    return baseUrl ? "".concat(baseUrl, "/gateway/api/v1/recommendations") : '/gateway/api/v1/recommendations';
-  },
-  getUsersServiceUrl: function getUsersServiceUrl(productKey) {
-    var baseUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-    return productKey === 'jira' ? "".concat(baseUrl, "/rest/api/3/user/bulk") : "".concat(baseUrl, "/wiki/rest/api/user/bulk");
-  }
-};
-/**
- * @deprecated Please use @atlaskit/smart-user-picker. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact #help-smart-experiences for further details.
- */
-
-export var setSmartUserPickerEnv = function setSmartUserPickerEnv(newEnv) {
-  return env = newEnv;
-};
-/**
- * @deprecated Please use @atlaskit/smart-user-picker. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact #help-smart-experiences for further details.
- */
-
-export var getConfig = function getConfig() {
-  return env === 'local' ? LOCAL_CONFIG : PRD_CONFIG;
-};
-/**
- * @deprecated Please use @atlaskit/smart-user-picker. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact #help-smart-experiences for further details.
- */
-
-export var JDOG_CLOUD_ID = '49d8b9d6-ee7d-4931-a0ca-7fcae7d1c3b5';

package/dist/esm/components/smart-user-picker/index.js

@@ -1,7 +0,0 @@
-/**
- * Please use AK/SUP instead
- * @deprecated
- */
-export { default as SmartUserPicker, hydrateDefaultValues } from './components';
-export { getUserRecommendations } from './service';
-export { setSmartUserPickerEnv } from './config';