@atlaskit/mention 21.0.18 → 22.0.0

package/dist/cjs/components/TeamMentionHighlight/index.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TeamMentionHighlightInternal = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
-var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
-var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
-var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
-var _TeamMentionHighlightController = _interopRequireDefault(require("./TeamMentionHighlightController"));
-var _analytics = require("../../util/analytics");
-var _i18n = require("../../util/i18n");
-var Styled = _interopRequireWildcard(require("./styles"));
-var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var ICON_URL = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjNTI0M2FhIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHI9IjY0Ii8+PHBhdGggZD0ibTgwIDY0Yy02LjYyNzQxNyAwLTEyLTUuMzcyNTgzLTEyLTEyczUuMzcyNTgzLTEyIDEyLTEyIDEyIDUuMzcyNTgzIDEyIDEyLTUuMzcyNTgzIDEyLTEyIDEyem0tMzItMTJjLTYuNjI3NDE3IDAtMTItNS4zNzI1ODMtMTItMTJzNS4zNzI1ODMtMTIgMTItMTIgMTIgNS4zNzI1ODMgMTIgMTItNS4zNzI1ODMgMTItMTIgMTJ6bTEyIDI0YzAtNC40MiAzLjU0OC04IDgtOGgyNGM0LjQyIDAgOCAzLjU0IDggOHYxNC45MmMwIDEyLjEwOC00MCAxMi4xMDgtNDAgMHptOC0xMmgtLjAxMmMtMy4xODQzNTM3LjAwNDI0LTYuMjM2NTQxIDEuMjczNTYxNS04LjQ4NDg0MjcgMy41Mjg2MTQ5LTIuMjQ4MzAxOCAyLjI1NTA1MzQtMy41MDg0NjU2IDUuMzExMDMzLTMuNTAzMTU3MyA4LjQ5NTM4NTF2MTEuMjI4Yy0xMS43ODQgMi4xMzYtMjgtLjI1Mi0yOC03LjkzNnYtMTUuMzA0YzAtNC40MjQgMy41NDgtOC4wMTIgOC04LjAxMmgyNGMyLjEyMjcwODYtLjAwMzE5MTIgNC4xNTkzOTQ2LjgzODYzODYgNS42NjAzNzggMi4zMzk2MjJzMi4zNDI4MTMyIDMuNTM3NjY5NCAyLjMzOTYyMiA1LjY2MDM3OHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9nPjwvc3ZnPg==';
-var TeamMentionHighlightInternal = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(TeamMentionHighlightInternal, _React$Component);
-  var _super = _createSuper(TeamMentionHighlightInternal);
-  // Wrap whole dialog so we can catch events, see preventClickOnCard
-
-  // Wrap the close button, so we can still manually invoke onClose()
-
-  // Wrap the create team link, so we can still manually invoke the analytics
-
-  function TeamMentionHighlightInternal(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, TeamMentionHighlightInternal);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCreateTeamLinkClick", function () {
-      _this.setState({
-        isHighlightHidden: true
-      });
-      var onCreateTeamLinkClick = _this.props.onCreateTeamLinkClick;
-      _TeamMentionHighlightController.default.registerCreateLinkClick();
-      if (onCreateTeamLinkClick) {
-        onCreateTeamLinkClick();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "preventClickOnCard", function (event) {
-      // event is a MouseEvent
-
-      // We stop the event from propagating, so we need to manually close
-      var isClickOnCloseButton = _this.elCloseWrapper.current && _this.elCloseWrapper.current.contains(event.target);
-      if (isClickOnCloseButton) {
-        _this.onCloseClick();
-      }
-
-      // Manually perform on-click for the link, if the link was clicked.
-      var isClickCreateTeamLink = _this.elCreateTeamWrapper.current && _this.elCreateTeamWrapper.current.contains(event.target);
-      if (isClickCreateTeamLink) {
-        _this.onCreateTeamLinkClick();
-      }
-
-      // Allow default so the link to create team still works, but prevent the rest
-      event.stopPropagation();
-      event.stopImmediatePropagation();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCloseClick", function () {
-      _this.setState({
-        isHighlightHidden: true
-      });
-      _this.props.onClose();
-    });
-    _this.elWrapper = /*#__PURE__*/_react.default.createRef();
-    _this.elCloseWrapper = /*#__PURE__*/_react.default.createRef();
-    _this.elCreateTeamWrapper = /*#__PURE__*/_react.default.createRef();
-    _this.state = {
-      isHighlightHidden: false
-    };
-    return _this;
-  }
-  (0, _createClass2.default)(TeamMentionHighlightInternal, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var onViewed = this.props.onViewed;
-      this.addEventHandler();
-
-      // Highlight hiding logic was moved to Mount method because if Highlight is re-rendered after updating the
-      // counts at MentionHighlightController, Highlight will appear for sometime and then disappear. As of the time
-      // of writing this code, this was only happening in Fabric Editor ( See TEAMS-623 )
-      if (!_TeamMentionHighlightController.default.isHighlightEnabled()) {
-        this.setState({
-          isHighlightHidden: true
-        });
-      } else {
-        _TeamMentionHighlightController.default.registerRender();
-        if (onViewed) {
-          onViewed();
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.removeEventHandler();
-    }
-  }, {
-    key: "addEventHandler",
-    value: function addEventHandler() {
-      this.elWrapper.current && this.elWrapper.current.addEventListener('click', this.preventClickOnCard);
-    }
-  }, {
-    key: "removeEventHandler",
-    value: function removeEventHandler() {
-      this.elWrapper.current && this.elWrapper.current.removeEventListener('click', this.preventClickOnCard);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var createTeamLink = this.props.createTeamLink;
-      var isHighlightHidden = this.state.isHighlightHidden;
-      if (isHighlightHidden) {
-        return null;
-      }
-      return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.elWrapper
-      }, /*#__PURE__*/_react.default.createElement(Styled.Card, null, /*#__PURE__*/_react.default.createElement(Styled.Content, null, /*#__PURE__*/_react.default.createElement(Styled.Aside, null, /*#__PURE__*/_react.default.createElement("img", {
-        src: ICON_URL,
-        height: 32
-      })), /*#__PURE__*/_react.default.createElement(Styled.Section, null, /*#__PURE__*/_react.default.createElement(Styled.Heading, null, /*#__PURE__*/_react.default.createElement(Styled.Title, null, /*#__PURE__*/_react.default.createElement(_i18n.TeamMentionHighlightTitle, null))), /*#__PURE__*/_react.default.createElement(Styled.Body, null, /*#__PURE__*/_react.default.createElement(_i18n.TeamMentionHighlightDescription, null, function (description) {
-        return /*#__PURE__*/_react.default.createElement("div", null, description, /*#__PURE__*/_react.default.createElement("span", {
-          ref: _this2.elCreateTeamWrapper
-        }, /*#__PURE__*/_react.default.createElement(_i18n.TeamMentionHighlightDescriptionLink, null, function (linkText) {
-          return /*#__PURE__*/_react.default.createElement("a", {
-            href: createTeamLink,
-            target: "_blank"
-          }, ' ', linkText)
-          // on click fired by preventClickOnCard, not here
-          ;
-        })));
-      }))), /*#__PURE__*/_react.default.createElement(Styled.Actions, null, /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.elCloseWrapper
-      }, /*#__PURE__*/_react.default.createElement(_i18n.TeamMentionHighlightCloseTooltip, null, function (tooltip) {
-        return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-          content: tooltip,
-          position: "bottom"
-        }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
-          appearance: "subtle",
-          iconBefore: /*#__PURE__*/_react.default.createElement(_close.default, {
-            label: "Close",
-            size: "medium"
-          }),
-          spacing: "none"
-          // on click fired by preventClickOnCard, not here
-        }));
-      })))))));
-    }
-  }]);
-  return TeamMentionHighlightInternal;
-}(_react.default.Component);
-exports.TeamMentionHighlightInternal = TeamMentionHighlightInternal;
-(0, _defineProperty2.default)(TeamMentionHighlightInternal, "defaultProps", {
-  createTeamLink: '/people/search#createTeam'
-});
-var TeamMentionHighlightWithAnalytics = (0, _withAnalyticsEvents.default)({
-  onClose: function onClose(createEvent) {
-    (0, _analytics.fireAnalyticsTeamMentionHighlightEvent)(createEvent)(_analytics.ComponentNames.TEAM_MENTION_HIGHLIGHT, _analytics.Actions.CLOSED, _analytics.ComponentNames.MENTION, 'closeButton');
-  },
-  onCreateTeamLinkClick: function onCreateTeamLinkClick(createEvent) {
-    (0, _analytics.fireAnalyticsTeamMentionHighlightEvent)(createEvent)(_analytics.ComponentNames.TEAM_MENTION_HIGHLIGHT, _analytics.Actions.CLICKED, _analytics.ComponentNames.MENTION, 'createTeamLink');
-  },
-  onViewed: function onViewed(createEvent) {
-    (0, _analytics.fireAnalyticsTeamMentionHighlightEvent)(createEvent)(_analytics.ComponentNames.TEAM_MENTION_HIGHLIGHT, _analytics.Actions.VIEWED, _analytics.ComponentNames.MENTION, undefined, _TeamMentionHighlightController.default.getSeenCount());
-  }
-})(TeamMentionHighlightInternal);
-var TeamMentionHighlight = TeamMentionHighlightWithAnalytics;
-var _default = TeamMentionHighlight;
-exports.default = _default;

package/dist/cjs/components/TeamMentionHighlight/lazy.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LazyTeamMentionHighlight = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _react = _interopRequireDefault(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var LazyTeamMentionHighlight = /*#__PURE__*/_react.default.lazy(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./'));
-  }).then(function (module) {
-    return {
-      default: module.default
-    };
-  });
-});
-exports.LazyTeamMentionHighlight = LazyTeamMentionHighlight;

package/dist/cjs/components/TeamMentionHighlight/styles.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Title = exports.Section = exports.Heading = exports.Content = exports.Card = exports.Body = exports.Aside = exports.Actions = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var Actions = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  justify-content: flex-end;\n  margin-top: -", "px; /* Negative margin is used to middle align x button with title */\n  margin-right: ", "px;\n"])), (0, _constants.gridSize)() * 0.5, (0, _constants.gridSize)() * 0.5);
-exports.Actions = Actions;
-var Title = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  margin-top: 0px;\n"])), _typography.h400);
-exports.Title = Title;
-var Heading = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", "px;\n  margin-bottom: ", "px;\n"])), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 0.5);
-exports.Heading = Heading;
-var Card = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: row;\n  background-color: ", ";\n  overflow: hidden;\n  line-height: 21px;\n  padding-top: ", "px;\n  padding-bottom: ", "px;\n  padding-left: ", "px;\n  padding-right: 0px;\n  margin-top: -", "px; /* Negative margin is used to fill the entire top of the mention dropdown with background colour of highlight */\n"])), "var(--ds-background-discovery, ".concat(_colors.P50, ")"), (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 2, (0, _constants.gridSize)() * 0.5);
-exports.Card = Card;
-var Content = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: 290px;\n  display: flex;\n"])));
-exports.Content = Content;
-var Section = _styled.default.div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([""])));
-exports.Section = Section;
-var Aside = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  opacity: 0.8;\n"])));
-exports.Aside = Aside;
-var Body = _styled.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: ", "px;\n"])), (0, _constants.gridSize)() * 2);
-exports.Body = Body;

package/dist/cjs/spotlight.js

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TeamMentionHighlight", {
-  enumerable: true,
-  get: function get() {
-    return _TeamMentionHighlight.default;
-  }
-});
-Object.defineProperty(exports, "TeamMentionHighlightController", {
-  enumerable: true,
-  get: function get() {
-    return _TeamMentionHighlightController.default;
-  }
-});
-var _TeamMentionHighlight = _interopRequireDefault(require("./components/TeamMentionHighlight"));
-var _TeamMentionHighlightController = _interopRequireDefault(require("./components/TeamMentionHighlight/TeamMentionHighlightController"));

package/dist/es2019/components/TeamMentionHighlight/TeamMentionHighlightController.js

@@ -1,64 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export const mentionHighlightLocalStorageKey = 'atlassian.people.context.team.mention.highlight';
-const EMPTY = {
-  seenCount: 0,
-  dontShow: false
-};
-
-// Don't show if the user can't access local storage
-const DISABLED_LOCAL_STORAGE = {
-  seenCount: 99,
-  dontShow: true
-};
-const MAX_SEEN_LIMIT = 5;
-export default class TeamMentionHighlightController {
-  // Note - not a simple look up to avoid showing it to users that have local storage disabled
-  static readFromLocalStorage() {
-    try {
-      let localVal = localStorage.getItem(mentionHighlightLocalStorageKey);
-      if (!localVal) {
-        // Attempt to write to see if the user has local storage access
-        localStorage.setItem(mentionHighlightLocalStorageKey, JSON.stringify(EMPTY));
-        localVal = localStorage.getItem(mentionHighlightLocalStorageKey);
-      }
-      if (localVal) {
-        return JSON.parse(localVal);
-      } else {
-        return DISABLED_LOCAL_STORAGE;
-      }
-    } catch (err) {
-      return DISABLED_LOCAL_STORAGE;
-    }
-  }
-  static saveToLocalStorage(item) {
-    try {
-      localStorage.setItem(mentionHighlightLocalStorageKey, JSON.stringify(item));
-    } catch (err) {
-      // do nothing
-    }
-  }
-}
-_defineProperty(TeamMentionHighlightController, "markAsDone", () => {
-  const item = TeamMentionHighlightController.readFromLocalStorage();
-  item.dontShow = true;
-  TeamMentionHighlightController.saveToLocalStorage(item);
-});
-_defineProperty(TeamMentionHighlightController, "isHighlightEnabled", () => {
-  const item = TeamMentionHighlightController.readFromLocalStorage();
-  return item.seenCount < MAX_SEEN_LIMIT && !item.dontShow;
-});
-_defineProperty(TeamMentionHighlightController, "registerRender", () => {
-  const item = TeamMentionHighlightController.readFromLocalStorage();
-  item.seenCount += 1;
-  if (item.seenCount > MAX_SEEN_LIMIT) {
-    item.dontShow = true;
-  }
-  TeamMentionHighlightController.saveToLocalStorage(item);
-  return item;
-});
-_defineProperty(TeamMentionHighlightController, "getSeenCount", () => {
-  return TeamMentionHighlightController.readFromLocalStorage().seenCount;
-});
-_defineProperty(TeamMentionHighlightController, "registerCreateLinkClick", TeamMentionHighlightController.markAsDone);
-_defineProperty(TeamMentionHighlightController, "registerTeamMention", TeamMentionHighlightController.markAsDone);
-_defineProperty(TeamMentionHighlightController, "registerClosed", TeamMentionHighlightController.markAsDone);

package/dist/es2019/components/TeamMentionHighlight/index.js

@@ -1,148 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
-import Button from '@atlaskit/button/custom-theme-button';
-import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
-import Tooltip from '@atlaskit/tooltip';
-import TeamMentionHighlightController from './TeamMentionHighlightController';
-import { fireAnalyticsTeamMentionHighlightEvent, ComponentNames, Actions } from '../../util/analytics';
-import { TeamMentionHighlightTitle, TeamMentionHighlightCloseTooltip, TeamMentionHighlightDescription, TeamMentionHighlightDescriptionLink } from '../../util/i18n';
-import * as Styled from './styles';
-import MessagesIntlProvider from '../MessagesIntlProvider';
-const ICON_URL = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjNTI0M2FhIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHI9IjY0Ii8+PHBhdGggZD0ibTgwIDY0Yy02LjYyNzQxNyAwLTEyLTUuMzcyNTgzLTEyLTEyczUuMzcyNTgzLTEyIDEyLTEyIDEyIDUuMzcyNTgzIDEyIDEyLTUuMzcyNTgzIDEyLTEyIDEyem0tMzItMTJjLTYuNjI3NDE3IDAtMTItNS4zNzI1ODMtMTItMTJzNS4zNzI1ODMtMTIgMTItMTIgMTIgNS4zNzI1ODMgMTIgMTItNS4zNzI1ODMgMTItMTIgMTJ6bTEyIDI0YzAtNC40MiAzLjU0OC04IDgtOGgyNGM0LjQyIDAgOCAzLjU0IDggOHYxNC45MmMwIDEyLjEwOC00MCAxMi4xMDgtNDAgMHptOC0xMmgtLjAxMmMtMy4xODQzNTM3LjAwNDI0LTYuMjM2NTQxIDEuMjczNTYxNS04LjQ4NDg0MjcgMy41Mjg2MTQ5LTIuMjQ4MzAxOCAyLjI1NTA1MzQtMy41MDg0NjU2IDUuMzExMDMzLTMuNTAzMTU3MyA4LjQ5NTM4NTF2MTEuMjI4Yy0xMS43ODQgMi4xMzYtMjgtLjI1Mi0yOC03LjkzNnYtMTUuMzA0YzAtNC40MjQgMy41NDgtOC4wMTIgOC04LjAxMmgyNGMyLjEyMjcwODYtLjAwMzE5MTIgNC4xNTkzOTQ2LjgzODYzODYgNS42NjAzNzggMi4zMzk2MjJzMi4zNDI4MTMyIDMuNTM3NjY5NCAyLjMzOTYyMiA1LjY2MDM3OHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9nPjwvc3ZnPg==';
-export class TeamMentionHighlightInternal extends React.Component {
-  // Wrap whole dialog so we can catch events, see preventClickOnCard
-
-  // Wrap the close button, so we can still manually invoke onClose()
-
-  // Wrap the create team link, so we can still manually invoke the analytics
-
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "onCreateTeamLinkClick", () => {
-      this.setState({
-        isHighlightHidden: true
-      });
-      const {
-        onCreateTeamLinkClick
-      } = this.props;
-      TeamMentionHighlightController.registerCreateLinkClick();
-      if (onCreateTeamLinkClick) {
-        onCreateTeamLinkClick();
-      }
-    });
-    _defineProperty(this, "preventClickOnCard", event => {
-      // event is a MouseEvent
-
-      // We stop the event from propagating, so we need to manually close
-      const isClickOnCloseButton = this.elCloseWrapper.current && this.elCloseWrapper.current.contains(event.target);
-      if (isClickOnCloseButton) {
-        this.onCloseClick();
-      }
-
-      // Manually perform on-click for the link, if the link was clicked.
-      const isClickCreateTeamLink = this.elCreateTeamWrapper.current && this.elCreateTeamWrapper.current.contains(event.target);
-      if (isClickCreateTeamLink) {
-        this.onCreateTeamLinkClick();
-      }
-
-      // Allow default so the link to create team still works, but prevent the rest
-      event.stopPropagation();
-      event.stopImmediatePropagation();
-    });
-    _defineProperty(this, "onCloseClick", () => {
-      this.setState({
-        isHighlightHidden: true
-      });
-      this.props.onClose();
-    });
-    this.elWrapper = /*#__PURE__*/React.createRef();
-    this.elCloseWrapper = /*#__PURE__*/React.createRef();
-    this.elCreateTeamWrapper = /*#__PURE__*/React.createRef();
-    this.state = {
-      isHighlightHidden: false
-    };
-  }
-  componentDidMount() {
-    const {
-      onViewed
-    } = this.props;
-    this.addEventHandler();
-
-    // Highlight hiding logic was moved to Mount method because if Highlight is re-rendered after updating the
-    // counts at MentionHighlightController, Highlight will appear for sometime and then disappear. As of the time
-    // of writing this code, this was only happening in Fabric Editor ( See TEAMS-623 )
-    if (!TeamMentionHighlightController.isHighlightEnabled()) {
-      this.setState({
-        isHighlightHidden: true
-      });
-    } else {
-      TeamMentionHighlightController.registerRender();
-      if (onViewed) {
-        onViewed();
-      }
-    }
-  }
-  componentWillUnmount() {
-    this.removeEventHandler();
-  }
-  addEventHandler() {
-    this.elWrapper.current && this.elWrapper.current.addEventListener('click', this.preventClickOnCard);
-  }
-  removeEventHandler() {
-    this.elWrapper.current && this.elWrapper.current.removeEventListener('click', this.preventClickOnCard);
-  }
-  render() {
-    const {
-      createTeamLink
-    } = this.props;
-    const {
-      isHighlightHidden
-    } = this.state;
-    if (isHighlightHidden) {
-      return null;
-    }
-    return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement("div", {
-      ref: this.elWrapper
-    }, /*#__PURE__*/React.createElement(Styled.Card, null, /*#__PURE__*/React.createElement(Styled.Content, null, /*#__PURE__*/React.createElement(Styled.Aside, null, /*#__PURE__*/React.createElement("img", {
-      src: ICON_URL,
-      height: 32
-    })), /*#__PURE__*/React.createElement(Styled.Section, null, /*#__PURE__*/React.createElement(Styled.Heading, null, /*#__PURE__*/React.createElement(Styled.Title, null, /*#__PURE__*/React.createElement(TeamMentionHighlightTitle, null))), /*#__PURE__*/React.createElement(Styled.Body, null, /*#__PURE__*/React.createElement(TeamMentionHighlightDescription, null, description => /*#__PURE__*/React.createElement("div", null, description, /*#__PURE__*/React.createElement("span", {
-      ref: this.elCreateTeamWrapper
-    }, /*#__PURE__*/React.createElement(TeamMentionHighlightDescriptionLink, null, linkText => /*#__PURE__*/React.createElement("a", {
-      href: createTeamLink,
-      target: "_blank"
-    }, ' ', linkText)
-    // on click fired by preventClickOnCard, not here
-    )))))), /*#__PURE__*/React.createElement(Styled.Actions, null, /*#__PURE__*/React.createElement("div", {
-      ref: this.elCloseWrapper
-    }, /*#__PURE__*/React.createElement(TeamMentionHighlightCloseTooltip, null, tooltip => /*#__PURE__*/React.createElement(Tooltip, {
-      content: tooltip,
-      position: "bottom"
-    }, /*#__PURE__*/React.createElement(Button, {
-      appearance: "subtle",
-      iconBefore: /*#__PURE__*/React.createElement(EditorCloseIcon, {
-        label: "Close",
-        size: "medium"
-      }),
-      spacing: "none"
-      // on click fired by preventClickOnCard, not here
-    })))))))));
-  }
-}
-_defineProperty(TeamMentionHighlightInternal, "defaultProps", {
-  createTeamLink: '/people/search#createTeam'
-});
-const TeamMentionHighlightWithAnalytics = withAnalyticsEvents({
-  onClose: createEvent => {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.CLOSED, ComponentNames.MENTION, 'closeButton');
-  },
-  onCreateTeamLinkClick: createEvent => {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.CLICKED, ComponentNames.MENTION, 'createTeamLink');
-  },
-  onViewed: createEvent => {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.VIEWED, ComponentNames.MENTION, undefined, TeamMentionHighlightController.getSeenCount());
-  }
-})(TeamMentionHighlightInternal);
-const TeamMentionHighlight = TeamMentionHighlightWithAnalytics;
-export default TeamMentionHighlight;

package/dist/es2019/components/TeamMentionHighlight/lazy.js

@@ -1,4 +0,0 @@
-import React from 'react';
-export const LazyTeamMentionHighlight = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "@atlaskit-internal_@atlassian/mention/TeamMentionHighlight" */'./').then(module => ({
-  default: module.default
-})));

package/dist/es2019/components/TeamMentionHighlight/styles.js

@@ -1,40 +0,0 @@
-import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
-import { P50 } from '@atlaskit/theme/colors';
-import { h400 } from '@atlaskit/theme/typography';
-export const Actions = styled.div`
-  justify-content: flex-end;
-  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to middle align x button with title */
-  margin-right: ${gridSize() * 0.5}px;
-`;
-export const Title = styled.div`
-  ${h400};
-  margin-top: 0px;
-`;
-export const Heading = styled.div`
-  margin-left: ${gridSize() * 2}px;
-  margin-bottom: ${gridSize() * 0.5}px;
-`;
-export const Card = styled.div`
-  display: flex;
-  flex-direction: row;
-  background-color: ${`var(--ds-background-discovery, ${P50})`};
-  overflow: hidden;
-  line-height: 21px;
-  padding-top: ${gridSize() * 2}px;
-  padding-bottom: ${gridSize() * 2}px;
-  padding-left: ${gridSize() * 2}px;
-  padding-right: 0px;
-  margin-top: -${gridSize() * 0.5}px; /* Negative margin is used to fill the entire top of the mention dropdown with background colour of highlight */
-`;
-export const Content = styled.div`
-  max-width: 290px;
-  display: flex;
-`;
-export const Section = styled.div``;
-export const Aside = styled.div`
-  opacity: 0.8;
-`;
-export const Body = styled.div`
-  margin-left: ${gridSize() * 2}px;
-`;

package/dist/es2019/spotlight.js

@@ -1,5 +0,0 @@
-import TeamMentionHighlight from './components/TeamMentionHighlight';
-import TeamMentionHighlightController from './components/TeamMentionHighlight/TeamMentionHighlightController';
-export {
-// Components
-TeamMentionHighlight, TeamMentionHighlightController };

package/dist/esm/components/TeamMentionHighlight/TeamMentionHighlightController.js

@@ -1,77 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export var mentionHighlightLocalStorageKey = 'atlassian.people.context.team.mention.highlight';
-var EMPTY = {
-  seenCount: 0,
-  dontShow: false
-};
-
-// Don't show if the user can't access local storage
-var DISABLED_LOCAL_STORAGE = {
-  seenCount: 99,
-  dontShow: true
-};
-var MAX_SEEN_LIMIT = 5;
-var TeamMentionHighlightController = /*#__PURE__*/function () {
-  function TeamMentionHighlightController() {
-    _classCallCheck(this, TeamMentionHighlightController);
-  }
-  _createClass(TeamMentionHighlightController, null, [{
-    key: "readFromLocalStorage",
-    value:
-    // Note - not a simple look up to avoid showing it to users that have local storage disabled
-    function readFromLocalStorage() {
-      try {
-        var localVal = localStorage.getItem(mentionHighlightLocalStorageKey);
-        if (!localVal) {
-          // Attempt to write to see if the user has local storage access
-          localStorage.setItem(mentionHighlightLocalStorageKey, JSON.stringify(EMPTY));
-          localVal = localStorage.getItem(mentionHighlightLocalStorageKey);
-        }
-        if (localVal) {
-          return JSON.parse(localVal);
-        } else {
-          return DISABLED_LOCAL_STORAGE;
-        }
-      } catch (err) {
-        return DISABLED_LOCAL_STORAGE;
-      }
-    }
-  }, {
-    key: "saveToLocalStorage",
-    value: function saveToLocalStorage(item) {
-      try {
-        localStorage.setItem(mentionHighlightLocalStorageKey, JSON.stringify(item));
-      } catch (err) {
-        // do nothing
-      }
-    }
-  }]);
-  return TeamMentionHighlightController;
-}();
-_defineProperty(TeamMentionHighlightController, "markAsDone", function () {
-  var item = TeamMentionHighlightController.readFromLocalStorage();
-  item.dontShow = true;
-  TeamMentionHighlightController.saveToLocalStorage(item);
-});
-_defineProperty(TeamMentionHighlightController, "isHighlightEnabled", function () {
-  var item = TeamMentionHighlightController.readFromLocalStorage();
-  return item.seenCount < MAX_SEEN_LIMIT && !item.dontShow;
-});
-_defineProperty(TeamMentionHighlightController, "registerRender", function () {
-  var item = TeamMentionHighlightController.readFromLocalStorage();
-  item.seenCount += 1;
-  if (item.seenCount > MAX_SEEN_LIMIT) {
-    item.dontShow = true;
-  }
-  TeamMentionHighlightController.saveToLocalStorage(item);
-  return item;
-});
-_defineProperty(TeamMentionHighlightController, "getSeenCount", function () {
-  return TeamMentionHighlightController.readFromLocalStorage().seenCount;
-});
-_defineProperty(TeamMentionHighlightController, "registerCreateLinkClick", TeamMentionHighlightController.markAsDone);
-_defineProperty(TeamMentionHighlightController, "registerTeamMention", TeamMentionHighlightController.markAsDone);
-_defineProperty(TeamMentionHighlightController, "registerClosed", TeamMentionHighlightController.markAsDone);
-export { TeamMentionHighlightController as default };