@atlaskit/mention 19.9.5 → 21.0.0

package/dist/es2019/default-mention-name-resolver/default-mention-name-resolver.js

@@ -1,64 +0,0 @@
-import { MentionNameStatus } from '../types';
-import { graphqlQuery } from './graphqlUtils';
-import { config } from '../config';
-
-const buildUsersQuery = accountIds => ({
-  query: `query usersQuery($accountIds: [ID!]!) {
-    users(accountIds: $accountIds) {
-      name
-      accountId
-    }
-  }`,
-  variables: {
-    accountIds
-  }
-});
-
-const makeRequest = async (url, accountIds) => {
-  const query = buildUsersQuery(accountIds);
-  return graphqlQuery(url, query);
-};
-
-export class DefaultMentionNameResolver {
-  constructor(baseUrl) {
-    this.baseUrl = baseUrl;
-    this.cache = new Map();
-  }
-
-  async lookupName(id) {
-    try {
-      var _data$users;
-
-      if (this.cache.has(id)) {
-        return {
-          id,
-          name: this.cache.get(id),
-          status: MentionNameStatus.OK
-        };
-      }
-
-      const url = config.getGraphQLUrl(this.baseUrl);
-      const data = await makeRequest(url, [id]);
-      const userInfo = (_data$users = data.users) === null || _data$users === void 0 ? void 0 : _data$users.find(user => user.accountId === id);
-      return userInfo ? {
-        id,
-        name: userInfo.name,
-        status: MentionNameStatus.OK
-      } : {
-        id,
-        status: MentionNameStatus.UNKNOWN
-      };
-    } catch (error) {
-      // on network error, return original list with label 'Unknown'
-      return {
-        id,
-        status: MentionNameStatus.UNKNOWN
-      };
-    }
-  }
-
-  cacheName(id, name) {
-    this.cache.set(id, name);
-  }
-
-}

package/dist/es2019/default-mention-name-resolver/graphqlUtils.js

@@ -1,39 +0,0 @@
-const buildHeaders = () => {
-  const headers = new Headers();
-  headers.append('Content-Type', 'application/json');
-  return headers;
-};
-
-/**
- * @param {string} serviceUrl - GraphQL service endpoint
- * @param {Query} query - GraphQL query
- */
-export function graphqlQuery(serviceUrl, query) {
-  const headers = buildHeaders();
-  return fetch(new Request(`${serviceUrl}`, {
-    method: 'POST',
-    credentials: 'include',
-    mode: 'cors',
-    headers,
-    body: JSON.stringify(query)
-  })).then(response => {
-    if (!response.ok) {
-      return Promise.reject({
-        code: response.status,
-        reason: response.statusText
-      });
-    }
-
-    return response;
-  }).then(response => response.json()).then(json => {
-    if (json.errors) {
-      var _json$errors$;
-
-      return Promise.reject({
-        reason: ((_json$errors$ = json.errors[0]) === null || _json$errors$ === void 0 ? void 0 : _json$errors$.category) || 'default'
-      });
-    }
-
-    return json.data;
-  });
-}

package/dist/esm/api/SmartMentionResource.js

@@ -1,317 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 { SMART_EVENT_TYPE, Actions, getUsersForAnalytics, defaultAttributes } from './analytics';
-import getUserRecommendations from './recommendationClient';
-import { EntityType } from './SmartMentionTypes';
-import { UserAccessLevel, UserType as MentionUserType } from '../types';
-import { AbstractMentionResource } from '../resource';
-import { DefaultMentionNameResolver } from '../default-mention-name-resolver/default-mention-name-resolver';
-var CONTEXT_TYPE = 'Mentions';
-
-var isSmartMentionConfigWithMentionNameResolver = function isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) {
-  return !!smartMentionConfig.mentionNameResolver;
-};
-/*
- * This is a provider implementation which calls URS to provide a list of recommended users/teams to mention.
- * The entryPoint hierarchy is : Editor -> editor-core -> plugins -> mentions -> typeAhead -> getItems -> pluginState.pluginProvider.filter
- * The results are then mapped to mentionItems which have a render prop mentionToTypeaheadItem -> MentionItem
- * https://bitbucket.org/atlassian/atlassian-frontend/src/0884032d85f11f43c13532cd21f13f696b0d28a7/packages/editor/editor-core/src/plugins/mentions/index.tsx#lines-219
- *
- */
-
-
-var SmartMentionResource = /*#__PURE__*/function (_AbstractMentionResou) {
-  _inherits(SmartMentionResource, _AbstractMentionResou);
-
-  var _super = _createSuper(SmartMentionResource);
-
-  function SmartMentionResource(smartMentionConfig) {
-    var _this;
-
-    _classCallCheck(this, SmartMentionResource);
-
-    _this = _super.call(this); // If the product doesn't provide a mention name resolve, use the default resolver so that
-    // mention names can be looked up from PRS without configuration.
-
-    _this.smartMentionConfig = isSmartMentionConfigWithMentionNameResolver(smartMentionConfig) ? smartMentionConfig : _objectSpread(_objectSpread({}, smartMentionConfig), {}, {
-      mentionNameResolver: new DefaultMentionNameResolver(smartMentionConfig.baseUrl)
-    });
-    _this.lastReturnedSearch = 0;
-    return _this;
-  }
-
-  _createClass(SmartMentionResource, [{
-    key: "shouldHighlightMention",
-    value: function shouldHighlightMention(mention) {
-      if (this.smartMentionConfig.shouldHighlightMention) {
-        return this.smartMentionConfig.shouldHighlightMention(mention);
-      }
-
-      return false;
-    }
-  }, {
-    key: "notify",
-    value: function notify(searchTime, mentionResult, query) {
-      if (searchTime > this.lastReturnedSearch) {
-        this.lastReturnedSearch = searchTime;
-
-        this._notifyListeners(mentionResult, {
-          duration: Date.now() - searchTime
-        });
-      }
-
-      this._notifyAllResultsListeners(mentionResult);
-    }
-  }, {
-    key: "notifyError",
-    value: function notifyError(error, query) {
-      this._notifyErrorListeners(error, query);
-    }
-  }, {
-    key: "filter",
-    value: function () {
-      var _filter = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(query, contextIdentifier) {
-        var searchTime, results;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                this.contextIdentifier = contextIdentifier;
-                searchTime = Date.now();
-                _context.prev = 2;
-                _context.next = 5;
-                return this.getRecommendedMentions(query ? query : '', contextIdentifier);
-
-              case 5:
-                results = _context.sent;
-                this.notify(searchTime, results, query);
-                _context.next = 12;
-                break;
-
-              case 9:
-                _context.prev = 9;
-                _context.t0 = _context["catch"](2);
-                this.notifyError(_context.t0, query);
-
-              case 12:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this, [[2, 9]]);
-      }));
-
-      function filter(_x, _x2) {
-        return _filter.apply(this, arguments);
-      }
-
-      return filter;
-    }()
-  }, {
-    key: "getRecommendedMentions",
-    value: function () {
-      var _getRecommendedMentions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(query, contextIdentifier) {
-        var startTime, conf, maxNumberOfResults, request, users, elapsedTimeMilli, usersForAnalytics, mentions, _elapsedTimeMilli;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                startTime = window.performance.now();
-                conf = this.smartMentionConfig;
-                maxNumberOfResults = conf.maxNumberOfResults || 100;
-                request = {
-                  baseUrl: conf.baseUrl,
-                  context: {
-                    productKey: conf.productKey,
-                    contextType: CONTEXT_TYPE,
-                    principalId: conf.principalId || 'context',
-                    containerId: contextIdentifier && contextIdentifier.containerId,
-                    siteId: conf.siteId,
-                    objectId: contextIdentifier && contextIdentifier.objectId || 'undefined',
-                    childObjectId: contextIdentifier && contextIdentifier.childObjectId || 'undefined',
-                    mentionsSessionId: contextIdentifier && contextIdentifier.sessionId || 'undefined',
-                    sessionId: contextIdentifier && contextIdentifier.sessionId || 'undefined'
-                  },
-                  includeGroups: conf.includeGroups,
-                  includeTeams: conf.includeTeams,
-                  includeUsers: typeof conf.includeUsers === 'undefined' ? true : conf.includeUsers,
-                  maxNumberOfResults: maxNumberOfResults,
-                  searchQueryFilter: conf.searchQueryFilter,
-                  query: query
-                };
-                _context2.prev = 4;
-
-                this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'users', Actions.REQUESTED, defaultAttributes(contextIdentifier));
-
-                _context2.next = 8;
-                return getUserRecommendations(request);
-
-              case 8:
-                users = _context2.sent;
-                elapsedTimeMilli = window.performance.now() - startTime;
-                usersForAnalytics = getUsersForAnalytics(users);
-
-                this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'usersRequest', Actions.SUCCESSFUL, _objectSpread({
-                  elapsedTimeMilli: elapsedTimeMilli,
-                  users: usersForAnalytics,
-                  displayedUsers: usersForAnalytics
-                }, defaultAttributes(contextIdentifier)));
-
-                mentions = this.transformUsersToMentions(users);
-                return _context2.abrupt("return", {
-                  mentions: mentions,
-                  query: query
-                });
-
-              case 16:
-                _context2.prev = 16;
-                _context2.t0 = _context2["catch"](4);
-                _elapsedTimeMilli = window.performance.now() - startTime;
-
-                this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'usersRequest', Actions.FAILED, _objectSpread({
-                  elapsedTimeMilli: _elapsedTimeMilli
-                }, defaultAttributes(contextIdentifier)));
-
-                throw new Error(_context2.t0);
-
-              case 21:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[4, 16]]);
-      }));
-
-      function getRecommendedMentions(_x3, _x4) {
-        return _getRecommendedMentions.apply(this, arguments);
-      }
-
-      return getRecommendedMentions;
-    }()
-  }, {
-    key: "transformTeamMember",
-    value: function transformTeamMember(member) {
-      return {
-        id: member.id,
-        name: member.name
-      };
-    }
-  }, {
-    key: "transformUserToMention",
-    value: function transformUserToMention(item) {
-      var type = item.entityType;
-      var defaultVals = {
-        source: 'smarts'
-      };
-
-      if (type === EntityType.USER) {
-        var user = item;
-        return _objectSpread(_objectSpread({}, defaultVals), {}, {
-          id: user.id,
-          accessLevel: user.accessLevel,
-          avatarUrl: user.avatarUrl,
-          mentionName: user.nickname || '',
-          name: user.name,
-          userType: user.userType
-        });
-      }
-
-      if (type === EntityType.TEAM) {
-        var team = item;
-        var teamLink = '';
-        var defaultTeamLink = "".concat(window.location.origin, "/people/team/").concat(team.id);
-
-        if (typeof this.smartMentionConfig.teamLinkResolver === 'function') {
-          teamLink = this.smartMentionConfig.teamLinkResolver(item.id);
-        }
-
-        return _objectSpread(_objectSpread({}, defaultVals), {}, {
-          id: team.id,
-          name: team.displayName || '',
-          mentionName: team.displayName,
-          avatarUrl: team.smallAvatarImageUrl,
-          accessLevel: UserAccessLevel[UserAccessLevel.CONTAINER],
-          userType: MentionUserType[MentionUserType.TEAM],
-          lozenge: MentionUserType[MentionUserType.TEAM],
-          context: {
-            members: team.members ? team.members.map(this.transformTeamMember) : [],
-            includesYou: team.includesYou || false,
-            memberCount: team.memberCount || 0,
-            teamLink: teamLink || defaultTeamLink //OOH HERE Do we pass in resolver or add in provider?
-
-          },
-          source: 'smarts'
-        });
-      }
-
-      if (type === EntityType.GROUP) {
-        var group = item;
-        return _objectSpread(_objectSpread({}, defaultVals), {}, {
-          id: group.id,
-          userType: type.toLowerCase(),
-          name: group.name || '',
-          lozenge: type.toLowerCase()
-        });
-      }
-
-      return {
-        id: item.id,
-        userType: EntityType.USER.toLowerCase(),
-        avatarUrl: item.avatarUrl,
-        name: item.name,
-        lozenge: EntityType.USER.toLowerCase()
-      };
-    }
-  }, {
-    key: "transformUsersToMentions",
-    value: function transformUsersToMentions(recommendationItems) {
-      return (recommendationItems || []).map(this.transformUserToMention, this).filter(function (user) {
-        return !!user;
-      }).map(function (user) {
-        return user;
-      });
-    }
-  }, {
-    key: "cacheMentionName",
-    value: function cacheMentionName(id, mentionName) {
-      this.smartMentionConfig.mentionNameResolver.cacheName(id, mentionName);
-    }
-  }, {
-    key: "resolveMentionName",
-    value: function resolveMentionName(id) {
-      return this.smartMentionConfig.mentionNameResolver.lookupName(id);
-    }
-  }, {
-    key: "supportsMentionNameResolving",
-    value: function supportsMentionNameResolving() {
-      return true;
-    }
-  }, {
-    key: "recordMentionSelection",
-    value: function recordMentionSelection(_mention) {
-      this._notifyAnalyticsListeners(SMART_EVENT_TYPE, 'usersRequest', Actions.SELECTED, _objectSpread({
-        selectedOption: _mention.id
-      }, defaultAttributes(this.contextIdentifier)));
-    }
-  }]);
-
-  return SmartMentionResource;
-}(AbstractMentionResource);
-
-export default SmartMentionResource;

package/dist/esm/api/SmartMentionTypes.js

@@ -1,7 +0,0 @@
-export var EntityType; //Previously ServerItem in smart-user-picker
-
-(function (EntityType) {
-  EntityType["USER"] = "USER";
-  EntityType["TEAM"] = "TEAM";
-  EntityType["GROUP"] = "GROUP";
-})(EntityType || (EntityType = {}));

package/dist/esm/api/extract-react-types/smart-config-props.js

@@ -1,8 +0,0 @@
-/**
- * This exists purely for the props documentation in docs/1-in-editor.tsx
- * @param props
- * @constructor
- */
-export default function Props(props) {
-  return null;
-}

package/dist/esm/api/recommendationClient.js

@@ -1,48 +0,0 @@
-import { config } from '../config';
-
-var getUserRecommendations = function getUserRecommendations(request) {
-  var url = config.getRecommendationServiceUrl(request.baseUrl);
-  return fetch(url, {
-    method: 'POST',
-    credentials: 'include',
-    headers: {
-      'content-type': 'application/json'
-    },
-    body: JSON.stringify({
-      context: request.context,
-      includeUsers: request.includeUsers,
-      includeGroups: request.includeGroups,
-      includeTeams: request.includeTeams,
-      maxNumberOfResults: request.maxNumberOfResults,
-      performSearchQueryOnly: false,
-      searchQuery: {
-        cpusQueryHighlights: {
-          query: '',
-          field: ''
-        },
-        customQuery: '',
-        customerDirectoryId: '',
-        filter: request.searchQueryFilter || '',
-        minimumAccessLevel: 'APPLICATION',
-        queryString: request.query,
-        restrictTo: {
-          userIds: [],
-          groupIds: []
-        },
-        searchUserbase: false
-      }
-    })
-  }).then(function (response) {
-    if (response.status === 200) {
-      return response.json();
-    }
-
-    return Promise.reject({
-      message: "error calling smart service, statusCode=".concat(response.status, ", statusText=").concat(response.statusText)
-    });
-  }).then(function (response) {
-    return response.recommendedUsers;
-  });
-};
-
-export default getUserRecommendations;

package/dist/esm/components/Mention/styles.js

@@ -1,50 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _mentionStyle, _templateObject;
-
-import { themed } from '@atlaskit/theme/components';
-import { B200, B400, DN100, DN30, DN80, DN800, N20, N30A, N500 } from '@atlaskit/theme/colors';
-import styled from 'styled-components';
-import { MentionType } from '../../types';
-var mentionStyle = (_mentionStyle = {}, _defineProperty(_mentionStyle, MentionType.SELF, {
-  background: themed({
-    light: B400,
-    dark: B200
-  }),
-  border: 'transparent',
-  text: themed({
-    light: N20,
-    dark: DN30
-  })
-}), _defineProperty(_mentionStyle, MentionType.RESTRICTED, {
-  background: 'transparent',
-  border: themed({
-    light: N500,
-    dark: DN80
-  }),
-  text: themed({
-    light: N500,
-    dark: DN100
-  })
-}), _defineProperty(_mentionStyle, MentionType.DEFAULT, {
-  background: themed({
-    light: N30A,
-    dark: DN80
-  }),
-  border: 'transparent',
-  text: themed({
-    light: N500,
-    dark: DN800
-  })
-}), _mentionStyle);
-
-var getStyle = function getStyle(props, property) {
-  var obj = mentionStyle[props.mentionType][property]; // themed() returns a function
-
-  return typeof obj === 'string' ? obj : obj(props);
-};
-
-export var MentionStyle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return "\n  display: inline;\n  background: ".concat(getStyle(props, 'background'), ";\n  border: 1px solid ").concat(getStyle(props, 'border'), ";\n  border-radius: 20px;\n  color: ").concat(getStyle(props, 'text'), ";\n  cursor: pointer;\n  padding: 0 0.3em 2px 0.23em;\n  line-height: 1.714;\n  font-size: 1em;\n  font-weight: normal;\n  word-break: break-word;\n");
-});

package/dist/esm/default-mention-name-resolver/default-mention-name-resolver.js

@@ -1,121 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import { MentionNameStatus } from '../types';
-import { graphqlQuery } from './graphqlUtils';
-import { config } from '../config';
-
-var buildUsersQuery = function buildUsersQuery(accountIds) {
-  return {
-    query: "query usersQuery($accountIds: [ID!]!) {\n    users(accountIds: $accountIds) {\n      name\n      accountId\n    }\n  }",
-    variables: {
-      accountIds: accountIds
-    }
-  };
-};
-
-var makeRequest = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(url, accountIds) {
-    var query;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            query = buildUsersQuery(accountIds);
-            return _context.abrupt("return", graphqlQuery(url, query));
-
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function makeRequest(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-export var DefaultMentionNameResolver = /*#__PURE__*/function () {
-  function DefaultMentionNameResolver(baseUrl) {
-    _classCallCheck(this, DefaultMentionNameResolver);
-
-    this.baseUrl = baseUrl;
-    this.cache = new Map();
-  }
-
-  _createClass(DefaultMentionNameResolver, [{
-    key: "lookupName",
-    value: function () {
-      var _lookupName = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(id) {
-        var _data$users, url, data, userInfo;
-
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _context2.prev = 0;
-
-                if (!this.cache.has(id)) {
-                  _context2.next = 3;
-                  break;
-                }
-
-                return _context2.abrupt("return", {
-                  id: id,
-                  name: this.cache.get(id),
-                  status: MentionNameStatus.OK
-                });
-
-              case 3:
-                url = config.getGraphQLUrl(this.baseUrl);
-                _context2.next = 6;
-                return makeRequest(url, [id]);
-
-              case 6:
-                data = _context2.sent;
-                userInfo = (_data$users = data.users) === null || _data$users === void 0 ? void 0 : _data$users.find(function (user) {
-                  return user.accountId === id;
-                });
-                return _context2.abrupt("return", userInfo ? {
-                  id: id,
-                  name: userInfo.name,
-                  status: MentionNameStatus.OK
-                } : {
-                  id: id,
-                  status: MentionNameStatus.UNKNOWN
-                });
-
-              case 11:
-                _context2.prev = 11;
-                _context2.t0 = _context2["catch"](0);
-                return _context2.abrupt("return", {
-                  id: id,
-                  status: MentionNameStatus.UNKNOWN
-                });
-
-              case 14:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2, this, [[0, 11]]);
-      }));
-
-      function lookupName(_x3) {
-        return _lookupName.apply(this, arguments);
-      }
-
-      return lookupName;
-    }()
-  }, {
-    key: "cacheName",
-    value: function cacheName(id, name) {
-      this.cache.set(id, name);
-    }
-  }]);
-
-  return DefaultMentionNameResolver;
-}();