@atlaskit/editor-plugin-card 4.5.16 → 4.5.18

package/dist/esm/nodeviews/inlineCard.js

@@ -1,14 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { memo, useCallback, useMemo, useState } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import rafSchedule from 'raf-schd';
+import uuid from 'uuid/v4';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { handleNavigation } from '@atlaskit/editor-common/link';
 import { findOverflowScrollParent, UnsupportedInline } from '@atlaskit/editor-common/ui';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Card as SmartCard } from '@atlaskit/smart-card';
-import { registerCard } from '../pm-plugins/actions';
+import { registerCard, removeCard } from '../pm-plugins/actions';
 import { getAwarenessProps } from '../pm-plugins/utils';
 import OverlayWrapper from '../ui/ConfigureOverlay';
 import { Card } from './genericCard';
@@ -28,6 +29,19 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   var _node$attrs = node.attrs,
     url = _node$attrs.url,
     data = _node$attrs.data;
+  var refId = useRef(uuid());
+  useEffect(function () {
+    var id = refId.current;
+    return function () {
+      if (fg('platform_editor_fix_card_plugin_state')) {
+        var tr = view.state.tr;
+        removeCard({
+          id: id
+        })(tr);
+        view.dispatch(tr);
+      }
+    };
+  }, [getPos, view]);
   var scrollContainer = useMemo(
   // Ignored via go/ees005
   // eslint-disable-next-line @atlaskit/editor/no-as-casting
@@ -52,7 +66,8 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       registerCard({
         title: title,
         url: url,
-        pos: pos
+        pos: pos,
+        id: refId.current
       })(tr);
       onRes === null || onRes === void 0 || onRes(tr, title);
       view.dispatch(tr);
@@ -158,10 +173,7 @@ export function InlineCardNodeView(props) {
 }
 export var 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/esm/nodeviews/inlineCardWithAwareness.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { memo, useCallback, useMemo, useState } from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { registerRemoveOverlay } from '../pm-plugins/actions';
+import { pluginKey } from '../pm-plugins/plugin-key';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import { InlineCard } from './inlineCard';
 export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
@@ -28,9 +30,22 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     isResolvedViewRendered = _useState6[0],
     setIsResolvedViewRendered = _useState6[1];
   var onResolve = useCallback(function (tr, title) {
-    registerRemoveOverlay(function () {
-      return setIsInserted(false);
-    })(tr);
+    if (fg('platform_editor_fix_card_plugin_state')) {
+      var metadata = tr.getMeta(pluginKey);
+      if (metadata && metadata.type === 'REGISTER') {
+        registerRemoveOverlay(function () {
+          return setIsInserted(false);
+        }, metadata.info)(tr);
+      } else {
+        registerRemoveOverlay(function () {
+          return setIsInserted(false);
+        })(tr);
+      }
+    } else {
+      registerRemoveOverlay(function () {
+        return setIsInserted(false);
+      })(tr);
+    }
     if (title) {
       setIsResolvedViewRendered(true);
     }

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

@@ -26,11 +26,20 @@ export var registerCard = function registerCard(info) {
     });
   };
 };
-export var registerRemoveOverlay = function registerRemoveOverlay(callback) {
+export var removeCard = function removeCard(info) {
+  return function (tr) {
+    return cardAction(tr, {
+      type: 'REMOVE_CARD',
+      info: info
+    });
+  };
+};
+export var 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/esm/pm-plugins/doc.js

@@ -18,8 +18,6 @@ import { appearanceForNodeType, isDatasourceConfigEditable, isDatasourceNode, se
 /**
  * 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;
@@ -57,10 +55,7 @@ function replaceLinksToCards(tr, cardAdf, schema, request) {
   }
   return $pos.node($pos.depth - 1).type.name;
 }
-export var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var replaceQueuedUrlWithCard = function replaceQueuedUrlWithCard(url, cardData, analyticsAction, editorAnalyticsApi, createAnalyticsEvent) {
   return function (editorState, dispatch) {
     var state = pluginKey.getState(editorState);
     if (!state) {
@@ -198,10 +193,7 @@ export var queueCardsFromChangedTr = function queueCardsFromChangedTr(state, tr,
 export var 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 = [];
@@ -261,10 +253,7 @@ export var convertHyperlinkToSmartCard = function convertHyperlinkToSmartCard(st
   });
   return queueCards(requests)(state.tr);
 };
-export var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var changeSelectedCardToLink = function changeSelectedCardToLink(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var selectedNode = state.selection instanceof NodeSelection ? state.selection.node : undefined;
     var tr;
@@ -293,10 +282,7 @@ export var changeSelectedCardToLink = function changeSelectedCardToLink(text, hr
     return true;
   };
 };
-export var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var changeSelectedCardToLinkFallback = function changeSelectedCardToLinkFallback(text, href, sendAnalytics, node, pos, editorAnalyticsApi) {
   return function (state, dispatch) {
     var tr;
     if (node && pos) {
@@ -347,9 +333,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;
@@ -515,10 +498,7 @@ export var updateCardViaDatasource = function updateCardViaDatasource(args) {
   }
   view.dispatch(tr.scrollIntoView());
 };
-export var insertDatasource = function insertDatasource(state, adf, view, sourceEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var insertDatasource = function insertDatasource(state, adf, view, sourceEvent) {
   var tr = state.tr,
     from = state.selection.from,
     schemaNodes = state.schema.nodes;

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

@@ -28,6 +28,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
@@ -78,6 +85,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
   });
 };
@@ -107,6 +118,8 @@ export default (function (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/esm/pm-plugins/util/resolve.js

@@ -28,10 +28,7 @@ var isFreshlyPastedOnNewLine = function isFreshlyPastedOnNewLine(view) {
 // ============================================================================ //
 // Used for all interactions with the EditorCardProvider.
 // ============================================================================ //
-export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var resolveWithProvider = function resolveWithProvider(view, provider, request, options, editorAnalyticsApi, createAnalyticsEvent) {
   var isEmbedFriendlyLocation = 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,
@@ -61,10 +58,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);
     replaceQueuedUrlWithCard(request.url, resolvedCard, request.analyticsAction, editorAnalyticsApi, createAnalyticsEvent)(view.state, view.dispatch);

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

@@ -50,10 +50,7 @@ export var 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/esm/ui/EditLinkToolbar.js

@@ -93,10 +93,7 @@ export var EditLinkToolbar = /*#__PURE__*/function (_React$Component) {
         // via the floating toolbar
         ,
         invokeMethod: 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) {
@@ -167,10 +164,7 @@ export var buildEditLinkToolbar = function buildEditLinkToolbar(_ref2) {
         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/esm/ui/ResizableEmbedCard.js

@@ -311,7 +311,7 @@ var ResizableEmbedCard = /*#__PURE__*/function (_React$Component) {
           // 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/esm/ui/analytics/events-from-tr.js

@@ -76,9 +76,6 @@ export var 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/esm/ui/analytics/utils.js

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

package/dist/esm/ui/editDatasourceAction.js

@@ -1,10 +1,7 @@
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { getDatasourceType } from '@atlaskit/editor-common/utils';
 import { showDatasourceModal } from '../pm-plugins/actions';
-export var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var editDatasource = function editDatasource(datasourceId, editorAnalyticsApi, appearance, extensionKey) {
   return function (state, dispatch) {
     var datasourceType = getDatasourceType(datasourceId);
     if (dispatch && datasourceType) {

package/dist/esm/ui/toolbar.js

@@ -93,10 +93,7 @@ export var openLinkSettings = function openLinkSettings(editorAnalyticsApi) {
     return true;
   };
 };
-export var floatingToolbar = function floatingToolbar(cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var floatingToolbar = function floatingToolbar(cardOptions, lpLinkPicker, linkPickerOptions, pluginInjectionApi, disableFloatingToolbar) {
   return function (state, intl, providerFactory) {
     if (disableFloatingToolbar) {
       return;
@@ -161,10 +158,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 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) {
@@ -189,10 +183,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 = titleUrlPairFromNode(node),
@@ -385,10 +376,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,
@@ -413,10 +401,7 @@ export var getSettingsButton = function getSettingsButton(intl, editorAnalyticsA
     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() {
@@ -525,17 +510,11 @@ var getDatasourceButtonGroup = function getDatasourceButtonGroup(metadata, intl,
   });
   return toolbarItems;
 };
-export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var shouldRenderToolbarPulse = function shouldRenderToolbarPulse(embedEnabled, appearance, status, isDiscoverabilityEnabled) {
   return embedEnabled && appearance === 'inline' && status === 'resolved' && isDiscoverabilityEnabled;
 };
 export var 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/types/nodeviews/blockCard.d.ts

@@ -5,9 +5,13 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
-export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
+export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
+    id?: string;
+}> {
     private scrollContainer?;
-    constructor(props: SmartCardProps);
+    constructor(props: SmartCardProps & {
+        id?: string;
+    });
     onResolve: (data: {
         url?: string | undefined;
         title?: string | undefined;
@@ -20,6 +24,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
 }
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
+    private id;
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
     private updateContentEditable;
@@ -27,6 +32,7 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): JSX.Element;
     destroy(): void;
+    private removeCard;
 }
 export interface BlockCardNodeViewProperties {
     pmPluginFactoryParams: PMPluginFactoryParams;

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

@@ -11,10 +11,14 @@ export type EmbedCardState = {
     liveHeight?: number;
     initialAspectRatio?: number;
 };
-export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
+export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
+    id?: string;
+}, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
-    constructor(props: SmartCardProps);
+    constructor(props: SmartCardProps & {
+        id?: string;
+    });
     state: EmbedCardState;
     private getPosSafely;
     onResolve: (data: {
@@ -38,12 +42,14 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
 }
 export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
+    private id;
     unsubscribe: (() => void) | undefined;
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;
     private updateContentEditable;
     render(): JSX.Element;
     destroy(): void;
+    private removeCard;
 }
 export interface EmbedCardNodeViewProperties {
     allowResizing: EmbedCardNodeViewProps['allowResizing'];

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

@@ -46,4 +46,6 @@ export interface SmartCardProps extends CardProps {
     allowBlockCards?: boolean;
     enableInlineUpgradeFeatures?: boolean;
 }
-export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;
+export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps & {
+    id?: string;
+}>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -9,7 +9,8 @@ export declare const cardAction: (tr: Transaction, action: CardPluginAction) =>
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
 export declare const queueCards: (requests: Request[]) => (tr: Transaction) => Transaction;
 export declare const registerCard: (info: CardInfo) => (tr: Transaction) => Transaction;
-export declare const registerRemoveOverlay: (callback: () => void) => (tr: Transaction) => Transaction;
+export declare const removeCard: (info: Partial<CardInfo>) => (tr: Transaction) => Transaction;
+export declare const registerRemoveOverlay: (callback: () => void, info?: CardInfo) => (tr: Transaction) => Transaction;
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;

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

@@ -17,6 +17,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
         pos: number;
         title?: string | undefined;
         url?: string | undefined;
+        id?: string | undefined;
     }[];
     provider: import("@atlaskit/editor-common/provider-factory").CardProvider | null;
     datasourceStash: {

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

@@ -17,6 +17,7 @@ export type DatasourceNode = Omit<Node, 'attrs'> & {
 export type CardInfo = {
     title?: string;
     url?: string;
+    id?: string;
     pos: number;
 };
 export type Request = {
@@ -123,6 +124,10 @@ export type Register = {
     type: 'REGISTER';
     info: CardInfo;
 };
+export type RemoveCard = {
+    type: 'REMOVE_CARD';
+    info: Partial<CardInfo>;
+};
 export type ShowLinkToolbar = {
     type: 'SHOW_LINK_TOOLBAR';
 };
@@ -159,6 +164,7 @@ type ClearOverlayCandidate = {
 type RegisterRemoveOverlayOnInsertedLink = {
     type: 'REGISTER_REMOVE_OVERLAY_ON_INSERTED_LINK';
     callback: () => void;
+    info?: Register['info'];
 };
 export type SetDatasourceStash = {
     type: 'SET_DATASOURCE_STASH';
@@ -171,5 +177,5 @@ export type RemoveDatasourceStash = {
     type: 'REMOVE_DATASOURCE_STASH';
     url: string;
 };
-export type CardPluginAction = SetProvider | Queue | Resolve | Register | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
+export type CardPluginAction = SetProvider | Queue | Resolve | Register | RemoveCard | ShowLinkToolbar | HideLinkToolbar | ShowDatasourceModal | HideDatasourceModal | RegisterSmartCardEvents | SetDatasourceTableRef | SetCardLayout | SetCardLayoutAndDatasourceTableRef | ClearOverlayCandidate | RegisterRemoveOverlayOnInsertedLink | SetDatasourceStash | RemoveDatasourceStash;
 export {};

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

@@ -20,5 +20,5 @@ export declare class DatasourceErrorBoundary extends React.Component<DatasourceE
         error: Error | APIError;
     };
     componentDidCatch(error: Error | APIError): void;
-    render(): React.ReactNode;
+    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
 }

package/dist/types-ts4.5/nodeviews/blockCard.d.ts

@@ -5,9 +5,13 @@ import type { Node } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView } from '@atlaskit/editor-prosemirror/view';
 import { Datasource } from '../nodeviews/datasource';
 import type { SmartCardProps } from './genericCard';
-export declare class BlockCardComponent extends React.PureComponent<SmartCardProps> {
+export declare class BlockCardComponent extends React.PureComponent<SmartCardProps & {
+    id?: string;
+}> {
     private scrollContainer?;
-    constructor(props: SmartCardProps);
+    constructor(props: SmartCardProps & {
+        id?: string;
+    });
     onResolve: (data: {
         url?: string | undefined;
         title?: string | undefined;
@@ -20,6 +24,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
 }
 export type BlockCardNodeViewProps = Pick<SmartCardProps, 'actionOptions' | 'pluginInjectionApi' | 'onClickCallback'>;
 export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
+    private id;
     unsubscribe: (() => void) | undefined;
     createDomRef(): HTMLElement;
     private updateContentEditable;
@@ -27,6 +32,7 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     update(node: Node, decorations: ReadonlyArray<Decoration>, _innerDecorations?: DecorationSource): boolean;
     render(): JSX.Element;
     destroy(): void;
+    private removeCard;
 }
 export interface BlockCardNodeViewProperties {
     pmPluginFactoryParams: PMPluginFactoryParams;

package/dist/types-ts4.5/nodeviews/embedCard.d.ts

@@ -11,10 +11,14 @@ export type EmbedCardState = {
     liveHeight?: number;
     initialAspectRatio?: number;
 };
-export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps, EmbedCardState> {
+export declare class EmbedCardComponent extends React.PureComponent<SmartCardProps & {
+    id?: string;
+}, EmbedCardState> {
     private scrollContainer?;
     private embedIframeRef;
-    constructor(props: SmartCardProps);
+    constructor(props: SmartCardProps & {
+        id?: string;
+    });
     state: EmbedCardState;
     private getPosSafely;
     onResolve: (data: {
@@ -38,12 +42,14 @@ export declare class EmbedCardComponent extends React.PureComponent<SmartCardPro
 }
 export type EmbedCardNodeViewProps = Pick<SmartCardProps, 'eventDispatcher' | 'allowResizing' | 'fullWidthMode' | 'dispatchAnalyticsEvent' | 'pluginInjectionApi' | 'actionOptions' | 'onClickCallback'>;
 export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
+    private id;
     unsubscribe: (() => void) | undefined;
     viewShouldUpdate(nextNode: PMNode): boolean;
     createDomRef(): HTMLElement;
     private updateContentEditable;
     render(): JSX.Element;
     destroy(): void;
+    private removeCard;
 }
 export interface EmbedCardNodeViewProperties {
     allowResizing: EmbedCardNodeViewProps['allowResizing'];

package/dist/types-ts4.5/nodeviews/genericCard.d.ts

@@ -46,4 +46,6 @@ export interface SmartCardProps extends CardProps {
     allowBlockCards?: boolean;
     enableInlineUpgradeFeatures?: boolean;
 }
-export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;
+export declare function Card(SmartCardComponent: React.ComponentType<React.PropsWithChildren<SmartCardProps & {
+    id?: string;
+}>>, UnsupportedComponent: React.ComponentType<React.PropsWithChildren<unknown>>): React.ComponentType<React.PropsWithChildren<CardProps>>;

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

@@ -9,7 +9,8 @@ export declare const cardAction: (tr: Transaction, action: CardPluginAction) =>
 export declare const resolveCard: (url: string) => (tr: Transaction) => Transaction;
 export declare const queueCards: (requests: Request[]) => (tr: Transaction) => Transaction;
 export declare const registerCard: (info: CardInfo) => (tr: Transaction) => Transaction;
-export declare const registerRemoveOverlay: (callback: () => void) => (tr: Transaction) => Transaction;
+export declare const removeCard: (info: Partial<CardInfo>) => (tr: Transaction) => Transaction;
+export declare const registerRemoveOverlay: (callback: () => void, info?: CardInfo) => (tr: Transaction) => Transaction;
 export declare const registerSmartCardEvents: (smartLinkEvents: SmartLinkEvents) => (tr: Transaction) => Transaction;
 export declare const setProvider: (cardProvider: CardProvider | null) => (tr: Transaction) => Transaction;
 export declare const setDatasourceTableRef: (datasourceTableRef?: HTMLElement) => (tr: Transaction) => Transaction;