@atlaskit/mention 21.0.19 → 22.0.1

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

@@ -1,172 +0,0 @@
-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";
-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 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';
-var ICON_URL = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyOCIgdmlld0JveD0iMCAwIDEyOCAxMjgiIHdpZHRoPSIxMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI2NCIgY3k9IjY0IiBmaWxsPSIjNTI0M2FhIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHI9IjY0Ii8+PHBhdGggZD0ibTgwIDY0Yy02LjYyNzQxNyAwLTEyLTUuMzcyNTgzLTEyLTEyczUuMzcyNTgzLTEyIDEyLTEyIDEyIDUuMzcyNTgzIDEyIDEyLTUuMzcyNTgzIDEyLTEyIDEyem0tMzItMTJjLTYuNjI3NDE3IDAtMTItNS4zNzI1ODMtMTItMTJzNS4zNzI1ODMtMTIgMTItMTIgMTIgNS4zNzI1ODMgMTIgMTItNS4zNzI1ODMgMTItMTIgMTJ6bTEyIDI0YzAtNC40MiAzLjU0OC04IDgtOGgyNGM0LjQyIDAgOCAzLjU0IDggOHYxNC45MmMwIDEyLjEwOC00MCAxMi4xMDgtNDAgMHptOC0xMmgtLjAxMmMtMy4xODQzNTM3LjAwNDI0LTYuMjM2NTQxIDEuMjczNTYxNS04LjQ4NDg0MjcgMy41Mjg2MTQ5LTIuMjQ4MzAxOCAyLjI1NTA1MzQtMy41MDg0NjU2IDUuMzExMDMzLTMuNTAzMTU3MyA4LjQ5NTM4NTF2MTEuMjI4Yy0xMS43ODQgMi4xMzYtMjgtLjI1Mi0yOC03LjkzNnYtMTUuMzA0YzAtNC40MjQgMy41NDgtOC4wMTIgOC04LjAxMmgyNGMyLjEyMjcwODYtLjAwMzE5MTIgNC4xNTkzOTQ2LjgzODYzODYgNS42NjAzNzggMi4zMzk2MjJzMi4zNDI4MTMyIDMuNTM3NjY5NCAyLjMzOTYyMiA1LjY2MDM3OHoiIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iLjk1Ii8+PC9nPjwvc3ZnPg==';
-export var TeamMentionHighlightInternal = /*#__PURE__*/function (_React$Component) {
-  _inherits(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;
-    _classCallCheck(this, TeamMentionHighlightInternal);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "onCreateTeamLinkClick", function () {
-      _this.setState({
-        isHighlightHidden: true
-      });
-      var onCreateTeamLinkClick = _this.props.onCreateTeamLinkClick;
-      TeamMentionHighlightController.registerCreateLinkClick();
-      if (onCreateTeamLinkClick) {
-        onCreateTeamLinkClick();
-      }
-    });
-    _defineProperty(_assertThisInitialized(_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();
-    });
-    _defineProperty(_assertThisInitialized(_this), "onCloseClick", function () {
-      _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
-    };
-    return _this;
-  }
-  _createClass(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.isHighlightEnabled()) {
-        this.setState({
-          isHighlightHidden: true
-        });
-      } else {
-        TeamMentionHighlightController.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.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, function (description) {
-        return /*#__PURE__*/React.createElement("div", null, description, /*#__PURE__*/React.createElement("span", {
-          ref: _this2.elCreateTeamWrapper
-        }, /*#__PURE__*/React.createElement(TeamMentionHighlightDescriptionLink, null, function (linkText) {
-          return /*#__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, function (tooltip) {
-        return /*#__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
-        }));
-      })))))));
-    }
-  }]);
-  return TeamMentionHighlightInternal;
-}(React.Component);
-_defineProperty(TeamMentionHighlightInternal, "defaultProps", {
-  createTeamLink: '/people/search#createTeam'
-});
-var TeamMentionHighlightWithAnalytics = withAnalyticsEvents({
-  onClose: function onClose(createEvent) {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.CLOSED, ComponentNames.MENTION, 'closeButton');
-  },
-  onCreateTeamLinkClick: function onCreateTeamLinkClick(createEvent) {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.CLICKED, ComponentNames.MENTION, 'createTeamLink');
-  },
-  onViewed: function onViewed(createEvent) {
-    fireAnalyticsTeamMentionHighlightEvent(createEvent)(ComponentNames.TEAM_MENTION_HIGHLIGHT, Actions.VIEWED, ComponentNames.MENTION, undefined, TeamMentionHighlightController.getSeenCount());
-  }
-})(TeamMentionHighlightInternal);
-var TeamMentionHighlight = TeamMentionHighlightWithAnalytics;
-export default TeamMentionHighlight;

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

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

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

@@ -1,14 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-import styled from '@emotion/styled';
-import { gridSize } from '@atlaskit/theme/constants';
-import { P50 } from '@atlaskit/theme/colors';
-import { h400 } from '@atlaskit/theme/typography';
-export var Actions = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), gridSize() * 0.5, gridSize() * 0.5);
-export var Title = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  margin-top: 0px;\n"])), h400);
-export var Heading = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  margin-bottom: ", "px;\n"])), gridSize() * 2, gridSize() * 0.5);
-export var Card = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\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(P50, ")"), gridSize() * 2, gridSize() * 2, gridSize() * 2, gridSize() * 0.5);
-export var Content = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  max-width: 290px;\n  display: flex;\n"])));
-export var Section = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
-export var Aside = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  opacity: 0.8;\n"])));
-export var Body = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n"])), gridSize() * 2);

package/dist/esm/spotlight.js

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

package/dist/types/components/TeamMentionHighlight/TeamMentionHighlightController.d.ts

@@ -1,17 +0,0 @@
-interface TeamMentionState {
-    seenCount: number;
-    dontShow: boolean;
-}
-export declare const mentionHighlightLocalStorageKey = "atlassian.people.context.team.mention.highlight";
-export default class TeamMentionHighlightController {
-    private static readFromLocalStorage;
-    private static saveToLocalStorage;
-    private static markAsDone;
-    static isHighlightEnabled: () => boolean;
-    static registerRender: () => TeamMentionState;
-    static getSeenCount: () => number;
-    static registerCreateLinkClick: () => void;
-    static registerTeamMention: () => void;
-    static registerClosed: () => void;
-}
-export {};

package/dist/types/components/TeamMentionHighlight/index.d.ts

@@ -1,35 +0,0 @@
-import React, { RefObject } from 'react';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next/withAnalyticsEvents';
-export interface OwnProps {
-    createTeamLink?: string;
-    /** Callback to track the event where user click on x icon */
-    onClose: () => void;
-    onCreateTeamLinkClick?: () => void;
-    onViewed?: () => void;
-}
-export interface State {
-    isHighlightHidden: boolean;
-}
-export declare type Props = OwnProps & WithAnalyticsEventsProps;
-export declare class TeamMentionHighlightInternal extends React.Component<Props, State> {
-    elWrapper: RefObject<HTMLDivElement>;
-    elCloseWrapper: RefObject<HTMLDivElement>;
-    elCreateTeamWrapper: RefObject<HTMLDivElement>;
-    static defaultProps: {
-        createTeamLink: string;
-    };
-    constructor(props: Props);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    onCreateTeamLinkClick: () => void;
-    private preventClickOnCard;
-    private addEventHandler;
-    private removeEventHandler;
-    onCloseClick: () => void;
-    render(): JSX.Element | null;
-}
-declare const TeamMentionHighlight: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps>, "onClose" | "onCreateTeamLinkClick" | "onViewed"> & Partial<Pick<Omit<Props, keyof WithAnalyticsEventsProps>, "createTeamLink">> & Partial<Pick<{
-    createTeamLink: string;
-}, never>> & React.RefAttributes<any>>;
-declare type TeamMentionHighlight = TeamMentionHighlightInternal;
-export default TeamMentionHighlight;

package/dist/types/components/TeamMentionHighlight/lazy.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const LazyTeamMentionHighlight: React.LazyExoticComponent<React.ForwardRefExoticComponent<Pick<Omit<import("./").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "onClose" | "onCreateTeamLinkClick" | "onViewed"> & Partial<Pick<Omit<import("./").Props, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "createTeamLink">> & Partial<Pick<{
-    createTeamLink: string;
-}, never>> & React.RefAttributes<any>>>;

package/dist/types/components/TeamMentionHighlight/styles.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-export declare const Actions: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Heading: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Card: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Section: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Aside: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Body: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/types/spotlight.d.ts

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

package/spotlight/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "@atlaskit/mention/spotlight",
-  "main": "../dist/cjs/spotlight.js",
-  "module": "../dist/esm/spotlight.js",
-  "module:es2019": "../dist/es2019/spotlight.js",
-  "sideEffects": false,
-  "types": "../dist/types/spotlight.d.ts",
-  "typesVersions": {
-    ">=4.0 <4.5": {
-      "*": [
-        "../dist/types-ts4.0/spotlight.d.ts"
-      ]
-    }
-  }
-}