@atlaskit/editor-plugin-card 33.0.5 → 34.0.1

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

@@ -1,3 +1,4 @@
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const queue = (state, action) => {
   return {
     ...state,
@@ -23,9 +24,18 @@ const register = (state, action) => {
   };
 };
 const removeCard = (state, action) => {
+  const cards = state.cards.filter(card => card.id !== action.info.id);
+  if (isExperimentEnabled('platform_editor_reduce_memory_leaks') && state.removeOverlayCardId !== undefined && state.removeOverlayCardId === action.info.id) {
+    return {
+      ...state,
+      cards,
+      removeOverlay: undefined,
+      removeOverlayCardId: undefined
+    };
+  }
   return {
     ...state,
-    cards: state.cards.filter(card => card.id !== action.info.id)
+    cards
   };
 };
 const setProvider = (state, action) => {
@@ -89,19 +99,31 @@ const hideDatasourceModal = state => {
   };
 };
 const clearOverlayCandidate = state => {
+  if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+    return {
+      ...state,
+      overlayCandidatePosition: undefined,
+      removeOverlay: undefined,
+      removeOverlayCardId: undefined
+    };
+  }
   return {
     ...state,
     overlayCandidatePosition: undefined
   };
 };
 const registerRemoveOverlayOnInsertedLink = (state, action) => {
+  var _action$info2;
   return {
     ...state,
     cards: action.info ? state.cards.filter(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
+    removeOverlay: action.callback,
+    ...(isExperimentEnabled('platform_editor_reduce_memory_leaks') ? {
+      removeOverlayCardId: (_action$info2 = action.info) === null || _action$info2 === void 0 ? void 0 : _action$info2.id
+    } : {})
   };
 };
 const setDatasourceStash = (state, action) => {

package/dist/es2019/ui/DatasourceAppearanceButton.js

@@ -12,7 +12,7 @@ import { canRenderDatasource } from '@atlaskit/editor-common/utils/datasource';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { buildDatasourceAdf } from '@atlaskit/link-datasource/utils/schema';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { updateCardViaDatasource } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { DatasourceIcon } from './DatasourceIcon';

package/dist/es2019/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -16,7 +16,7 @@ import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import EditIcon from '@atlaskit/icon/core/edit';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { focusEditorView } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 const dropdownExpandContainer = css({

package/dist/es2019/ui/EditToolbarButton/index.js

@@ -16,7 +16,7 @@ import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { focusEditorView, isDatasourceConfigEditable } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';

package/dist/es2019/ui/HyperlinkToolbarAppearance.js

@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import Separator from '@atlaskit/editor-common/FloatingToolbar/Separator';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 export function HyperlinkToolbarAppearance(props) {

package/dist/es2019/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -6,7 +6,7 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
 import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types';
 import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu/DropdownContainer';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 const CustomHyperlinkDropdown = props => {
   var _props$editorPluginAp, _props$cardOptions3, _props$editorPluginAp6, _props$editorPluginAp7;

package/dist/es2019/ui/InlineCardOverlay/index.js

@@ -15,6 +15,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/card';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
 import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 const DEBOUNCE_IN_MS = 5;
@@ -205,6 +206,9 @@ const InlineCardOverlay = ({
     observer.observe(parent);
     return () => {
       observer.disconnect();
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        updateOverlay.cancel();
+      }
     };
   }, [isVisible, setVisibility]);
   const destinationUrl = (_useSmartLinkDestinat = useSmartLinkDestinationUrl(url)) !== null && _useSmartLinkDestinat !== void 0 ? _useSmartLinkDestinat : url;

package/dist/es2019/ui/OpenPreviewButton/index.js

@@ -5,7 +5,9 @@ import { linkMessages } from '@atlaskit/editor-common/messages/link';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
-import { Inline, Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';

package/dist/es2019/ui/PasteDisplayAsMenu.js

@@ -20,7 +20,9 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
 import { useSmartCardContext } from '@atlaskit/link-provider/use-smart-card-context';
-import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
 import { getSingleSmartLinkUrlFromSlice } from './currentPastedSmartLink';

package/dist/esm/nodeviews/blockCard.js

@@ -46,7 +46,7 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
 
       // don't dispatch immediately since we might be in the middle of
       // rendering a nodeview
-      rafSchedule(function () {
+      var scheduleRegisterCard = rafSchedule(function () {
         var pos = getPos();
         if (typeof pos !== 'number') {
           return;
@@ -57,7 +57,11 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
           pos: pos,
           id: _this.props.id
         })(view.state.tr));
-      })();
+      });
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        _this.pendingRegisterCard = scheduleRegisterCard;
+      }
+      scheduleRegisterCard();
     });
     _defineProperty(_this, "removeCardDispatched", false);
     _defineProperty(_this, "gapCursorSpan", function () {
@@ -89,6 +93,11 @@ export var BlockCardComponent = /*#__PURE__*/function (_React$PureComponent) {
   return _createClass(BlockCardComponent, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _this$pendingRegister;
+        (_this$pendingRegister = this.pendingRegisterCard) === null || _this$pendingRegister === void 0 || _this$pendingRegister.cancel();
+        this.pendingRegisterCard = undefined;
+      }
       this.removeCard();
     }
   }, {

package/dist/esm/nodeviews/inlineCardBase.js

@@ -33,6 +33,16 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
   // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
   var refId = useRef(uuid());
   var removeCardDispatched = useRef(false);
+  var pendingRegisterCard = useRef(null);
+  useEffect(function () {
+    return function () {
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        var _pendingRegisterCard$;
+        (_pendingRegisterCard$ = pendingRegisterCard.current) === null || _pendingRegisterCard$ === void 0 || _pendingRegisterCard$.cancel();
+        pendingRegisterCard.current = null;
+      }
+    };
+  }, []);
   var _ref2 = (cardContext === null || cardContext === void 0 || (_cardContext$value = cardContext.value) === null || _cardContext$value === void 0 ? void 0 : _cardContext$value.store) || {},
     getSmartlinkState = _ref2.getState;
   var cardState = getSmartlinkState === null || getSmartlinkState === void 0 ? void 0 : getSmartlinkState()[url || ''];
@@ -64,7 +74,7 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       url = data.url;
     // don't dispatch immediately since we might be in the middle of
     // rendering a nodeview
-    rafSchedule(function () {
+    var scheduleRegisterCard = rafSchedule(function () {
       // prosemirror-bump-fix
       var pos = getPos();
       if (typeof pos !== 'number') {
@@ -79,7 +89,11 @@ export var InlineCard = /*#__PURE__*/memo(function (_ref) {
       })(tr);
       onRes === null || onRes === void 0 || onRes(tr, title);
       view.dispatch(tr);
-    })();
+    });
+    if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+      pendingRegisterCard.current = scheduleRegisterCard;
+    }
+    scheduleRegisterCard();
   }, [getPos, view, onRes]);
   var onError = useCallback(function (data) {
     var url = data.url,

package/dist/esm/nodeviews/inlineCardWithAwareness.js

@@ -1,11 +1,12 @@
 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 { ACTION_SUBJECT_ID, EVENT_TYPE, ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics/types/enums';
 import HoverLinkOverlay from '@atlaskit/editor-common/HoverLinkOverlay';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/useSharedPluginStateWithSelector';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 import { isWithinPreviewPanelIFrame } from '@atlaskit/linking-common/utils/is-within-preview-panel-iframe';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { getObjectAri, getObjectName, getObjectIconUrl } from '@atlaskit/smart-card';
 import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
@@ -14,6 +15,14 @@ import { pluginKey } from '../pm-plugins/plugin-key';
 import { AwarenessWrapper } from '../ui/AwarenessWrapper';
 import { PreviewInvoker } from '../ui/preview/PreviewInvoker';
 import { InlineCard } from './inlineCardBase';
+// Module scope so the stored callback's closure chain cannot reach the
+// component scope (getPos, node, view) via V8 context sharing.
+var createRemoveOverlay = function createRemoveOverlay(setIsInsertedRef) {
+  return function () {
+    var _setIsInsertedRef$cur;
+    return (_setIsInsertedRef$cur = setIsInsertedRef.current) === null || _setIsInsertedRef$cur === void 0 ? void 0 : _setIsInsertedRef$cur.call(setIsInsertedRef, false);
+  };
+};
 var selector = function selector(states) {
   var _states$editorViewMod, _states$selectionStat;
   return {
@@ -45,6 +54,14 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isInserted = _useState4[0],
     setIsInserted = _useState4[1];
+  var setIsInsertedRef = useRef(setIsInserted);
+  useEffect(function () {
+    return function () {
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        setIsInsertedRef.current = undefined;
+      }
+    };
+  }, []);
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     isResolvedViewRendered = _useState6[0],
@@ -53,14 +70,13 @@ export var InlineCardWithAwareness = /*#__PURE__*/memo(function (_ref) {
   var destinationUrl = useSmartLinkDestinationUrl(node.attrs.url);
   var onResolve = useCallback(function (tr, title) {
     var metadata = tr.getMeta(pluginKey);
+    var removeOverlay = isExperimentEnabled('platform_editor_reduce_memory_leaks') ? createRemoveOverlay(setIsInsertedRef) : function () {
+      return setIsInserted(false);
+    };
     if (metadata && metadata.type === 'REGISTER') {
-      registerRemoveOverlay(function () {
-        return setIsInserted(false);
-      }, metadata.info)(tr);
+      registerRemoveOverlay(removeOverlay, metadata.info)(tr);
     } else {
-      registerRemoveOverlay(function () {
-        return setIsInserted(false);
-      })(tr);
+      registerRemoveOverlay(removeOverlay)(tr);
     }
     if (title) {
       setIsResolvedViewRendered(true);

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

@@ -10,6 +10,7 @@ import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/st
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common/constants';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { blockCardNodeView } from '../nodeviews/blockCard';
 import { embedCardNodeView } from '../nodeviews/embedCard';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
@@ -232,7 +233,13 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
                  */
                 var invoke = rafSchedule(function () {
                   var _pluginInjectionApi$a, _pluginInjectionApi$a2, _pluginInjectionApi$a3, _currentState$embedCa;
-                  return resolveWithProvider(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined, currentState === null || currentState === void 0 || (_currentState$embedCa = currentState.embedCardTransformers) === null || _currentState$embedCa === void 0 ? void 0 : _currentState$embedCa.embedCardNodeTransformer);
+                  if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+                    var index = rafCancellationCallbacks.indexOf(invoke.cancel);
+                    if (index !== -1) {
+                      rafCancellationCallbacks.splice(index, 1);
+                    }
+                  }
+                  resolveWithProvider(view, _provider, request, options, pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions, (_pluginInjectionApi$a2 = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 || (_pluginInjectionApi$a3 = _pluginInjectionApi$a3.sharedState.currentState()) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.createAnalyticsEvent) !== null && _pluginInjectionApi$a2 !== void 0 ? _pluginInjectionApi$a2 : undefined, currentState === null || currentState === void 0 || (_currentState$embedCa = currentState.embedCardTransformers) === null || _currentState$embedCa === void 0 ? void 0 : _currentState$embedCa.embedCardNodeTransformer);
                 });
                 rafCancellationCallbacks.push(invoke.cancel);
                 invoke();

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

@@ -5,6 +5,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 var queue = function queue(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {
     requests: state.requests.concat(action.requests)
@@ -29,10 +30,18 @@ var register = function register(state, action) {
   });
 };
 var removeCard = function removeCard(state, action) {
+  var cards = state.cards.filter(function (card) {
+    return card.id !== action.info.id;
+  });
+  if (isExperimentEnabled('platform_editor_reduce_memory_leaks') && state.removeOverlayCardId !== undefined && state.removeOverlayCardId === action.info.id) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      cards: cards,
+      removeOverlay: undefined,
+      removeOverlayCardId: undefined
+    });
+  }
   return _objectSpread(_objectSpread({}, state), {}, {
-    cards: state.cards.filter(function (card) {
-      return card.id !== action.info.id;
-    })
+    cards: cards
   });
 };
 var setProvider = function setProvider(state, action) {
@@ -84,18 +93,28 @@ var hideDatasourceModal = function hideDatasourceModal(state) {
   });
 };
 var clearOverlayCandidate = function clearOverlayCandidate(state) {
+  if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+    return _objectSpread(_objectSpread({}, state), {}, {
+      overlayCandidatePosition: undefined,
+      removeOverlay: undefined,
+      removeOverlayCardId: undefined
+    });
+  }
   return _objectSpread(_objectSpread({}, state), {}, {
     overlayCandidatePosition: undefined
   });
 };
 var registerRemoveOverlayOnInsertedLink = function registerRemoveOverlayOnInsertedLink(state, action) {
+  var _action$info2;
   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
-  });
+  }, isExperimentEnabled('platform_editor_reduce_memory_leaks') ? {
+    removeOverlayCardId: (_action$info2 = action.info) === null || _action$info2 === void 0 ? void 0 : _action$info2.id
+  } : {});
 };
 var setDatasourceStash = function setDatasourceStash(state, action) {
   return _objectSpread(_objectSpread({}, state), {}, {

package/dist/esm/ui/DatasourceAppearanceButton.js

@@ -12,7 +12,7 @@ import { canRenderDatasource } from '@atlaskit/editor-common/utils/datasource';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { buildDatasourceAdf } from '@atlaskit/link-datasource/utils/schema';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { updateCardViaDatasource } from '../pm-plugins/doc';
 import { pluginKey } from '../pm-plugins/plugin-key';
 import { DatasourceIcon } from './DatasourceIcon';

package/dist/esm/ui/EditToolbarButton/EditToolbarButtonPresentation.js

@@ -17,7 +17,7 @@ import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import EditIcon from '@atlaskit/icon/core/edit';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { focusEditorView } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';
 var dropdownExpandContainer = css({

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

@@ -19,7 +19,7 @@ import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/editor-experiment';
 import { focusEditorView, isDatasourceConfigEditable } from '../../pm-plugins/utils';
 import { editDatasource } from '../editDatasourceAction';

package/dist/esm/ui/HyperlinkToolbarAppearance.js

@@ -5,7 +5,7 @@ import React, { useEffect, useRef, useState } from 'react';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics/types/enums';
 import Separator from '@atlaskit/editor-common/FloatingToolbar/Separator';
 import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-check';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { DatasourceAppearanceButton } from './DatasourceAppearanceButton';
 import { LinkToolbarAppearance } from './LinkToolbarAppearance';
 export function HyperlinkToolbarAppearance(props) {

package/dist/esm/ui/HyperlinkToolbarAppearanceDropdown.js

@@ -9,7 +9,7 @@ import { areToolbarFlagsEnabled } from '@atlaskit/editor-common/toolbar-flag-che
 import { ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types';
 import { DropdownContainer as UiDropdown } from '@atlaskit/editor-common/ui-menu/DropdownContainer';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
-import { Flex } from '@atlaskit/primitives/compiled';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { LinkAppearanceMenu } from './LinkToolbarAppearanceDropdown';
 var CustomHyperlinkDropdown = function CustomHyperlinkDropdown(props) {
   var _props$editorPluginAp, _props$cardOptions3, _props$editorPluginAp3, _props$editorPluginAp4;

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

@@ -19,6 +19,7 @@ import { useIntl } from 'react-intl';
 import { messages } from '@atlaskit/editor-common/messages/card';
 import { ZERO_WIDTH_JOINER } from '@atlaskit/editor-common/whitespace/whitespace';
 import CustomizeIcon from '@atlaskit/icon/core/customize';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { useSmartLinkDestinationUrl } from '@atlaskit/smart-card/hook/use-smart-link-destination-url';
 import { getChildElement, getInlineCardAvailableWidth, getOverlayWidths, isOneLine } from './utils';
 var DEBOUNCE_IN_MS = 5;
@@ -214,6 +215,9 @@ var InlineCardOverlay = function InlineCardOverlay(_ref) {
     observer.observe(parent);
     return function () {
       observer.disconnect();
+      if (isExperimentEnabled('platform_editor_reduce_memory_leaks')) {
+        updateOverlay.cancel();
+      }
     };
   }, [isVisible, setVisibility]);
   var destinationUrl = (_useSmartLinkDestinat = useSmartLinkDestinationUrl(url)) !== null && _useSmartLinkDestinat !== void 0 ? _useSmartLinkDestinat : url;

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

@@ -8,7 +8,9 @@ import { linkMessages } from '@atlaskit/editor-common/messages/link';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
 import { extractSmartLinkEmbed } from '@atlaskit/link-extractors/extract-smart-link-embed';
 import { useSmartLinkContext } from '@atlaskit/link-provider/use-smart-link-context';
-import { Inline, Box, Flex } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { getObjectAri, getObjectIconUrl, getObjectName } from '@atlaskit/smart-card';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getResolvedAttributesFromStore } from '../../pm-plugins/utils';

package/dist/esm/ui/PasteDisplayAsMenu.js

@@ -22,7 +22,9 @@ import SmartLinkCardIcon from '@atlaskit/icon/core/smart-link-card';
 import SmartLinkEmbedIcon from '@atlaskit/icon/core/smart-link-embed';
 import SmartLinkInlineIcon from '@atlaskit/icon/core/smart-link-inline';
 import { useSmartCardContext } from '@atlaskit/link-provider/use-smart-card-context';
-import { Box, Flex, Pressable } from '@atlaskit/primitives/compiled';
+import { Box } from '@atlaskit/primitives/compiled/box';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
+import { Pressable } from '@atlaskit/primitives/compiled/pressable';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { changeSelectedCardToLink, setSelectedCardAppearance } from '../pm-plugins/doc';
 import { getSingleSmartLinkUrlFromSlice } from './currentPastedSmartLink';

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

@@ -12,6 +12,7 @@ export declare class BlockCardComponent extends React.PureComponent<SmartCardPro
     id?: string;
 }, unknown> {
     private scrollContainer?;
+    private pendingRegisterCard?;
     constructor(props: SmartCardProps & {
         id?: string;
     });

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

@@ -32,6 +32,7 @@ export declare const getPluginStateWithUpdatedPos: (pluginState: CardPluginState
     overlayCandidatePosition?: number;
     provider: CardProvider | null;
     removeOverlay?: () => void;
+    removeOverlayCardId?: string;
     requests: {
         analyticsAction?: ACTION;
         appearance: CardAppearance;

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

@@ -104,6 +104,7 @@ export type CardPluginState = {
     overlayCandidatePosition?: number;
     provider: CardProvider | null;
     removeOverlay?: () => void;
+    removeOverlayCardId?: string;
     requests: Request[];
     resolvedInlineSmartLinks?: Array<{
         pos: number;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types/next-editor-plugin';
 import type { CardPlugin } from '../cardPluginType';
 import type { EditorCardPluginEvents } from './analytics/create-events-queue';
 import type { CardPluginEvent } from './analytics/types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "33.0.5",
+	"version": "34.0.1",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,33 +27,33 @@
 		"@atlaskit/css": "^1.1.0",
 		"@atlaskit/custom-steps": "^1.1.0",
 		"@atlaskit/editor-card-provider": "^8.1.0",
-		"@atlaskit/editor-plugin-analytics": "^27.0.0",
-		"@atlaskit/editor-plugin-annotation": "^27.0.0",
-		"@atlaskit/editor-plugin-base": "^28.0.0",
-		"@atlaskit/editor-plugin-connectivity": "^27.0.0",
-		"@atlaskit/editor-plugin-decorations": "^27.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^27.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^29.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^26.0.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^29.0.0",
-		"@atlaskit/editor-plugin-grid": "^27.0.0",
-		"@atlaskit/editor-plugin-selection": "^27.0.0",
-		"@atlaskit/editor-plugin-toolbar": "^24.0.0",
-		"@atlaskit/editor-plugin-ui-control-registry": "^21.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^25.0.0",
-		"@atlaskit/editor-plugin-width": "^28.0.0",
+		"@atlaskit/editor-plugin-analytics": "^28.0.0",
+		"@atlaskit/editor-plugin-annotation": "^28.1.0",
+		"@atlaskit/editor-plugin-base": "^29.0.0",
+		"@atlaskit/editor-plugin-connectivity": "^28.0.0",
+		"@atlaskit/editor-plugin-decorations": "^28.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^28.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^30.0.0",
+		"@atlaskit/editor-plugin-feature-flags": "^27.0.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^30.0.0",
+		"@atlaskit/editor-plugin-grid": "^28.0.0",
+		"@atlaskit/editor-plugin-selection": "^28.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^25.0.0",
+		"@atlaskit/editor-plugin-ui-control-registry": "^22.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^26.0.0",
+		"@atlaskit/editor-plugin-width": "^29.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
-		"@atlaskit/editor-shared-styles": "^4.4.0",
+		"@atlaskit/editor-shared-styles": "^4.5.0",
 		"@atlaskit/editor-smart-link-draggable": "^1.2.0",
 		"@atlaskit/editor-toolbar": "^2.8.0",
 		"@atlaskit/editor-ui-control-model": "^2.10.0",
 		"@atlaskit/frontend-utilities": "^5.0.0",
 		"@atlaskit/icon": "^38.0.0",
-		"@atlaskit/json-ld-types": "^2.0.0",
+		"@atlaskit/json-ld-types": "^2.1.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/link-analytics": "^13.0.0",
 		"@atlaskit/link-client-extension": "^8.0.0",
-		"@atlaskit/link-datasource": "^7.3.0",
+		"@atlaskit/link-datasource": "^7.5.0",
 		"@atlaskit/link-extractors": "^5.0.0",
 		"@atlaskit/linking-common": "^13.0.0",
 		"@atlaskit/linking-types": "^16.0.0",
@@ -61,10 +61,10 @@
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/platform-feature-flags-react": "^1.2.0",
-		"@atlaskit/primitives": "^22.5.0",
+		"@atlaskit/primitives": "^22.6.0",
 		"@atlaskit/prosemirror-history": "^1.3.0",
-		"@atlaskit/smart-card": "^46.6.0",
-		"@atlaskit/tmp-editor-statsig": "^240.0.0",
+		"@atlaskit/smart-card": "^46.7.0",
+		"@atlaskit/tmp-editor-statsig": "^241.0.0",
 		"@atlaskit/tokens": "^20.6.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
@@ -74,7 +74,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^131.2.0",
+		"@atlaskit/editor-common": "^132.0.0",
 		"@atlaskit/link-provider": "^6.0.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"