@atlaskit/editor-core 183.0.12 → 183.1.0

package/dist/esm/labs/next/presets/universal.js

@@ -1,9 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, cardPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, analyticsPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import { breakoutPlugin, collabEditPlugin, dataConsumerMarkPlugin, datePlugin, emojiPlugin, extensionPlugin, fragmentMarkPlugin, helpDialogPlugin, imageUploadPlugin, insertBlockPlugin, jiraIssuePlugin, layoutPlugin, listPlugin, toolbarListsIndentationPlugin, macroPlugin, maxContentSizePlugin, mediaPlugin, mentionsPlugin, panelPlugin, placeholderTextPlugin, rulePlugin, saveOnEnterPlugin, tasksAndDecisionsPlugin, textColorPlugin, gridPlugin, statusPlugin, alignmentPlugin, indentationPlugin, customAutoformatPlugin, feedbackDialogPlugin, historyPlugin, expandPlugin, isExpandInsertionEnabled, scrollIntoViewPlugin, mobileDimensionsPlugin, findReplacePlugin, contextPanelPlugin, mobileSelectionPlugin, annotationPlugin, captionPlugin, avatarGroupPlugin, viewUpdateSubscriptionPlugin, beforePrimaryToolbarPlugin, codeBidiWarningPlugin, copyButtonPlugin, borderPlugin } from '../../../plugins';
+import cardPlugin from '../../../plugins/card';
 import { tablesPlugin } from '@atlaskit/editor-plugin-table';
+import { contentInsertionPlugin } from '@atlaskit/editor-plugin-content-insertion';
 import { isFullPage as fullPageCheck } from '../../../utils/is-full-page';
 import { getMediaFeatureFlag } from '@atlaskit/media-common';
 import { createDefaultPreset } from './default';
@@ -24,16 +26,16 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
   var isMobile = appearance === 'mobile';
   var isComment = appearance === 'comment';
   var isFullPage = fullPageCheck(appearance);
-  var defaultPreset = createDefaultPreset(props);
   var getEditorFeatureFlags = function getEditorFeatureFlags() {
     return featureFlags;
   };
   var stubs = createStubInternalApis();
   var editorSelectionAPI = stubs.editorSelectionAPI,
-    insertNodeAPI = stubs.insertNodeAPI,
-    editorAnalyticsAPI = stubs.editorAnalyticsAPI,
     stubInternalApisPlugin = stubs.stubInternalApisPlugin;
   var createAnalyticsEvent = maybeCreateAnalyticsEvent ? maybeCreateAnalyticsEvent : stubs.createAnalyticsEvent;
+  var defaultPreset = createDefaultPreset(_objectSpread(_objectSpread({}, props), {}, {
+    createAnalyticsEvent: createAnalyticsEvent
+  }));
   var statusMenuDisabled = !props.allowStatus ? true : _typeof(props.allowStatus) === 'object' ? Boolean(props.allowStatus.menuDisabled) : false;
   var hasBeforePrimaryToolbar = function hasBeforePrimaryToolbar(components) {
     if (components && 'before' in components) {
@@ -41,16 +43,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     }
     return false;
   };
-  var finalPreset = defaultPreset.add(stubInternalApisPlugin).add(dataConsumerMarkPlugin).maybeAdd(analyticsPlugin, function (plugin, builder) {
-    if (props.allowAnalyticsGASV3) {
-      var performanceTracking = props.performanceTracking;
-      return builder.add([plugin, {
-        createAnalyticsEvent: createAnalyticsEvent,
-        performanceTracking: performanceTracking
-      }]);
-    }
-    return builder;
-  }).maybeAdd(breakoutPlugin, function (plugin, builder) {
+  var finalPreset = defaultPreset.add(stubInternalApisPlugin).add(dataConsumerMarkPlugin).add(contentInsertionPlugin).maybeAdd(breakoutPlugin, function (plugin, builder) {
     if (props.allowBreakout && isFullPage) {
       return builder.add([plugin, {
         allowBreakoutButton: appearance === 'full-page'
@@ -150,7 +143,6 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
         allowContextualMenu: !isMobile,
         fullWidthEnabled: appearance === 'full-width',
         wasFullWidthEnabled: prevAppearance && prevAppearance === 'full-width',
-        editorAnalyticsAPI: editorAnalyticsAPI,
         editorSelectionAPI: editorSelectionAPI,
         getEditorFeatureFlags: getEditorFeatureFlags
       }]);
@@ -342,8 +334,7 @@ export default function createUniversalPreset(appearance, props, featureFlags, p
     horizontalRuleEnabled: props.allowRule,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false,
-    insertNodeAPI: insertNodeAPI
+    replacePlusMenuWithElementBrowser: props.elementBrowser && props.elementBrowser.replacePlusMenu || false
   }]).maybeAdd(beforePrimaryToolbarPlugin, function (plugin, builder) {
     if (hasBeforePrimaryToolbar(props.primaryToolbarComponents) && !featureFlags.twoLineEditorToolbar) {
       return builder.add([plugin, {

package/dist/esm/plugins/analytics/index.js

@@ -1,6 +1,6 @@
 import analyticsPlugin from './plugin';
 import { analyticsPluginKey as pluginKey } from './plugin-key';
 export { ACTION_SUBJECT_ID, ACTION_SUBJECT, ACTION, BROWSER_FREEZE_INTERACTION_TYPE, EVENT_TYPE, FULL_WIDTH_MODE, INDENT_DIRECTION, INDENT_TYPE, INPUT_METHOD, LINK_REPRESENTATION, LINK_RESOURCE, LINK_STATUS, MODE, PasteContents, PasteSources, PasteTypes, PLATFORMS, PUNC, SYMBOL, TABLE_ACTION, TABLE_BREAKOUT, TRIGGER_METHOD, USER_CONTEXT, DELETE_DIRECTION, LIST_TEXT_SCENARIOS, fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-export { withAnalytics, addAnalytics, findInsertLocation, getSelectionType, getStateContext, mapActionSubjectIdToAttributes } from './utils';
+export { withAnalytics, addAnalytics } from './utils';
 export var analyticsPluginKey = pluginKey;
 export default analyticsPlugin;

package/dist/esm/plugins/analytics/plugin-key.js

@@ -1,2 +1,9 @@
 import { PluginKey } from 'prosemirror-state';
-export var analyticsPluginKey = new PluginKey('analyticsPlugin');
+
+/**
+ * @private
+ * @deprecated
+ * Do not use the analytics plugin key directly.
+ * This will be deprecated soon.
+ */
+export var analyticsPluginKey = new PluginKey('deprecatedAnalyticsPlugin');

package/dist/esm/plugins/analytics/plugin.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -10,9 +9,7 @@ import { isPerformanceAPIAvailable, measureRender } from '@atlaskit/editor-commo
 import { ACTION, EVENT_TYPE } from './types';
 import { analyticsPluginKey } from './plugin-key';
 import { fireAnalyticsEvent, getAnalyticsEventsFromTransaction } from '@atlaskit/editor-common/analytics';
-import { AnalyticsStep } from '@atlaskit/adf-schema/steps';
-import { generateUndoRedoInputSoucePayload } from '../undo-redo/undo-redo-input-source';
-function createPlugin(options, featureFlags) {
+function createPlugin(options, featureFlags, editorAnalyticsApi) {
   if (!options || !options.createAnalyticsEvent) {
     return;
   }
@@ -22,7 +19,8 @@ function createPlugin(options, featureFlags) {
     state: {
       init: function init() {
         return _objectSpread(_objectSpread({}, options), {}, {
-          fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent)
+          fireAnalytics: fireAnalyticsEvent(options.createAnalyticsEvent),
+          editorAnalyticsApi: editorAnalyticsApi
         });
       },
       apply: function apply(tr, pluginState, _, state) {
@@ -79,59 +77,33 @@ function createPlugin(options, featureFlags) {
     }
   });
 }
+
+/**
+ * @private
+ * @deprecated
+ * Do not use this analytics plugin.
+ * This will be deprecated soon.
+ */
 var analyticsPlugin = function analyticsPlugin(options, api) {
   var _api$dependencies$fea;
   var featureFlags = (api === null || api === void 0 ? void 0 : (_api$dependencies$fea = api.dependencies.featureFlags) === null || _api$dependencies$fea === void 0 ? void 0 : _api$dependencies$fea.sharedState.currentState()) || {};
   return {
-    name: 'analytics',
+    name: 'deprecatedAnalytics',
     pmPlugins: function pmPlugins() {
       return [{
         name: 'analyticsPlugin',
         plugin: function plugin() {
-          return createPlugin(options, featureFlags);
+          var _api$dependencies, _api$dependencies$ana;
+          return createPlugin(options, featureFlags, api === null || api === void 0 ? void 0 : (_api$dependencies = api.dependencies) === null || _api$dependencies === void 0 ? void 0 : (_api$dependencies$ana = _api$dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
         }
       }];
-    },
-    onEditorViewStateUpdated: function onEditorViewStateUpdated(_ref2) {
-      var originalTransaction = _ref2.originalTransaction,
-        transactions = _ref2.transactions,
-        newEditorState = _ref2.newEditorState;
-      var pluginState = analyticsPluginKey.getState(newEditorState);
-      if (!pluginState || !pluginState.createAnalyticsEvent) {
-        return;
-      }
-      var steps = transactions.reduce(function (acc, tr) {
-        var payloads = tr.steps.filter(function (step) {
-          return step instanceof AnalyticsStep;
-        }).map(function (x) {
-          return x.analyticsEvents;
-        }).reduce(function (acc, val) {
-          return acc.concat(val);
-        }, []);
-        acc.push.apply(acc, _toConsumableArray(payloads));
-        return acc;
-      }, []);
-      if (steps.length === 0) {
-        return;
-      }
-      var createAnalyticsEvent = pluginState.createAnalyticsEvent;
-      var undoAnaltyicsEventTransformer = generateUndoRedoInputSoucePayload(originalTransaction);
-      steps.forEach(function (_ref3) {
-        var payload = _ref3.payload,
-          channel = _ref3.channel;
-        var nextPayload = undoAnaltyicsEventTransformer(payload);
-        fireAnalyticsEvent(createAnalyticsEvent)({
-          payload: nextPayload,
-          channel: channel
-        });
-      });
     }
   };
 };
-export function extendPayload(_ref4) {
-  var payload = _ref4.payload,
-    duration = _ref4.duration,
-    distortedDuration = _ref4.distortedDuration;
+export function extendPayload(_ref2) {
+  var payload = _ref2.payload,
+    duration = _ref2.duration,
+    distortedDuration = _ref2.distortedDuration;
   return _objectSpread(_objectSpread({}, payload), {}, {
     attributes: _objectSpread(_objectSpread({}, payload.attributes), {}, {
       duration: duration,

package/dist/esm/plugins/analytics/utils.js

@@ -4,26 +4,39 @@ function getCreateUIAnalyticsEvent(editorState) {
   var _analyticsPluginKey$g;
   return (_analyticsPluginKey$g = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g === void 0 ? void 0 : _analyticsPluginKey$g.createAnalyticsEvent;
 }
-import { attachPayloadIntoTransaction } from '../../analytics-api/attach-payload-into-transaction';
-import { mapActionSubjectIdToAttributes } from '../../analytics-api/map-attributes';
-import { getStateContext, getSelectionType, findInsertLocation } from '../../analytics-api/editor-state-context';
-export { getStateContext, mapActionSubjectIdToAttributes, getSelectionType, findInsertLocation };
+function getEditorAnalyticsAPI(editorState) {
+  var _analyticsPluginKey$g2;
+  return (_analyticsPluginKey$g2 = analyticsPluginKey.getState(editorState)) === null || _analyticsPluginKey$g2 === void 0 ? void 0 : _analyticsPluginKey$g2.editorAnalyticsApi;
+}
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function addAnalytics(state, tr, payload) {
   var channel = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : editorAnalyticsChannel;
   var createAnalyticsEvent = getCreateUIAnalyticsEvent(state);
-  if (!createAnalyticsEvent) {
+  var editorAnalyticsApi = getEditorAnalyticsAPI(state);
+  if (!createAnalyticsEvent || !editorAnalyticsApi) {
     return tr;
   }
-  attachPayloadIntoTransaction({
-    tr: tr,
-    editorState: state,
-    payload: payload,
-    channel: channel
-  });
+  editorAnalyticsApi === null || editorAnalyticsApi === void 0 ? void 0 : editorAnalyticsApi.attachAnalyticsEvent(payload, channel)(tr);
   return tr;
 }
 // Below function has been copied to packages/editor/editor-plugin-ai/src/utils/analytics.ts
 // If changes are made to this function, please make the same update in the linked file.
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Do not use this anymore. Please use @atlaskit/editor-plugin-analytics
+ *
+ */
 export function withAnalytics(payload, channel) {
   return function (command) {
     return function (state, dispatch, view) {

package/dist/esm/plugins/base/index.js

@@ -14,7 +14,7 @@ import newlinePreserveMarksPlugin from './pm-plugins/newline-preserve-marks';
 import inlineCursorTargetPlugin from './pm-plugins/inline-cursor-target';
 import betterTypeHistoryPlugin from './pm-plugins/better-type-history';
 import { plugin as reactNodeView } from './pm-plugins/react-nodeview';
-import decorationPlugin from './pm-plugins/decoration';
+import decorationPlugin, { hoverDecoration } from './pm-plugins/decoration';
 import scrollGutter from './pm-plugins/scroll-gutter';
 import { keymap } from '../../utils/keymap';
 import frozenEditor from './pm-plugins/frozen-editor';
@@ -150,6 +150,9 @@ var basePlugin = function basePlugin(options, api) {
         name: 'text',
         node: text
       }];
+    },
+    actions: {
+      hoverDecoration: hoverDecoration
     }
   };
 };

package/dist/esm/plugins/base/pm-plugins/decoration.js

@@ -8,6 +8,15 @@ export var ACTIONS = /*#__PURE__*/function (ACTIONS) {
   ACTIONS[ACTIONS["DECORATION_REMOVE"] = 1] = "DECORATION_REMOVE";
   return ACTIONS;
 }({});
+
+/**
+ *
+ * @private
+ * @deprecated
+ *
+ * Please use the actions of the base plugin rather than this function
+ * directly
+ */
 export var hoverDecoration = function hoverDecoration(nodeType, add) {
   var className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'danger';
   return function (state, dispatch) {

package/dist/esm/plugins/block-type/commands/block-type.js

@@ -5,7 +5,7 @@ import { findWrapping } from 'prosemirror-transform';
 import { safeInsert } from 'prosemirror-utils';
 import { CODE_BLOCK, BLOCK_QUOTE, PANEL, HEADINGS_BY_NAME, NORMAL_TEXT } from '../types';
 import { removeBlockMarks } from '../../../utils/mark';
-import { shouldSplitSelectedNodeOnNodeInsertion } from '../../../utils/insert';
+import { shouldSplitSelectedNodeOnNodeInsertion } from '@atlaskit/editor-common/insert';
 import { withAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { filterChildrenBetween } from '../../../utils';
 import { PanelType } from '@atlaskit/adf-schema';

package/dist/esm/plugins/caption/index.js

@@ -1,7 +1,7 @@
 import { caption } from '@atlaskit/adf-schema';
 import { default as createCaptionPlugin } from './pm-plugins/main';
 import { captionKeymap } from './pm-plugins/keymap';
-var captionPlugin = function captionPlugin() {
+var captionPlugin = function captionPlugin(_, api) {
   return {
     name: 'caption',
     nodes: function nodes() {
@@ -14,11 +14,12 @@ var captionPlugin = function captionPlugin() {
       return [{
         name: 'caption',
         plugin: function plugin(_ref) {
+          var _api$dependencies$ana;
           var portalProviderAPI = _ref.portalProviderAPI,
             providerFactory = _ref.providerFactory,
             eventDispatcher = _ref.eventDispatcher,
             dispatch = _ref.dispatch;
-          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch);
+          return createCaptionPlugin(portalProviderAPI, eventDispatcher, providerFactory, dispatch, api === null || api === void 0 ? void 0 : (_api$dependencies$ana = api.dependencies.analytics) === null || _api$dependencies$ana === void 0 ? void 0 : _api$dependencies$ana.actions);
         }
       }, {
         name: 'captionKeymap',

package/dist/esm/plugins/caption/pm-plugins/main.js

@@ -2,16 +2,16 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { findParentNodeOfType } from 'prosemirror-utils';
 import { pluginKey } from './plugin-key';
 import captionNodeView from './../nodeviews';
-import { addAnalytics, ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
-var fireAnalytic = function fireAnalytic(state, tr, action) {
-  addAnalytics(state, tr, {
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
+var fireAnalytics = function fireAnalytics(tr, action, analyticsApi) {
+  analyticsApi === null || analyticsApi === void 0 ? void 0 : analyticsApi.attachAnalyticsEvent({
     action: action,
     eventType: EVENT_TYPE.TRACK,
     actionSubject: ACTION_SUBJECT.MEDIA_SINGLE,
     actionSubjectId: ACTION_SUBJECT_ID.CAPTION
-  });
+  })(tr);
 };
-export default (function (portalProviderAPI, eventDispatcher, providerFactory, dispatch) {
+export default (function (portalProviderAPI, eventDispatcher, providerFactory, dispatch, analyticsApi) {
   return new SafePlugin({
     appendTransaction: function appendTransaction(transactions, oldState, newState) {
       // only run for transactions that change selection
@@ -30,10 +30,11 @@ export default (function (portalProviderAPI, eventDispatcher, providerFactory, d
         if (oldSelectionCaption.node.childCount === 0) {
           tr.delete(oldSelectionCaption.start - 1, oldSelectionCaption.start);
           tr.setMeta('scrollIntoView', false);
-          fireAnalytic(newState, tr, ACTION.DELETED);
+          fireAnalytics(tr, ACTION.DELETED, analyticsApi);
           return tr;
         } else {
-          fireAnalytic(newState, tr, ACTION.EDITED);
+          fireAnalytics(tr, ACTION.EDITED, analyticsApi);
+          return tr;
         }
       }
     },

package/dist/esm/plugins/card/index.js

@@ -44,7 +44,7 @@ var cardPlugin = function cardPlugin(options, api) {
           useAlternativePreloader: useAlternativePreloader,
           allowWrapping: allowWrapping,
           allowAlignment: allowAlignment
-        }))
+        }), api)
       }];
       plugins.push({
         name: 'cardKeymap',
@@ -65,7 +65,7 @@ var cardPlugin = function cardPlugin(options, api) {
       }));
     },
     pluginsOptions: {
-      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker)
+      floatingToolbar: floatingToolbar(options, featureFlags, options.platform, options.linkPicker, api)
     }
   };
 };

package/dist/esm/plugins/card/nodeviews/embedCard.js

@@ -1,5 +1,4 @@
 import _get from "@babel/runtime/helpers/get";
-import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,6 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -21,11 +21,76 @@ import { DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/e
 import { SelectionBasedNodeView } from '../../../nodeviews/';
 import { registerCard } from '../pm-plugins/actions';
 import ResizableEmbedCard from '../ui/ResizableEmbedCard';
-import { createDisplayGrid } from '../../../plugins/grid';
-import WithPluginState from '../../../ui/WithPluginState';
-import { pluginKey as widthPluginKey } from '../../width';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../../../utils/rich-media-utils';
 import { SetAttrsStep } from '@atlaskit/adf-schema/steps';
+import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
+var CardInner = function CardInner(_ref) {
+  var pluginInjectionApi = _ref.pluginInjectionApi,
+    getPosSafely = _ref.getPosSafely,
+    getLineLength = _ref.getLineLength,
+    view = _ref.view,
+    smartCard = _ref.smartCard,
+    eventDispatcher = _ref.eventDispatcher,
+    updateSize = _ref.updateSize,
+    getPos = _ref.getPos,
+    aspectRatio = _ref.aspectRatio,
+    allowResizing = _ref.allowResizing,
+    hasPreview = _ref.hasPreview,
+    heightAlone = _ref.heightAlone,
+    cardProps = _ref.cardProps,
+    dispatchAnalyticsEvent = _ref.dispatchAnalyticsEvent;
+  var _useSharedPluginState = useSharedPluginState(pluginInjectionApi, ['width']),
+    widthState = _useSharedPluginState.widthState;
+  var widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
+  var widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
+  var pos = getPosSafely();
+  if (pos === undefined) {
+    return null;
+  }
+  var lineLength = getLineLength(view, pos, widthStateLineLength);
+  var containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
+  if (!allowResizing || !hasPreview) {
+    // There are two ways `width` and `height` can be defined here:
+    // 1) Either as `heightAlone` as height value and no width
+    // 2) or as `1` for height and aspectRation (defined or a default one) as a width
+    // See above for how aspectRation is calculated.
+    var defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
+    var richMediaWrapperHeight = 1;
+    var richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
+    if (heightAlone) {
+      richMediaWrapperHeight = heightAlone;
+      richMediaWrapperWidth = undefined;
+    }
+    return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
+      height: richMediaWrapperHeight,
+      width: richMediaWrapperWidth,
+      nodeType: "embedCard",
+      hasFallbackContainer: hasPreview,
+      lineLength: lineLength,
+      containerWidth: containerWidth
+    }), smartCard);
+  }
+  var displayGrid = function displayGrid(visible, gridType, highlight) {
+    var _pluginInjectionApi$d, _pluginInjectionApi$d2;
+    return pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.grid) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.actions.displayGrid(view)({
+      visible: visible,
+      gridType: gridType,
+      highlight: highlight
+    });
+  };
+  return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
+    height: heightAlone,
+    aspectRatio: aspectRatio,
+    view: view,
+    getPos: getPos,
+    lineLength: lineLength,
+    gridSize: 12,
+    containerWidth: containerWidth,
+    displayGrid: displayGrid,
+    updateSize: updateSize,
+    dispatchAnalyticsEvent: dispatchAnalyticsEvent
+  }), smartCard);
+};
 export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(EmbedCardComponent, _React$PureComponent);
   var _super = _createSuper(EmbedCardComponent);
@@ -180,7 +245,6 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
       var _this$props = this.props,
         node = _this$props.node,
         cardContext = _this$props.cardContext,
@@ -189,7 +253,8 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         fullWidthMode = _this$props.fullWidthMode,
         view = _this$props.view,
         dispatchAnalyticsEvent = _this$props.dispatchAnalyticsEvent,
-        getPos = _this$props.getPos;
+        getPos = _this$props.getPos,
+        pluginInjectionApi = _this$props.pluginInjectionApi;
       var _node$attrs = node.attrs,
         url = _node$attrs.url,
         pctWidth = _node$attrs.width,
@@ -216,71 +281,37 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
         pctWidth: pctWidth,
         fullWidthMode: fullWidthMode
       };
+      var smartCard = /*#__PURE__*/React.createElement(SmartCard, {
+        key: url,
+        url: url,
+        appearance: "embed",
+        onClick: this.onClick,
+        onResolve: this.onResolve,
+        showActions: platform === 'web',
+        isFrameVisible: true,
+        inheritDimensions: true,
+        platform: platform,
+        container: this.scrollContainer,
+        embedIframeRef: this.embedIframeRef
+      });
       var cardInner = /*#__PURE__*/React.createElement(EmbedResizeMessageListener, {
         embedIframeRef: this.embedIframeRef,
         onHeightUpdate: this.onHeightUpdate
-      }, /*#__PURE__*/React.createElement(WithPluginState, {
-        editorView: view,
-        plugins: {
-          widthState: widthPluginKey
-        },
-        render: function render(_ref) {
-          var widthState = _ref.widthState;
-          var widthStateLineLength = (widthState === null || widthState === void 0 ? void 0 : widthState.lineLength) || 0;
-          var widthStateWidth = (widthState === null || widthState === void 0 ? void 0 : widthState.width) || 0;
-          var pos = _this2.getPosSafely();
-          if (pos === undefined) {
-            return null;
-          }
-          var lineLength = _this2.getLineLength(view, pos, widthStateLineLength);
-          var containerWidth = isRichMediaInsideOfBlockNode(view, pos) ? lineLength : widthStateWidth;
-          var smartCard = /*#__PURE__*/React.createElement(SmartCard, {
-            key: url,
-            url: url,
-            appearance: "embed",
-            onClick: _this2.onClick,
-            onResolve: _this2.onResolve,
-            showActions: platform === 'web',
-            isFrameVisible: true,
-            inheritDimensions: true,
-            platform: platform,
-            container: _this2.scrollContainer,
-            embedIframeRef: _this2.embedIframeRef
-          });
-          if (!allowResizing || !hasPreview) {
-            // There are two ways `width` and `height` can be defined here:
-            // 1) Either as `heightAlone` as height value and no width
-            // 2) or as `1` for height and aspectRation (defined or a default one) as a width
-            // See above for how aspectRation is calculated.
-            var defaultAspectRatio = DEFAULT_EMBED_CARD_WIDTH / DEFAULT_EMBED_CARD_HEIGHT;
-            var richMediaWrapperHeight = 1;
-            var richMediaWrapperWidth = aspectRatio || defaultAspectRatio;
-            if (heightAlone) {
-              richMediaWrapperHeight = heightAlone;
-              richMediaWrapperWidth = undefined;
-            }
-            return /*#__PURE__*/React.createElement(RichMediaWrapper, _extends({}, cardProps, {
-              height: richMediaWrapperHeight,
-              width: richMediaWrapperWidth,
-              nodeType: "embedCard",
-              hasFallbackContainer: hasPreview,
-              lineLength: lineLength,
-              containerWidth: containerWidth
-            }), smartCard);
-          }
-          return /*#__PURE__*/React.createElement(ResizableEmbedCard, _extends({}, cardProps, {
-            height: heightAlone,
-            aspectRatio: aspectRatio,
-            view: _this2.props.view,
-            getPos: getPos,
-            lineLength: lineLength,
-            gridSize: 12,
-            containerWidth: containerWidth,
-            displayGrid: createDisplayGrid(_this2.props.eventDispatcher),
-            updateSize: _this2.updateSize,
-            dispatchAnalyticsEvent: dispatchAnalyticsEvent
-          }), smartCard);
-        }
+      }, /*#__PURE__*/React.createElement(CardInner, {
+        pluginInjectionApi: pluginInjectionApi,
+        smartCard: smartCard,
+        hasPreview: hasPreview,
+        getPosSafely: this.getPosSafely,
+        view: view,
+        getLineLength: this.getLineLength,
+        eventDispatcher: this.props.eventDispatcher,
+        updateSize: this.updateSize,
+        getPos: getPos,
+        aspectRatio: aspectRatio,
+        allowResizing: allowResizing,
+        heightAlone: heightAlone,
+        cardProps: cardProps,
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent
       }));
 
       // [WS-2307]: we only render card wrapped into a Provider when the value is ready
@@ -330,7 +361,8 @@ export var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         allowResizing = _this$reactComponentP.allowResizing,
         platform = _this$reactComponentP.platform,
         fullWidthMode = _this$reactComponentP.fullWidthMode,
-        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent;
+        dispatchAnalyticsEvent = _this$reactComponentP.dispatchAnalyticsEvent,
+        pluginInjectionApi = _this$reactComponentP.pluginInjectionApi;
       return /*#__PURE__*/React.createElement(WrappedBlockCard, {
         node: this.node,
         view: this.view,
@@ -339,7 +371,8 @@ export var EmbedCard = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         allowResizing: allowResizing,
         platform: platform,
         fullWidthMode: fullWidthMode,
-        dispatchAnalyticsEvent: dispatchAnalyticsEvent
+        dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+        pluginInjectionApi: pluginInjectionApi
       });
     }
   }]);

package/dist/esm/plugins/card/nodeviews/genericCard.js

@@ -86,13 +86,14 @@ export function Card(SmartCardComponent, UnsupportedComponent) {
           var _this$props = this.props,
             view = _this$props.view,
             node = _this$props.node,
-            getPos = _this$props.getPos;
+            getPos = _this$props.getPos,
+            pluginInjectionApi = _this$props.pluginInjectionApi;
           var _titleUrlPairFromNode2 = titleUrlPairFromNode(node),
             url = _titleUrlPairFromNode2.url;
           if (!getPos || typeof getPos === 'boolean') {
             return;
           }
-          changeSelectedCardToLinkFallback(undefined, url, true, node, getPos())(view.state, view.dispatch);
+          changeSelectedCardToLinkFallback(undefined, url, true, node, getPos(), pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.analytics.actions)(view.state, view.dispatch);
           return null;
         } else {
           // Otherwise, render a blue link as fallback (above in render()).