@atlaskit/editor-common 74.12.0 → 74.14.0

package/dist/esm/card/link-toolbar-button-group-options.js

@@ -0,0 +1,45 @@
+import { cardMessages as messages } from '../messages';
+import { IconCard } from './ui/assets/card';
+import { IconEmbed } from './ui/assets/embed';
+import { IconInline } from './ui/assets/inline';
+import { IconUrl } from './ui/assets/url';
+var appearancePropsMap = {
+  url: {
+    title: messages.urlTitle,
+    icon: IconUrl
+  },
+  inline: {
+    title: messages.inlineTitle,
+    icon: IconInline
+  },
+  block: {
+    title: messages.blockTitle,
+    icon: IconCard
+  },
+  embed: {
+    title: messages.embedTitle,
+    icon: IconEmbed
+  }
+};
+export var getButtonGroupOption = function getButtonGroupOption(intl, dispatchCommand, _ref) {
+  var disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    selected = _ref.selected,
+    appearance = _ref.appearance,
+    testId = _ref.testId,
+    tooltip = _ref.tooltip;
+  var _appearancePropsMap = appearancePropsMap[appearance !== null && appearance !== void 0 ? appearance : 'url'],
+    title = _appearancePropsMap.title,
+    icon = _appearancePropsMap.icon;
+  return {
+    title: intl.formatMessage(title),
+    icon: icon,
+    onClick: function onClick() {
+      return dispatchCommand(_onClick);
+    },
+    disabled: Boolean(disabled),
+    tooltipContent: tooltip || null,
+    testId: testId,
+    selected: selected
+  };
+};

package/dist/esm/card/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/card/ui/assets/card.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var IconCardGlyph = function IconCardGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 9c-1.10457 0-2 .89543-2 2v10c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V11c0-1.10457-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Zm-4 3c-.55228 0-1 .4477-1 1s.44772 1 1 1h14c.5523 0 1-.4477 1-1s-.4477-1-1-1H9Zm-1 4c0-.5523.44772-1 1-1h6c.5523 0 1 .4477 1 1s-.4477 1-1 1H9c-.55228 0-1-.4477-1-1Z",
+    fill: "currentColor"
+  }));
+};
+export var IconCard = function IconCard(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: IconCardGlyph
+  }, props));
+};

package/dist/esm/card/ui/assets/embed.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var IconEmbedGlyph = function IconEmbedGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 6c-1.10457 0-2 .89543-2 2v16c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2V8c0-1.10457-.8954-2-2-2H8Zm1 2c-.55228 0-1 .44772-1 1v2c0 .5523.44772 1 1 1h2c.5523 0 1-.4477 1-1V9c0-.55228-.4477-1-1-1H9Zm4.5 1.5c-.2761 0-.5.22386-.5.5 0 .2761.2239.5.5.5h10c.2761 0 .5-.2239.5-.5 0-.27614-.2239-.5-.5-.5h-10ZM9 14c-.55228 0-1 .4477-1 1v8c0 .5523.44772 1 1 1h14c.5523 0 1-.4477 1-1v-8c0-.5523-.4477-1-1-1H9Zm6 2.5c0 .8284-.6716 1.5-1.5 1.5s-1.5-.6716-1.5-1.5.6716-1.5 1.5-1.5 1.5.6716 1.5 1.5Zm0 5.5-1-1-2 2h8v-1.8L18 19l-3 3Z",
+    fill: "currentColor"
+  }));
+};
+export var IconEmbed = function IconEmbed(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: IconEmbedGlyph
+  }, props));
+};

package/dist/esm/card/ui/assets/inline.js

@@ -0,0 +1,22 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var IconInlineGlyph = function IconInlineGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 12c-1.10457 0-2 .8954-2 2v4c0 1.1046.89543 2 2 2h16c1.1046 0 2-.8954 2-2v-4c0-1.1046-.8954-2-2-2H8Zm0 3c0-.5523.44772-1 1-1h2c.5523 0 1 .4477 1 1v2c0 .5523-.4477 1-1 1H9c-.55228 0-1-.4477-1-1v-2Zm5 1c0-.2761.2239-.5.5-.5h10c.2761 0 .5.2239.5.5s-.2239.5-.5.5h-10c-.2761 0-.5-.2239-.5-.5Z",
+    fill: "currentColor"
+  }));
+};
+export var IconInline = function IconInline(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: IconInlineGlyph
+  }, props));
+};

package/dist/esm/card/ui/assets/url.js

@@ -0,0 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import Icon from '@atlaskit/icon';
+var IconUrlGlyph = function IconUrlGlyph(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "32",
+    height: "32",
+    viewBox: "0 0 32 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("rect", {
+    x: "6",
+    y: "15",
+    width: "20",
+    height: "2",
+    rx: "1",
+    fill: "currentColor"
+  }));
+};
+export var IconUrl = function IconUrl(props) {
+  return /*#__PURE__*/React.createElement(Icon, _extends({
+    glyph: IconUrlGlyph
+  }, props));
+};

package/dist/esm/messages/card.js

@@ -0,0 +1,83 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  url: {
+    id: 'fabric.editor.url',
+    defaultMessage: 'Display URL',
+    description: 'Convert the card to become a regular text-based hyperlink.'
+  },
+  block: {
+    id: 'fabric.editor.displayBlock',
+    defaultMessage: 'Display card',
+    description: 'Display link as a card with a rich preview similar to in a Facebook feed with page title, description, and potentially an image.'
+  },
+  inline: {
+    id: 'fabric.editor.displayInline',
+    defaultMessage: 'Display inline',
+    description: 'Display link with the title only.'
+  },
+  embed: {
+    id: 'fabric.editor.displayEmbed',
+    defaultMessage: 'Display embed',
+    description: 'Display link as an embedded object'
+  },
+  link: {
+    id: 'fabric.editor.displayLink',
+    defaultMessage: 'Display as text',
+    description: 'Convert the card to become a regular text-based hyperlink.'
+  },
+  card: {
+    id: 'fabric.editor.cardFloatingControls',
+    defaultMessage: 'Card options',
+    description: 'Options to change card type'
+  },
+  blockCardUnavailable: {
+    id: 'fabric.editor.blockCardUnavailable',
+    defaultMessage: 'The inline link is inside {node} and cannot have its view changed',
+    description: 'Warning message to show the user that this node cannot change its view'
+  },
+  displayOptionUnavailableInParentNode: {
+    id: 'fabric.editor.displayOptionUnavailableInParentNode',
+    defaultMessage: "This display option isn't available inside {node}",
+    description: 'Warning message to show the user that this node option is not available inside a parent node type'
+  },
+  urlTitle: {
+    id: 'fabric.editor.urlTitle',
+    defaultMessage: 'URL',
+    description: 'Title for option to convert the card to become a regular text-based hyperlink.'
+  },
+  blockTitle: {
+    id: 'fabric.editor.blockTitle',
+    defaultMessage: 'Card',
+    description: 'Title for option to display link in the card view.'
+  },
+  inlineTitle: {
+    id: 'fabric.editor.inlineTitle',
+    defaultMessage: 'Inline',
+    description: 'Title for option to display link in the inline view.'
+  },
+  embedTitle: {
+    id: 'fabric.editor.embedTitle',
+    defaultMessage: 'Embed',
+    description: 'Title for option to display link as an embedded object.'
+  },
+  urlDescription: {
+    id: 'fabric.editor.urlDescription',
+    defaultMessage: 'Display link as URL',
+    description: 'Description for option to convert the card to become a regular text-based hyperlink.'
+  },
+  blockDescription: {
+    id: 'fabric.editor.blockDescription',
+    defaultMessage: 'Display more information about a link, including a summary and actions',
+    description: 'Description for option to display link in the card view.'
+  },
+  inlineDescription: {
+    id: 'fabric.editor.inlineDescription',
+    defaultMessage: 'Display link as inline text',
+    description: 'Description for option to display link in the inline view.'
+  },
+  embedDescription: {
+    id: 'fabric.editor.ecombedDescription',
+    defaultMessage: 'Display an interactive preview of a link',
+    description: 'Description for option to display link as an embedded object.'
+  }
+});

package/dist/esm/messages/index.js

@@ -6,6 +6,7 @@ export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
+export { messages as cardMessages } from './card';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "74.12.0";
+var packageVersion = "74.14.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/react-node-view/getInlineNodeViewProducer.js

@@ -68,7 +68,6 @@ function createNodeView(_ref) {
   trackingEnabled && stopMeasureReactNodeViewRendered({
     nodeTypeName: currentNode.type.name,
     dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-    editorState: nodeViewParams.view.state,
     samplingRate: samplingRate,
     slowThreshold: slowThreshold
   });

package/dist/esm/react-node-view/index.js

@@ -85,7 +85,6 @@ var ReactNodeView = /*#__PURE__*/function () {
       trackingEnabled && stopMeasureReactNodeViewRendered({
         nodeTypeName: this.node.type.name,
         dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
-        editorState: this.view.state,
         samplingRate: samplingRate,
         slowThreshold: slowThreshold
       });

package/dist/esm/styles/index.js

@@ -23,4 +23,6 @@ export { CodeBlockSharedCssClassName, codeBlockSharedStyles, codeBlockInListSafa
 export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
-export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles, editIconStyles } from './shared/embedCard';

package/dist/esm/styles/shared/embedCard.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+export var embedCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    .embedCardView-content-wrap[layout^='wrap-'] {\n      max-width: 100%;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-left'] {\n      float: left;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right'] {\n      float: right;\n    }\n\n    .embedCardView-content-wrap[layout='wrap-right']\n      + .embedCardView-content-wrap[layout='wrap-left'] {\n      clear: both;\n    }\n  }\n"])));
+export var embedSpacingStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 10px;\n"])));
+export var editIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 20px;\n"])));

package/dist/esm/styles/shared/smartCard.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+import { akEditorDeleteBackground, akEditorDeleteBorder, akEditorRuleBorderRadius, akEditorSelectedNodeClassName, getSelectionStyles, SelectionStyle } from '@atlaskit/editor-shared-styles';
+import { N0, N20, N40 } from '@atlaskit/theme/colors';
+import { SmartCardSharedCssClassName } from './smart-card';
+export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
+export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
+export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", " {\n    max-width: calc(100% - 20px);\n    vertical-align: top;\n    word-break: break-all;\n\n    .card {\n      padding-left: 2px;\n      padding-right: 2px;\n      padding-top: 0.5em;\n      padding-bottom: 0.5em;\n      margin-bottom: -0.5em;\n\n      .", " > a:focus {\n        ", "\n      }\n    }\n\n    &.", "\n      .", "\n      > a {\n      ", "\n    }\n    .", " > a {\n      /* EDM-1717: box-shadow Safari fix start */\n      z-index: 1;\n      position: relative;\n      /* EDM-1717: box-shadow Safari fix end */\n    }\n\n    &.danger {\n      .", " > a {\n        box-shadow: 0 0 0 1px\n          ", ";\n        /* EDM-1717: box-shadow Safari fix start */\n        z-index: 2;\n        /* EDM-1717: box-shadow Safari fix end */\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &:hover {\n        background-color: ", ";\n      }\n    }\n\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.danger {\n      .", " > div {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n      }\n    }\n  }\n\n  .", ".", " {\n    max-width: 100%;\n    display: flex;\n    justify-content: center;\n\n    .", " {\n      cursor: pointer;\n      background-color: ", ";\n      border-radius: ", ";\n      border: 1px solid ", ";\n    }\n\n    &.", " {\n      .", " {\n        ", "\n      }\n    }\n\n    &.danger {\n      .", " {\n        box-shadow: 0 0 0 1px\n          ", ";\n      }\n    }\n  }\n\n  .", " {\n    .", " > div {\n      cursor: pointer;\n      &::after {\n        transition: box-shadow 0s;\n      }\n    }\n    &.", "\n      .", "\n      > div {\n      ", "\n    }\n\n    &.", "\n      .", "\n      > div::after {\n      ", "\n    }\n\n    &.danger {\n      .media-card-frame::after {\n        box-shadow: 0 0 0 1px\n          ", " !important;\n        background: ", " !important;\n      }\n      .richMedia-resize-handle-right::after,\n      .richMedia-resize-handle-left::after {\n        background: ", ";\n      }\n    }\n  }\n\n  .", " {\n    padding: 0;\n  }\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-background-neutral-subtle-hovered, ".concat(N20, ")"), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-100, ".concat(akEditorRuleBorderRadius, ")"), "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);

package/dist/esm/ui/DropList/index.js

@@ -18,7 +18,7 @@ import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "74.12.0";
+var packageVersion = "74.14.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/utils/get-performance-options.js

@@ -1,5 +1,4 @@
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
-import { getParticipantsCount } from './collab';
 import { startMeasure, stopMeasure } from './performance/measure';
 
 // This was existing logic when converting from ReactNodeView
@@ -35,7 +34,6 @@ export function startMeasureReactNodeViewRendered(_ref) {
 export function stopMeasureReactNodeViewRendered(_ref2) {
   var nodeTypeName = _ref2.nodeTypeName,
     dispatchAnalyticsEvent = _ref2.dispatchAnalyticsEvent,
-    editorState = _ref2.editorState,
     samplingRate = _ref2.samplingRate,
     slowThreshold = _ref2.slowThreshold;
   stopMeasure("\uD83E\uDD89".concat(nodeTypeName, "::ReactNodeView"), function (duration) {
@@ -46,8 +44,7 @@ export function stopMeasureReactNodeViewRendered(_ref2) {
         eventType: EVENT_TYPE.OPERATIONAL,
         attributes: {
           node: nodeTypeName,
-          duration: duration,
-          participants: getParticipantsCount(editorState)
+          duration: duration
         }
       });
     }

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "74.12.0",
+	"version": "74.14.0",
 	"sideEffects": false
 }

package/dist/esm/with-plugin-state/index.js

@@ -14,7 +14,6 @@ import PropTypes from 'prop-types';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
 import { createDispatch } from '../event-dispatcher';
 import { analyticsEventKey, startMeasure, stopMeasure } from '../utils';
-import { getParticipantsCount } from '../utils/collab';
 var DEFAULT_SAMPLING_RATE = 100;
 var DEFAULT_SLOW_THRESHOLD = 4;
 
@@ -109,15 +108,13 @@ var WithPluginState = /*#__PURE__*/function (_React$Component) {
           performanceOptions.trackingEnabled && stopMeasure(measure, function (duration) {
             // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
             if (++_this.callsCount % performanceOptions.samplingRate === 0 && duration > performanceOptions.slowThreshold) {
-              var _editorView = _this.getEditorView();
               _this.dispatchAnalyticsEvent({
                 action: ACTION.WITH_PLUGIN_STATE_CALLED,
                 actionSubject: ACTION_SUBJECT.EDITOR,
                 eventType: EVENT_TYPE.OPERATIONAL,
                 attributes: {
                   plugin: pluginName,
-                  duration: duration,
-                  participants: getParticipantsCount(_editorView && _editorView.state)
+                  duration: duration
                 }
               });
             }

package/dist/types/__tests_external__/page-objects/EditorSmartLink.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="cypress" />
 /// <reference types="cypress" />
 import { CypressType, InProductTestPageObject } from '@atlaskit/in-product-testing';
-import { CardAppearance } from '@atlaskit/smart-card';
+import type { CardAppearance } from '@atlaskit/smart-card';
 import { EditorPageObject } from './Editor';
 export declare class EditorSmartLinkPageObject extends InProductTestPageObject {
     protected cy: CypressType;

package/dist/types/analytics/types/general-events.d.ts

@@ -104,12 +104,10 @@ type TransactionMutatedAEP = OperationalAEP<ACTION.TRANSACTION_MUTATED_AFTER_DIS
 type WithPluginStateCalledAEP = OperationalAEP<ACTION.WITH_PLUGIN_STATE_CALLED, ACTION_SUBJECT.EDITOR, undefined, {
     plugin: string;
     duration: number;
-    participants: number;
 }, undefined>;
 type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_RENDERED, ACTION_SUBJECT.EDITOR, undefined, {
     node: string;
     duration: number;
-    participants: number;
 }, undefined>;
 type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
 type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, {

package/dist/types/card/LinkToolbarButtonGroup.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { jsx } from '@emotion/react';
+import type { GlyphProps } from '@atlaskit/icon/types';
+export interface ButtonOptionProps {
+    title: string;
+    selected: boolean;
+    testId: string;
+    disabled: boolean;
+    tooltipContent?: string | null;
+    onClick: () => void;
+    icon: (props: GlyphProps) => JSX.Element;
+}
+export interface LinkToolbarButtonGroupProps {
+    options: ButtonOptionProps[];
+}
+export declare const LinkToolbarButtonGroup: ({ options, }: LinkToolbarButtonGroupProps) => jsx.JSX.Element;

package/dist/types/card/index.d.ts

@@ -1,3 +1,7 @@
 export type { CardOptions } from './cardOptions';
 export { addLinkMetadata, getLinkMetadataFromTransaction, commandWithMetadata, } from './utils';
 export { default as buildLayoutButtons } from './MediaAndEmbedsToolbar';
+export type { OptionConfig, CardPluginActions, QueueCardsFromTransactionAction, HideLinkToolbarAction, ChangeSelectedCardToLink, SetSelectedCardAppearance, CardReplacementInputMethod, } from './types';
+export { LinkToolbarButtonGroup } from './LinkToolbarButtonGroup';
+export { getButtonGroupOption } from './link-toolbar-button-group-options';
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";

package/dist/types/card/link-toolbar-button-group-options.d.ts

@@ -0,0 +1,5 @@
+import { IntlShape } from 'react-intl-next';
+import type { Command } from '../types';
+import type { ButtonOptionProps } from './LinkToolbarButtonGroup';
+import type { OptionConfig } from './types';
+export declare const getButtonGroupOption: (intl: IntlShape, dispatchCommand: (command: Command) => void, { disabled, onClick, selected, appearance, testId, tooltip }: OptionConfig) => ButtonOptionProps;

package/dist/types/card/types.d.ts

@@ -0,0 +1,27 @@
+import type { Node } from 'prosemirror-model';
+import type { EditorState, Transaction } from 'prosemirror-state';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { ACTION, EditorAnalyticsAPI, INPUT_METHOD } from '../analytics';
+import type { CardAppearance } from '../provider-factory';
+import type { Command } from '../types';
+export interface OptionConfig {
+    appearance?: CardAppearance;
+    title: string;
+    onClick: Command;
+    selected: boolean;
+    testId: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    tooltip?: string;
+}
+export type CardReplacementInputMethod = INPUT_METHOD.CLIPBOARD | INPUT_METHOD.AUTO_DETECT | INPUT_METHOD.FORMATTING | INPUT_METHOD.MANUAL | INPUT_METHOD.TYPEAHEAD | INPUT_METHOD.FLOATING_TB;
+export type QueueCardsFromTransactionAction = (state: EditorState, tr: Transaction, source: CardReplacementInputMethod, analyticsAction?: ACTION, normalizeLinkText?: boolean, sourceEvent?: UIAnalyticsEvent | null | undefined) => Transaction;
+export type HideLinkToolbarAction = (tr: Transaction) => Transaction;
+export type ChangeSelectedCardToLink = (text?: string, href?: string, sendAnalytics?: boolean, node?: Node, pos?: number, editorAnalyticsApi?: EditorAnalyticsAPI) => Command;
+export type SetSelectedCardAppearance = (appearance: CardAppearance, editorAnalyticsApi: EditorAnalyticsAPI | undefined) => Command;
+export type CardPluginActions = {
+    queueCardsFromChangedTr: QueueCardsFromTransactionAction;
+    hideLinkToolbar: HideLinkToolbarAction;
+    changeSelectedCardToLink: ChangeSelectedCardToLink;
+    setSelectedCardAppearance: SetSelectedCardAppearance;
+};

package/dist/types/card/ui/assets/card.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const IconCard: (props: GlyphProps) => JSX.Element;

package/dist/types/card/ui/assets/embed.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const IconEmbed: (props: GlyphProps) => JSX.Element;

package/dist/types/card/ui/assets/inline.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const IconInline: (props: GlyphProps) => JSX.Element;

package/dist/types/card/ui/assets/url.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { GlyphProps } from '@atlaskit/icon/types';
+export declare const IconUrl: (props: GlyphProps) => JSX.Element;

package/dist/types/messages/card.d.ts

@@ -0,0 +1,82 @@
+export declare const messages: {
+    url: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    block: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    link: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    card: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockCardUnavailable: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    displayOptionUnavailableInParentNode: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedTitle: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    urlDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    blockDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    inlineDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    embedDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/messages/index.d.ts

@@ -5,6 +5,7 @@ export { unsupportedContentMessages } from './unsupportedContent';
 export { codeBlockButtonMessages } from './codeBlockButton';
 export { toolbarInsertBlockMessages } from './insert-block';
 export { toolbarMessages as mediaAndEmbedToolbarMessages } from './media-and-embed-toolbar';
+export { messages as cardMessages } from './card';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/provider-factory/card-provider.d.ts

@@ -1,4 +1,4 @@
-import { CardAdf, DatasourceAdf } from '@atlaskit/smart-card';
+import type { CardAdf, DatasourceAdf } from '@atlaskit/smart-card';
 export type CardAppearance = 'inline' | 'block' | 'embed';
 export type { CardAdf, DatasourceAdf };
 export interface CardProvider {

package/dist/types/styles/index.d.ts

@@ -24,3 +24,5 @@ export { LAYOUT_SECTION_MARGIN, LAYOUT_COLUMN_PADDING } from './shared/layout';
 export { EXTENSION_PADDING, BODIED_EXT_PADDING } from './shared/extension';
 export { resizerStyles } from './shared/resizer';
 export { gridStyles, GRID_GUTTER } from './shared/grid';
+export { smartCardStyles, FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, DATASOURCE_INNER_CONTAINER_CLASSNAME, } from './shared/smartCard';
+export { embedCardStyles, embedSpacingStyles, editIconStyles, } from './shared/embedCard';

package/dist/types/styles/shared/embedCard.d.ts

@@ -0,0 +1,3 @@
+export declare const embedCardStyles: import("@emotion/react").SerializedStyles;
+export declare const embedSpacingStyles: import("@emotion/react").SerializedStyles;
+export declare const editIconStyles: import("@emotion/react").SerializedStyles;

package/dist/types/styles/shared/smartCard.d.ts

@@ -0,0 +1,3 @@
+export declare const DATASOURCE_INNER_CONTAINER_CLASSNAME = "datasourceView-content-inner-wrap";
+export declare const FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = "card-floating-toolbar--link-picker";
+export declare const smartCardStyles: import("@emotion/react").SerializedStyles;

package/dist/types/utils/get-performance-options.d.ts

@@ -1,4 +1,3 @@
-import type { EditorState } from 'prosemirror-state';
 import type { EditorView } from 'prosemirror-view';
 import { AnalyticsEventPayload } from '../analytics';
 export declare function getPerformanceOptions(view: EditorView): {
@@ -9,10 +8,9 @@ export declare function getPerformanceOptions(view: EditorView): {
 export declare function startMeasureReactNodeViewRendered({ nodeTypeName, }: {
     nodeTypeName: string;
 }): void;
-export declare function stopMeasureReactNodeViewRendered({ nodeTypeName, dispatchAnalyticsEvent, editorState, samplingRate, slowThreshold, }: {
+export declare function stopMeasureReactNodeViewRendered({ nodeTypeName, dispatchAnalyticsEvent, samplingRate, slowThreshold, }: {
     nodeTypeName: string;
     dispatchAnalyticsEvent(payload: AnalyticsEventPayload): void;
-    editorState: EditorState;
     samplingRate: number;
     slowThreshold: number;
 }): void;

package/dist/types-ts4.5/__tests_external__/page-objects/EditorSmartLink.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 import { CypressType, InProductTestPageObject } from '@atlaskit/in-product-testing';
-import { CardAppearance } from '@atlaskit/smart-card';
+import type { CardAppearance } from '@atlaskit/smart-card';
 import { EditorPageObject } from './Editor';
 export declare class EditorSmartLinkPageObject extends InProductTestPageObject {
     protected cy: CypressType;

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -104,12 +104,10 @@ type TransactionMutatedAEP = OperationalAEP<ACTION.TRANSACTION_MUTATED_AFTER_DIS
 type WithPluginStateCalledAEP = OperationalAEP<ACTION.WITH_PLUGIN_STATE_CALLED, ACTION_SUBJECT.EDITOR, undefined, {
     plugin: string;
     duration: number;
-    participants: number;
 }, undefined>;
 type ReactNodeViewRenderedAEP = OperationalAEP<ACTION.REACT_NODEVIEW_RENDERED, ACTION_SUBJECT.EDITOR, undefined, {
     node: string;
     duration: number;
-    participants: number;
 }, undefined>;
 type UploadExternalFailedAEP = OperationalAEP<ACTION.UPLOAD_EXTERNAL_FAIL, ACTION_SUBJECT.EDITOR, undefined, undefined, undefined>;
 type InvalidProsemirrorDocumentErrorAEP = OperationalAEP<ACTION.INVALID_PROSEMIRROR_DOCUMENT, ACTION_SUBJECT.EDITOR, undefined, {