@atlaskit/editor-plugin-paste 12.0.0 → 12.1.1

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-paste
 
+## 12.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.1.0
+
+### Minor Changes
+
+- [`f7fc6c3bcc4e3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f7fc6c3bcc4e3) -
+  [ux] EDITOR-7242 add paste logic to support table in panel nesting
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.0.0
 
 ### Patch Changes

package/dist/cjs/pm-plugins/clipboard-parser.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createClipboardParser = createClipboardParser;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _model = require("@atlaskit/editor-prosemirror/model");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+/**
+ * Builds additional parseDOM rules to inject into the clipboard parser.
+ *
+ * Adding a rule with a higher priority than the default schema rules, allows
+ * specific HTML patterns to be parsed as a different node type than the schema
+ * would normally choose.
+ */
+function buildAdditionalClipboardParseRules(schema) {
+  var _panel$spec$parseDOM;
+  var rules = [];
+
+  // This means that panels with tables inside always stay as panel_c1,
+  // but panels without tables retain standard behaviour
+  // of choosing between panel_c1 and panel depending on the context.
+  // e.g. panel with table pasted in expand gets lifted out, panel with normal text gets pasted inside expand
+  var _schema$nodes = schema.nodes,
+    panel_c1 = _schema$nodes.panel_c1,
+    panel = _schema$nodes.panel;
+  if (!panel_c1 || !panel) {
+    return rules;
+  }
+  var panelGetAttrs = (_panel$spec$parseDOM = panel.spec.parseDOM) === null || _panel$spec$parseDOM === void 0 || (_panel$spec$parseDOM = _panel$spec$parseDOM[0]) === null || _panel$spec$parseDOM === void 0 ? void 0 : _panel$spec$parseDOM.getAttrs;
+  rules.push({
+    tag: 'div[data-panel-type]',
+    priority: 60,
+    node: panel_c1.name,
+    getAttrs: function getAttrs(dom) {
+      var hasTable = dom.querySelector('[data-prosemirror-node-name="table"]') !== null;
+      if (!hasTable) {
+        return false; // fall through to standard panel rule
+      }
+      return panelGetAttrs ? panelGetAttrs(dom) : null;
+    }
+  });
+  return rules;
+}
+
+/**
+ * Creates a ProseMirror plugin with a custom `clipboardParser` that extends the
+ * schema's default parser with additional rules for handling specific paste scenarios.
+ */
+function createClipboardParser(schema) {
+  if (!(0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return undefined;
+  }
+  var additionalRules = buildAdditionalClipboardParseRules(schema);
+  var baseParser = _model.DOMParser.fromSchema(schema);
+  var customParser = new _model.DOMParser(schema, [].concat((0, _toConsumableArray2.default)(additionalRules), (0, _toConsumableArray2.default)(baseParser.rules)));
+  return customParser;
+}

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

@@ -35,6 +35,7 @@ var _actions = require("../editor-actions/actions");
 var _commands = require("../editor-commands/commands");
 var _media = require("../pm-plugins/media");
 var _analytics2 = require("./analytics");
+var _clipboardParser = require("./clipboard-parser");
 var _createClipboardTextSerializer = require("./create-clipboard-text-serializer");
 var _pluginFactory = require("./plugin-factory");
 var _util = require("./util");
@@ -146,6 +147,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
     props: {
       // For serialising to plain text
       clipboardTextSerializer: (0, _createClipboardTextSerializer.createClipboardTextSerializer)(getIntl()),
+      clipboardParser: (0, _clipboardParser.createClipboardParser)(schema),
       handleDOMEvents: {
         // note
         paste: function paste(view, event) {
@@ -366,6 +368,11 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
           view.dispatch(tr.setMeta('uiEvent', 'paste'));
         };
         slice = (0, _handlers.handleParagraphBlockMarks)(state, slice);
+        if ((0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          var _view$state$selection, _view$state$selection2;
+          var destinationParentType = (_view$state$selection = (_view$state$selection2 = view.state.selection.$from.node(-1)) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.type.name) !== null && _view$state$selection !== void 0 ? _view$state$selection : view.state.doc.type.name;
+          slice = (0, _handlers.applyContainerNodeTransformToSlice)(slice, schema, destinationParentType);
+        }
         slice = (0, _handleVSCodeBlock.handleVSCodeBlock)({
           state: state,
           slice: slice,
@@ -656,6 +663,13 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         if (html.indexOf(_syncBlock.SyncBlockRendererDataAttributeName) >= 0 && (0, _experiments.editorExperiment)('platform_synced_block', true)) {
           html = (0, _transforms.removeBreakoutFromRendererSyncBlockHTML)(html);
         }
+
+        // When platform_editor_nest_table_in_panel is OFF,
+        // move tables out of panel divs in the HTML before ProseMirror
+        // parses it — otherwise the panel schema drops the table content.
+        if ((0, _expValEquals.expValEquals)('platform_editor_table_in_panel_paste_fallback', 'isEnabled', true) && !(0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          html = (0, _handlers.splitTablesOutOfPanelHtml)(html);
+        }
         mostRecentPasteEvent = null;
         return html;
       }

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

@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.applyContainerNodeTransformToSlice = applyContainerNodeTransformToSlice;
 exports.checkIfSelectionInNestedList = checkIfSelectionInNestedList;
 exports.checkTaskListInList = checkTaskListInList;
 exports.doesSelectionWhichStartsOrEndsInListContainEntireList = void 0;
@@ -27,10 +28,12 @@ exports.handlePastePreservingMarks = handlePastePreservingMarks;
 exports.handleRichText = handleRichText;
 exports.handleSelectedTable = void 0;
 exports.handleTableContentPasteInBodiedExtension = handleTableContentPasteInBodiedExtension;
+exports.splitTablesOutOfPanelHtml = splitTablesOutOfPanelHtml;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _v = _interopRequireDefault(require("uuid/v4"));
+var _transforms = require("@atlaskit/adf-utils/transforms");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _card = require("@atlaskit/editor-common/card");
 var _coreUtils = require("@atlaskit/editor-common/core-utils");
@@ -1394,4 +1397,61 @@ function handlePasteExpand(slice) {
     }
     return node;
   });
+}
+
+/*
+ * Transform container nodes promoting them to _c1 if required as per
+ * transformContainerNodes from adf-utils
+ */
+function applyContainerNodeTransformToSlice(slice, schema, destinationParentType) {
+  var _sliceJson$content;
+  var sliceJson = slice.toJSON();
+  if (!sliceJson) {
+    return slice;
+  }
+  var wrappedAdf = {
+    type: destinationParentType,
+    content: (_sliceJson$content = sliceJson.content) !== null && _sliceJson$content !== void 0 ? _sliceJson$content : []
+  };
+  try {
+    var _transformContainerNo = (0, _transforms.transformContainerNodes)(wrappedAdf, schema),
+      transformedAdf = _transformContainerNo.transformedAdf,
+      isTransformed = _transformContainerNo.isTransformed;
+    return isTransformed && transformedAdf && transformedAdf.content && transformedAdf.content.length > 0 ? _model.Slice.fromJSON(schema, _objectSpread(_objectSpread({}, sliceJson), {}, {
+      content: transformedAdf.content
+    })) : slice;
+  } catch (_unused3) {
+    return slice;
+  }
+}
+
+/*
+ * When platform_editor_nest_table_in_panel is OFF, move table elements out of panel divs in the
+ * clipboard HTML before ProseMirror parses it. This prevents the panel schema from
+ * dropping table content entirely.
+ */
+function splitTablesOutOfPanelHtml(html) {
+  if (!html.includes('data-panel-type')) {
+    return html;
+  }
+  var doc = new DOMParser().parseFromString(html, 'text/html');
+  var panelDivs = Array.from(doc.querySelectorAll('div[data-panel-type]'));
+  var changed = false;
+  for (var _i = 0, _panelDivs = panelDivs; _i < _panelDivs.length; _i++) {
+    var panelDiv = _panelDivs[_i];
+    var tableWrappers = Array.from(panelDiv.querySelectorAll('[data-prosemirror-node-name="table"]'));
+    if (tableWrappers.length === 0) {
+      continue;
+    }
+    changed = true;
+    var anchor = panelDiv;
+    for (var _i2 = 0, _tableWrappers = tableWrappers; _i2 < _tableWrappers.length; _i2++) {
+      var _tableWrapper$parentN, _anchor$parentNode;
+      var tableWrapper = _tableWrappers[_i2];
+      (_tableWrapper$parentN = tableWrapper.parentNode) === null || _tableWrapper$parentN === void 0 || _tableWrapper$parentN.removeChild(tableWrapper);
+      (_anchor$parentNode = anchor.parentNode) === null || _anchor$parentNode === void 0 || _anchor$parentNode.insertBefore(tableWrapper, anchor.nextSibling);
+      anchor = tableWrapper;
+    }
+  }
+  return changed ? doc.body.innerHTML : html;
 }

package/dist/es2019/pm-plugins/clipboard-parser.js

@@ -0,0 +1,54 @@
+import { DOMParser as PMDOMParser } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * Builds additional parseDOM rules to inject into the clipboard parser.
+ *
+ * Adding a rule with a higher priority than the default schema rules, allows
+ * specific HTML patterns to be parsed as a different node type than the schema
+ * would normally choose.
+ */
+function buildAdditionalClipboardParseRules(schema) {
+  var _panel$spec$parseDOM, _panel$spec$parseDOM$;
+  const rules = [];
+
+  // This means that panels with tables inside always stay as panel_c1,
+  // but panels without tables retain standard behaviour
+  // of choosing between panel_c1 and panel depending on the context.
+  // e.g. panel with table pasted in expand gets lifted out, panel with normal text gets pasted inside expand
+  const {
+    panel_c1,
+    panel
+  } = schema.nodes;
+  if (!panel_c1 || !panel) {
+    return rules;
+  }
+  const panelGetAttrs = (_panel$spec$parseDOM = panel.spec.parseDOM) === null || _panel$spec$parseDOM === void 0 ? void 0 : (_panel$spec$parseDOM$ = _panel$spec$parseDOM[0]) === null || _panel$spec$parseDOM$ === void 0 ? void 0 : _panel$spec$parseDOM$.getAttrs;
+  rules.push({
+    tag: 'div[data-panel-type]',
+    priority: 60,
+    node: panel_c1.name,
+    getAttrs: dom => {
+      const hasTable = dom.querySelector('[data-prosemirror-node-name="table"]') !== null;
+      if (!hasTable) {
+        return false; // fall through to standard panel rule
+      }
+      return panelGetAttrs ? panelGetAttrs(dom) : null;
+    }
+  });
+  return rules;
+}
+
+/**
+ * Creates a ProseMirror plugin with a custom `clipboardParser` that extends the
+ * schema's default parser with additional rules for handling specific paste scenarios.
+ */
+export function createClipboardParser(schema) {
+  if (!expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return undefined;
+  }
+  const additionalRules = buildAdditionalClipboardParseRules(schema);
+  const baseParser = PMDOMParser.fromSchema(schema);
+  const customParser = new PMDOMParser(schema, [...additionalRules, ...baseParser.rules]);
+  return customParser;
+}

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

@@ -25,11 +25,12 @@ import { PastePluginActionTypes } from '../editor-actions/actions';
 import { splitParagraphs, upgradeTextToLists } from '../editor-commands/commands';
 import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, transformSliceToMediaSingleWithNewExperience, unwrapNestedMediaElements } from '../pm-plugins/media';
 import { createPasteMeasurePayload, getContentNodeTypes, handleCodeBlockWithAnalytics, handleExpandWithAnalytics, handleMarkdownWithAnalytics, handleMediaSingleWithAnalytics, handleNestedTablePasteWithAnalytics, handlePasteAsPlainTextWithAnalytics, handlePasteIntoCaptionWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePastePreservingMarksWithAnalytics, handleRichTextWithAnalytics, handleSelectedTableWithAnalytics, sendPasteAnalyticsEvent } from './analytics';
+import { createClipboardParser } from './clipboard-parser';
 import { createClipboardTextSerializer } from './create-clipboard-text-serializer';
 import { createPluginState, pluginKey as stateKey } from './plugin-factory';
 import { escapeBackslashAndLinksExceptCodeBlock, getPasteSource, htmlContainsSingleFile, htmlHasInvalidLinkTags, isPastedFromExcel, isPastedFromWord, removeDuplicateInvalidLinks, transformUnsupportedBlockCardToInline } from './util';
 import { handleVSCodeBlock } from './util/edge-cases/handleVSCodeBlock';
-import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks, handlePasteExpand, handleTableContentPasteInBodiedExtension } from './util/handlers';
+import { applyContainerNodeTransformToSlice, splitTablesOutOfPanelHtml, handleMacroAutoConvert, handleMention, handleParagraphBlockMarks, handlePasteExpand, handleTableContentPasteInBodiedExtension } from './util/handlers';
 import { normalizePastedCodeBlockAttrs } from './util/normalize-pasted-code-block-attrs';
 import { handleSyncBlocksPaste } from './util/sync-block';
 import { htmlHasIncompleteTable, isPastedFromTinyMCEConfluence, tryRebuildCompleteTableHtml } from './util/tinyMCE';
@@ -111,6 +112,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
     props: {
       // For serialising to plain text
       clipboardTextSerializer: createClipboardTextSerializer(getIntl()),
+      clipboardParser: createClipboardParser(schema),
       handleDOMEvents: {
         // note
         paste: (view, event) => {
@@ -325,6 +327,11 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           view.dispatch(tr.setMeta('uiEvent', 'paste'));
         };
         slice = handleParagraphBlockMarks(state, slice);
+        if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          var _view$state$selection, _view$state$selection2;
+          const destinationParentType = (_view$state$selection = (_view$state$selection2 = view.state.selection.$from.node(-1)) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.type.name) !== null && _view$state$selection !== void 0 ? _view$state$selection : view.state.doc.type.name;
+          slice = applyContainerNodeTransformToSlice(slice, schema, destinationParentType);
+        }
         slice = handleVSCodeBlock({
           state,
           slice,
@@ -615,6 +622,13 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         if (html.indexOf(SyncBlockRendererDataAttributeName) >= 0 && editorExperiment('platform_synced_block', true)) {
           html = removeBreakoutFromRendererSyncBlockHTML(html);
         }
+
+        // When platform_editor_nest_table_in_panel is OFF,
+        // move tables out of panel divs in the HTML before ProseMirror
+        // parses it — otherwise the panel schema drops the table content.
+        if (expValEquals('platform_editor_table_in_panel_paste_fallback', 'isEnabled', true) && !expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          html = splitTablesOutOfPanelHtml(html);
+        }
         mostRecentPasteEvent = null;
         return html;
       }

package/dist/es2019/pm-plugins/util/handlers.js

@@ -1,5 +1,6 @@
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
+import { transformContainerNodes } from '@atlaskit/adf-utils/transforms';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
@@ -1359,4 +1360,61 @@ export function handlePasteExpand(slice) {
     }
     return node;
   });
+}
+
+/*
+ * Transform container nodes promoting them to _c1 if required as per
+ * transformContainerNodes from adf-utils
+ */
+export function applyContainerNodeTransformToSlice(slice, schema, destinationParentType) {
+  var _sliceJson$content;
+  const sliceJson = slice.toJSON();
+  if (!sliceJson) {
+    return slice;
+  }
+  const wrappedAdf = {
+    type: destinationParentType,
+    content: (_sliceJson$content = sliceJson.content) !== null && _sliceJson$content !== void 0 ? _sliceJson$content : []
+  };
+  try {
+    const {
+      transformedAdf,
+      isTransformed
+    } = transformContainerNodes(wrappedAdf, schema);
+    return isTransformed && transformedAdf && transformedAdf.content && transformedAdf.content.length > 0 ? Slice.fromJSON(schema, {
+      ...sliceJson,
+      content: transformedAdf.content
+    }) : slice;
+  } catch {
+    return slice;
+  }
+}
+
+/*
+ * When platform_editor_nest_table_in_panel is OFF, move table elements out of panel divs in the
+ * clipboard HTML before ProseMirror parses it. This prevents the panel schema from
+ * dropping table content entirely.
+ */
+export function splitTablesOutOfPanelHtml(html) {
+  if (!html.includes('data-panel-type')) {
+    return html;
+  }
+  const doc = new DOMParser().parseFromString(html, 'text/html');
+  const panelDivs = Array.from(doc.querySelectorAll('div[data-panel-type]'));
+  let changed = false;
+  for (const panelDiv of panelDivs) {
+    const tableWrappers = Array.from(panelDiv.querySelectorAll('[data-prosemirror-node-name="table"]'));
+    if (tableWrappers.length === 0) {
+      continue;
+    }
+    changed = true;
+    let anchor = panelDiv;
+    for (const tableWrapper of tableWrappers) {
+      var _tableWrapper$parentN, _anchor$parentNode;
+      (_tableWrapper$parentN = tableWrapper.parentNode) === null || _tableWrapper$parentN === void 0 ? void 0 : _tableWrapper$parentN.removeChild(tableWrapper);
+      (_anchor$parentNode = anchor.parentNode) === null || _anchor$parentNode === void 0 ? void 0 : _anchor$parentNode.insertBefore(tableWrapper, anchor.nextSibling);
+      anchor = tableWrapper;
+    }
+  }
+  return changed ? doc.body.innerHTML : html;
 }

package/dist/esm/pm-plugins/clipboard-parser.js

@@ -0,0 +1,54 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import { DOMParser as PMDOMParser } from '@atlaskit/editor-prosemirror/model';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+
+/**
+ * Builds additional parseDOM rules to inject into the clipboard parser.
+ *
+ * Adding a rule with a higher priority than the default schema rules, allows
+ * specific HTML patterns to be parsed as a different node type than the schema
+ * would normally choose.
+ */
+function buildAdditionalClipboardParseRules(schema) {
+  var _panel$spec$parseDOM;
+  var rules = [];
+
+  // This means that panels with tables inside always stay as panel_c1,
+  // but panels without tables retain standard behaviour
+  // of choosing between panel_c1 and panel depending on the context.
+  // e.g. panel with table pasted in expand gets lifted out, panel with normal text gets pasted inside expand
+  var _schema$nodes = schema.nodes,
+    panel_c1 = _schema$nodes.panel_c1,
+    panel = _schema$nodes.panel;
+  if (!panel_c1 || !panel) {
+    return rules;
+  }
+  var panelGetAttrs = (_panel$spec$parseDOM = panel.spec.parseDOM) === null || _panel$spec$parseDOM === void 0 || (_panel$spec$parseDOM = _panel$spec$parseDOM[0]) === null || _panel$spec$parseDOM === void 0 ? void 0 : _panel$spec$parseDOM.getAttrs;
+  rules.push({
+    tag: 'div[data-panel-type]',
+    priority: 60,
+    node: panel_c1.name,
+    getAttrs: function getAttrs(dom) {
+      var hasTable = dom.querySelector('[data-prosemirror-node-name="table"]') !== null;
+      if (!hasTable) {
+        return false; // fall through to standard panel rule
+      }
+      return panelGetAttrs ? panelGetAttrs(dom) : null;
+    }
+  });
+  return rules;
+}
+
+/**
+ * Creates a ProseMirror plugin with a custom `clipboardParser` that extends the
+ * schema's default parser with additional rules for handling specific paste scenarios.
+ */
+export function createClipboardParser(schema) {
+  if (!expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return undefined;
+  }
+  var additionalRules = buildAdditionalClipboardParseRules(schema);
+  var baseParser = PMDOMParser.fromSchema(schema);
+  var customParser = new PMDOMParser(schema, [].concat(_toConsumableArray(additionalRules), _toConsumableArray(baseParser.rules)));
+  return customParser;
+}

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

@@ -30,11 +30,12 @@ import { PastePluginActionTypes } from '../editor-actions/actions';
 import { splitParagraphs, upgradeTextToLists } from '../editor-commands/commands';
 import { transformSliceForMedia, transformSliceToCorrectMediaWrapper, transformSliceToMediaSingleWithNewExperience, unwrapNestedMediaElements } from '../pm-plugins/media';
 import { createPasteMeasurePayload, getContentNodeTypes, handleCodeBlockWithAnalytics, handleExpandWithAnalytics, handleMarkdownWithAnalytics, handleMediaSingleWithAnalytics, handleNestedTablePasteWithAnalytics, handlePasteAsPlainTextWithAnalytics, handlePasteIntoCaptionWithAnalytics, handlePasteIntoTaskAndDecisionWithAnalytics, handlePasteLinkOnSelectedTextWithAnalytics, handlePasteNonNestableBlockNodesIntoListWithAnalytics, handlePastePanelOrDecisionIntoListWithAnalytics, handlePastePreservingMarksWithAnalytics, handleRichTextWithAnalytics, handleSelectedTableWithAnalytics, sendPasteAnalyticsEvent } from './analytics';
+import { createClipboardParser } from './clipboard-parser';
 import { createClipboardTextSerializer } from './create-clipboard-text-serializer';
 import { createPluginState, pluginKey as stateKey } from './plugin-factory';
 import { escapeBackslashAndLinksExceptCodeBlock, getPasteSource, htmlContainsSingleFile, htmlHasInvalidLinkTags, isPastedFromExcel, isPastedFromWord, removeDuplicateInvalidLinks, transformUnsupportedBlockCardToInline } from './util';
 import { handleVSCodeBlock } from './util/edge-cases/handleVSCodeBlock';
-import { handleMacroAutoConvert, handleMention, handleParagraphBlockMarks, handlePasteExpand, handleTableContentPasteInBodiedExtension } from './util/handlers';
+import { applyContainerNodeTransformToSlice, splitTablesOutOfPanelHtml, handleMacroAutoConvert, handleMention, handleParagraphBlockMarks, handlePasteExpand, handleTableContentPasteInBodiedExtension } from './util/handlers';
 import { normalizePastedCodeBlockAttrs } from './util/normalize-pasted-code-block-attrs';
 import { handleSyncBlocksPaste } from './util/sync-block';
 import { htmlHasIncompleteTable, isPastedFromTinyMCEConfluence, tryRebuildCompleteTableHtml } from './util/tinyMCE';
@@ -138,6 +139,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
     props: {
       // For serialising to plain text
       clipboardTextSerializer: createClipboardTextSerializer(getIntl()),
+      clipboardParser: createClipboardParser(schema),
       handleDOMEvents: {
         // note
         paste: function paste(view, event) {
@@ -358,6 +360,11 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
           view.dispatch(tr.setMeta('uiEvent', 'paste'));
         };
         slice = handleParagraphBlockMarks(state, slice);
+        if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          var _view$state$selection, _view$state$selection2;
+          var destinationParentType = (_view$state$selection = (_view$state$selection2 = view.state.selection.$from.node(-1)) === null || _view$state$selection2 === void 0 ? void 0 : _view$state$selection2.type.name) !== null && _view$state$selection !== void 0 ? _view$state$selection : view.state.doc.type.name;
+          slice = applyContainerNodeTransformToSlice(slice, schema, destinationParentType);
+        }
         slice = handleVSCodeBlock({
           state: state,
           slice: slice,
@@ -648,6 +655,13 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         if (html.indexOf(SyncBlockRendererDataAttributeName) >= 0 && editorExperiment('platform_synced_block', true)) {
           html = removeBreakoutFromRendererSyncBlockHTML(html);
         }
+
+        // When platform_editor_nest_table_in_panel is OFF,
+        // move tables out of panel divs in the HTML before ProseMirror
+        // parses it — otherwise the panel schema drops the table content.
+        if (expValEquals('platform_editor_table_in_panel_paste_fallback', 'isEnabled', true) && !expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+          html = splitTablesOutOfPanelHtml(html);
+        }
         mostRecentPasteEvent = null;
         return html;
       }

package/dist/esm/pm-plugins/util/handlers.js

@@ -8,6 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import uuid from 'uuid/v4';
+import { transformContainerNodes } from '@atlaskit/adf-utils/transforms';
 import { INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { addLinkMetadata } from '@atlaskit/editor-common/card';
 import { insideTable } from '@atlaskit/editor-common/core-utils';
@@ -1367,4 +1368,61 @@ export function handlePasteExpand(slice) {
     }
     return node;
   });
+}
+
+/*
+ * Transform container nodes promoting them to _c1 if required as per
+ * transformContainerNodes from adf-utils
+ */
+export function applyContainerNodeTransformToSlice(slice, schema, destinationParentType) {
+  var _sliceJson$content;
+  var sliceJson = slice.toJSON();
+  if (!sliceJson) {
+    return slice;
+  }
+  var wrappedAdf = {
+    type: destinationParentType,
+    content: (_sliceJson$content = sliceJson.content) !== null && _sliceJson$content !== void 0 ? _sliceJson$content : []
+  };
+  try {
+    var _transformContainerNo = transformContainerNodes(wrappedAdf, schema),
+      transformedAdf = _transformContainerNo.transformedAdf,
+      isTransformed = _transformContainerNo.isTransformed;
+    return isTransformed && transformedAdf && transformedAdf.content && transformedAdf.content.length > 0 ? Slice.fromJSON(schema, _objectSpread(_objectSpread({}, sliceJson), {}, {
+      content: transformedAdf.content
+    })) : slice;
+  } catch (_unused3) {
+    return slice;
+  }
+}
+
+/*
+ * When platform_editor_nest_table_in_panel is OFF, move table elements out of panel divs in the
+ * clipboard HTML before ProseMirror parses it. This prevents the panel schema from
+ * dropping table content entirely.
+ */
+export function splitTablesOutOfPanelHtml(html) {
+  if (!html.includes('data-panel-type')) {
+    return html;
+  }
+  var doc = new DOMParser().parseFromString(html, 'text/html');
+  var panelDivs = Array.from(doc.querySelectorAll('div[data-panel-type]'));
+  var changed = false;
+  for (var _i = 0, _panelDivs = panelDivs; _i < _panelDivs.length; _i++) {
+    var panelDiv = _panelDivs[_i];
+    var tableWrappers = Array.from(panelDiv.querySelectorAll('[data-prosemirror-node-name="table"]'));
+    if (tableWrappers.length === 0) {
+      continue;
+    }
+    changed = true;
+    var anchor = panelDiv;
+    for (var _i2 = 0, _tableWrappers = tableWrappers; _i2 < _tableWrappers.length; _i2++) {
+      var _tableWrapper$parentN, _anchor$parentNode;
+      var tableWrapper = _tableWrappers[_i2];
+      (_tableWrapper$parentN = tableWrapper.parentNode) === null || _tableWrapper$parentN === void 0 || _tableWrapper$parentN.removeChild(tableWrapper);
+      (_anchor$parentNode = anchor.parentNode) === null || _anchor$parentNode === void 0 || _anchor$parentNode.insertBefore(tableWrapper, anchor.nextSibling);
+      anchor = tableWrapper;
+    }
+  }
+  return changed ? doc.body.innerHTML : html;
 }

package/dist/types/pm-plugins/clipboard-parser.d.ts

@@ -0,0 +1,7 @@
+import { DOMParser as PMDOMParser } from '@atlaskit/editor-prosemirror/model';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Creates a ProseMirror plugin with a custom `clipboardParser` that extends the
+ * schema's default parser with additional rules for handling specific paste scenarios.
+ */
+export declare function createClipboardParser(schema: Schema): PMDOMParser | undefined;

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

@@ -58,3 +58,5 @@ export declare const handleSelectedTable: (editorAnalyticsAPI: EditorAnalyticsAP
 export declare function checkTaskListInList(state: EditorState, slice: Slice): boolean;
 export declare function checkIfSelectionInNestedList(state: EditorState): boolean;
 export declare function handlePasteExpand(slice: Slice): Slice;
+export declare function applyContainerNodeTransformToSlice(slice: Slice, schema: Schema, destinationParentType: string): Slice;
+export declare function splitTablesOutOfPanelHtml(html: string): string;

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

@@ -0,0 +1,7 @@
+import { DOMParser as PMDOMParser } from '@atlaskit/editor-prosemirror/model';
+import type { Schema } from '@atlaskit/editor-prosemirror/model';
+/**
+ * Creates a ProseMirror plugin with a custom `clipboardParser` that extends the
+ * schema's default parser with additional rules for handling specific paste scenarios.
+ */
+export declare function createClipboardParser(schema: Schema): PMDOMParser | undefined;

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

@@ -58,3 +58,5 @@ export declare const handleSelectedTable: (editorAnalyticsAPI: EditorAnalyticsAP
 export declare function checkTaskListInList(state: EditorState, slice: Slice): boolean;
 export declare function checkIfSelectionInNestedList(state: EditorState): boolean;
 export declare function handlePasteExpand(slice: Slice): Slice;
+export declare function applyContainerNodeTransformToSlice(slice: Slice, schema: Schema, destinationParentType: string): Slice;
+export declare function splitTablesOutOfPanelHtml(html: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-paste",
-	"version": "12.0.0",
+	"version": "12.1.1",
 	"description": "Paste plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -27,35 +27,36 @@
 	"sideEffects": false,
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.15.0",
+		"@atlaskit/adf-schema": "^52.16.0",
+		"@atlaskit/adf-utils": "^19.32.0",
 		"@atlaskit/code": "^17.5.0",
 		"@atlaskit/editor-markdown-transformer": "^5.21.0",
 		"@atlaskit/editor-plugin-analytics": "^11.0.0",
 		"@atlaskit/editor-plugin-annotation": "^11.0.0",
 		"@atlaskit/editor-plugin-better-type-history": "^11.0.0",
-		"@atlaskit/editor-plugin-card": "^17.0.0",
+		"@atlaskit/editor-plugin-card": "^17.1.0",
 		"@atlaskit/editor-plugin-expand": "^12.0.0",
 		"@atlaskit/editor-plugin-feature-flags": "^10.0.0",
 		"@atlaskit/editor-plugin-list": "^13.0.0",
-		"@atlaskit/editor-plugin-media": "^13.0.0",
-		"@atlaskit/editor-plugin-mentions": "^13.0.0",
+		"@atlaskit/editor-plugin-media": "^13.1.0",
+		"@atlaskit/editor-plugin-mentions": "^13.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-tables": "^2.10.0",
 		"@atlaskit/flag": "^17.12.0",
-		"@atlaskit/icon": "^35.3.0",
+		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/insm": "^0.4.0",
 		"@atlaskit/media-client": "^36.3.0",
 		"@atlaskit/media-common": "^13.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/tmp-editor-statsig": "^88.0.0",
+		"@atlaskit/tmp-editor-statsig": "^89.0.0",
 		"@atlaskit/tokens": "^13.1.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^115.0.0",
+		"@atlaskit/editor-common": "^115.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"