@atlaskit/editor-plugin-card 2.9.0 → 2.9.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-card
 
+## 2.9.2
+
+### Patch Changes
+
+- [#125851](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125851)
+  [`4ffe0a8ea7929`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4ffe0a8ea7929) -
+  Refactor node views.
+
+## 2.9.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.9.0
 
 ### Minor Changes

package/dist/cjs/nodeviews/blockCard.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BlockCardComponent = exports.BlockCard = void 0;
+exports.blockCardNodeView = exports.BlockCardComponent = exports.BlockCard = void 0;
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -21,6 +21,7 @@ var _ui = require("@atlaskit/editor-common/ui");
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _smartCard = require("@atlaskit/smart-card");
+var _datasource = require("../nodeviews/datasource");
 var _actions = require("../pm-plugins/actions");
 var _utils2 = require("../utils");
 var _genericCard = require("./genericCard");
@@ -211,4 +212,46 @@ var BlockCard = exports.BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return BlockCard;
-}(_reactNodeView.default);
+}(_reactNodeView.default);
+var blockCardNodeView = exports.blockCardNodeView = function blockCardNodeView(_ref3) {
+  var pmPluginFactoryParams = _ref3.pmPluginFactoryParams,
+    platform = _ref3.platform,
+    actionOptions = _ref3.actionOptions,
+    showServerActions = _ref3.showServerActions,
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    onClickCallback = _ref3.onClickCallback,
+    allowDatasource = _ref3.allowDatasource,
+    inlineCardViewProducer = _ref3.inlineCardViewProducer;
+  return function (node, view, getPos, decorations) {
+    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+      eventDispatcher = pmPluginFactoryParams.eventDispatcher;
+    var reactComponentProps = {
+      platform: platform,
+      actionOptions: actionOptions,
+      showServerActions: showServerActions,
+      pluginInjectionApi: pluginInjectionApi,
+      onClickCallback: onClickCallback
+    };
+    var isDatasource = (0, _utils2.isDatasourceNode)(node);
+    if (isDatasource) {
+      var _node$attrs2;
+      if (allowDatasource && platform !== 'mobile' && (0, _utils.canRenderDatasource)(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
+        var datasourcePosition = typeof getPos === 'function' && getPos();
+        var datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
+        var isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
+        return new _datasource.Datasource({
+          node: node,
+          view: view,
+          getPos: getPos,
+          portalProviderAPI: portalProviderAPI,
+          eventDispatcher: eventDispatcher,
+          pluginInjectionApi: pluginInjectionApi,
+          isNodeNested: isNodeNested
+        }).init();
+      } else {
+        return inlineCardViewProducer(node, view, getPos, decorations);
+      }
+    }
+    return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  };
+};

package/dist/cjs/nodeviews/embedCard.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.EmbedCardComponent = exports.EmbedCard = void 0;
+exports.embedCardNodeView = exports.EmbedCardComponent = exports.EmbedCard = void 0;
 var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -423,4 +423,31 @@ var EmbedCard = exports.EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return EmbedCard;
-}(_reactNodeView.default);
+}(_reactNodeView.default);
+var embedCardNodeView = exports.embedCardNodeView = function embedCardNodeView(_ref4) {
+  var allowResizing = _ref4.allowResizing,
+    platform = _ref4.platform,
+    fullWidthMode = _ref4.fullWidthMode,
+    pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
+    pluginInjectionApi = _ref4.pluginInjectionApi,
+    actionOptions = _ref4.actionOptions,
+    showServerActions = _ref4.showServerActions,
+    onClickCallback = _ref4.onClickCallback;
+  return function (node, view, getPos) {
+    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+      eventDispatcher = pmPluginFactoryParams.eventDispatcher,
+      dispatchAnalyticsEvent = pmPluginFactoryParams.dispatchAnalyticsEvent;
+    var reactComponentProps = {
+      eventDispatcher: eventDispatcher,
+      allowResizing: allowResizing,
+      platform: platform,
+      fullWidthMode: fullWidthMode,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: pluginInjectionApi,
+      actionOptions: actionOptions,
+      showServerActions: showServerActions,
+      onClickCallback: onClickCallback
+    };
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  };
+};

package/dist/cjs/nodeviews/lazy-block-card.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lazyBlockCardView = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _blockCard = require("./blockCard");
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var lazyBlockCardView = exports.lazyBlockCardView = function lazyBlockCardView(props) {
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+    return (0, _blockCard.blockCardNodeView)(props);
+  }
+  return (0, _lazyNodeView.withLazyLoading)({
+    nodeName: 'blockCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+        './blockCard'));
+      }).then(function (_ref) {
+        var blockCardNodeView = _ref.blockCardNodeView;
+        return blockCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/cjs/nodeviews/lazy-embed-card.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lazyEmbedCardView = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _embedCard = require("./embedCard");
+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); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var lazyEmbedCardView = exports.lazyEmbedCardView = function lazyEmbedCardView(props) {
+  if (!(0, _platformFeatureFlags.fg)('platform_editor_lazy-node-views')) {
+    return (0, _embedCard.embedCardNodeView)(props);
+  }
+  return (0, _lazyNodeView.withLazyLoading)({
+    nodeName: 'embedCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = Promise.resolve().then(function () {
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_editor-plugin-embed-card-item-nodeview" */
+        './embedCard'));
+      }).then(function (_ref) {
+        var embedCardNodeView = _ref.embedCardNodeView;
+        return embedCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

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

@@ -18,19 +18,17 @@ var _rafSchd = _interopRequireDefault(require("raf-schd"));
 var _reactNodeView = require("@atlaskit/editor-common/react-node-view");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _styles = require("@atlaskit/editor-common/styles");
-var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _linkingCommon = require("@atlaskit/linking-common");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _eventsFromTr = require("../analytics/events-from-tr");
 var _localStorage = require("../common/local-storage");
-var _blockCard = require("../nodeviews/blockCard");
-var _datasource = require("../nodeviews/datasource");
-var _embedCard = require("../nodeviews/embedCard");
 var _inlineCard = require("../nodeviews/inlineCard");
-var _utils3 = require("../ui/LayoutButton/utils");
-var _utils4 = require("../utils");
+var _lazyBlockCard = require("../nodeviews/lazy-block-card");
+var _lazyEmbedCard = require("../nodeviews/lazy-embed-card");
+var _utils2 = require("../ui/LayoutButton/utils");
+var _utils3 = require("../utils");
 var _actions = require("./actions");
 var _pluginKey = require("./plugin-key");
 var _reducers = _interopRequireDefault(require("./reducers"));
@@ -152,8 +150,8 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             return newState;
           }
           var linkPosition = pluginState.requests[0].pos;
-          var canBeUpgradedToBlock = allowBlockCards && (0, _utils4.isBlockSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
-          var canBeUpgradedToEmbed = allowEmbeds && (0, _utils4.isEmbedSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
+          var canBeUpgradedToBlock = allowBlockCards && (0, _utils3.isBlockSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
+          var canBeUpgradedToEmbed = allowEmbeds && (0, _utils3.isEmbedSupportedAtPosition)(linkPosition, prevEditorState, 'inline');
           if (canBeUpgradedToBlock || canBeUpgradedToEmbed) {
             newState.overlayCandidatePosition = linkPosition;
           }
@@ -187,13 +185,13 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
             var isBlockCardSelected = selection instanceof _state.NodeSelection && ((_selection$node = selection.node) === null || _selection$node === void 0 ? void 0 : _selection$node.type) === schema.nodes.blockCard;
             if (isBlockCardSelected) {
               var _findDomRefAtPos, _node$attrs;
-              var datasourceTableRef = (_findDomRefAtPos = (0, _utils2.findDomRefAtPos)(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(_styles.DATASOURCE_INNER_CONTAINER_CLASSNAME));
+              var datasourceTableRef = (_findDomRefAtPos = (0, _utils.findDomRefAtPos)(selection.from, domAtPos)) === null || _findDomRefAtPos === void 0 ? void 0 : _findDomRefAtPos.querySelector(".".concat(_styles.DATASOURCE_INNER_CONTAINER_CLASSNAME));
               var node = selection.node;
               var isDatasource = !!(node !== null && node !== void 0 && (_node$attrs = node.attrs) !== null && _node$attrs !== void 0 && _node$attrs.datasource);
               var shouldUpdateTableRef = datasourceTableRef && (currentState === null || currentState === void 0 ? void 0 : currentState.datasourceTableRef) !== datasourceTableRef;
               if (isDatasource && shouldUpdateTableRef) {
                 // since we use the plugin state, which is a shared state, we need to update the datasourceTableRef, layout on each selection
-                var layout = (0, _utils3.isDatasourceTableLayout)(node.attrs.layout) ? node.attrs.layout : _linkingCommon.DATASOURCE_DEFAULT_LAYOUT;
+                var layout = (0, _utils2.isDatasourceTableLayout)(node.attrs.layout) ? node.attrs.layout : _linkingCommon.DATASOURCE_DEFAULT_LAYOUT;
                 var isNested = selection.$anchor.depth > 0;
 
                 // we want to disable resize button when datasource table is nested by not setting then datasourceTableRef on selection
@@ -255,55 +253,26 @@ var createPlugin = exports.createPlugin = function createPlugin(options, pluginI
       props: _objectSpread({
         nodeViews: {
           inlineCard: inlineCardViewProducer,
-          blockCard: function blockCard(node, view, getPos, decorations) {
-            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-              eventDispatcher = pmPluginFactoryParams.eventDispatcher;
-            var reactComponentProps = {
-              platform: platform,
-              actionOptions: actionOptions,
-              showServerActions: showServerActions,
-              pluginInjectionApi: pluginInjectionApi,
-              onClickCallback: options.onClickCallback
-            };
-            var isDatasource = (0, _utils4.isDatasourceNode)(node);
-            if (isDatasource) {
-              var _node$attrs2;
-              if (options.allowDatasource && platform !== 'mobile' && (0, _utils.canRenderDatasource)(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
-                var datasourcePosition = typeof getPos === 'function' && getPos();
-                var datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
-                var isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
-                return new _datasource.Datasource({
-                  node: node,
-                  view: view,
-                  getPos: getPos,
-                  portalProviderAPI: portalProviderAPI,
-                  eventDispatcher: eventDispatcher,
-                  pluginInjectionApi: pluginInjectionApi,
-                  isNodeNested: isNodeNested
-                }).init();
-              } else {
-                return inlineCardViewProducer(node, view, getPos, decorations);
-              }
-            }
-            return new _blockCard.BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-          },
-          embedCard: function embedCard(node, view, getPos) {
-            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-              eventDispatcher = pmPluginFactoryParams.eventDispatcher,
-              dispatchAnalyticsEvent = pmPluginFactoryParams.dispatchAnalyticsEvent;
-            var reactComponentProps = {
-              eventDispatcher: eventDispatcher,
-              allowResizing: allowResizing,
-              platform: platform,
-              fullWidthMode: fullWidthMode,
-              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-              pluginInjectionApi: pluginInjectionApi,
-              actionOptions: actionOptions,
-              showServerActions: showServerActions,
-              onClickCallback: options.onClickCallback
-            };
-            return new _embedCard.EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-          }
+          blockCard: (0, _lazyBlockCard.lazyBlockCardView)({
+            pmPluginFactoryParams: pmPluginFactoryParams,
+            platform: platform,
+            actionOptions: actionOptions,
+            showServerActions: showServerActions,
+            pluginInjectionApi: pluginInjectionApi,
+            onClickCallback: onClickCallback,
+            allowDatasource: options.allowDatasource,
+            inlineCardViewProducer: inlineCardViewProducer
+          }),
+          embedCard: (0, _lazyEmbedCard.lazyEmbedCardView)({
+            allowResizing: allowResizing,
+            platform: platform,
+            fullWidthMode: fullWidthMode,
+            pmPluginFactoryParams: pmPluginFactoryParams,
+            pluginInjectionApi: pluginInjectionApi,
+            actionOptions: actionOptions,
+            showServerActions: showServerActions,
+            onClickCallback: options.onClickCallback
+          })
         }
       }, enableInlineUpgradeFeatures && {
         handleKeyDown: function handleKeyDown(view) {

package/dist/es2019/nodeviews/blockCard.js

@@ -4,9 +4,10 @@ import PropTypes from 'prop-types';
 import rafSchedule from 'raf-schd';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
-import { browser } from '@atlaskit/editor-common/utils';
+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 { isDatasourceNode } from '../utils';
 import { Card } from './genericCard';
@@ -168,4 +169,47 @@ export class BlockCard extends ReactNodeView {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);
   }
-}
+}
+export const blockCardNodeView = ({
+  pmPluginFactoryParams,
+  platform,
+  actionOptions,
+  showServerActions,
+  pluginInjectionApi,
+  onClickCallback,
+  allowDatasource,
+  inlineCardViewProducer
+}) => (node, view, getPos, decorations) => {
+  const {
+    portalProviderAPI,
+    eventDispatcher
+  } = pmPluginFactoryParams;
+  const reactComponentProps = {
+    platform,
+    actionOptions,
+    showServerActions,
+    pluginInjectionApi,
+    onClickCallback: onClickCallback
+  };
+  const isDatasource = isDatasourceNode(node);
+  if (isDatasource) {
+    var _node$attrs, _node$attrs$datasourc;
+    if (allowDatasource && platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : (_node$attrs$datasourc = _node$attrs.datasource) === null || _node$attrs$datasourc === void 0 ? void 0 : _node$attrs$datasourc.id)) {
+      const datasourcePosition = typeof getPos === 'function' && getPos();
+      const datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
+      const isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
+      return new Datasource({
+        node,
+        view,
+        getPos,
+        portalProviderAPI,
+        eventDispatcher,
+        pluginInjectionApi,
+        isNodeNested
+      }).init();
+    } else {
+      return inlineCardViewProducer(node, view, getPos, decorations);
+    }
+  }
+  return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+};

package/dist/es2019/nodeviews/embedCard.js

@@ -391,4 +391,32 @@ export class EmbedCard extends ReactNodeView {
     var _this$unsubscribe;
     (_this$unsubscribe = this.unsubscribe) === null || _this$unsubscribe === void 0 ? void 0 : _this$unsubscribe.call(this);
   }
-}
+}
+export const embedCardNodeView = ({
+  allowResizing,
+  platform,
+  fullWidthMode,
+  pmPluginFactoryParams,
+  pluginInjectionApi,
+  actionOptions,
+  showServerActions,
+  onClickCallback
+}) => (node, view, getPos) => {
+  const {
+    portalProviderAPI,
+    eventDispatcher,
+    dispatchAnalyticsEvent
+  } = pmPluginFactoryParams;
+  const reactComponentProps = {
+    eventDispatcher,
+    allowResizing,
+    platform,
+    fullWidthMode,
+    dispatchAnalyticsEvent,
+    pluginInjectionApi,
+    actionOptions,
+    showServerActions,
+    onClickCallback: onClickCallback
+  };
+  return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+};

package/dist/es2019/nodeviews/lazy-block-card.js

@@ -0,0 +1,21 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { blockCardNodeView } from './blockCard';
+export const lazyBlockCardView = props => {
+  if (!fg('platform_editor_lazy-node-views')) {
+    return blockCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'blockCard',
+    getNodeViewOptions: () => {},
+    loader: () => {
+      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+      './blockCard').then(({
+        blockCardNodeView
+      }) => {
+        return blockCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/es2019/nodeviews/lazy-embed-card.js

@@ -0,0 +1,21 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { embedCardNodeView } from './embedCard';
+export const lazyEmbedCardView = props => {
+  if (!fg('platform_editor_lazy-node-views')) {
+    return embedCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'embedCard',
+    getNodeViewOptions: () => {},
+    loader: () => {
+      const result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-embed-card-item-nodeview" */
+      './embedCard').then(({
+        embedCardNodeView
+      }) => {
+        return embedCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

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

@@ -2,19 +2,17 @@ import rafSchedule from 'raf-schd';
 import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles';
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { eventsFromTransaction } from '../analytics/events-from-tr';
 import { isLocalStorageKeyDiscovered } from '../common/local-storage';
-import { BlockCard } from '../nodeviews/blockCard';
-import { Datasource } from '../nodeviews/datasource';
-import { EmbedCard } from '../nodeviews/embedCard';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
+import { lazyBlockCardView } from '../nodeviews/lazy-block-card';
+import { lazyEmbedCardView } from '../nodeviews/lazy-embed-card';
 import { isDatasourceTableLayout } from '../ui/LayoutButton/utils';
-import { isBlockSupportedAtPosition, isDatasourceNode, isEmbedSupportedAtPosition } from '../utils';
+import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
 import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
 import { pluginKey } from './plugin-key';
 import reducer from './reducers';
@@ -246,59 +244,26 @@ export const createPlugin = (options, pluginInjectionApi) => pmPluginFactoryPara
     props: {
       nodeViews: {
         inlineCard: inlineCardViewProducer,
-        blockCard: (node, view, getPos, decorations) => {
-          const {
-            portalProviderAPI,
-            eventDispatcher
-          } = pmPluginFactoryParams;
-          const reactComponentProps = {
-            platform,
-            actionOptions,
-            showServerActions,
-            pluginInjectionApi,
-            onClickCallback: options.onClickCallback
-          };
-          const isDatasource = isDatasourceNode(node);
-          if (isDatasource) {
-            var _node$attrs2, _node$attrs2$datasour;
-            if (options.allowDatasource && platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 ? void 0 : (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 ? void 0 : (_node$attrs2$datasour = _node$attrs2.datasource) === null || _node$attrs2$datasour === void 0 ? void 0 : _node$attrs2$datasour.id)) {
-              const datasourcePosition = typeof getPos === 'function' && getPos();
-              const datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
-              const isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
-              return new Datasource({
-                node,
-                view,
-                getPos,
-                portalProviderAPI,
-                eventDispatcher,
-                pluginInjectionApi,
-                isNodeNested
-              }).init();
-            } else {
-              return inlineCardViewProducer(node, view, getPos, decorations);
-            }
-          }
-          return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-        },
-        embedCard: (node, view, getPos) => {
-          const {
-            portalProviderAPI,
-            eventDispatcher,
-            dispatchAnalyticsEvent
-          } = pmPluginFactoryParams;
-          const reactComponentProps = {
-            eventDispatcher,
-            allowResizing,
-            platform,
-            fullWidthMode,
-            dispatchAnalyticsEvent,
-            pluginInjectionApi,
-            actionOptions,
-            showServerActions,
-            onClickCallback: options.onClickCallback
-          };
-          return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-        }
+        blockCard: lazyBlockCardView({
+          pmPluginFactoryParams,
+          platform,
+          actionOptions,
+          showServerActions,
+          pluginInjectionApi,
+          onClickCallback,
+          allowDatasource: options.allowDatasource,
+          inlineCardViewProducer
+        }),
+        embedCard: lazyEmbedCardView({
+          allowResizing,
+          platform,
+          fullWidthMode,
+          pmPluginFactoryParams,
+          pluginInjectionApi,
+          actionOptions,
+          showServerActions,
+          onClickCallback: options.onClickCallback
+        })
       },
       ...(enableInlineUpgradeFeatures && {
         handleKeyDown: view => {

package/dist/esm/nodeviews/blockCard.js

@@ -13,9 +13,10 @@ import PropTypes from 'prop-types';
 import rafSchedule from 'raf-schd';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { findOverflowScrollParent, UnsupportedBlock } from '@atlaskit/editor-common/ui';
-import { browser } from '@atlaskit/editor-common/utils';
+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 { isDatasourceNode } from '../utils';
 import { Card } from './genericCard';
@@ -205,4 +206,46 @@ export var BlockCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return BlockCard;
-}(ReactNodeView);
+}(ReactNodeView);
+export var blockCardNodeView = function blockCardNodeView(_ref3) {
+  var pmPluginFactoryParams = _ref3.pmPluginFactoryParams,
+    platform = _ref3.platform,
+    actionOptions = _ref3.actionOptions,
+    showServerActions = _ref3.showServerActions,
+    pluginInjectionApi = _ref3.pluginInjectionApi,
+    onClickCallback = _ref3.onClickCallback,
+    allowDatasource = _ref3.allowDatasource,
+    inlineCardViewProducer = _ref3.inlineCardViewProducer;
+  return function (node, view, getPos, decorations) {
+    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+      eventDispatcher = pmPluginFactoryParams.eventDispatcher;
+    var reactComponentProps = {
+      platform: platform,
+      actionOptions: actionOptions,
+      showServerActions: showServerActions,
+      pluginInjectionApi: pluginInjectionApi,
+      onClickCallback: onClickCallback
+    };
+    var isDatasource = isDatasourceNode(node);
+    if (isDatasource) {
+      var _node$attrs2;
+      if (allowDatasource && platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
+        var datasourcePosition = typeof getPos === 'function' && getPos();
+        var datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
+        var isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
+        return new Datasource({
+          node: node,
+          view: view,
+          getPos: getPos,
+          portalProviderAPI: portalProviderAPI,
+          eventDispatcher: eventDispatcher,
+          pluginInjectionApi: pluginInjectionApi,
+          isNodeNested: isNodeNested
+        }).init();
+      } else {
+        return inlineCardViewProducer(node, view, getPos, decorations);
+      }
+    }
+    return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  };
+};

package/dist/esm/nodeviews/embedCard.js

@@ -416,4 +416,31 @@ export var EmbedCard = /*#__PURE__*/function (_ReactNodeView) {
     }
   }]);
   return EmbedCard;
-}(ReactNodeView);
+}(ReactNodeView);
+export var embedCardNodeView = function embedCardNodeView(_ref4) {
+  var allowResizing = _ref4.allowResizing,
+    platform = _ref4.platform,
+    fullWidthMode = _ref4.fullWidthMode,
+    pmPluginFactoryParams = _ref4.pmPluginFactoryParams,
+    pluginInjectionApi = _ref4.pluginInjectionApi,
+    actionOptions = _ref4.actionOptions,
+    showServerActions = _ref4.showServerActions,
+    onClickCallback = _ref4.onClickCallback;
+  return function (node, view, getPos) {
+    var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
+      eventDispatcher = pmPluginFactoryParams.eventDispatcher,
+      dispatchAnalyticsEvent = pmPluginFactoryParams.dispatchAnalyticsEvent;
+    var reactComponentProps = {
+      eventDispatcher: eventDispatcher,
+      allowResizing: allowResizing,
+      platform: platform,
+      fullWidthMode: fullWidthMode,
+      dispatchAnalyticsEvent: dispatchAnalyticsEvent,
+      pluginInjectionApi: pluginInjectionApi,
+      actionOptions: actionOptions,
+      showServerActions: showServerActions,
+      onClickCallback: onClickCallback
+    };
+    return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
+  };
+};

package/dist/esm/nodeviews/lazy-block-card.js

@@ -0,0 +1,20 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { blockCardNodeView } from './blockCard';
+export var lazyBlockCardView = function lazyBlockCardView(props) {
+  if (!fg('platform_editor_lazy-node-views')) {
+    return blockCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'blockCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-tasks-and-decisions_task-item-nodeview" */
+      './blockCard').then(function (_ref) {
+        var blockCardNodeView = _ref.blockCardNodeView;
+        return blockCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

package/dist/esm/nodeviews/lazy-embed-card.js

@@ -0,0 +1,20 @@
+import { withLazyLoading } from '@atlaskit/editor-common/lazy-node-view';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { embedCardNodeView } from './embedCard';
+export var lazyEmbedCardView = function lazyEmbedCardView(props) {
+  if (!fg('platform_editor_lazy-node-views')) {
+    return embedCardNodeView(props);
+  }
+  return withLazyLoading({
+    nodeName: 'embedCard',
+    getNodeViewOptions: function getNodeViewOptions() {},
+    loader: function loader() {
+      var result = import( /* webpackChunkName: "@atlaskit-internal_editor-plugin-embed-card-item-nodeview" */
+      './embedCard').then(function (_ref) {
+        var embedCardNodeView = _ref.embedCardNodeView;
+        return embedCardNodeView(props);
+      });
+      return result;
+    }
+  });
+};

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

@@ -6,19 +6,17 @@ import rafSchedule from 'raf-schd';
 import { getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
 import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { DATASOURCE_INNER_CONTAINER_CLASSNAME } from '@atlaskit/editor-common/styles';
-import { canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
 import { DATASOURCE_DEFAULT_LAYOUT } from '@atlaskit/linking-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { eventsFromTransaction } from '../analytics/events-from-tr';
 import { isLocalStorageKeyDiscovered } from '../common/local-storage';
-import { BlockCard } from '../nodeviews/blockCard';
-import { Datasource } from '../nodeviews/datasource';
-import { EmbedCard } from '../nodeviews/embedCard';
 import { InlineCardNodeView } from '../nodeviews/inlineCard';
+import { lazyBlockCardView } from '../nodeviews/lazy-block-card';
+import { lazyEmbedCardView } from '../nodeviews/lazy-embed-card';
 import { isDatasourceTableLayout } from '../ui/LayoutButton/utils';
-import { isBlockSupportedAtPosition, isDatasourceNode, isEmbedSupportedAtPosition } from '../utils';
+import { isBlockSupportedAtPosition, isEmbedSupportedAtPosition } from '../utils';
 import { clearOverlayCandidate, setCardLayoutAndDatasourceTableRef, setDatasourceTableRef } from './actions';
 import { pluginKey } from './plugin-key';
 import reducer from './reducers';
@@ -242,55 +240,26 @@ export var createPlugin = function createPlugin(options, pluginInjectionApi) {
       props: _objectSpread({
         nodeViews: {
           inlineCard: inlineCardViewProducer,
-          blockCard: function blockCard(node, view, getPos, decorations) {
-            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-              eventDispatcher = pmPluginFactoryParams.eventDispatcher;
-            var reactComponentProps = {
-              platform: platform,
-              actionOptions: actionOptions,
-              showServerActions: showServerActions,
-              pluginInjectionApi: pluginInjectionApi,
-              onClickCallback: options.onClickCallback
-            };
-            var isDatasource = isDatasourceNode(node);
-            if (isDatasource) {
-              var _node$attrs2;
-              if (options.allowDatasource && platform !== 'mobile' && canRenderDatasource(node === null || node === void 0 || (_node$attrs2 = node.attrs) === null || _node$attrs2 === void 0 || (_node$attrs2 = _node$attrs2.datasource) === null || _node$attrs2 === void 0 ? void 0 : _node$attrs2.id)) {
-                var datasourcePosition = typeof getPos === 'function' && getPos();
-                var datasourceResolvedPosition = datasourcePosition && view.state.doc.resolve(datasourcePosition);
-                var isNodeNested = !!(datasourceResolvedPosition && datasourceResolvedPosition.depth > 0);
-                return new Datasource({
-                  node: node,
-                  view: view,
-                  getPos: getPos,
-                  portalProviderAPI: portalProviderAPI,
-                  eventDispatcher: eventDispatcher,
-                  pluginInjectionApi: pluginInjectionApi,
-                  isNodeNested: isNodeNested
-                }).init();
-              } else {
-                return inlineCardViewProducer(node, view, getPos, decorations);
-              }
-            }
-            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-          },
-          embedCard: function embedCard(node, view, getPos) {
-            var portalProviderAPI = pmPluginFactoryParams.portalProviderAPI,
-              eventDispatcher = pmPluginFactoryParams.eventDispatcher,
-              dispatchAnalyticsEvent = pmPluginFactoryParams.dispatchAnalyticsEvent;
-            var reactComponentProps = {
-              eventDispatcher: eventDispatcher,
-              allowResizing: allowResizing,
-              platform: platform,
-              fullWidthMode: fullWidthMode,
-              dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-              pluginInjectionApi: pluginInjectionApi,
-              actionOptions: actionOptions,
-              showServerActions: showServerActions,
-              onClickCallback: options.onClickCallback
-            };
-            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined).init();
-          }
+          blockCard: lazyBlockCardView({
+            pmPluginFactoryParams: pmPluginFactoryParams,
+            platform: platform,
+            actionOptions: actionOptions,
+            showServerActions: showServerActions,
+            pluginInjectionApi: pluginInjectionApi,
+            onClickCallback: onClickCallback,
+            allowDatasource: options.allowDatasource,
+            inlineCardViewProducer: inlineCardViewProducer
+          }),
+          embedCard: lazyEmbedCardView({
+            allowResizing: allowResizing,
+            platform: platform,
+            fullWidthMode: fullWidthMode,
+            pmPluginFactoryParams: pmPluginFactoryParams,
+            pluginInjectionApi: pluginInjectionApi,
+            actionOptions: actionOptions,
+            showServerActions: showServerActions,
+            onClickCallback: options.onClickCallback
+          })
         }
       }, enableInlineUpgradeFeatures && {
         handleKeyDown: function handleKeyDown(view) {

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

@@ -1,8 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import ReactNodeView, { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
+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> {
     private scrollContainer?;
@@ -30,3 +32,14 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     render(): JSX.Element;
     destroy(): void;
 }
+export interface BlockCardNodeViewProperties {
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    platform: BlockCardNodeViewProps['platform'];
+    actionOptions: BlockCardNodeViewProps['actionOptions'];
+    showServerActions: BlockCardNodeViewProps['showServerActions'];
+    pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
+    onClickCallback: BlockCardNodeViewProps['onClickCallback'];
+    allowDatasource: boolean | undefined;
+    inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+}
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, platform, actionOptions, showServerActions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => Datasource | BlockCard | import("prosemirror-view").NodeView;

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

@@ -2,7 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { cardPlugin } from '../index';
 import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
@@ -47,3 +50,14 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     render(): JSX.Element;
     destroy(): void;
 }
+export interface EmbedCardNodeViewProperties {
+    allowResizing: EmbedCardNodeViewProps['allowResizing'];
+    platform: EmbedCardNodeViewProps['platform'];
+    fullWidthMode: EmbedCardNodeViewProps['fullWidthMode'];
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+    actionOptions: EmbedCardNodeViewProps['actionOptions'];
+    showServerActions: EmbedCardNodeViewProps['showServerActions'];
+    onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
+}
+export declare const embedCardNodeView: ({ allowResizing, platform, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, showServerActions, onClickCallback, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/dist/types/nodeviews/lazy-block-card.d.ts

@@ -0,0 +1,2 @@
+import { type BlockCardNodeViewProperties } from './blockCard';
+export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("./datasource").Datasource | import("./blockCard").BlockCard | import("prosemirror-view").NodeView) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types/nodeviews/lazy-embed-card.d.ts

@@ -0,0 +1,2 @@
+import { type EmbedCardNodeViewProperties } from './embedCard';
+export declare const lazyEmbedCardView: (props: EmbedCardNodeViewProperties) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined) => import("./embedCard").EmbedCard);

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

@@ -1,8 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import ReactNodeView, { type getInlineNodeViewProducer } from '@atlaskit/editor-common/react-node-view';
+import type { PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node } from '@atlaskit/editor-prosemirror/model';
-import type { Decoration, DecorationSource } from '@atlaskit/editor-prosemirror/view';
+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> {
     private scrollContainer?;
@@ -30,3 +32,14 @@ export declare class BlockCard extends ReactNodeView<BlockCardNodeViewProps> {
     render(): JSX.Element;
     destroy(): void;
 }
+export interface BlockCardNodeViewProperties {
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    platform: BlockCardNodeViewProps['platform'];
+    actionOptions: BlockCardNodeViewProps['actionOptions'];
+    showServerActions: BlockCardNodeViewProps['showServerActions'];
+    pluginInjectionApi: BlockCardNodeViewProps['pluginInjectionApi'];
+    onClickCallback: BlockCardNodeViewProps['onClickCallback'];
+    allowDatasource: boolean | undefined;
+    inlineCardViewProducer: ReturnType<typeof getInlineNodeViewProducer>;
+}
+export declare const blockCardNodeView: ({ pmPluginFactoryParams, platform, actionOptions, showServerActions, pluginInjectionApi, onClickCallback, allowDatasource, inlineCardViewProducer, }: BlockCardNodeViewProperties) => (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[]) => Datasource | BlockCard | import("prosemirror-view").NodeView;

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

@@ -2,7 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
+import type { ExtractInjectionAPI, PMPluginFactoryParams } from '@atlaskit/editor-common/types';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { cardPlugin } from '../index';
 import type { SmartCardProps } from './genericCard';
 export type EmbedCardState = {
     hasPreview: boolean;
@@ -47,3 +50,14 @@ export declare class EmbedCard extends ReactNodeView<EmbedCardNodeViewProps> {
     render(): JSX.Element;
     destroy(): void;
 }
+export interface EmbedCardNodeViewProperties {
+    allowResizing: EmbedCardNodeViewProps['allowResizing'];
+    platform: EmbedCardNodeViewProps['platform'];
+    fullWidthMode: EmbedCardNodeViewProps['fullWidthMode'];
+    pmPluginFactoryParams: PMPluginFactoryParams;
+    pluginInjectionApi: ExtractInjectionAPI<typeof cardPlugin> | undefined;
+    actionOptions: EmbedCardNodeViewProps['actionOptions'];
+    showServerActions: EmbedCardNodeViewProps['showServerActions'];
+    onClickCallback: EmbedCardNodeViewProps['onClickCallback'];
+}
+export declare const embedCardNodeView: ({ allowResizing, platform, fullWidthMode, pmPluginFactoryParams, pluginInjectionApi, actionOptions, showServerActions, onClickCallback, }: EmbedCardNodeViewProperties) => (node: PMNode, view: EditorView, getPos: () => number | undefined) => EmbedCard;

package/dist/types-ts4.5/nodeviews/lazy-block-card.d.ts

@@ -0,0 +1,2 @@
+import { type BlockCardNodeViewProperties } from './blockCard';
+export declare const lazyBlockCardView: (props: BlockCardNodeViewProperties) => ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined, decorations: readonly import("prosemirror-view").Decoration[]) => import("./datasource").Datasource | import("./blockCard").BlockCard | import("prosemirror-view").NodeView) | import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor;

package/dist/types-ts4.5/nodeviews/lazy-embed-card.d.ts

@@ -0,0 +1,2 @@
+import { type EmbedCardNodeViewProperties } from './embedCard';
+export declare const lazyEmbedCardView: (props: EmbedCardNodeViewProperties) => import("@atlaskit/editor-common/lazy-node-view").NodeViewConstructor | ((node: import("prosemirror-model").Node, view: import("prosemirror-view").EditorView, getPos: () => number | undefined) => import("./embedCard").EmbedCard);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-card",
-	"version": "2.9.0",
+	"version": "2.9.2",
 	"description": "Card plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -53,7 +53,7 @@
 		"@atlaskit/link-datasource": "^2.9.0",
 		"@atlaskit/linking-common": "^5.8.0",
 		"@atlaskit/linking-types": "^8.12.0",
-		"@atlaskit/menu": "2.8.1",
+		"@atlaskit/menu": "2.9.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^11.1.0",
 		"@atlaskit/smart-card": "^27.11.0",
@@ -125,6 +125,9 @@
 		"platform.linking-platform.datasource.enable-confluence-search-modal": {
 			"type": "boolean"
 		},
+		"platform_editor_lazy-node-views": {
+			"type": "boolean"
+		},
 		"platform.editor.card.inject-settings-button": {
 			"type": "boolean"
 		},