@atlaskit/editor-plugin-card 0.2.5 → 0.3.1

package/dist/esm/pm-plugins/mountHyperlink.js

@@ -1,6 +1,26 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import React from 'react';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { HyperlinkToolbarAppearance } from '../ui/HyperlinkToolbarAppearance';
+import { ToolbarViewedEvent } from '../ui/ToolbarViewedEvent';
+var getToolbarViewedItem = function getToolbarViewedItem(link) {
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: link,
+          display: "url",
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionApi, options) {
   return new SafePlugin({
     view: function view(editorView) {
@@ -8,7 +28,7 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
         var _pluginInjectionApi$d, _pluginInjectionApi$d2;
         pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d = pluginInjectionApi.dependencies.hyperlink) === null || _pluginInjectionApi$d === void 0 ? void 0 : (_pluginInjectionApi$d2 = _pluginInjectionApi$d.actions) === null || _pluginInjectionApi$d2 === void 0 ? void 0 : _pluginInjectionApi$d2.prependToolbarButtons({
           items: function items(state, intl, providerFactory, link) {
-            return [{
+            return [].concat(_toConsumableArray(getToolbarViewedItem(link)), [{
               type: 'custom',
               fallback: [],
               render: function render(editorView) {
@@ -26,7 +46,7 @@ export var mountHyperlinkPlugin = function mountHyperlinkPlugin(pluginInjectionA
                   cardActions: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$d4 = pluginInjectionApi.dependencies.card) === null || _pluginInjectionApi$d4 === void 0 ? void 0 : _pluginInjectionApi$d4.actions
                 });
               }
-            }];
+            }]);
           },
           onEscapeCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.hideLinkToolbar,
           onInsertLinkCallback: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.dependencies.card.actions.queueCardsFromChangedTr,

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

@@ -1,2 +1,2 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 export var pluginKey = new PluginKey('cardPlugin');

package/dist/esm/toolbar.js

@@ -3,23 +3,25 @@ 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 React from 'react';
-import { NodeSelection } from 'prosemirror-state';
-import { findDomRefAtPos, removeSelectedNode } from 'prosemirror-utils';
 import { isSafeUrl } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, buildOpenedSettingsPayload, buildVisitedLinkPayload, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { buildLayoutButtons, commandWithMetadata } from '@atlaskit/editor-common/card';
 import commonMessages, { linkMessages, linkToolbarMessages, cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { FLOATING_TOOLBAR_LINKPICKER_CLASSNAME, richMediaClassName } from '@atlaskit/editor-common/styles';
 import { canRenderDatasource } from '@atlaskit/editor-common/utils';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
+import { findDomRefAtPos, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CogIcon from '@atlaskit/icon/glyph/editor/settings';
 import UnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
 import OpenIcon from '@atlaskit/icon/glyph/shortcut';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { changeSelectedCardToText } from './pm-plugins/doc';
 import { pluginKey } from './pm-plugins/main';
 import { buildEditLinkToolbar, editDatasource, editLink, editLinkToolbarConfig } from './ui/EditLinkToolbar';
 import { LinkToolbarAppearance } from './ui/LinkToolbarAppearance';
 import { SmallerEditIcon } from './ui/SmallerEditIcon';
+import { ToolbarViewedEvent } from './ui/ToolbarViewedEvent';
 import { appearanceForNodeType, displayInfoForCard, findCardInfo, titleUrlPairFromNode } from './utils';
 export var removeCard = function removeCard(editorAnalyticsApi) {
   return commandWithMetadata(function (state, dispatch) {
@@ -158,6 +160,26 @@ var withToolbarMetadata = function withToolbarMetadata(command) {
     inputMethod: INPUT_METHOD.FLOATING_TB
   });
 };
+var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
+  if (!url) {
+    return [];
+  }
+  if (getBooleanFF('platform.linking-platform.editor.toolbar-viewed-event')) {
+    return [{
+      type: 'custom',
+      fallback: [],
+      render: function render(editorView) {
+        return /*#__PURE__*/React.createElement(ToolbarViewedEvent, {
+          key: "edit.link.menu.viewed",
+          url: url,
+          display: display,
+          editorView: editorView
+        });
+      }
+    }];
+  }
+  return [];
+};
 var generateToolbarItems = function generateToolbarItems(state, featureFlags, intl, providerFactory, cardOptions, platform, linkPicker, pluginInjectionApi) {
   return function (node) {
     var _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$d3, _pluginInjectionApi$d4, _pluginInjectionApi$d5, _node$attrs, _node$attrs2, _node$attrs2$datasour;
@@ -257,7 +279,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
       // This code will be executed only for appearances such as "inline", "block" & "embed"
       // For url appearance, please see HyperlinkToolbarAppearanceProps
       if (currentAppearance) {
-        toolbarItems.unshift({
+        toolbarItems.unshift.apply(toolbarItems, _toConsumableArray(getToolbarViewedItem(url, currentAppearance)).concat([{
           type: 'custom',
           fallback: [],
           render: function render(editorView) {
@@ -277,7 +299,7 @@ var generateToolbarItems = function generateToolbarItems(state, featureFlags, in
           }
         }, {
           type: 'separator'
-        });
+        }]));
       }
       return toolbarItems;
     }

package/dist/esm/ui/CardContextProvider.js

@@ -0,0 +1,36 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+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 PropTypes from 'prop-types';
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */ // eslint-disable-next-line @repo/internal/react/no-class-components
+export var CardContextProvider = /*#__PURE__*/function (_React$Component) {
+  _inherits(CardContextProvider, _React$Component);
+  var _super = _createSuper(CardContextProvider);
+  function CardContextProvider() {
+    _classCallCheck(this, CardContextProvider);
+    return _super.apply(this, arguments);
+  }
+  _createClass(CardContextProvider, [{
+    key: "render",
+    value: function render() {
+      var _this$context$context;
+      var cardContext = this.context.contextAdapter ? (_this$context$context = this.context.contextAdapter.card) === null || _this$context$context === void 0 ? void 0 : _this$context$context.value : undefined;
+      return this.props.children({
+        cardContext: cardContext
+      });
+    }
+  }]);
+  return CardContextProvider;
+}(React.Component);
+_defineProperty(CardContextProvider, "contextTypes", {
+  contextAdapter: PropTypes.object
+});

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

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback } from 'react';
-import { NodeSelection } from 'prosemirror-state';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { ASSETS_LIST_OF_LINKS_DATASOURCE_ID, AssetsConfigModal, JIRA_LIST_OF_LINKS_DATASOURCE_ID, JiraIssuesConfigModal } from '@atlaskit/link-datasource';
 import { hideDatasourceModal } from '../../pm-plugins/actions';
 import { insertDatasource, updateExistingDatasource } from '../../pm-plugins/doc';

package/dist/esm/ui/EditLinkToolbar.js

@@ -8,13 +8,13 @@ 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 { NodeSelection } from 'prosemirror-state';
 import { ACTION, buildEditLinkPayload, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { commandWithMetadata } from '@atlaskit/editor-common/card';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { HyperlinkAddToolbar as HyperlinkToolbar } from '@atlaskit/editor-common/link';
 import { linkToolbarMessages } from '@atlaskit/editor-common/messages';
 import { LINKPICKER_HEIGHT_IN_PX, RECENT_SEARCH_HEIGHT_IN_PX, RECENT_SEARCH_WIDTH_IN_PX, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '@atlaskit/link-datasource';
 import { hideLinkToolbar as _hideLinkToolbar, showDatasourceModal, showLinkToolbar } from '../pm-plugins/actions';
 import { changeSelectedCardToLink, updateCard } from '../pm-plugins/doc';

package/dist/esm/ui/EditorAnalyticsContext.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
+import { getPluginState } from '../pm-plugins/util/state';
+/**
+ * Provides location attribute to child events
+ */
+export var EditorAnalyticsContext = function EditorAnalyticsContext(_ref) {
+  var _getPluginState;
+  var editorView = _ref.editorView,
+    children = _ref.children;
+  var editorAppearance = editorView ? (_getPluginState = getPluginState(editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance : undefined;
+  var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
+  var analyticsData = {
+    attributes: {
+      location: analyticsEditorAppearance
+    },
+    // Below is added for the future implementation of Linking Platform namespaced analytic context
+    location: analyticsEditorAppearance
+  };
+  return /*#__PURE__*/React.createElement(AnalyticsContext, {
+    data: analyticsData
+  }, children);
+};

package/dist/esm/ui/EditorSmartCardEventsNext.js

@@ -8,12 +8,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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, { useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { AnalyticsContext, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
-import { getAnalyticsEditorAppearance } from '@atlaskit/editor-common/utils';
 import { useSmartLinkLifecycleAnalytics } from '@atlaskit/link-analytics';
 import { registerSmartCardEventsNext } from '../pm-plugins/actions';
-import { getPluginState } from '../pm-plugins/util/state';
+import { EditorAnalyticsContext } from './EditorAnalyticsContext';
 /**
  * If the metadata is for a history event,
  * returns undo/redo instead of instead of what fn(metadata) would have otherwise
@@ -169,7 +168,6 @@ export var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureCompone
   _createClass(EditorSmartCardEventsNext, [{
     key: "render",
     value: function render() {
-      var _getPluginState;
       var cardContext = this.context.contextAdapter.card;
 
       /**
@@ -180,19 +178,10 @@ export var EditorSmartCardEventsNext = /*#__PURE__*/function (_React$PureCompone
       if (!cardContext) {
         return null;
       }
-      var editorAppearance = (_getPluginState = getPluginState(this.props.editorView.state)) === null || _getPluginState === void 0 ? void 0 : _getPluginState.editorAppearance;
-      var analyticsEditorAppearance = getAnalyticsEditorAppearance(editorAppearance);
-      var analyticsData = {
-        attributes: {
-          location: analyticsEditorAppearance
-        },
-        // Below is added for the future implementation of Linking Platform namespaced analytic context
-        location: analyticsEditorAppearance
-      };
       return /*#__PURE__*/React.createElement(cardContext.Provider, {
         value: cardContext.value
-      }, /*#__PURE__*/React.createElement(AnalyticsContext, {
-        data: analyticsData
+      }, /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+        editorView: this.props.editorView
       }, /*#__PURE__*/React.createElement(EventsBinding, this.props)));
     }
   }]);

package/dist/esm/ui/LayoutButton/utils.js

@@ -1,4 +1,4 @@
-import { findSelectedNodeOfType } from 'prosemirror-utils';
+import { findSelectedNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 export var getDatasource = function getDatasource(editorView) {
   var _findSelectedNodeOfTy;
   var _editorView$state = editorView.state,

package/dist/esm/ui/LinkToolbarAppearance.js

@@ -11,11 +11,11 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 PropTypes from 'prop-types';
-import { Fragment } from 'prosemirror-model';
 import { ACTION, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { commandWithMetadata, getButtonGroupOption, LinkToolbarButtonGroup } from '@atlaskit/editor-common/card';
 import nodeNames, { cardMessages as messages } from '@atlaskit/editor-common/messages';
 import { isSupportedInParent } from '@atlaskit/editor-common/utils';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export var LinkToolbarAppearance = /*#__PURE__*/function (_React$Component) {
   _inherits(LinkToolbarAppearance, _React$Component);

package/dist/esm/ui/ResizableEmbedCard.js

@@ -13,9 +13,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 /** @jsx jsx */
 import React from 'react';
 import { jsx } from '@emotion/react';
-import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from 'prosemirror-utils';
 import { embedSpacingStyles } from '@atlaskit/editor-common/styles';
 import { calcColumnsFromPx, calcMediaPxWidth, calcPctFromPx, calcPxFromColumns, handleSides, imageAlignmentMap, Resizer, snapTo, wrappedLayouts, wrapperStyle } from '@atlaskit/editor-common/ui';
+import { findParentNodeOfTypeClosestToPos, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorBreakoutPadding, akEditorMediaResizeHandlerPaddingWide, akEditorWideLayoutWidth, breakoutWideScaleRatio, DEFAULT_EMBED_CARD_HEIGHT, DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { embedHeaderHeight } from '@atlaskit/smart-card';
 // eslint-disable-next-line @repo/internal/react/no-class-components

package/dist/esm/ui/ToolbarViewedEvent.js

@@ -0,0 +1,62 @@
+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 React, { useEffect } from 'react';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { getResolvedAttributes } from '@atlaskit/link-analytics/resolved-attributes';
+import { CardContextProvider } from './CardContextProvider';
+import { EditorAnalyticsContext } from './EditorAnalyticsContext';
+var getResolvedAttributesFromStore = function getResolvedAttributesFromStore(url, display, store) {
+  if (!store) {
+    return {};
+  }
+  var urlState = store.getState()[url];
+  var displayCategory = display === 'url' ? 'link' : undefined;
+  return getResolvedAttributes({
+    url: url,
+    displayCategory: displayCategory
+  }, urlState === null || urlState === void 0 ? void 0 : urlState.details);
+};
+
+/**
+ * Handles firing the toolbar viewed event
+ */
+var ToolbarViewedEventBase = function ToolbarViewedEventBase(_ref) {
+  var url = _ref.url,
+    display = _ref.display,
+    cardContext = _ref.cardContext;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+  var store = cardContext === null || cardContext === void 0 ? void 0 : cardContext.store;
+  useEffect(function () {
+    createAnalyticsEvent({
+      action: 'viewed',
+      actionSubject: 'inlineDialog',
+      actionSubjectId: 'editLinkToolbar',
+      eventType: 'ui',
+      attributes: _objectSpread(_objectSpread({}, getResolvedAttributesFromStore(url, display, store)), {}, {
+        display: display
+      })
+    }).fire('media');
+  }, [createAnalyticsEvent, display, url, store]);
+  return null;
+};
+
+/**
+ * Provides analytics context and card context
+ */
+export var ToolbarViewedEvent = function ToolbarViewedEvent(_ref2) {
+  var url = _ref2.url,
+    display = _ref2.display,
+    editorView = _ref2.editorView;
+  return /*#__PURE__*/React.createElement(EditorAnalyticsContext, {
+    editorView: editorView
+  }, /*#__PURE__*/React.createElement(CardContextProvider, null, function (_ref3) {
+    var cardContext = _ref3.cardContext;
+    return url ? /*#__PURE__*/React.createElement(ToolbarViewedEventBase, {
+      url: url,
+      display: display,
+      cardContext: cardContext
+    }) : null;
+  }));
+};

package/dist/esm/utils.js

@@ -1,4 +1,4 @@
-import { NodeSelection } from 'prosemirror-state';
+import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { pluginKey } from './pm-plugins/plugin-key';
 export var appearanceForNodeType = function appearanceForNodeType(spec) {
   if (spec.name === 'inlineCard') {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "0.2.5",
+	"version": "0.3.1",
 	"sideEffects": false
 }

package/dist/types/nodeviews/datasource.d.ts

@@ -2,12 +2,12 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
 import { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import ReactNodeView, { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { cardPlugin } from '../index';
 import { DatasourceTableLayout } from '../ui/LayoutButton/types';
 interface DatasourceProps extends ReactComponentProps {

package/dist/types/nodeviews/embedCard.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Node as PMNode } from 'prosemirror-model';
 import { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;

package/dist/types/nodeviews/genericCard.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { Node as PMNode } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
 import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { getPosHandler, ReactComponentProps } from '@atlaskit/editor-common/react-node-view';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { SmartCardContext } from '@atlaskit/link-provider';
 import { CardPlatform } from '@atlaskit/smart-card';
 import type { cardPlugin } from '../index';

package/dist/types/pm-plugins/actions.d.ts

@@ -1,6 +1,6 @@
-import { Transaction } from 'prosemirror-state';
 import { CardProvider } from '@atlaskit/editor-common/provider-factory';
 import type { DatasourceModalType } from '@atlaskit/editor-common/types';
+import { Transaction } from '@atlaskit/editor-prosemirror/state';
 import { SmartLinkEvents } from '@atlaskit/smart-card';
 import { CardInfo, CardPluginAction, Request, SmartLinkEventsNext } from '../types';
 import { DatasourceTableLayout } from '../ui/LayoutButton/types';

package/dist/types/pm-plugins/analytics/events-from-tr.d.ts

@@ -1,4 +1,4 @@
-import { EditorState, ReadonlyTransaction, Transaction } from 'prosemirror-state';
+import { EditorState, ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { LifecycleEvent } from '../../types';
 import { Link } from './types';
 export declare const findChangedLinks: (tr: Transaction | ReadonlyTransaction, state: EditorState) => {

package/dist/types/pm-plugins/analytics/types.d.ts

@@ -1,4 +1,4 @@
-import { Mark, Node } from 'prosemirror-model';
+import { Mark, Node } from '@atlaskit/editor-prosemirror/model';
 export type Link = {
     type: 'node';
     pos: number;

package/dist/types/pm-plugins/analytics/utils.d.ts

@@ -1,5 +1,5 @@
-import { Node, Schema } from 'prosemirror-model';
-import { ReadonlyTransaction, Transaction } from 'prosemirror-state';
+import { Node, Schema } from '@atlaskit/editor-prosemirror/model';
+import { ReadonlyTransaction, Transaction } from '@atlaskit/editor-prosemirror/state';
 import { Link } from './types';
 /**
  * Whether a node is a "link" node, ie inline card, block card, embed card

package/dist/types/pm-plugins/doc.d.ts

@@ -1,11 +1,11 @@
-import { Node } from 'prosemirror-model';
-import { EditorState, Transaction } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
 import type { CreateUIAnalyticsEvent, UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { ACTION, EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import type { CardReplacementInputMethod } from '@atlaskit/editor-common/card';
 import { CardAdf, CardAppearance, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
 import type { Command } from '@atlaskit/editor-common/types';
+import { Node } from '@atlaskit/editor-prosemirror/model';
+import { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { InlineCardAdf } from '@atlaskit/smart-card';
 import { Request } from '../types';
 export declare const replaceQueuedUrlWithCard: (url: string, cardData: CardAdf | DatasourceAdf, analyticsAction?: ACTION, editorAnalyticsApi?: EditorAnalyticsAPI, createAnalyticsEvent?: CreateUIAnalyticsEvent) => Command;

package/dist/types/pm-plugins/plugin-key.d.ts

@@ -1,3 +1,3 @@
-import { PluginKey } from 'prosemirror-state';
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { CardPluginState } from '../types';
 export declare const pluginKey: PluginKey<CardPluginState>;

package/dist/types/pm-plugins/shouldReplaceLink.d.ts

@@ -1,2 +1,2 @@
-import { Node } from 'prosemirror-model';
+import { Node } from '@atlaskit/editor-prosemirror/model';
 export declare function shouldReplaceLink(node: Node, compareLinkText?: boolean, compareToUrl?: string): boolean;

package/dist/types/pm-plugins/util/resolve.d.ts

@@ -1,8 +1,8 @@
-import { EditorView } from 'prosemirror-view';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { CardOptions } from '@atlaskit/editor-common/card';
 import { CardProvider, DatasourceAdf } from '@atlaskit/editor-common/provider-factory';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { Request } from '../../types';
 export declare const resolveWithProvider: (view: EditorView, provider: CardProvider, request: Request, options: CardOptions, editorAnalyticsApi: EditorAnalyticsAPI | undefined, createAnalyticsEvent: CreateUIAnalyticsEvent | undefined) => Promise<void | import("@atlaskit/linking-common").InlineCardAdf | import("@atlaskit/linking-common").BlockCardAdf | import("@atlaskit/linking-common").EmbedCardAdf | DatasourceAdf>;
 export declare const handleProvider: (_: 'cardProvider', provider: Promise<CardProvider> | undefined, view: EditorView) => void;

package/dist/types/pm-plugins/util/state.d.ts

@@ -1,4 +1,4 @@
-import { EditorState, ReadonlyTransaction } from 'prosemirror-state';
+import { EditorState, ReadonlyTransaction } from '@atlaskit/editor-prosemirror/state';
 import { CardPluginState, Request } from '../../types';
 export declare const getPluginState: (editorState: EditorState) => CardPluginState | undefined;
 export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState, tr: ReadonlyTransaction) => {

package/dist/types/ui/CardContextProvider.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { CardContext } from '@atlaskit/link-provider';
+type CardContextProviderProps = {
+    children: ({ cardContext }: {
+        cardContext?: CardContext;
+    }) => React.ReactNode;
+};
+/**
+ * Provides the link provider context via the legacy context adapter
+ * and children render function
+ */
+export declare class CardContextProvider extends React.Component<CardContextProviderProps, {}> {
+    static contextTypes: {
+        contextAdapter: PropTypes.Requireable<object>;
+    };
+    render(): React.ReactNode;
+}
+export {};

package/dist/types/ui/DatasourceModal/ModalWithState.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { EditorView } from 'prosemirror-view';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { cardPlugin } from '../../plugin';
 declare const ModalWithState: ({ api, editorView, }: {
     api: ExtractInjectionAPI<typeof cardPlugin> | undefined;

package/dist/types/ui/DatasourceModal/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { EditorView } from 'prosemirror-view';
 import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { DatasourceModalType } from '@atlaskit/editor-common/types';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 type DatasourceModalProps = {
     view: EditorView;
     editorAnalyticsApi?: EditorAnalyticsAPI;

package/dist/types/ui/EditLinkToolbar.d.ts

@@ -1,6 +1,4 @@
 import React from 'react';
-import { Node } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { HyperlinkAddToolbarProps } from '@atlaskit/editor-common/link';
@@ -8,6 +6,8 @@ import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { Command, ExtractInjectionAPI, FloatingToolbarConfig, FloatingToolbarItem, LinkInputType, LinkPickerOptions } from '@atlaskit/editor-common/types';
 import { FeatureFlags } from '@atlaskit/editor-common/types';
 import type { ForceFocusSelector } from '@atlaskit/editor-plugin-floating-toolbar';
+import { Node } from '@atlaskit/editor-prosemirror/model';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { cardPlugin } from '../plugin';
 interface InjectionAPI {
     pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;

package/dist/types/ui/EditorAnalyticsContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+export type EditorAnalyticsContextProps = {
+    editorView?: EditorView;
+    children: React.ReactNode;
+};
+/**
+ * Provides location attribute to child events
+ */
+export declare const EditorAnalyticsContext: ({ editorView, children, }: EditorAnalyticsContextProps) => JSX.Element;

package/dist/types/ui/EditorSmartCardEvents.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const EditorSmartCardEvents: FC<{
     editorView: EditorView;
 }>;

package/dist/types/ui/EditorSmartCardEventsNext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 type AnalyticsBindingsProps = {
     editorView: EditorView;
 };

package/dist/types/ui/HyperlinkToolbarAppearance.d.ts

@@ -1,11 +1,11 @@
 import { Component } from 'react';
-import { EditorState } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
 import { IntlShape } from 'react-intl-next';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { CardOptions } from '@atlaskit/editor-common/card';
 import type { CardPluginActions } from '@atlaskit/editor-common/card';
 import { CardProvider, ProviderFactory } from '@atlaskit/editor-common/provider-factory';
+import { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import { CardPlatform } from '@atlaskit/smart-card';
 export interface HyperlinkToolbarAppearanceProps {
     intl: IntlShape;

package/dist/types/ui/LayoutButton/types.d.ts

@@ -1,6 +1,6 @@
-import { EditorView } from 'prosemirror-view';
 import { IntlShape } from 'react-intl-next';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { cardPlugin } from '../../index';
 export type DatasourceTableLayout = 'full-width' | 'center' | 'wide';
 export type LayoutButtonProps = {

package/dist/types/ui/LayoutButton/utils.d.ts

@@ -1,4 +1,4 @@
-import { EditorView } from 'prosemirror-view';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
 export declare const getDatasource: (editorView: EditorView) => import("prosemirror-utils").ContentNodeWithPos | {
     node: undefined;
     pos: undefined;