@atlaskit/editor-plugin-paste 13.3.20 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-paste
 
+## 13.4.0
+
+### Minor Changes
+
+- [`6e4030f86d5b6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e4030f86d5b6) -
+  Fix copy/paste of partial text selected from inside a table nested in a panel (panel_c1)
+  re-wrapping the pasted text in a panel and table. The paste plugin now treats panel_c1 as a panel
+  variant everywhere it special-cases panels, so the existing panel paste handling strips the open
+  panel/table boundary. Gated behind platform_editor_nest_table_in_panel.
+
+### Patch Changes
+
+- [`7d2c4ad5f91a2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7d2c4ad5f91a2) -
+  Clean up experiment `improve_3p_smart_link_resolve_rate`
+- Updated dependencies
+
 ## 13.3.20
 
 ### Patch Changes

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

@@ -52,15 +52,16 @@ var isInsideBlockQuote = exports.isInsideBlockQuote = function isInsideBlockQuot
   return (0, _utils2.hasParentNodeOfType)(blockquote)(state.selection);
 };
 var enableNewDomainCheckToImproveSmartLinkResolveRate = function enableNewDomainCheckToImproveSmartLinkResolveRate(hostname) {
-  return (0, _expValEquals.expValEquals)('improve_3p_smart_link_resolve_rate', 'isEnabled', true) && (
-  // OneDrive Shortlinks
-  hostname.endsWith('1drv.ms') ||
-  // MS Teams links
-  hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
-  // MS Power BI
-  hostname.endsWith('powerbi.com') ||
-  // MS Azure devops
-  hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com'));
+  return (
+    // OneDrive Shortlinks
+    hostname.endsWith('1drv.ms') ||
+    // MS Teams links
+    hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
+    // MS Power BI
+    hostname.endsWith('powerbi.com') ||
+    // MS Azure devops
+    hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com')
+  );
 };
 var PASTE = 'Editor Paste Plugin Paste Duration';
 function isSharePointUrl(url) {
@@ -160,7 +161,7 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
       },
       // note
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$m, _schema$nodes$table;
+        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _schema$nodes4, _schema$nodes5, _schema$nodes6, _schema$nodes7, _pluginInjectionApi$m, _schema$nodes$table;
         var event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -432,7 +433,9 @@ function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFlags, pl
         var selectionDepth = state.selection.$head.depth;
         var selectionParentNode = state.selection.$head.node(selectionDepth - 1);
         var selectionParentType = selectionParentNode === null || selectionParentNode === void 0 ? void 0 : selectionParentNode.type;
-        var edgeCaseNodeTypes = [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.taskList, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.decisionList];
+        // panel_c1 is a schema variant of panel (table-in-panel); when the experiment is on,
+        // handle it the same way as a panel.
+        var edgeCaseNodeTypes = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.panel_c1, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.taskList, (_schema$nodes4 = schema.nodes) === null || _schema$nodes4 === void 0 ? void 0 : _schema$nodes4.decisionList] : [(_schema$nodes5 = schema.nodes) === null || _schema$nodes5 === void 0 ? void 0 : _schema$nodes5.panel, (_schema$nodes6 = schema.nodes) === null || _schema$nodes6 === void 0 ? void 0 : _schema$nodes6.taskList, (_schema$nodes7 = schema.nodes) === null || _schema$nodes7 === void 0 ? void 0 : _schema$nodes7.decisionList];
         if (slice.openStart === 0 && slice.openEnd !== 1 && selectionParentNode && edgeCaseNodeTypes.includes(selectionParentType)) {
           // @ts-ignore - [unblock prosemirror bump] assigning to readonly prop
           slice.openStart = 1;

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

@@ -42,6 +42,7 @@ var _mark = require("@atlaskit/editor-common/mark");
 var _nesting = require("@atlaskit/editor-common/nesting");
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
@@ -107,7 +108,7 @@ function handleMention(slice, schema) {
 }
 function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
   return function (state, dispatch) {
-    var _slice$content$firstC, _slice$content$firstC2, _slice$content$firstC3, _transformedSlice$con, _transformedSlice$con2;
+    var _slice$content$firstC, _slice$content$firstC2, _panelNode$type, _transformedSlice$con, _transformedSlice$con2;
     var schema = state.schema,
       selection = state.tr.selection;
     var codeMark = schema.marks.code,
@@ -120,6 +121,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
       taskItem = _schema$nodes.taskItem,
       text = _schema$nodes.text,
       panel = _schema$nodes.panel,
+      panel_c1 = _schema$nodes.panel_c1,
       bulletList = _schema$nodes.bulletList,
       orderedList = _schema$nodes.orderedList,
       taskList = _schema$nodes.taskList,
@@ -128,12 +130,17 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
       heading = _schema$nodes.heading,
       codeBlock = _schema$nodes.codeBlock;
     var selectionIsValidNode = state.selection instanceof _state.NodeSelection && ['decisionList', 'decisionItem', 'taskList', 'taskItem'].includes(state.selection.node.type.name);
-    var selectionHasValidParentNode = (0, _utils2.hasParentNodeOfType)([decisionItem, taskItem, panel])(state.selection);
+    // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+    // experiment is on we must handle it anywhere we special-case a panel, otherwise partial
+    // selections copied from inside a table-in-panel are treated as a foreign container and
+    // re-wrapped on paste.
+    var selectionHasValidParentNode = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils2.hasParentNodeOfType)([decisionItem, taskItem, panel, panel_c1].filter(Boolean))(state.selection) : (0, _utils2.hasParentNodeOfType)([decisionItem, taskItem, panel])(state.selection);
     var selectionIsCodeBlock = (0, _utils2.hasParentNodeOfType)([codeBlock])(state.selection);
     var selectionIsListItem = (0, _utils2.hasParentNodeOfType)([listItem])(state.selection);
     var panelNode = (0, _index.isSelectionInsidePanel)(selection);
     var selectionIsPanel = Boolean(panelNode);
-    var isSliceWholePanel = ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel && slice.openStart === 0 && slice.openEnd === 0;
+    var sliceFirstChildIsPanel = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? !!slice.content.firstChild && (0, _nodeTypeUtils.getBaseNodeTypeName)(slice.content.firstChild.type) === 'panel' : ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel;
+    var isSliceWholePanel = sliceFirstChildIsPanel && slice.openStart === 0 && slice.openEnd === 0;
 
     // we avoid handling codeBlock-in-panel use case in this function
     // returning false will allow code to flow into `handleCodeBlock` function
@@ -175,18 +182,21 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
     var transformedSlice = compose.apply(null, filters)(slice);
     var isFirstChildTaskNode = transformedSlice.content.firstChild.type === taskList || transformedSlice.content.firstChild.type === taskItem;
     var tr = (0, _prosemirrorHistory.closeHistory)(state.tr);
-    if (panelNode && sliceHasTask && ((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type) === panel && (0, _index.isEmptyNode)(panelNode) && selection.$from.node() === selection.$to.node()) {
+    if (panelNode && sliceHasTask && sliceFirstChildIsPanel && (0, _index.isEmptyNode)(panelNode) && selection.$from.node() === selection.$to.node()) {
       return Boolean((0, _lists2.insertSliceInsideOfPanelNodeSelected)(panelNode)({
         tr: tr,
         slice: slice
       }));
     }
-    var transformedSliceIsValidNode = (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!(0, _utils.isInListItem)(state) || (0, _utils.isInListItem)(state) && isFirstChildTaskNode);
+    var transformedSliceIsValidNode = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes((0, _nodeTypeUtils.getBaseNodeTypeName)(transformedSlice.content.firstChild.type))) && (!(0, _utils.isInListItem)(state) || (0, _utils.isInListItem)(state) && isFirstChildTaskNode) : (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!(0, _utils.isInListItem)(state) || (0, _utils.isInListItem)(state) && isFirstChildTaskNode);
     // If the slice or the selection are valid nodes to handle,
     // and the slice is not a whole node (i.e. openStart is 1 and openEnd is 0)
     // or the slice's first node is a paragraph,
     // then we can replace the selection with our slice.
-    var pastingIntoExtendedPanel = selectionIsPanel && panel.validContent(transformedSlice.content);
+    // When the experiment is on, validate against the actual destination panel variant (panel or
+    // panel_c1) since their content expressions differ (panel_c1 additionally allows a nested
+    // table).
+    var pastingIntoExtendedPanel = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? selectionIsPanel && ((_panelNode$type = panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== null && _panelNode$type !== void 0 ? _panelNode$type : panel).validContent(transformedSlice.content) : selectionIsPanel && panel.validContent(transformedSlice.content);
 
     // A task slice carrying its own open taskList wrapper would, on a plain replaceSelection,
     // nest that wrapper inside the current item and add an extra taskList level. Unwrapping one
@@ -210,7 +220,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
         //tr.replaceSelection(transformedSlice).scrollIntoView();
         tr.replaceSelection(new _model.Slice(transformedSlice.content, 0, transformedSlice.openEnd)).scrollIntoView();
       } else if (['mediaSingle'].includes(transformedSlice.content.firstChild.type.name) && selectionIsPanel) {
-        var parentNode = (0, _utils2.findParentNodeOfType)(panel)(selection);
+        var parentNode = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils2.findParentNodeOfType)([panel, panel_c1].filter(Boolean))(selection) : (0, _utils2.findParentNodeOfType)(panel)(selection);
         if (selectionIsPanel && parentNode && (0, _utils.isNodeEmpty)(parentNode.node)) {
           tr.insert(selection.$from.pos, transformedSlice.content).scrollIntoView();
           // Place the cursor at the the end of the insersertion
@@ -247,7 +257,7 @@ function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
 }
 function handlePasteNonNestableBlockNodesIntoList(slice) {
   return function (state, dispatch) {
-    var _tr$doc$nodeAt, _slice$content$firstC4, _sliceContent$firstCh, _findParentNodeOfType;
+    var _tr$doc$nodeAt, _slice$content$firstC3, _sliceContent$firstCh, _findParentNodeOfType;
     var tr = state.tr;
     var selection = tr.selection;
     var $from = selection.$from,
@@ -314,7 +324,7 @@ function handlePasteNonNestableBlockNodesIntoList(slice) {
     }
 
     // handle the insertion of the slice
-    if (((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 ? void 0 : _slice$content$firstC4.type.name) === 'blockquote' && (0, _utils2.contains)(slice.content.firstChild, state.schema.nodes.listItem)) {
+    if (((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type.name) === 'blockquote' && (0, _utils2.contains)(slice.content.firstChild, state.schema.nodes.listItem)) {
       (0, _edgeCases.insertSliceInsideBlockquote)({
         tr: tr,
         slice: slice
@@ -380,6 +390,7 @@ var doesSelectionWhichStartsOrEndsInListContainEntireList = exports.doesSelectio
 };
 function handlePastePanelOrDecisionContentIntoList(slice, findRootParentListNode) {
   return function (state, dispatch) {
+    var _blockNode$type$name;
     var schema = state.schema,
       tr = state.tr;
     var selection = tr.selection;
@@ -388,7 +399,10 @@ function handlePastePanelOrDecisionContentIntoList(slice, findRootParentListNode
     var isSliceWholeNode = slice.openStart === 0 && slice.openEnd === 0;
     var selectionParentListItemNode = selection.$to.node(selection.$to.depth - 1);
     var sliceIsWholeNodeButShouldNotReplaceSelection = isSliceWholeNode && !doesSelectionWhichStartsOrEndsInListContainEntireList(selection, findRootParentListNode);
-    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !['panel', 'decisionList'].includes(blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
+
+    // When the experiment is on, treat panel_c1 (table-in-panel variant) like a panel.
+    var blockNodeIsPanelOrDecision = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'decisionList'].includes(blockNode ? (0, _nodeTypeUtils.getBaseNodeTypeName)(blockNode.type) : '') : ['panel', 'decisionList'].includes((_blockNode$type$name = blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) !== null && _blockNode$type$name !== void 0 ? _blockNode$type$name : '');
+    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !blockNodeIsPanelOrDecision || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
       return false;
     }
 
@@ -1152,6 +1166,7 @@ function handleRichText(slice, queueCardsFromChangedTr) {
       heading = _state$schema$nodes4.heading,
       paragraph = _state$schema$nodes4.paragraph,
       panel = _state$schema$nodes4.panel,
+      panel_c1 = _state$schema$nodes4.panel_c1,
       bulletList = _state$schema$nodes4.bulletList,
       orderedList = _state$schema$nodes4.orderedList;
     var fontSize = state.schema.marks.fontSize;
@@ -1199,7 +1214,8 @@ function handleRichText(slice, queueCardsFromChangedTr) {
     var textNodes = [heading, paragraph];
     var selectionParent = selection.$to.node(selection.$to.depth - 1);
     var noNeedForSafeInsert = selection.$to.node().type.validContent(slice.content) || textNodes.includes(selection.$to.node().type) && selectionParent.type.validContent(slice.content);
-    var panelParentOverCurrentSelection = (0, _utils2.findParentNodeOfType)(panel)(tr.selection);
+    // panel_c1 is a schema variant of panel; when the experiment is on, treat both together.
+    var panelParentOverCurrentSelection = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils2.findParentNodeOfType)([panel, panel_c1].filter(Boolean))(tr.selection) : (0, _utils2.findParentNodeOfType)(panel)(tr.selection);
     var isTargetPanelEmpty = panelParentOverCurrentSelection && ((_panelParentOverCurre = panelParentOverCurrentSelection.node) === null || _panelParentOverCurre === void 0 ? void 0 : _panelParentOverCurre.content.size) === 2;
     if (!isSliceContentTaskListNodes && (isSliceContentListNodes || isTargetPanelEmpty)) {
       (0, _edgeCases.insertSliceForLists)({
@@ -1221,7 +1237,7 @@ function handleRichText(slice, queueCardsFromChangedTr) {
         // when cursor is inside a table cell, and slice.content.lastChild is a panel, expand, or decisionList
         // need to make sure the cursor position is is right after the panel, expand, or decisionList
         // still in the same table cell, see issue: https://product-fabric.atlassian.net/browse/ED-17862
-        var shouldUpdateCursorPosAfterPaste = ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 || (_slice$content$lastCh = _slice$content$lastCh.type) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.name) || '');
+        var shouldUpdateCursorPosAfterPaste = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(slice.content.lastChild ? (0, _nodeTypeUtils.getBaseNodeTypeName)(slice.content.lastChild.type) : '') : ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 || (_slice$content$lastCh = _slice$content$lastCh.type) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.name) || '');
         var lastChild = slice.content.lastChild;
         var $nextPos = tr.doc.resolve(tr.mapping.map(selection.from));
         var nextSelection = lastChild !== null && lastChild !== void 0 && lastChild.type.isTextblock ? _state.TextSelection.findFrom($nextPos, -1, true) : new _selection.GapCursorSelection($nextPos, _selection.Side.RIGHT);
@@ -1377,8 +1393,8 @@ var handleSelectedTable = exports.handleSelectedTable = function handleSelectedT
   };
 };
 function checkTaskListInList(state, slice) {
-  var _slice$content$firstC5;
-  return Boolean((0, _utils.isInListItem)(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC5 = slice.content.firstChild) === null || _slice$content$firstC5 === void 0 || (_slice$content$firstC5 = _slice$content$firstC5.type) === null || _slice$content$firstC5 === void 0 ? void 0 : _slice$content$firstC5.name) || ''));
+  var _slice$content$firstC4;
+  return Boolean((0, _utils.isInListItem)(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 || (_slice$content$firstC4 = _slice$content$firstC4.type) === null || _slice$content$firstC4 === void 0 ? void 0 : _slice$content$firstC4.name) || ''));
 }
 function checkIfSelectionInNestedList(state) {
   var selection = state.selection,

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

@@ -23,12 +23,14 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _legacyRankPlugins = require("@atlaskit/editor-common/legacy-rank-plugins");
 var _utils = require("@atlaskit/editor-common/utils");
+var _nodeTypeUtils = require("@atlaskit/editor-common/utils/node-type-utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _utils3 = require("@atlaskit/editor-tables/utils");
 var _mediaClient = require("@atlaskit/media-client");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
 var HTML_CONTAINS_SINGLE_FILE_REGEX = /<img .*>/;
@@ -224,14 +226,23 @@ function isCursorSelectionAtTextStartOrEnd(selection) {
   return selection instanceof _state.TextSelection && selection.empty && selection.$cursor && (!selection.$cursor.nodeBefore || !selection.$cursor.nodeAfter);
 }
 function isPanelNode(node) {
+  // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+  // experiment is on, treat it as a panel too.
+  if ((0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return Boolean(node && (0, _nodeTypeUtils.getBaseNodeTypeName)(node.type) === 'panel');
+  }
   return Boolean(node && node.type.name === 'panel');
 }
 function isSelectionInsidePanel(selection) {
   if (selection instanceof _state.NodeSelection && isPanelNode(selection.node)) {
     return selection.node;
   }
-  var panel = selection.$from.doc.type.schema.nodes.panel;
-  var panelPosition = (0, _utils2.findParentNodeOfType)(panel)(selection);
+  var _selection$$from$doc$ = selection.$from.doc.type.schema.nodes,
+    panel = _selection$$from$doc$.panel,
+    panel_c1 = _selection$$from$doc$.panel_c1;
+
+  // When the experiment is on, also match panel_c1 (table-in-panel variant).
+  var panelPosition = (0, _expValEquals.expValEquals)('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (0, _utils2.findParentNodeOfType)([panel, panel_c1].filter(Boolean))(selection) : (0, _utils2.findParentNodeOfType)(panel)(selection);
   if (panelPosition) {
     return panelPosition.node;
   }

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

@@ -41,15 +41,16 @@ export const isInsideBlockQuote = state => {
   return hasParentNodeOfType(blockquote)(state.selection);
 };
 const enableNewDomainCheckToImproveSmartLinkResolveRate = hostname => {
-  return expValEquals('improve_3p_smart_link_resolve_rate', 'isEnabled', true) && (
-  // OneDrive Shortlinks
-  hostname.endsWith('1drv.ms') ||
-  // MS Teams links
-  hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
-  // MS Power BI
-  hostname.endsWith('powerbi.com') ||
-  // MS Azure devops
-  hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com'));
+  return (
+    // OneDrive Shortlinks
+    hostname.endsWith('1drv.ms') ||
+    // MS Teams links
+    hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
+    // MS Power BI
+    hostname.endsWith('powerbi.com') ||
+    // MS Azure devops
+    hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com')
+  );
 };
 const PASTE = 'Editor Paste Plugin Paste Duration';
 export function isSharePointUrl(url) {
@@ -125,7 +126,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
       },
       // note
       handlePaste(view, rawEvent, slice) {
-        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$m, _schema$nodes$table;
+        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _schema$nodes4, _schema$nodes5, _schema$nodes6, _schema$nodes7, _pluginInjectionApi$m, _schema$nodes$table;
         const event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -391,7 +392,9 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         const selectionDepth = state.selection.$head.depth;
         const selectionParentNode = state.selection.$head.node(selectionDepth - 1);
         const selectionParentType = selectionParentNode === null || selectionParentNode === void 0 ? void 0 : selectionParentNode.type;
-        const edgeCaseNodeTypes = [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.taskList, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.decisionList];
+        // panel_c1 is a schema variant of panel (table-in-panel); when the experiment is on,
+        // handle it the same way as a panel.
+        const edgeCaseNodeTypes = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.panel_c1, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.taskList, (_schema$nodes4 = schema.nodes) === null || _schema$nodes4 === void 0 ? void 0 : _schema$nodes4.decisionList] : [(_schema$nodes5 = schema.nodes) === null || _schema$nodes5 === void 0 ? void 0 : _schema$nodes5.panel, (_schema$nodes6 = schema.nodes) === null || _schema$nodes6 === void 0 ? void 0 : _schema$nodes6.taskList, (_schema$nodes7 = schema.nodes) === null || _schema$nodes7 === void 0 ? void 0 : _schema$nodes7.decisionList];
         if (slice.openStart === 0 && slice.openEnd !== 1 && selectionParentNode && edgeCaseNodeTypes.includes(selectionParentType)) {
           // @ts-ignore - [unblock prosemirror bump] assigning to readonly prop
           slice.openStart = 1;

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

@@ -9,6 +9,7 @@ import { anyMarkActive } from '@atlaskit/editor-common/mark';
 import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { canLinkBeCreatedInRange, insideTableCell, isInListItem, isLinkMark, isListItemNode, isListNode, isNodeEmpty, isParagraph, isText, linkifyContent, mapSlice } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Node as PMNode, Slice } from '@atlaskit/editor-prosemirror/model';
 import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert, contains, findParentNodeOfType, findParentNodeOfTypeClosestToPos, hasParentNode, hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -67,7 +68,7 @@ export function handleMention(slice, schema) {
 }
 export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
   return (state, dispatch) => {
-    var _slice$content$firstC, _slice$content$firstC2, _slice$content$firstC3, _transformedSlice$con, _transformedSlice$con2;
+    var _slice$content$firstC, _slice$content$firstC2, _panelNode$type, _transformedSlice$con, _transformedSlice$con2;
     const {
       schema,
       tr: {
@@ -87,6 +88,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
         taskItem,
         text,
         panel,
+        panel_c1,
         bulletList,
         orderedList,
         taskList,
@@ -97,12 +99,17 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
       }
     } = schema;
     const selectionIsValidNode = state.selection instanceof NodeSelection && ['decisionList', 'decisionItem', 'taskList', 'taskItem'].includes(state.selection.node.type.name);
-    const selectionHasValidParentNode = hasParentNodeOfType([decisionItem, taskItem, panel])(state.selection);
+    // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+    // experiment is on we must handle it anywhere we special-case a panel, otherwise partial
+    // selections copied from inside a table-in-panel are treated as a foreign container and
+    // re-wrapped on paste.
+    const selectionHasValidParentNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? hasParentNodeOfType([decisionItem, taskItem, panel, panel_c1].filter(Boolean))(state.selection) : hasParentNodeOfType([decisionItem, taskItem, panel])(state.selection);
     const selectionIsCodeBlock = hasParentNodeOfType([codeBlock])(state.selection);
     const selectionIsListItem = hasParentNodeOfType([listItem])(state.selection);
     const panelNode = isSelectionInsidePanel(selection);
     const selectionIsPanel = Boolean(panelNode);
-    const isSliceWholePanel = ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel && slice.openStart === 0 && slice.openEnd === 0;
+    const sliceFirstChildIsPanel = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? !!slice.content.firstChild && getBaseNodeTypeName(slice.content.firstChild.type) === 'panel' : ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel;
+    const isSliceWholePanel = sliceFirstChildIsPanel && slice.openStart === 0 && slice.openEnd === 0;
 
     // we avoid handling codeBlock-in-panel use case in this function
     // returning false will allow code to flow into `handleCodeBlock` function
@@ -142,18 +149,21 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
     const transformedSlice = compose.apply(null, filters)(slice);
     const isFirstChildTaskNode = transformedSlice.content.firstChild.type === taskList || transformedSlice.content.firstChild.type === taskItem;
     const tr = closeHistory(state.tr);
-    if (panelNode && sliceHasTask && ((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type) === panel && isEmptyNode(panelNode) && selection.$from.node() === selection.$to.node()) {
+    if (panelNode && sliceHasTask && sliceFirstChildIsPanel && isEmptyNode(panelNode) && selection.$from.node() === selection.$to.node()) {
       return Boolean(insertSliceInsideOfPanelNodeSelected(panelNode)({
         tr,
         slice
       }));
     }
-    const transformedSliceIsValidNode = (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode);
+    const transformedSliceIsValidNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(getBaseNodeTypeName(transformedSlice.content.firstChild.type))) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode) : (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode);
     // If the slice or the selection are valid nodes to handle,
     // and the slice is not a whole node (i.e. openStart is 1 and openEnd is 0)
     // or the slice's first node is a paragraph,
     // then we can replace the selection with our slice.
-    const pastingIntoExtendedPanel = selectionIsPanel && panel.validContent(transformedSlice.content);
+    // When the experiment is on, validate against the actual destination panel variant (panel or
+    // panel_c1) since their content expressions differ (panel_c1 additionally allows a nested
+    // table).
+    const pastingIntoExtendedPanel = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? selectionIsPanel && ((_panelNode$type = panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== null && _panelNode$type !== void 0 ? _panelNode$type : panel).validContent(transformedSlice.content) : selectionIsPanel && panel.validContent(transformedSlice.content);
 
     // A task slice carrying its own open taskList wrapper would, on a plain replaceSelection,
     // nest that wrapper inside the current item and add an extra taskList level. Unwrapping one
@@ -177,7 +187,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
         //tr.replaceSelection(transformedSlice).scrollIntoView();
         tr.replaceSelection(new Slice(transformedSlice.content, 0, transformedSlice.openEnd)).scrollIntoView();
       } else if (['mediaSingle'].includes(transformedSlice.content.firstChild.type.name) && selectionIsPanel) {
-        const parentNode = findParentNodeOfType(panel)(selection);
+        const parentNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(selection) : findParentNodeOfType(panel)(selection);
         if (selectionIsPanel && parentNode && isNodeEmpty(parentNode.node)) {
           tr.insert(selection.$from.pos, transformedSlice.content).scrollIntoView();
           // Place the cursor at the the end of the insersertion
@@ -214,7 +224,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
 }
 export function handlePasteNonNestableBlockNodesIntoList(slice) {
   return (state, dispatch) => {
-    var _tr$doc$nodeAt, _slice$content$firstC4, _sliceContent$firstCh, _findParentNodeOfType;
+    var _tr$doc$nodeAt, _slice$content$firstC3, _sliceContent$firstCh, _findParentNodeOfType;
     const {
       tr
     } = state;
@@ -288,7 +298,7 @@ export function handlePasteNonNestableBlockNodesIntoList(slice) {
     }
 
     // handle the insertion of the slice
-    if (((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 ? void 0 : _slice$content$firstC4.type.name) === 'blockquote' && contains(slice.content.firstChild, state.schema.nodes.listItem)) {
+    if (((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type.name) === 'blockquote' && contains(slice.content.firstChild, state.schema.nodes.listItem)) {
       insertSliceInsideBlockquote({
         tr,
         slice
@@ -357,6 +367,7 @@ export const doesSelectionWhichStartsOrEndsInListContainEntireList = (selection,
 };
 export function handlePastePanelOrDecisionContentIntoList(slice, findRootParentListNode) {
   return (state, dispatch) => {
+    var _blockNode$type$name;
     const {
       schema,
       tr
@@ -369,7 +380,10 @@ export function handlePastePanelOrDecisionContentIntoList(slice, findRootParentL
     const isSliceWholeNode = slice.openStart === 0 && slice.openEnd === 0;
     const selectionParentListItemNode = selection.$to.node(selection.$to.depth - 1);
     const sliceIsWholeNodeButShouldNotReplaceSelection = isSliceWholeNode && !doesSelectionWhichStartsOrEndsInListContainEntireList(selection, findRootParentListNode);
-    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !['panel', 'decisionList'].includes(blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
+
+    // When the experiment is on, treat panel_c1 (table-in-panel variant) like a panel.
+    const blockNodeIsPanelOrDecision = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'decisionList'].includes(blockNode ? getBaseNodeTypeName(blockNode.type) : '') : ['panel', 'decisionList'].includes((_blockNode$type$name = blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) !== null && _blockNode$type$name !== void 0 ? _blockNode$type$name : '');
+    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !blockNodeIsPanelOrDecision || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
       return false;
     }
 
@@ -1124,6 +1138,7 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
       heading,
       paragraph,
       panel,
+      panel_c1,
       bulletList,
       orderedList
     } = state.schema.nodes;
@@ -1174,7 +1189,8 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
     const textNodes = [heading, paragraph];
     const selectionParent = selection.$to.node(selection.$to.depth - 1);
     const noNeedForSafeInsert = selection.$to.node().type.validContent(slice.content) || textNodes.includes(selection.$to.node().type) && selectionParent.type.validContent(slice.content);
-    const panelParentOverCurrentSelection = findParentNodeOfType(panel)(tr.selection);
+    // panel_c1 is a schema variant of panel; when the experiment is on, treat both together.
+    const panelParentOverCurrentSelection = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(tr.selection) : findParentNodeOfType(panel)(tr.selection);
     const isTargetPanelEmpty = panelParentOverCurrentSelection && ((_panelParentOverCurre = panelParentOverCurrentSelection.node) === null || _panelParentOverCurre === void 0 ? void 0 : _panelParentOverCurre.content.size) === 2;
     if (!isSliceContentTaskListNodes && (isSliceContentListNodes || isTargetPanelEmpty)) {
       insertSliceForLists({
@@ -1196,7 +1212,7 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
         // when cursor is inside a table cell, and slice.content.lastChild is a panel, expand, or decisionList
         // need to make sure the cursor position is is right after the panel, expand, or decisionList
         // still in the same table cell, see issue: https://product-fabric.atlassian.net/browse/ED-17862
-        const shouldUpdateCursorPosAfterPaste = ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 ? void 0 : (_slice$content$lastCh2 = _slice$content$lastCh.type) === null || _slice$content$lastCh2 === void 0 ? void 0 : _slice$content$lastCh2.name) || '');
+        const shouldUpdateCursorPosAfterPaste = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(slice.content.lastChild ? getBaseNodeTypeName(slice.content.lastChild.type) : '') : ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 ? void 0 : (_slice$content$lastCh2 = _slice$content$lastCh.type) === null || _slice$content$lastCh2 === void 0 ? void 0 : _slice$content$lastCh2.name) || '');
         const lastChild = slice.content.lastChild;
         const $nextPos = tr.doc.resolve(tr.mapping.map(selection.from));
         const nextSelection = lastChild !== null && lastChild !== void 0 && lastChild.type.isTextblock ? TextSelection.findFrom($nextPos, -1, true) : new GapCursorSelection($nextPos, Side.RIGHT);
@@ -1339,8 +1355,8 @@ export const handleSelectedTable = editorAnalyticsAPI => slice => (state, dispat
   return false;
 };
 export function checkTaskListInList(state, slice) {
-  var _slice$content$firstC5, _slice$content$firstC6;
-  return Boolean(isInListItem(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC5 = slice.content.firstChild) === null || _slice$content$firstC5 === void 0 ? void 0 : (_slice$content$firstC6 = _slice$content$firstC5.type) === null || _slice$content$firstC6 === void 0 ? void 0 : _slice$content$firstC6.name) || ''));
+  var _slice$content$firstC4, _slice$content$firstC5;
+  return Boolean(isInListItem(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 ? void 0 : (_slice$content$firstC5 = _slice$content$firstC4.type) === null || _slice$content$firstC5 === void 0 ? void 0 : _slice$content$firstC5.name) || ''));
 }
 export function checkIfSelectionInNestedList(state) {
   const {

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

@@ -1,12 +1,14 @@
 import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { sortByOrderWithTypeName } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { isSupportedInParent, mapChildren } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Mark, Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { getSelectedTableInfo, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { isMediaBlobUrl } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
@@ -205,6 +207,11 @@ export function isCursorSelectionAtTextStartOrEnd(selection) {
   return selection instanceof TextSelection && selection.empty && selection.$cursor && (!selection.$cursor.nodeBefore || !selection.$cursor.nodeAfter);
 }
 export function isPanelNode(node) {
+  // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+  // experiment is on, treat it as a panel too.
+  if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return Boolean(node && getBaseNodeTypeName(node.type) === 'panel');
+  }
   return Boolean(node && node.type.name === 'panel');
 }
 export function isSelectionInsidePanel(selection) {
@@ -216,13 +223,16 @@ export function isSelectionInsidePanel(selection) {
       type: {
         schema: {
           nodes: {
-            panel
+            panel,
+            panel_c1
           }
         }
       }
     }
   } = selection.$from;
-  const panelPosition = findParentNodeOfType(panel)(selection);
+
+  // When the experiment is on, also match panel_c1 (table-in-panel variant).
+  const panelPosition = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(selection) : findParentNodeOfType(panel)(selection);
   if (panelPosition) {
     return panelPosition.node;
   }

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

@@ -44,15 +44,16 @@ export var isInsideBlockQuote = function isInsideBlockQuote(state) {
   return hasParentNodeOfType(blockquote)(state.selection);
 };
 var enableNewDomainCheckToImproveSmartLinkResolveRate = function enableNewDomainCheckToImproveSmartLinkResolveRate(hostname) {
-  return expValEquals('improve_3p_smart_link_resolve_rate', 'isEnabled', true) && (
-  // OneDrive Shortlinks
-  hostname.endsWith('1drv.ms') ||
-  // MS Teams links
-  hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
-  // MS Power BI
-  hostname.endsWith('powerbi.com') ||
-  // MS Azure devops
-  hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com'));
+  return (
+    // OneDrive Shortlinks
+    hostname.endsWith('1drv.ms') ||
+    // MS Teams links
+    hostname.endsWith('teams.live.com') || hostname.endsWith('teams.cloud.microsoft') || hostname.endsWith('teams.microsoft.com') ||
+    // MS Power BI
+    hostname.endsWith('powerbi.com') ||
+    // MS Azure devops
+    hostname.endsWith('dev.azure.com') || hostname.endsWith('visualstudio.com')
+  );
 };
 var PASTE = 'Editor Paste Plugin Paste Duration';
 export function isSharePointUrl(url) {
@@ -152,7 +153,7 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
       },
       // note
       handlePaste: function handlePaste(view, rawEvent, slice) {
-        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _pluginInjectionApi$m, _schema$nodes$table;
+        var _text, _schema$nodes, _schema$nodes2, _schema$nodes3, _schema$nodes4, _schema$nodes5, _schema$nodes6, _schema$nodes7, _pluginInjectionApi$m, _schema$nodes$table;
         var event = rawEvent;
         if (!event.clipboardData) {
           return false;
@@ -424,7 +425,9 @@ export function createPlugin(schema, dispatchAnalyticsEvent, dispatch, featureFl
         var selectionDepth = state.selection.$head.depth;
         var selectionParentNode = state.selection.$head.node(selectionDepth - 1);
         var selectionParentType = selectionParentNode === null || selectionParentNode === void 0 ? void 0 : selectionParentNode.type;
-        var edgeCaseNodeTypes = [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.taskList, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.decisionList];
+        // panel_c1 is a schema variant of panel (table-in-panel); when the experiment is on,
+        // handle it the same way as a panel.
+        var edgeCaseNodeTypes = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? [(_schema$nodes = schema.nodes) === null || _schema$nodes === void 0 ? void 0 : _schema$nodes.panel, (_schema$nodes2 = schema.nodes) === null || _schema$nodes2 === void 0 ? void 0 : _schema$nodes2.panel_c1, (_schema$nodes3 = schema.nodes) === null || _schema$nodes3 === void 0 ? void 0 : _schema$nodes3.taskList, (_schema$nodes4 = schema.nodes) === null || _schema$nodes4 === void 0 ? void 0 : _schema$nodes4.decisionList] : [(_schema$nodes5 = schema.nodes) === null || _schema$nodes5 === void 0 ? void 0 : _schema$nodes5.panel, (_schema$nodes6 = schema.nodes) === null || _schema$nodes6 === void 0 ? void 0 : _schema$nodes6.taskList, (_schema$nodes7 = schema.nodes) === null || _schema$nodes7 === void 0 ? void 0 : _schema$nodes7.decisionList];
         if (slice.openStart === 0 && slice.openEnd !== 1 && selectionParentNode && edgeCaseNodeTypes.includes(selectionParentType)) {
           // @ts-ignore - [unblock prosemirror bump] assigning to readonly prop
           slice.openStart = 1;

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

@@ -17,6 +17,7 @@ import { anyMarkActive } from '@atlaskit/editor-common/mark';
 import { getParentOfTypeCount, getPositionAfterTopParentNodeOfType } from '@atlaskit/editor-common/nesting';
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { canLinkBeCreatedInRange, insideTableCell, isInListItem, isLinkMark, isListItemNode, isListNode, isNodeEmpty, isParagraph, isText, linkifyContent, mapSlice } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Node as PMNode, Slice } from '@atlaskit/editor-prosemirror/model';
 import { AllSelection, NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { canInsert, contains, findParentNodeOfType, findParentNodeOfTypeClosestToPos, hasParentNode, hasParentNodeOfType, safeInsert } from '@atlaskit/editor-prosemirror/utils';
@@ -78,7 +79,7 @@ export function handleMention(slice, schema) {
 }
 export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChangedTr) {
   return function (state, dispatch) {
-    var _slice$content$firstC, _slice$content$firstC2, _slice$content$firstC3, _transformedSlice$con, _transformedSlice$con2;
+    var _slice$content$firstC, _slice$content$firstC2, _panelNode$type, _transformedSlice$con, _transformedSlice$con2;
     var schema = state.schema,
       selection = state.tr.selection;
     var codeMark = schema.marks.code,
@@ -91,6 +92,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
       taskItem = _schema$nodes.taskItem,
       text = _schema$nodes.text,
       panel = _schema$nodes.panel,
+      panel_c1 = _schema$nodes.panel_c1,
       bulletList = _schema$nodes.bulletList,
       orderedList = _schema$nodes.orderedList,
       taskList = _schema$nodes.taskList,
@@ -99,12 +101,17 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
       heading = _schema$nodes.heading,
       codeBlock = _schema$nodes.codeBlock;
     var selectionIsValidNode = state.selection instanceof NodeSelection && ['decisionList', 'decisionItem', 'taskList', 'taskItem'].includes(state.selection.node.type.name);
-    var selectionHasValidParentNode = hasParentNodeOfType([decisionItem, taskItem, panel])(state.selection);
+    // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+    // experiment is on we must handle it anywhere we special-case a panel, otherwise partial
+    // selections copied from inside a table-in-panel are treated as a foreign container and
+    // re-wrapped on paste.
+    var selectionHasValidParentNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? hasParentNodeOfType([decisionItem, taskItem, panel, panel_c1].filter(Boolean))(state.selection) : hasParentNodeOfType([decisionItem, taskItem, panel])(state.selection);
     var selectionIsCodeBlock = hasParentNodeOfType([codeBlock])(state.selection);
     var selectionIsListItem = hasParentNodeOfType([listItem])(state.selection);
     var panelNode = isSelectionInsidePanel(selection);
     var selectionIsPanel = Boolean(panelNode);
-    var isSliceWholePanel = ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel && slice.openStart === 0 && slice.openEnd === 0;
+    var sliceFirstChildIsPanel = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? !!slice.content.firstChild && getBaseNodeTypeName(slice.content.firstChild.type) === 'panel' : ((_slice$content$firstC = slice.content.firstChild) === null || _slice$content$firstC === void 0 ? void 0 : _slice$content$firstC.type) === panel;
+    var isSliceWholePanel = sliceFirstChildIsPanel && slice.openStart === 0 && slice.openEnd === 0;
 
     // we avoid handling codeBlock-in-panel use case in this function
     // returning false will allow code to flow into `handleCodeBlock` function
@@ -146,18 +153,21 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
     var transformedSlice = compose.apply(null, filters)(slice);
     var isFirstChildTaskNode = transformedSlice.content.firstChild.type === taskList || transformedSlice.content.firstChild.type === taskItem;
     var tr = closeHistory(state.tr);
-    if (panelNode && sliceHasTask && ((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type) === panel && isEmptyNode(panelNode) && selection.$from.node() === selection.$to.node()) {
+    if (panelNode && sliceHasTask && sliceFirstChildIsPanel && isEmptyNode(panelNode) && selection.$from.node() === selection.$to.node()) {
       return Boolean(insertSliceInsideOfPanelNodeSelected(panelNode)({
         tr: tr,
         slice: slice
       }));
     }
-    var transformedSliceIsValidNode = (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode);
+    var transformedSliceIsValidNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(getBaseNodeTypeName(transformedSlice.content.firstChild.type))) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode) : (transformedSlice.content.firstChild.type.inlineContent || ['decisionList', 'decisionItem', 'taskItem', 'taskList', 'panel'].includes(transformedSlice.content.firstChild.type.name)) && (!isInListItem(state) || isInListItem(state) && isFirstChildTaskNode);
     // If the slice or the selection are valid nodes to handle,
     // and the slice is not a whole node (i.e. openStart is 1 and openEnd is 0)
     // or the slice's first node is a paragraph,
     // then we can replace the selection with our slice.
-    var pastingIntoExtendedPanel = selectionIsPanel && panel.validContent(transformedSlice.content);
+    // When the experiment is on, validate against the actual destination panel variant (panel or
+    // panel_c1) since their content expressions differ (panel_c1 additionally allows a nested
+    // table).
+    var pastingIntoExtendedPanel = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? selectionIsPanel && ((_panelNode$type = panelNode === null || panelNode === void 0 ? void 0 : panelNode.type) !== null && _panelNode$type !== void 0 ? _panelNode$type : panel).validContent(transformedSlice.content) : selectionIsPanel && panel.validContent(transformedSlice.content);
 
     // A task slice carrying its own open taskList wrapper would, on a plain replaceSelection,
     // nest that wrapper inside the current item and add an extra taskList level. Unwrapping one
@@ -181,7 +191,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
         //tr.replaceSelection(transformedSlice).scrollIntoView();
         tr.replaceSelection(new Slice(transformedSlice.content, 0, transformedSlice.openEnd)).scrollIntoView();
       } else if (['mediaSingle'].includes(transformedSlice.content.firstChild.type.name) && selectionIsPanel) {
-        var parentNode = findParentNodeOfType(panel)(selection);
+        var parentNode = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(selection) : findParentNodeOfType(panel)(selection);
         if (selectionIsPanel && parentNode && isNodeEmpty(parentNode.node)) {
           tr.insert(selection.$from.pos, transformedSlice.content).scrollIntoView();
           // Place the cursor at the the end of the insersertion
@@ -218,7 +228,7 @@ export function handlePasteIntoTaskOrDecisionOrPanel(slice, queueCardsFromChange
 }
 export function handlePasteNonNestableBlockNodesIntoList(slice) {
   return function (state, dispatch) {
-    var _tr$doc$nodeAt, _slice$content$firstC4, _sliceContent$firstCh, _findParentNodeOfType;
+    var _tr$doc$nodeAt, _slice$content$firstC3, _sliceContent$firstCh, _findParentNodeOfType;
     var tr = state.tr;
     var selection = tr.selection;
     var $from = selection.$from,
@@ -285,7 +295,7 @@ export function handlePasteNonNestableBlockNodesIntoList(slice) {
     }
 
     // handle the insertion of the slice
-    if (((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 ? void 0 : _slice$content$firstC4.type.name) === 'blockquote' && contains(slice.content.firstChild, state.schema.nodes.listItem)) {
+    if (((_slice$content$firstC3 = slice.content.firstChild) === null || _slice$content$firstC3 === void 0 ? void 0 : _slice$content$firstC3.type.name) === 'blockquote' && contains(slice.content.firstChild, state.schema.nodes.listItem)) {
       insertSliceInsideBlockquote({
         tr: tr,
         slice: slice
@@ -351,6 +361,7 @@ export var doesSelectionWhichStartsOrEndsInListContainEntireList = function does
 };
 export function handlePastePanelOrDecisionContentIntoList(slice, findRootParentListNode) {
   return function (state, dispatch) {
+    var _blockNode$type$name;
     var schema = state.schema,
       tr = state.tr;
     var selection = tr.selection;
@@ -359,7 +370,10 @@ export function handlePastePanelOrDecisionContentIntoList(slice, findRootParentL
     var isSliceWholeNode = slice.openStart === 0 && slice.openEnd === 0;
     var selectionParentListItemNode = selection.$to.node(selection.$to.depth - 1);
     var sliceIsWholeNodeButShouldNotReplaceSelection = isSliceWholeNode && !doesSelectionWhichStartsOrEndsInListContainEntireList(selection, findRootParentListNode);
-    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !['panel', 'decisionList'].includes(blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
+
+    // When the experiment is on, treat panel_c1 (table-in-panel variant) like a panel.
+    var blockNodeIsPanelOrDecision = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'decisionList'].includes(blockNode ? getBaseNodeTypeName(blockNode.type) : '') : ['panel', 'decisionList'].includes((_blockNode$type$name = blockNode === null || blockNode === void 0 ? void 0 : blockNode.type.name) !== null && _blockNode$type$name !== void 0 ? _blockNode$type$name : '');
+    if (!selectionParentListItemNode || (selectionParentListItemNode === null || selectionParentListItemNode === void 0 ? void 0 : selectionParentListItemNode.type) !== schema.nodes.listItem || !blockNode || !blockNodeIsPanelOrDecision || slice.content.childCount > 1 || (blockNode === null || blockNode === void 0 ? void 0 : blockNode.content.firstChild) === undefined || sliceIsWholeNodeButShouldNotReplaceSelection) {
       return false;
     }
 
@@ -1123,6 +1137,7 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
       heading = _state$schema$nodes4.heading,
       paragraph = _state$schema$nodes4.paragraph,
       panel = _state$schema$nodes4.panel,
+      panel_c1 = _state$schema$nodes4.panel_c1,
       bulletList = _state$schema$nodes4.bulletList,
       orderedList = _state$schema$nodes4.orderedList;
     var fontSize = state.schema.marks.fontSize;
@@ -1170,7 +1185,8 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
     var textNodes = [heading, paragraph];
     var selectionParent = selection.$to.node(selection.$to.depth - 1);
     var noNeedForSafeInsert = selection.$to.node().type.validContent(slice.content) || textNodes.includes(selection.$to.node().type) && selectionParent.type.validContent(slice.content);
-    var panelParentOverCurrentSelection = findParentNodeOfType(panel)(tr.selection);
+    // panel_c1 is a schema variant of panel; when the experiment is on, treat both together.
+    var panelParentOverCurrentSelection = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(tr.selection) : findParentNodeOfType(panel)(tr.selection);
     var isTargetPanelEmpty = panelParentOverCurrentSelection && ((_panelParentOverCurre = panelParentOverCurrentSelection.node) === null || _panelParentOverCurre === void 0 ? void 0 : _panelParentOverCurre.content.size) === 2;
     if (!isSliceContentTaskListNodes && (isSliceContentListNodes || isTargetPanelEmpty)) {
       insertSliceForLists({
@@ -1192,7 +1208,7 @@ export function handleRichText(slice, queueCardsFromChangedTr) {
         // when cursor is inside a table cell, and slice.content.lastChild is a panel, expand, or decisionList
         // need to make sure the cursor position is is right after the panel, expand, or decisionList
         // still in the same table cell, see issue: https://product-fabric.atlassian.net/browse/ED-17862
-        var shouldUpdateCursorPosAfterPaste = ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 || (_slice$content$lastCh = _slice$content$lastCh.type) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.name) || '');
+        var shouldUpdateCursorPosAfterPaste = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(slice.content.lastChild ? getBaseNodeTypeName(slice.content.lastChild.type) : '') : ['panel', 'nestedExpand', 'decisionList', 'codeBlock'].includes(((_slice$content$lastCh = slice.content.lastChild) === null || _slice$content$lastCh === void 0 || (_slice$content$lastCh = _slice$content$lastCh.type) === null || _slice$content$lastCh === void 0 ? void 0 : _slice$content$lastCh.name) || '');
         var lastChild = slice.content.lastChild;
         var $nextPos = tr.doc.resolve(tr.mapping.map(selection.from));
         var nextSelection = lastChild !== null && lastChild !== void 0 && lastChild.type.isTextblock ? TextSelection.findFrom($nextPos, -1, true) : new GapCursorSelection($nextPos, Side.RIGHT);
@@ -1348,8 +1364,8 @@ export var handleSelectedTable = function handleSelectedTable(editorAnalyticsAPI
   };
 };
 export function checkTaskListInList(state, slice) {
-  var _slice$content$firstC5;
-  return Boolean(isInListItem(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC5 = slice.content.firstChild) === null || _slice$content$firstC5 === void 0 || (_slice$content$firstC5 = _slice$content$firstC5.type) === null || _slice$content$firstC5 === void 0 ? void 0 : _slice$content$firstC5.name) || ''));
+  var _slice$content$firstC4;
+  return Boolean(isInListItem(state) && ['taskList', 'taskItem'].includes(((_slice$content$firstC4 = slice.content.firstChild) === null || _slice$content$firstC4 === void 0 || (_slice$content$firstC4 = _slice$content$firstC4.type) === null || _slice$content$firstC4 === void 0 ? void 0 : _slice$content$firstC4.name) || ''));
 }
 export function checkIfSelectionInNestedList(state) {
   var selection = state.selection,

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

@@ -2,12 +2,14 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ACTION_SUBJECT, EVENT_TYPE, INPUT_METHOD, TABLE_ACTION } from '@atlaskit/editor-common/analytics';
 import { sortByOrderWithTypeName } from '@atlaskit/editor-common/legacy-rank-plugins';
 import { isSupportedInParent, mapChildren } from '@atlaskit/editor-common/utils';
+import { getBaseNodeTypeName } from '@atlaskit/editor-common/utils/node-type-utils';
 import { Fragment, Mark, Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { getSelectedTableInfo, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { isMediaBlobUrl } from '@atlaskit/media-client';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 
 // Ignored via go/ees005
 // eslint-disable-next-line require-unicode-regexp
@@ -204,14 +206,23 @@ export function isCursorSelectionAtTextStartOrEnd(selection) {
   return selection instanceof TextSelection && selection.empty && selection.$cursor && (!selection.$cursor.nodeBefore || !selection.$cursor.nodeAfter);
 }
 export function isPanelNode(node) {
+  // panel_c1 is a schema variant of panel (used when a table is nested inside a panel). When the
+  // experiment is on, treat it as a panel too.
+  if (expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true)) {
+    return Boolean(node && getBaseNodeTypeName(node.type) === 'panel');
+  }
   return Boolean(node && node.type.name === 'panel');
 }
 export function isSelectionInsidePanel(selection) {
   if (selection instanceof NodeSelection && isPanelNode(selection.node)) {
     return selection.node;
   }
-  var panel = selection.$from.doc.type.schema.nodes.panel;
-  var panelPosition = findParentNodeOfType(panel)(selection);
+  var _selection$$from$doc$ = selection.$from.doc.type.schema.nodes,
+    panel = _selection$$from$doc$.panel,
+    panel_c1 = _selection$$from$doc$.panel_c1;
+
+  // When the experiment is on, also match panel_c1 (table-in-panel variant).
+  var panelPosition = expValEquals('platform_editor_nest_table_in_panel', 'isEnabled', true) ? findParentNodeOfType([panel, panel_c1].filter(Boolean))(selection) : findParentNodeOfType(panel)(selection);
   if (panelPosition) {
     return panelPosition.node;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-paste",
-	"version": "13.3.20",
+	"version": "13.4.0",
 	"description": "Paste plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -39,16 +39,16 @@
 		"@atlaskit/insm": "^1.0.0",
 		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-common": "^14.3.0",
-		"@atlaskit/platform-feature-flags": "^2.0.0",
+		"@atlaskit/platform-feature-flags": "^2.1.0",
 		"@atlaskit/prosemirror-history": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^130.0.0",
-		"@atlaskit/tokens": "^16.1.0",
+		"@atlaskit/tmp-editor-statsig": "^131.0.0",
+		"@atlaskit/tokens": "^16.2.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^116.33.0",
+		"@atlaskit/editor-common": "^116.35.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"