@atlaskit/editor-plugin-panel 5.2.4 → 5.2.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/editor-plugin-panel
 
+## 5.2.5
+
+### Patch Changes
+
+- [#195353](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195353)
+  [`dc5e7898ce269`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dc5e7898ce269) -
+  EDITOR-1104 Replace panel with panelWithLocalId behind platform_editor_adf_with_localid feature
+  gate.
+- [#195649](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195649)
+  [`231bb33e06dfe`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/231bb33e06dfe) -
+  EDITOR-1131 Bump adf-schema version to 50.2.0
+- Updated dependencies
+
 ## 5.2.4
 
 ### Patch Changes

package/dist/cjs/editor-actions/actions.js

@@ -15,6 +15,7 @@ var _panel = require("@atlaskit/editor-common/panel");
 var _utils = require("@atlaskit/editor-common/utils");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils3 = require("../pm-plugins/utils/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(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; }
@@ -51,6 +52,7 @@ var changePanelType = exports.changePanelType = function changePanelType(editorA
     var panelOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     return function (state, dispatch) {
+      var _panelNode$node$attrs;
       var nodes = state.schema.nodes,
         tr = state.tr;
       var panelNode = (0, _utils3.findPanel)(state);
@@ -60,6 +62,7 @@ var changePanelType = exports.changePanelType = function changePanelType(editorA
       var newType = panelType;
       var previousType = panelNode.node.attrs.panelType;
       var newTr;
+      var localId = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? ((_panelNode$node$attrs = panelNode.node.attrs) === null || _panelNode$node$attrs === void 0 ? void 0 : _panelNode$node$attrs.localId) || _adfSchema.uuid.generate() : undefined;
       if (allowCustomPanel) {
         var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : (0, _panel.getPanelTypeBackgroundNoTokens)(previousType);
         var previousIcon = panelNode.node.attrs.panelIcon;
@@ -76,11 +79,13 @@ var changePanelType = exports.changePanelType = function changePanelType(editorA
           panelIconId: newPanelOptions.emojiId,
           panelIconText: newPanelOptions.emojiText,
           panelColor: newPanelOptions.color,
-          panelType: panelType
+          panelType: panelType,
+          localId: localId
         });
       } else {
         newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelType: panelType
+          panelType: panelType,
+          localId: localId
         });
       }
       var payload = {
@@ -117,7 +122,10 @@ function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
   })(function (state, dispatch) {
     var nodes = state.schema.nodes;
     if (nodes.panel && nodes.paragraph) {
-      return (0, _utils.wrapSelectionIn)(nodes.panel)(state, dispatch);
+      var panelAttrs = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? {
+        localId: _adfSchema.uuid.generate()
+      } : {};
+      return (0, _utils.wrapSelectionIn)(nodes.panel, panelAttrs)(state, dispatch);
     }
     return false;
   });

package/dist/cjs/panelPlugin.js

@@ -5,18 +5,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _adfSchema = require("@atlaskit/adf-schema");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _messages = require("@atlaskit/editor-common/messages");
 var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("./editor-actions/actions");
 var _keymaps = _interopRequireDefault(require("./pm-plugins/keymaps"));
 var _main = require("./pm-plugins/main");
 var _toolbar = require("./ui/toolbar");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(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; }
 var panelPlugin = function panelPlugin(_ref) {
   var _ref$config = _ref.config,
     options = _ref$config === void 0 ? {} : _ref$config,
@@ -24,10 +28,15 @@ var panelPlugin = function panelPlugin(_ref) {
   return {
     name: 'panel',
     nodes: function nodes() {
-      var panelNode = (0, _adfSchema.extendedPanel)(!!options.allowCustomPanel);
+      if ((0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid')) {
+        return [{
+          name: 'panel',
+          node: (0, _adfSchema.extendedPanelWithLocalId)(!!options.allowCustomPanel)
+        }];
+      }
       return [{
         name: 'panel',
-        node: panelNode
+        node: (0, _adfSchema.extendedPanel)(!!options.allowCustomPanel)
       }];
     },
     pmPlugins: function pmPlugins() {
@@ -228,6 +237,9 @@ function createPanelAction(_ref4) {
     insert = _ref4.insert;
   var panel = state.schema.nodes.panel;
   var tr;
+  var panelAttrs = (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') ? _objectSpread(_objectSpread({}, attributes), {}, {
+    localId: attributes.localId || _adfSchema.uuid.generate()
+  }) : _objectSpread({}, attributes);
 
   // Panels should wrap content by default when inserted, the quickInsert `insert` method
   // will insert the node on a newline
@@ -235,10 +247,10 @@ function createPanelAction(_ref4) {
     tr = state.selection.empty && (0, _utils.createWrapSelectionTransaction)({
       state: state,
       type: panel,
-      nodeAttributes: attributes
+      nodeAttributes: panelAttrs
     });
   } else {
-    var node = panel.createAndFill(attributes);
+    var node = panel.createAndFill(panelAttrs);
     if (!node) {
       return false;
     }

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

@@ -69,7 +69,9 @@ var handleCut = exports.handleCut = function handleCut(newState, oldState) {
       return node.type.name === 'panel';
     })(oldState.tr.selection);
     var clonedPanelNode = oldPanelNode === null || oldPanelNode === void 0 ? void 0 : oldPanelNode.node.copy();
-    var newPanelNode = schema.nodes.panel.create(_objectSpread({}, clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs), emptyParagraph);
+    var newPanelNode = schema.nodes.panel.create(_objectSpread(_objectSpread({}, clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs), (0, _platformFeatureFlags.fg)('platform_editor_adf_with_localid') && {
+      localId: _adfSchema.uuid.generate()
+    }), emptyParagraph);
     var endPos = oldState.tr.selection.$from.pos;
     if (oldPanelNode) {
       newTr.insert(oldPanelNode.pos, newPanelNode).setSelection(new _state.TextSelection(newTr.doc.resolve(endPos)));

package/dist/es2019/editor-actions/actions.js

@@ -1,10 +1,11 @@
-import { PanelType } from '@atlaskit/adf-schema';
+import { PanelType, uuid } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
 import { wrapSelectionIn } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { findPanel } from '../pm-plugins/utils/utils';
 export const removePanel = editorAnalyticsAPI => (state, dispatch) => {
   const {
@@ -37,6 +38,7 @@ export const removePanel = editorAnalyticsAPI => (state, dispatch) => {
   return true;
 };
 export const changePanelType = editorAnalyticsAPI => (panelType, panelOptions = {}, allowCustomPanel = false) => (state, dispatch) => {
+  var _panelNode$node$attrs;
   const {
     schema: {
       nodes
@@ -50,6 +52,7 @@ export const changePanelType = editorAnalyticsAPI => (panelType, panelOptions =
   const newType = panelType;
   const previousType = panelNode.node.attrs.panelType;
   let newTr;
+  const localId = fg('platform_editor_adf_with_localid') ? ((_panelNode$node$attrs = panelNode.node.attrs) === null || _panelNode$node$attrs === void 0 ? void 0 : _panelNode$node$attrs.localId) || uuid.generate() : undefined;
   if (allowCustomPanel) {
     const previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : getPanelTypeBackgroundNoTokens(previousType);
     const previousIcon = panelNode.node.attrs.panelIcon;
@@ -67,11 +70,13 @@ export const changePanelType = editorAnalyticsAPI => (panelType, panelOptions =
       panelIconId: newPanelOptions.emojiId,
       panelIconText: newPanelOptions.emojiText,
       panelColor: newPanelOptions.color,
-      panelType
+      panelType,
+      localId
     });
   } else {
     newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-      panelType
+      panelType,
+      localId
     });
   }
   const payload = {
@@ -108,7 +113,10 @@ export function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
       nodes
     } = state.schema;
     if (nodes.panel && nodes.paragraph) {
-      return wrapSelectionIn(nodes.panel)(state, dispatch);
+      const panelAttrs = fg('platform_editor_adf_with_localid') ? {
+        localId: uuid.generate()
+      } : {};
+      return wrapSelectionIn(nodes.panel, panelAttrs)(state, dispatch);
     }
     return false;
   });

package/dist/es2019/panelPlugin.js

@@ -1,9 +1,10 @@
 import React from 'react';
-import { extendedPanel, PanelType } from '@atlaskit/adf-schema';
+import { extendedPanel, extendedPanelWithLocalId, PanelType, uuid } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { T50 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { insertPanelWithAnalytics } from './editor-actions/actions';
@@ -16,10 +17,15 @@ const panelPlugin = ({
 }) => ({
   name: 'panel',
   nodes() {
-    const panelNode = extendedPanel(!!options.allowCustomPanel);
+    if (fg('platform_editor_adf_with_localid')) {
+      return [{
+        name: 'panel',
+        node: extendedPanelWithLocalId(!!options.allowCustomPanel)
+      }];
+    }
     return [{
       name: 'panel',
-      node: panelNode
+      node: extendedPanel(!!options.allowCustomPanel)
     }];
   },
   pmPlugins() {
@@ -204,6 +210,12 @@ function createPanelAction({
     panel
   } = state.schema.nodes;
   let tr;
+  const panelAttrs = fg('platform_editor_adf_with_localid') ? {
+    ...attributes,
+    localId: attributes.localId || uuid.generate()
+  } : {
+    ...attributes
+  };
 
   // Panels should wrap content by default when inserted, the quickInsert `insert` method
   // will insert the node on a newline
@@ -211,10 +223,10 @@ function createPanelAction({
     tr = state.selection.empty && createWrapSelectionTransaction({
       state,
       type: panel,
-      nodeAttributes: attributes
+      nodeAttributes: panelAttrs
     });
   } else {
-    const node = panel.createAndFill(attributes);
+    const node = panel.createAndFill(panelAttrs);
     if (!node) {
       return false;
     }

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

@@ -1,4 +1,4 @@
-import { PanelType } from '@atlaskit/adf-schema';
+import { PanelType, uuid } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -65,7 +65,10 @@ export const handleCut = (newState, oldState) => {
     const oldPanelNode = findParentNode(node => node.type.name === 'panel')(oldState.tr.selection);
     const clonedPanelNode = oldPanelNode === null || oldPanelNode === void 0 ? void 0 : oldPanelNode.node.copy();
     const newPanelNode = schema.nodes.panel.create({
-      ...(clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs)
+      ...(clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs),
+      ...(fg('platform_editor_adf_with_localid') && {
+        localId: uuid.generate()
+      })
     }, emptyParagraph);
     const endPos = oldState.tr.selection.$from.pos;
     if (oldPanelNode) {

package/dist/esm/editor-actions/actions.js

@@ -1,13 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { PanelType } from '@atlaskit/adf-schema';
+import { PanelType, uuid } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { withAnalytics } from '@atlaskit/editor-common/editor-analytics';
 import { getPanelTypeBackgroundNoTokens } from '@atlaskit/editor-common/panel';
 import { wrapSelectionIn } from '@atlaskit/editor-common/utils';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNodeOfType, findSelectedNodeOfType, removeParentNodeOfType, removeSelectedNode } from '@atlaskit/editor-prosemirror/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { findPanel } from '../pm-plugins/utils/utils';
 export var removePanel = function removePanel(editorAnalyticsAPI) {
   return function (state, dispatch) {
@@ -42,6 +43,7 @@ export var changePanelType = function changePanelType(editorAnalyticsAPI) {
     var panelOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var allowCustomPanel = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     return function (state, dispatch) {
+      var _panelNode$node$attrs;
       var nodes = state.schema.nodes,
         tr = state.tr;
       var panelNode = findPanel(state);
@@ -51,6 +53,7 @@ export var changePanelType = function changePanelType(editorAnalyticsAPI) {
       var newType = panelType;
       var previousType = panelNode.node.attrs.panelType;
       var newTr;
+      var localId = fg('platform_editor_adf_with_localid') ? ((_panelNode$node$attrs = panelNode.node.attrs) === null || _panelNode$node$attrs === void 0 ? void 0 : _panelNode$node$attrs.localId) || uuid.generate() : undefined;
       if (allowCustomPanel) {
         var previousColor = panelNode.node.attrs.panelType === 'custom' ? panelNode.node.attrs.panelColor || 'none' : getPanelTypeBackgroundNoTokens(previousType);
         var previousIcon = panelNode.node.attrs.panelIcon;
@@ -67,11 +70,13 @@ export var changePanelType = function changePanelType(editorAnalyticsAPI) {
           panelIconId: newPanelOptions.emojiId,
           panelIconText: newPanelOptions.emojiText,
           panelColor: newPanelOptions.color,
-          panelType: panelType
+          panelType: panelType,
+          localId: localId
         });
       } else {
         newTr = tr.setNodeMarkup(panelNode.pos, nodes.panel, {
-          panelType: panelType
+          panelType: panelType,
+          localId: localId
         });
       }
       var payload = {
@@ -108,7 +113,10 @@ export function insertPanelWithAnalytics(inputMethod, analyticsAPI) {
   })(function (state, dispatch) {
     var nodes = state.schema.nodes;
     if (nodes.panel && nodes.paragraph) {
-      return wrapSelectionIn(nodes.panel)(state, dispatch);
+      var panelAttrs = fg('platform_editor_adf_with_localid') ? {
+        localId: uuid.generate()
+      } : {};
+      return wrapSelectionIn(nodes.panel, panelAttrs)(state, dispatch);
     }
     return false;
   });

package/dist/esm/panelPlugin.js

@@ -1,9 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
-import { extendedPanel, PanelType } from '@atlaskit/adf-schema';
+import { extendedPanel, extendedPanelWithLocalId, PanelType, uuid } from '@atlaskit/adf-schema';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 import { blockTypeMessages } from '@atlaskit/editor-common/messages';
 import { IconCustomPanel, IconPanel, IconPanelError, IconPanelNote, IconPanelSuccess, IconPanelWarning } from '@atlaskit/editor-common/quick-insert';
 import { createWrapSelectionTransaction } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { T50 } from '@atlaskit/theme/colors';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { insertPanelWithAnalytics } from './editor-actions/actions';
@@ -17,10 +21,15 @@ var panelPlugin = function panelPlugin(_ref) {
   return {
     name: 'panel',
     nodes: function nodes() {
-      var panelNode = extendedPanel(!!options.allowCustomPanel);
+      if (fg('platform_editor_adf_with_localid')) {
+        return [{
+          name: 'panel',
+          node: extendedPanelWithLocalId(!!options.allowCustomPanel)
+        }];
+      }
       return [{
         name: 'panel',
-        node: panelNode
+        node: extendedPanel(!!options.allowCustomPanel)
       }];
     },
     pmPlugins: function pmPlugins() {
@@ -221,6 +230,9 @@ function createPanelAction(_ref4) {
     insert = _ref4.insert;
   var panel = state.schema.nodes.panel;
   var tr;
+  var panelAttrs = fg('platform_editor_adf_with_localid') ? _objectSpread(_objectSpread({}, attributes), {}, {
+    localId: attributes.localId || uuid.generate()
+  }) : _objectSpread({}, attributes);
 
   // Panels should wrap content by default when inserted, the quickInsert `insert` method
   // will insert the node on a newline
@@ -228,10 +240,10 @@ function createPanelAction(_ref4) {
     tr = state.selection.empty && createWrapSelectionTransaction({
       state: state,
       type: panel,
-      nodeAttributes: attributes
+      nodeAttributes: panelAttrs
     });
   } else {
-    var node = panel.createAndFill(attributes);
+    var node = panel.createAndFill(panelAttrs);
     if (!node) {
       return false;
     }

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

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { PanelType } from '@atlaskit/adf-schema';
+import { PanelType, uuid } from '@atlaskit/adf-schema';
 import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
@@ -62,7 +62,9 @@ export var handleCut = function handleCut(newState, oldState) {
       return node.type.name === 'panel';
     })(oldState.tr.selection);
     var clonedPanelNode = oldPanelNode === null || oldPanelNode === void 0 ? void 0 : oldPanelNode.node.copy();
-    var newPanelNode = schema.nodes.panel.create(_objectSpread({}, clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs), emptyParagraph);
+    var newPanelNode = schema.nodes.panel.create(_objectSpread(_objectSpread({}, clonedPanelNode === null || clonedPanelNode === void 0 ? void 0 : clonedPanelNode.attrs), fg('platform_editor_adf_with_localid') && {
+      localId: uuid.generate()
+    }), emptyParagraph);
     var endPos = oldState.tr.selection.$from.pos;
     if (oldPanelNode) {
       newTr.insert(oldPanelNode.pos, newPanelNode).setSelection(new TextSelection(newTr.doc.resolve(endPos)));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-panel",
-	"version": "5.2.4",
+	"version": "5.2.5",
 	"description": "Panel plugin for @atlaskit/editor-core.",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,7 +30,7 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^50.0.1",
+		"@atlaskit/adf-schema": "^50.2.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-decorations": "^3.0.0",
@@ -94,6 +94,9 @@
 	"platform-feature-flags": {
 		"platform_editor_nested_dnd_styles_changes": {
 			"type": "boolean"
+		},
+		"platform_editor_adf_with_localid": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {