@atlaskit/editor-plugin-card 4.5.16 → 4.5.18

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-card
 
+## 4.5.18
+
+### Patch Changes
+
+- Updated dependencies
+
+## 4.5.17
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 4.5.16
 
 ### Patch Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -14,6 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _v = _interopRequireDefault(require("uuid/v4"));
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
@@ -54,7 +55,8 @@ var BlockCardComponent = exports.BlockCardComponent = /*#__PURE__*/function (_Re
         view.dispatch((0, _actions.registerCard)({
           title: title,
           url: url,
-          pos: pos
+          pos: pos,
+          id: _this.props.id
         })(view.state.tr));
       })();
     });
@@ -120,6 +122,7 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, BlockCard, [].concat(args));
+    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
     (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -177,7 +180,8 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
         getPos: this.getPos,
         actionOptions: actionOptions,
         pluginInjectionApi: pluginInjectionApi,
-        onClickCallback: onClickCallback
+        onClickCallback: onClickCallback,
+        id: this.id
       });
     }
   }, {
@@ -185,6 +189,18 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function destroy() {
       var _this$unsubscribe;
       (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_card_plugin_state')) {
+        this.removeCard();
+      }
+    }
+  }, {
+    key: "removeCard",
+    value: function removeCard() {
+      var tr = this.view.state.tr;
+      (0, _actions.removeCard)({
+        id: this.id
+      })(tr);
+      this.view.dispatch(tr);
     }
   }]);
 }(_reactNodeView.default);
@@ -195,10 +211,7 @@ var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_
     onClickCallback = _ref3.onClickCallback,
     allowDatasource = _ref3.allowDatasource,
     inlineCardViewProducer = _ref3.inlineCardViewProducer;
-  return function (node, view, getPos, decorations
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) {
+  return function (node, view, getPos, decorations) {
     var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
       eventDispatcher = pmPluginFactoryParams.eventDispatcher;
     var reactComponentProps = {

package/dist/cjs/nodeviews/embedCard.js

@@ -15,6 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _v = _interopRequireDefault(require("uuid/v4"));
 var _steps = require("@atlaskit/adf-schema/steps");
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
@@ -162,7 +163,8 @@ var EmbedCardComponent = exports.EmbedCardComponent = /*#__PURE__*/function (_Re
         return view.dispatch((0, _actions.registerCard)({
           title: title,
           url: url,
-          pos: pos
+          pos: pos,
+          id: _this.props.id
         })(view.state.tr));
       })();
       try {
@@ -345,6 +347,7 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
       args[_key] = arguments[_key];
     }
     _this2 = _callSuper(this, EmbedCard, [].concat(args));
+    (0, _defineProperty2.default)(_this2, "id", (0, _v.default)());
     (0, _defineProperty2.default)(_this2, "updateContentEditable", function (editorViewModeState, divElement) {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -405,6 +408,18 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     value: function destroy() {
       var _this$unsubscribe;
       (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 || _this$unsubscribe.call(this);
+      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_card_plugin_state')) {
+        this.removeCard();
+      }
+    }
+  }, {
+    key: "removeCard",
+    value: function removeCard() {
+      var tr = this.view.state.tr;
+      (0, _actions.removeCard)({
+        id: this.id
+      })(tr);
+      this.view.dispatch(tr);
     }
   }]);
 }(_reactNodeView.default);

package/dist/cjs/nodeviews/inlineCard.js

@@ -12,6 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _rafSchd = _interopRequireDefault(require("raf-schd"));
+var _v = _interopRequireDefault(require("uuid/v4"));
 var _hooks = require("@atlaskit/editor-common/hooks");
 var _link = require("@atlaskit/editor-common/link");
 var _ui = require("@atlaskit/editor-common/ui");
@@ -40,6 +41,19 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
+  var refId = (0, _react.useRef)((0, _v.default)());
+  (0, _react.useEffect)(function () {
+    var id = refId.current;
+    return function () {
+      if ((0, _platformFeatureFlags.fg)('platform_editor_fix_card_plugin_state')) {
+        var tr = view.state.tr;
+        (0, _actions.removeCard)({
+          id: id
+        })(tr);
+        view.dispatch(tr);
+      }
+    };
+  }, [getPos, view]);
   var scrollContainer = (0, _react.useMemo)(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -64,7 +78,8 @@ var InlineCard = exports.InlineCard = /*#__PURE__*/(0, _react.memo)(function (_r
       (0, _actions.registerCard)({
         title: title,
         url: url,
-        pos: pos
+        pos: pos,
+        id: refId.current
       })(tr);
       onRes === null || onRes === void 0 || onRes(tr, title);
       view.dispatch(tr);
@@ -170,10 +185,7 @@ function InlineCardNodeView(props) {
 }
 var inlineCardNodeView = exports.inlineCardNodeView = function inlineCardNodeView(_ref2) {
   var inlineCardViewProducer = _ref2.inlineCardViewProducer;
-  return function (node, view, getPos, decorations
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) {
+  return function (node, view, getPos, decorations) {
     return inlineCardViewProducer(node, view, getPos, decorations);
   };
 };

package/dist/cjs/nodeviews/inlineCardWithAwareness.js

@@ -8,7 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlineCardWithAwareness = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actions = require("../pm-plugins/actions");
+var _pluginKey = require("../pm-plugins/plugin-key");
 var _AwarenessWrapper = require("../ui/AwarenessWrapper");
 var _inlineCard = require("./inlineCard");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -38,9 +40,22 @@ var InlineCardWithAwareness = exports.InlineCardWithAwareness = /*#__PURE__*/(0,
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
   var onResolve = (0, _react.useCallback)(function (tr, title) {
-    (0, _actions.registerRemoveOverlay)(function () {
-      return setIsInserted(false);
-    })(tr);
+    if ((0, _platformFeatureFlags.fg)('platform_editor_fix_card_plugin_state')) {
+      var metadata = tr.getMeta(_pluginKey.pluginKey);
+      if (metadata && metadata.type === 'REGISTER') {
+        (0, _actions.registerRemoveOverlay)(function () {
+          return setIsInserted(false);
+        }, metadata.info)(tr);
+      } else {
+        (0, _actions.registerRemoveOverlay)(function () {
+          return setIsInserted(false);
+        })(tr);
+      }
+    } else {
+      (0, _actions.registerRemoveOverlay)(function () {
+        return setIsInserted(false);
+      })(tr);
+    }
     if (title) {
       setIsResolvedViewRendered(true);
     }

package/dist/cjs/pm-plugins/actions.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.showLinkToolbar = exports.showDatasourceModal = exports.setProvider = exports.setDatasourceTableRef = exports.setDatasourceStash = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.removeDatasourceStash = exports.registerSmartCardEvents = exports.registerRemoveOverlay = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.clearOverlayCandidate = exports.cardAction = void 0;
+exports.showLinkToolbar = exports.showDatasourceModal = exports.setProvider = exports.setDatasourceTableRef = exports.setDatasourceStash = exports.setCardLayoutAndDatasourceTableRef = exports.setCardLayout = exports.resolveCard = exports.removeDatasourceStash = exports.removeCard = exports.registerSmartCardEvents = exports.registerRemoveOverlay = exports.registerCard = exports.queueCards = exports.hideLinkToolbar = exports.hideDatasourceModal = exports.clearOverlayCandidate = exports.cardAction = void 0;
 var _pluginKey = require("./plugin-key");
 var cardAction = exports.cardAction = function cardAction(tr, action) {
   return tr.setMeta(_pluginKey.pluginKey, action);
@@ -32,11 +32,20 @@ var registerCard = exports.registerCard = function registerCard(info) {
     });
   };
 };
-var registerRemoveOverlay = exports.registerRemoveOverlay = function registerRemoveOverlay(callback) {
+var removeCard = exports.removeCard = function removeCard(info) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'REMOVE_CARD',
+      info: info
+    });
+  };
+};
+var registerRemoveOverlay = exports.registerRemoveOverlay = function registerRemoveOverlay(callback, info) {
   return function (tr) {
     return cardAction(tr, {
       type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK',
-      callback: callback
+      callback: callback,
+      info: info
     });
   };
 };

package/dist/cjs/pm-plugins/doc.js

@@ -24,8 +24,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * Attempt to replace the link into the respective card.
  */
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function replaceLinksToCards(tr, cardAdf, schema, request) {
   var inlineCard = schema.nodes.inlineCard;
   var url = request.url;
@@ -63,10 +61,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-var replaceQueuedUrlWithCard = exports.replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var replaceQueuedUrlWithCard = exports.replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) {
   return function (editorState, dispatch) {
     var state = _pluginKey.pluginKey.getState(editorState);
     if (!state) {
@@ -204,10 +199,7 @@ var queueCardsFromChangedTr = exports.queueCardsFromChangedTr = function queueCa
 var queueCardFromChangedTr = exports.queueCardFromChangedTr = function queueCardFromChangedTr(state, tr, source, analyticsAction) {
   var normalizeLinkText = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
   var sourceEvent = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : undefined;
-  var previousAppearance
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  = arguments.length > 6 ? arguments[6] : undefined;
+  var previousAppearance = arguments.length > 6 ? arguments[6] : undefined;
   var schema = state.schema;
   var link = schema.marks.link;
   var requests = [];
@@ -267,10 +259,7 @@ var convertHyperlinkToSmartCard = exports.convertHyperlinkToSmartCard = function
   });
   return (0, _actions.queueCards)(requests)(state.tr);
 };
-var changeSelectedCardToLink = exports.changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var changeSelectedCardToLink = exports.changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var selectedNode = state.selection instanceof _state.NodeSelection ? state.selection.node : undefined;
     var tr;
@@ -299,10 +288,7 @@ var changeSelectedCardToLink = exports.changeSelectedCardToLink = function chang
     return true;
   };
 };
-var changeSelectedCardToLinkFallback = exports.changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var changeSelectedCardToLinkFallback = exports.changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var tr;
     if (node && pos) {
@@ -353,9 +339,6 @@ function cardToLinkWithTransaction(state, text, href) {
   })]), false);
   return tr;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function cardNodeToLinkWithTransaction(state, text, href, node, pos) {
   var link = state.schema.marks.link;
   var url = node.attrs.url || node.attrs.data.url;
@@ -521,10 +504,7 @@ var updateCardViaDatasource = exports.updateCardViaDatasource = function updateC
   }
   view.dispatch(tr.scrollIntoView());
 };
-var insertDatasource = exports.insertDatasource = function insertDatasource(state, adf, view, sourceEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var insertDatasource = exports.insertDatasource = function insertDatasource(state, adf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;

package/dist/cjs/pm-plugins/reducers.js

@@ -35,6 +35,13 @@ var register = function register(state, action) {
     }).concat(action.info)
   });
 };
+var removeCard = function removeCard(state, action) {
+  return _objectSpread(_objectSpread({}, state), {}, {
+    cards: state.cards.filter(function (card) {
+      return card.id !== action.info.id;
+    })
+  });
+};
 var setProvider = function setProvider(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
     provider: action.provider
@@ -85,6 +92,10 @@ var clearOverlayCandidate = function clearOverlayCandidate(state) {
 };
 var registerRemoveOverlayOnInsertedLink = function registerRemoveOverlayOnInsertedLink(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
+    cards: action.info ? state.cards.filter(function (card) {
+      var _action$info;
+      return card.pos !== ((_action$info = action.info) === null || _action$info === void 0 ? void 0 : _action$info.pos);
+    }).concat(action.info) : state.cards,
     removeOverlay: action.callback
   });
 };
@@ -114,6 +125,8 @@ var _default = exports.default = function _default(state, action) {
       return resolve(state, action);
     case 'REGISTER':
       return register(state, action);
+    case 'REMOVE_CARD':
+      return removeCard(state, action);
     case 'REGISTER_EVENTS':
       return registerEvents(state, action);
     case 'SET_DATASOURCE_TABLE_REF':

package/dist/cjs/pm-plugins/util/resolve.js

@@ -34,10 +34,7 @@ var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-var resolveWithProvider = exports.resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var resolveWithProvider = exports.resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
   var isEmbedFriendlyLocation = (0, _platformFeatureFlags.fg)('hardcoded-embeds-only-on-new-line') ? isFreshlyPastedOnNewLine(view) : true;
 
   // When user manually changes appearance from blue link to smart link, we should respect that,
@@ -67,10 +64,7 @@ var updateCardType = function updateCardType(resolvedCard, options) {
     resolvedCard.type = 'inlineCard';
   }
 };
-var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var handleResolved = function handleResolved(view, request, editorAnalyticsApi, createAnalyticsEvent, options) {
   return function (resolvedCard) {
     updateCardType(resolvedCard, options);
     (0, _doc.replaceQueuedUrlWithCard)(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);

package/dist/cjs/pm-plugins/utils.js

@@ -57,10 +57,7 @@ var findCardInfo = exports.findCardInfo = function findCardInfo(state) {
     return cardInfo.pos === state.selection.from;
   });
 };
-var isAppearanceSupportedInParent = function isAppearanceSupportedInParent(currentNodePosition, editorState, fragment, currentAppearance
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var isAppearanceSupportedInParent = function isAppearanceSupportedInParent(currentNodePosition, editorState, fragment, currentAppearance) {
   var resolvedPosition = editorState.doc.resolve(currentNodePosition);
   var parent = currentAppearance === 'embed' || currentAppearance === 'block' ? resolvedPosition.node() : resolvedPosition.node(-1);
   return parent && parent.type.validContent(fragment);

package/dist/cjs/ui/EditLinkToolbar.js

@@ -102,10 +102,7 @@ var EditLinkToolbar = exports.EditLinkToolbar = /*#__PURE__*/function (_React$Co
         // via the floating toolbar
         ,
         invokeMethod: _analytics.INPUT_METHOD.FLOATING_TB,
-        lpLinkPicker: lpLinkPicker
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/max-params
-        ,
+        lpLinkPicker: lpLinkPicker,
         onSubmit: function onSubmit(href, title, displayText, inputMethod, analytic) {
           _this.hideLinkToolbar();
           if (_onSubmit) {
@@ -176,10 +173,7 @@ var buildEditLinkToolbar = exports.buildEditLinkToolbar = function buildEditLink
         text: displayInfo.title || '',
         node: node,
         lpLinkPicker: lpLinkPicker,
-        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/max-params
-        ,
+        forceFocusSelector: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$f = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f === void 0 || (_pluginInjectionApi$f = _pluginInjectionApi$f.actions) === null || _pluginInjectionApi$f === void 0 ? void 0 : _pluginInjectionApi$f.forceFocusSelector,
         onSubmit: function onSubmit(newHref, newText, inputMethod, analytic) {
           var urlChanged = newHref !== displayInfo.url;
           var titleChanged = newText !== displayInfo.title;

package/dist/cjs/ui/ResizableEmbedCard.js

@@ -315,7 +315,7 @@ var ResizableEmbedCard = exports.default = /*#__PURE__*/function (_React$Compone
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
           display: 'block',
           /* Fixes extra padding problem in Firefox */
-          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
           fontSize: 0,
           // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
           lineHeight: 0

package/dist/cjs/ui/analytics/events-from-tr.js

@@ -83,9 +83,6 @@ var findChanged = exports.findChanged = function findChanged(tr, state) {
         }
       }
     }
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
     stepMap.forEach(function (oldStart, oldEnd, newStart, newEnd) {
       var _tr$docs2;
       var before = tr.docs[i];

package/dist/cjs/ui/analytics/utils.js

@@ -92,10 +92,7 @@ var findAtPositions = exports.findAtPositions = function findAtPositions(tr, pos
   }
   return entities;
 };
-var findInNodeRange = exports.findInNodeRange = function findInNodeRange(doc, from, to, predicate
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var findInNodeRange = exports.findInNodeRange = function findInNodeRange(doc, from, to, predicate) {
   var entities = [];
   doc.nodesBetween(from, to, function (node, pos) {
     if (predicate(node)) {

package/dist/cjs/ui/editDatasourceAction.js

@@ -7,10 +7,7 @@ exports.editDatasource = void 0;
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils = require("@atlaskit/editor-common/utils");
 var _actions = require("../pm-plugins/actions");
-var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var editDatasource = exports.editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
   return function (state, dispatch) {
     var datasourceType = (0, _utils.getDatasourceType)(datasourceId);
     if (dispatch && datasourceType) {

package/dist/cjs/ui/toolbar.js

@@ -103,10 +103,7 @@ var openLinkSettings = exports.openLinkSettings = function openLinkSettings(edit
     return true;
   };
 };
-var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var floatingToolbar = exports.floatingToolbar = function floatingToolbar(cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar) {
   return function (state, intl, providerFactory) {
     if (disableFloatingToolbar) {
       return;
@@ -171,10 +168,7 @@ var unlinkCard = function unlinkCard(node, state, editorAnalyticsApi) {
     return false;
   };
 };
-var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var buildAlignmentOptions = function buildAlignmentOptions(state, intl, widthPluginDependencyApi, analyticsApi, cardOptions) {
   return (0, _card.buildLayoutButtons)(state, intl, state.schema.nodes.embedCard, widthPluginDependencyApi, analyticsApi, true, true, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowWrapping, cardOptions === null || cardOptions === void 0 ? void 0 : cardOptions.allowAlignment);
 };
 var withToolbarMetadata = function withToolbarMetadata(command) {
@@ -199,10 +193,7 @@ var getToolbarViewedItem = function getToolbarViewedItem(url, display) {
     }
   }];
 };
-var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var generateToolbarItems = function generateToolbarItems(state, intl, providerFactory, cardOptions, lpLinkPicker, linkPicker, pluginInjectionApi) {
   return function (node) {
     var _pluginInjectionApi$a, _pluginInjectionApi$d, _pluginInjectionApi$d2, _pluginInjectionApi$a2, _node$attrs;
     var _titleUrlPairFromNode2 = (0, _utils3.titleUrlPairFromNode)(node),
@@ -395,10 +386,7 @@ var generateToolbarItems = function generateToolbarItems(state, intl, providerFa
     }
   };
 };
-var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var getUnlinkButtonGroup = function getUnlinkButtonGroup(state, intl, node, inlineCard, editorAnalyticsApi) {
   return node.type === inlineCard ? [{
     id: 'editor.link.unlink',
     focusEditoronEnter: true,
@@ -423,10 +411,7 @@ var getSettingsButton = exports.getSettingsButton = function getSettingsButton(i
     target: '_blank'
   };
 };
-var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl, editorAnalyticsApi, node, hoverDecoration, datasourceId, state, cardOptions, currentAppearance) {
   var _node$attrs2;
   var toolbarItems = [];
   var canShowAppearanceSwitch = function canShowAppearanceSwitch() {
@@ -535,17 +520,11 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
   });
   return toolbarItems;
 };
-var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var shouldRenderToolbarPulse = exports.shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 var getStartingToolbarItems = exports.getStartingToolbarItems = function getStartingToolbarItems(options, api) {
-  return function (intl, link, onEditLink, metadata
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/max-params
-  ) {
+  return function (intl, link, onEditLink, metadata) {
     var editLinkItem = options.allowDatasource ? [{
       type: 'custom',
       fallback: [],

package/dist/es2019/nodeviews/blockCard.js

@@ -1,13 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
 import { browser, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
 import { Datasource } from '../nodeviews/datasource';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard } from '../pm-plugins/actions';
 import { isDatasourceNode } from '../pm-plugins/utils';
 import { Card } from './genericCard';
 
@@ -40,7 +41,8 @@ export class BlockCardComponent extends React.PureComponent {
         view.dispatch(registerCard({
           title,
           url,
-          pos
+          pos,
+          id: this.props.id
         })(view.state.tr));
       })();
     });
@@ -99,6 +101,7 @@ const WrappedBlockCard = Card(BlockCardComponent, UnsupportedBlock);
 export class BlockCard extends ReactNodeView {
   constructor(...args) {
     super(...args);
+    _defineProperty(this, "id", uuid());
     _defineProperty(this, "updateContentEditable", (editorViewModeState, divElement) => {
       divElement.contentEditable = (editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode) === 'view' ? 'false' : 'true';
     });
@@ -144,12 +147,25 @@ export class BlockCard extends ReactNodeView {
       getPos: this.getPos,
       actionOptions: actionOptions,
       pluginInjectionApi: pluginInjectionApi,
-      onClickCallback: onClickCallback
+      onClickCallback: onClickCallback,
+      id: this.id
     });
   }
   destroy() {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);
+    if (fg('platform_editor_fix_card_plugin_state')) {
+      this.removeCard();
+    }
+  }
+  removeCard() {
+    const {
+      tr
+    } = this.view.state;
+    removeCard({
+      id: this.id
+    })(tr);
+    this.view.dispatch(tr);
   }
 }
 export const blockCardNodeView = ({
@@ -159,10 +175,7 @@ export const blockCardNodeView = ({
   onClickCallback,
   allowDatasource,
   inlineCardViewProducer
-}) => (node, view, getPos, decorations
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+}) => (node, view, getPos, decorations) => {
   const {
     portalProviderAPI,
     eventDispatcher