@atlaskit/editor-common 111.12.2 → 111.12.3

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-common
 
+## 111.12.3
+
+### Patch Changes
+
+- [`27ceb3789dbe8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27ceb3789dbe8) -
+  [ux] Fix initial drag handle / create position incorrect bug
+- [`bb6a1522425ff`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bb6a1522425ff) -
+  [ux] Fix layoutshift in bodiedExtension layout shift
+- Updated dependencies
+
 ## 111.12.2
 
 ### Patch Changes

package/dist/cjs/ai-messages/ai-suggestions.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiSuggestionsMessages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var aiSuggestionsMessages = exports.aiSuggestionsMessages = (0, _reactIntlNext.defineMessages)({
+  suggestionsToolbarButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.label.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions toolbar button'
+  },
+  suggestionsToolbarButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.loadingLabel.non-final',
+    defaultMessage: 'Loading',
+    description: 'Label for the suggestions toolbar button when loading'
+  },
+  suggestionsToolbarButtonReadyLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.readyLabel.non-final',
+    defaultMessage: 'View',
+    description: 'Label for the suggestions toolbar button when ready'
+  },
+  suggestionsToolbarButtonErrorLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.errorLabel.non-final',
+    defaultMessage: 'Retry',
+    description: 'Label for the suggestions toolbar button when error'
+  },
+  previewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.previewLabel.non-final',
+    defaultMessage: 'Preview',
+    description: 'The section title displayed for the AI suggestions staging area'
+  },
+  viewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.viewLabel.non-final',
+    defaultMessage: 'View',
+    description: 'The section title displayed for the view switcher in the AI suggestions staging area'
+  },
+  titleLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.titleLabel.non-final',
+    defaultMessage: 'Title',
+    description: 'The section title displayed for the title in the AI suggestions staging area'
+  },
+  reviewNote: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.reviewNote.non-final',
+    defaultMessage: 'Review • Only visible to you',
+    description: 'A note displayed within the title'
+  },
+  applyChangesButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.applyChangesButtonLabel.non-final',
+    defaultMessage: 'Apply changes',
+    description: 'Label for the apply changes button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLabel.non-final',
+    defaultMessage: 'Fetch suggestions',
+    description: 'Label for the fetch suggestions button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLoadingLabel.non-final',
+    defaultMessage: 'Loading…',
+    description: 'Label for the fetch suggestions button when loading'
+  },
+  originalViewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.originalViewLabel.non-final',
+    defaultMessage: 'Original • View only',
+    description: 'Label for the original view in the AI suggestions staging area'
+  },
+  suggestedLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestedLabel.non-final',
+    defaultMessage: 'Suggested',
+    description: 'Suggestion text displayed under the original view title'
+  },
+  suggestionsLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestionsLabel.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions section in the AI suggestions staging area'
+  }
+});

package/dist/cjs/ai-messages/index.js

@@ -57,6 +57,12 @@ Object.defineProperty(exports, "aiProactiveTransformMessages", {
     return _aiProactiveTransform.aiProactiveTransformMessages;
   }
 });
+Object.defineProperty(exports, "aiSuggestionsMessages", {
+  enumerable: true,
+  get: function get() {
+    return _aiSuggestions.aiSuggestionsMessages;
+  }
+});
 var _aiConfigItems = require("./ai-config-items");
 var _aiDefinitions = require("./ai-definitions");
 var _aiExperienceApplication = require("./ai-experience-application");
@@ -65,4 +71,5 @@ var _aiLanguages = require("./ai-languages");
 var _aiProactive = require("./ai-proactive");
 var _ai = require("./ai");
 var _aiProactiveSetting = require("./ai-proactive-setting");
-var _aiProactiveTransform = require("./ai-proactive-transform");
+var _aiProactiveTransform = require("./ai-proactive-transform");
+var _aiSuggestions = require("./ai-suggestions");

package/dist/cjs/extensibility/extensionNodeView.js

@@ -14,6 +14,7 @@ var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _reactNodeView = _interopRequireDefault(require("../react-node-view"));
 var _Extension = require("./Extension");
 var _ExtensionNodeWrapper = require("./ExtensionNodeWrapper");
@@ -80,13 +81,31 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
+      var _this$reactComponentP3;
       if (this.node.isInline) {
         return;
       }
-      var dom = document.createElement('div');
-      dom.className = "".concat(this.node.type.name, "-content-dom-wrapper");
+      var contentDomWrapper = document.createElement('div');
+      contentDomWrapper.className = "".concat(this.node.type.name, "-content-dom-wrapper");
+      var isBodiedExtension = this.node.type.name === 'bodiedExtension';
+      var showMacroInteractionDesignUpdates = (_this$reactComponentP3 = this.reactComponentProps) === null || _this$reactComponentP3 === void 0 || (_this$reactComponentP3 = _this$reactComponentP3.macroInteractionDesignFeatureFlags) === null || _this$reactComponentP3 === void 0 ? void 0 : _this$reactComponentP3.showMacroInteractionDesignUpdates;
+      if (isBodiedExtension && showMacroInteractionDesignUpdates && (0, _expValEquals.expValEquals)('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true)) {
+        // Create outer wrapper to hold space for the lozenge
+        var outerWrapper = document.createElement('div');
+        outerWrapper.className = "".concat(this.node.type.name, "-content-outer-wrapper");
+
+        // Create inner wrapper to position inner content
+        var innerWrapper = document.createElement('div');
+        innerWrapper.className = "".concat(this.node.type.name, "-content-inner-wrapper");
+        innerWrapper.appendChild(contentDomWrapper);
+        outerWrapper.appendChild(innerWrapper);
+        return {
+          dom: outerWrapper,
+          contentDOM: contentDomWrapper
+        };
+      }
       return {
-        dom: dom
+        dom: contentDomWrapper
       };
     }
   }, {

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "111.12.1";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/node-anchor/node-anchor-provider.js

@@ -89,6 +89,20 @@ var NodeAnchorProvider = exports.NodeAnchorProvider = /*#__PURE__*/function () {
       }
       return this.cache.get(node);
     }
+  }, {
+    key: "setIdForNode",
+    value: function setIdForNode(node, id) {
+      // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+      // This method is part of the fix to prevent drag handle misalignment.
+      // To clean up: remove the feature flag check, keep the method body
+      if (!(0, _platformFeatureFlags.fg)('platform_editor_fix_node_anchor_dom_cache')) {
+        return;
+      }
+      if (this.limitedMode) {
+        return;
+      }
+      this.cache.set(node, id);
+    }
 
     // After set to limited mode, we clear the cache to free up memory
     // and prevent further ids from being generated

package/dist/cjs/preset/core-plugin/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.corePlugin = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _nodeAnchorProvider = require("../../node-anchor/node-anchor-provider");
 var _processRawValue = require("../../utils/processRawValue");
 var _editorCommands = require("../editor-commands");
@@ -151,15 +152,46 @@ var corePlugin = exports.corePlugin = function corePlugin(_ref) {
         if (pos < 0) {
           return undefined;
         }
-        var generatedId = nodeIdProvider.getOrGenerateId(node, pos);
-        if (generatedId) {
-          return generatedId;
-        }
-        var nodeDOM = view.nodeDOM(pos);
-        if (nodeDOM instanceof HTMLElement) {
-          return nodeDOM.getAttribute('data-node-anchor') || undefined;
+
+        // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+        // Fixes drag handle misalignment on first focus after clicking from title
+        // by checking DOM for existing anchor before generating a new ID with collision suffix.
+        // To clean up: remove if-else block, keep only flag-on behavior (lines 217-229), remove old behavior (lines 231-238)
+        if ((0, _platformFeatureFlags.fg)('platform_editor_fix_node_anchor_dom_cache')) {
+          // Check DOM first to avoid generating a new ID with a collision suffix
+          // when the DOM already has a valid anchor. This prevents misalignment
+          // of drag handles on first focus after clicking from the title.
+          var nodeDOM = view.nodeDOM(pos);
+          if (nodeDOM instanceof HTMLElement) {
+            var domAnchor = nodeDOM.getAttribute('data-node-anchor');
+            if (domAnchor) {
+              // Cache the DOM anchor for this node to maintain consistency
+              // This ensures subsequent calls return the same anchor
+              nodeIdProvider.setIdForNode(node, domAnchor);
+              return domAnchor;
+            }
+          }
+
+          // Only generate a new ID if DOM doesn't have one
+          var generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (generatedId) {
+            return generatedId;
+          }
+          return undefined;
+        } else {
+          // OLD BEHAVIOR (to be removed when flag is cleaned up)
+          // This approach can generate incorrect IDs with collision suffixes when
+          // the DOM already has a valid anchor, causing drag handle misalignment
+          var _generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (_generatedId) {
+            return _generatedId;
+          }
+          var _nodeDOM = view.nodeDOM(pos);
+          if (_nodeDOM instanceof HTMLElement) {
+            return _nodeDOM.getAttribute('data-node-anchor') || undefined;
+          }
+          return undefined;
         }
-        return undefined;
       }
     }
   };

package/dist/cjs/ui/DropList/index.js

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.12.1";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/es2019/ai-messages/ai-suggestions.js

@@ -0,0 +1,73 @@
+import { defineMessages } from 'react-intl-next';
+export const aiSuggestionsMessages = defineMessages({
+  suggestionsToolbarButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.label.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions toolbar button'
+  },
+  suggestionsToolbarButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.loadingLabel.non-final',
+    defaultMessage: 'Loading',
+    description: 'Label for the suggestions toolbar button when loading'
+  },
+  suggestionsToolbarButtonReadyLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.readyLabel.non-final',
+    defaultMessage: 'View',
+    description: 'Label for the suggestions toolbar button when ready'
+  },
+  suggestionsToolbarButtonErrorLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.errorLabel.non-final',
+    defaultMessage: 'Retry',
+    description: 'Label for the suggestions toolbar button when error'
+  },
+  previewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.previewLabel.non-final',
+    defaultMessage: 'Preview',
+    description: 'The section title displayed for the AI suggestions staging area'
+  },
+  viewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.viewLabel.non-final',
+    defaultMessage: 'View',
+    description: 'The section title displayed for the view switcher in the AI suggestions staging area'
+  },
+  titleLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.titleLabel.non-final',
+    defaultMessage: 'Title',
+    description: 'The section title displayed for the title in the AI suggestions staging area'
+  },
+  reviewNote: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.reviewNote.non-final',
+    defaultMessage: 'Review • Only visible to you',
+    description: 'A note displayed within the title'
+  },
+  applyChangesButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.applyChangesButtonLabel.non-final',
+    defaultMessage: 'Apply changes',
+    description: 'Label for the apply changes button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLabel.non-final',
+    defaultMessage: 'Fetch suggestions',
+    description: 'Label for the fetch suggestions button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLoadingLabel.non-final',
+    defaultMessage: 'Loading…',
+    description: 'Label for the fetch suggestions button when loading'
+  },
+  originalViewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.originalViewLabel.non-final',
+    defaultMessage: 'Original • View only',
+    description: 'Label for the original view in the AI suggestions staging area'
+  },
+  suggestedLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestedLabel.non-final',
+    defaultMessage: 'Suggested',
+    description: 'Suggestion text displayed under the original view title'
+  },
+  suggestionsLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestionsLabel.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions section in the AI suggestions staging area'
+  }
+});

package/dist/es2019/ai-messages/index.js

@@ -9,4 +9,5 @@ export { aiLanguageMessages } from './ai-languages';
 export { aiProactiveMessages } from './ai-proactive';
 export { aiMessages } from './ai';
 export { aiProactiveSettingMessages } from './ai-proactive-setting';
-export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiSuggestionsMessages } from './ai-suggestions';

package/dist/es2019/extensibility/extensionNodeView.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
 import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
@@ -50,13 +51,31 @@ export class ExtensionNode extends ReactNodeView {
     return event.target instanceof HTMLInputElement;
   }
   getContentDOM() {
+    var _this$reactComponentP4, _this$reactComponentP5;
     if (this.node.isInline) {
       return;
     }
-    const dom = document.createElement('div');
-    dom.className = `${this.node.type.name}-content-dom-wrapper`;
+    const contentDomWrapper = document.createElement('div');
+    contentDomWrapper.className = `${this.node.type.name}-content-dom-wrapper`;
+    const isBodiedExtension = this.node.type.name === 'bodiedExtension';
+    const showMacroInteractionDesignUpdates = (_this$reactComponentP4 = this.reactComponentProps) === null || _this$reactComponentP4 === void 0 ? void 0 : (_this$reactComponentP5 = _this$reactComponentP4.macroInteractionDesignFeatureFlags) === null || _this$reactComponentP5 === void 0 ? void 0 : _this$reactComponentP5.showMacroInteractionDesignUpdates;
+    if (isBodiedExtension && showMacroInteractionDesignUpdates && expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true)) {
+      // Create outer wrapper to hold space for the lozenge
+      const outerWrapper = document.createElement('div');
+      outerWrapper.className = `${this.node.type.name}-content-outer-wrapper`;
+
+      // Create inner wrapper to position inner content
+      const innerWrapper = document.createElement('div');
+      innerWrapper.className = `${this.node.type.name}-content-inner-wrapper`;
+      innerWrapper.appendChild(contentDomWrapper);
+      outerWrapper.appendChild(innerWrapper);
+      return {
+        dom: outerWrapper,
+        contentDOM: contentDomWrapper
+      };
+    }
     return {
-      dom
+      dom: contentDomWrapper
     };
   }
   render(props, forwardRef) {

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "111.12.1";
+const packageVersion = "0.0.0-development";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/es2019/node-anchor/node-anchor-provider.js

@@ -68,6 +68,18 @@ export class NodeAnchorProvider {
     }
     return this.cache.get(node);
   }
+  setIdForNode(node, id) {
+    // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+    // This method is part of the fix to prevent drag handle misalignment.
+    // To clean up: remove the feature flag check, keep the method body
+    if (!fg('platform_editor_fix_node_anchor_dom_cache')) {
+      return;
+    }
+    if (this.limitedMode) {
+      return;
+    }
+    this.cache.set(node, id);
+  }
 
   // After set to limited mode, we clear the cache to free up memory
   // and prevent further ids from being generated

package/dist/es2019/preset/core-plugin/index.js

@@ -1,4 +1,5 @@
 import { Node } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getNodeIdProvider } from '../../node-anchor/node-anchor-provider';
 import { processRawFragmentValue, processRawValue, processRawValueWithoutValidation } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
@@ -153,15 +154,46 @@ export const corePlugin = ({
         if (pos < 0) {
           return undefined;
         }
-        const generatedId = nodeIdProvider.getOrGenerateId(node, pos);
-        if (generatedId) {
-          return generatedId;
-        }
-        const nodeDOM = view.nodeDOM(pos);
-        if (nodeDOM instanceof HTMLElement) {
-          return nodeDOM.getAttribute('data-node-anchor') || undefined;
+
+        // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+        // Fixes drag handle misalignment on first focus after clicking from title
+        // by checking DOM for existing anchor before generating a new ID with collision suffix.
+        // To clean up: remove if-else block, keep only flag-on behavior (lines 217-229), remove old behavior (lines 231-238)
+        if (fg('platform_editor_fix_node_anchor_dom_cache')) {
+          // Check DOM first to avoid generating a new ID with a collision suffix
+          // when the DOM already has a valid anchor. This prevents misalignment
+          // of drag handles on first focus after clicking from the title.
+          const nodeDOM = view.nodeDOM(pos);
+          if (nodeDOM instanceof HTMLElement) {
+            const domAnchor = nodeDOM.getAttribute('data-node-anchor');
+            if (domAnchor) {
+              // Cache the DOM anchor for this node to maintain consistency
+              // This ensures subsequent calls return the same anchor
+              nodeIdProvider.setIdForNode(node, domAnchor);
+              return domAnchor;
+            }
+          }
+
+          // Only generate a new ID if DOM doesn't have one
+          const generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (generatedId) {
+            return generatedId;
+          }
+          return undefined;
+        } else {
+          // OLD BEHAVIOR (to be removed when flag is cleaned up)
+          // This approach can generate incorrect IDs with collision suffixes when
+          // the DOM already has a valid anchor, causing drag handle misalignment
+          const generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (generatedId) {
+            return generatedId;
+          }
+          const nodeDOM = view.nodeDOM(pos);
+          if (nodeDOM instanceof HTMLElement) {
+            return nodeDOM.getAttribute('data-node-anchor') || undefined;
+          }
+          return undefined;
         }
-        return undefined;
       }
     }
   };

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "111.12.1";
+const packageVersion = "0.0.0-development";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/esm/ai-messages/ai-suggestions.js

@@ -0,0 +1,73 @@
+import { defineMessages } from 'react-intl-next';
+export var aiSuggestionsMessages = defineMessages({
+  suggestionsToolbarButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.label.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions toolbar button'
+  },
+  suggestionsToolbarButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.loadingLabel.non-final',
+    defaultMessage: 'Loading',
+    description: 'Label for the suggestions toolbar button when loading'
+  },
+  suggestionsToolbarButtonReadyLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.readyLabel.non-final',
+    defaultMessage: 'View',
+    description: 'Label for the suggestions toolbar button when ready'
+  },
+  suggestionsToolbarButtonErrorLabel: {
+    id: 'fabric.editor.ai.suggestions.toolbarButton.errorLabel.non-final',
+    defaultMessage: 'Retry',
+    description: 'Label for the suggestions toolbar button when error'
+  },
+  previewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.previewLabel.non-final',
+    defaultMessage: 'Preview',
+    description: 'The section title displayed for the AI suggestions staging area'
+  },
+  viewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.viewLabel.non-final',
+    defaultMessage: 'View',
+    description: 'The section title displayed for the view switcher in the AI suggestions staging area'
+  },
+  titleLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.titleLabel.non-final',
+    defaultMessage: 'Title',
+    description: 'The section title displayed for the title in the AI suggestions staging area'
+  },
+  reviewNote: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.reviewNote.non-final',
+    defaultMessage: 'Review • Only visible to you',
+    description: 'A note displayed within the title'
+  },
+  applyChangesButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.applyChangesButtonLabel.non-final',
+    defaultMessage: 'Apply changes',
+    description: 'Label for the apply changes button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLabel.non-final',
+    defaultMessage: 'Fetch suggestions',
+    description: 'Label for the fetch suggestions button in the AI suggestions staging area'
+  },
+  fetchSuggestionsButtonLoadingLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.fetchSuggestionsButtonLoadingLabel.non-final',
+    defaultMessage: 'Loading…',
+    description: 'Label for the fetch suggestions button when loading'
+  },
+  originalViewLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.originalViewLabel.non-final',
+    defaultMessage: 'Original • View only',
+    description: 'Label for the original view in the AI suggestions staging area'
+  },
+  suggestedLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestedLabel.non-final',
+    defaultMessage: 'Suggested',
+    description: 'Suggestion text displayed under the original view title'
+  },
+  suggestionsLabel: {
+    id: 'fabric.editor.ai.suggestions.stagingArea.suggestionsLabel.non-final',
+    defaultMessage: 'Suggestions',
+    description: 'Label for the suggestions section in the AI suggestions staging area'
+  }
+});

package/dist/esm/ai-messages/index.js

@@ -9,4 +9,5 @@ export { aiLanguageMessages } from './ai-languages';
 export { aiProactiveMessages } from './ai-proactive';
 export { aiMessages } from './ai';
 export { aiProactiveSettingMessages } from './ai-proactive-setting';
-export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiSuggestionsMessages } from './ai-suggestions';

package/dist/esm/extensibility/extensionNodeView.js

@@ -9,6 +9,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import ReactNodeView from '../react-node-view';
 import { Extension } from './Extension';
 import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
@@ -72,13 +73,31 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
   }, {
     key: "getContentDOM",
     value: function getContentDOM() {
+      var _this$reactComponentP3;
       if (this.node.isInline) {
         return;
       }
-      var dom = document.createElement('div');
-      dom.className = "".concat(this.node.type.name, "-content-dom-wrapper");
+      var contentDomWrapper = document.createElement('div');
+      contentDomWrapper.className = "".concat(this.node.type.name, "-content-dom-wrapper");
+      var isBodiedExtension = this.node.type.name === 'bodiedExtension';
+      var showMacroInteractionDesignUpdates = (_this$reactComponentP3 = this.reactComponentProps) === null || _this$reactComponentP3 === void 0 || (_this$reactComponentP3 = _this$reactComponentP3.macroInteractionDesignFeatureFlags) === null || _this$reactComponentP3 === void 0 ? void 0 : _this$reactComponentP3.showMacroInteractionDesignUpdates;
+      if (isBodiedExtension && showMacroInteractionDesignUpdates && expValEquals('platform_editor_bodiedextension_layoutshift_fix', 'isEnabled', true)) {
+        // Create outer wrapper to hold space for the lozenge
+        var outerWrapper = document.createElement('div');
+        outerWrapper.className = "".concat(this.node.type.name, "-content-outer-wrapper");
+
+        // Create inner wrapper to position inner content
+        var innerWrapper = document.createElement('div');
+        innerWrapper.className = "".concat(this.node.type.name, "-content-inner-wrapper");
+        innerWrapper.appendChild(contentDomWrapper);
+        outerWrapper.appendChild(innerWrapper);
+        return {
+          dom: outerWrapper,
+          contentDOM: contentDomWrapper
+        };
+      }
       return {
-        dom: dom
+        dom: contentDomWrapper
       };
     }
   }, {

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "111.12.1";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/esm/node-anchor/node-anchor-provider.js

@@ -83,6 +83,20 @@ export var NodeAnchorProvider = /*#__PURE__*/function () {
       }
       return this.cache.get(node);
     }
+  }, {
+    key: "setIdForNode",
+    value: function setIdForNode(node, id) {
+      // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+      // This method is part of the fix to prevent drag handle misalignment.
+      // To clean up: remove the feature flag check, keep the method body
+      if (!fg('platform_editor_fix_node_anchor_dom_cache')) {
+        return;
+      }
+      if (this.limitedMode) {
+        return;
+      }
+      this.cache.set(node, id);
+    }
 
     // After set to limited mode, we clear the cache to free up memory
     // and prevent further ids from being generated

package/dist/esm/preset/core-plugin/index.js

@@ -1,4 +1,5 @@
 import { Node } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { getNodeIdProvider } from '../../node-anchor/node-anchor-provider';
 import { processRawFragmentValue, processRawValue, processRawValueWithoutValidation } from '../../utils/processRawValue';
 import { editorCommandToPMCommand } from '../editor-commands';
@@ -146,15 +147,46 @@ export var corePlugin = function corePlugin(_ref) {
         if (pos < 0) {
           return undefined;
         }
-        var generatedId = nodeIdProvider.getOrGenerateId(node, pos);
-        if (generatedId) {
-          return generatedId;
-        }
-        var nodeDOM = view.nodeDOM(pos);
-        if (nodeDOM instanceof HTMLElement) {
-          return nodeDOM.getAttribute('data-node-anchor') || undefined;
+
+        // [FEATURE FLAG: platform_editor_fix_node_anchor_dom_cache]
+        // Fixes drag handle misalignment on first focus after clicking from title
+        // by checking DOM for existing anchor before generating a new ID with collision suffix.
+        // To clean up: remove if-else block, keep only flag-on behavior (lines 217-229), remove old behavior (lines 231-238)
+        if (fg('platform_editor_fix_node_anchor_dom_cache')) {
+          // Check DOM first to avoid generating a new ID with a collision suffix
+          // when the DOM already has a valid anchor. This prevents misalignment
+          // of drag handles on first focus after clicking from the title.
+          var nodeDOM = view.nodeDOM(pos);
+          if (nodeDOM instanceof HTMLElement) {
+            var domAnchor = nodeDOM.getAttribute('data-node-anchor');
+            if (domAnchor) {
+              // Cache the DOM anchor for this node to maintain consistency
+              // This ensures subsequent calls return the same anchor
+              nodeIdProvider.setIdForNode(node, domAnchor);
+              return domAnchor;
+            }
+          }
+
+          // Only generate a new ID if DOM doesn't have one
+          var generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (generatedId) {
+            return generatedId;
+          }
+          return undefined;
+        } else {
+          // OLD BEHAVIOR (to be removed when flag is cleaned up)
+          // This approach can generate incorrect IDs with collision suffixes when
+          // the DOM already has a valid anchor, causing drag handle misalignment
+          var _generatedId = nodeIdProvider.getOrGenerateId(node, pos);
+          if (_generatedId) {
+            return _generatedId;
+          }
+          var _nodeDOM = view.nodeDOM(pos);
+          if (_nodeDOM instanceof HTMLElement) {
+            return _nodeDOM.getAttribute('data-node-anchor') || undefined;
+          }
+          return undefined;
         }
-        return undefined;
       }
     }
   };

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.12.1";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/types/ai-messages/ai-suggestions.d.ts

@@ -0,0 +1,72 @@
+export declare const aiSuggestionsMessages: {
+    suggestionsToolbarButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonLoadingLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonReadyLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonErrorLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    previewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    titleLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    reviewNote: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    applyChangesButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fetchSuggestionsButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fetchSuggestionsButtonLoadingLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    originalViewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestedLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/ai-messages/index.d.ts

@@ -7,3 +7,4 @@ export { aiProactiveMessages } from './ai-proactive';
 export { aiMessages } from './ai';
 export { aiProactiveSettingMessages } from './ai-proactive-setting';
 export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiSuggestionsMessages } from './ai-suggestions';

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -41,6 +41,10 @@ export declare class ExtensionNode<AdditionalParams = unknown> extends ReactNode
     stopEvent(event: Event): boolean;
     getContentDOM(): {
         dom: HTMLDivElement;
+        contentDOM: HTMLDivElement;
+    } | {
+        dom: HTMLDivElement;
+        contentDOM?: undefined;
     } | undefined;
     render(props: {
         extensionHandlers: ExtensionHandlers;

package/dist/types/node-anchor/node-anchor-provider.d.ts

@@ -12,6 +12,7 @@ export declare class NodeAnchorProvider {
     isLimitedMode(): boolean;
     getOrGenerateId(node: PMNode, pos: number): string | undefined;
     getIdForNode(node: PMNode): string | undefined;
+    setIdForNode(node: PMNode, id: string): void;
     setLimitedMode(): void;
 }
 export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

package/dist/types-ts4.5/ai-messages/ai-suggestions.d.ts

@@ -0,0 +1,72 @@
+export declare const aiSuggestionsMessages: {
+    suggestionsToolbarButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonLoadingLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonReadyLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsToolbarButtonErrorLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    previewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    viewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    titleLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    reviewNote: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    applyChangesButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fetchSuggestionsButtonLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    fetchSuggestionsButtonLoadingLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    originalViewLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestedLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    suggestionsLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types-ts4.5/ai-messages/index.d.ts

@@ -7,3 +7,4 @@ export { aiProactiveMessages } from './ai-proactive';
 export { aiMessages } from './ai';
 export { aiProactiveSettingMessages } from './ai-proactive-setting';
 export { aiProactiveTransformMessages } from './ai-proactive-transform';
+export { aiSuggestionsMessages } from './ai-suggestions';

package/dist/types-ts4.5/extensibility/extensionNodeView.d.ts

@@ -41,6 +41,10 @@ export declare class ExtensionNode<AdditionalParams = unknown> extends ReactNode
     stopEvent(event: Event): boolean;
     getContentDOM(): {
         dom: HTMLDivElement;
+        contentDOM: HTMLDivElement;
+    } | {
+        dom: HTMLDivElement;
+        contentDOM?: undefined;
     } | undefined;
     render(props: {
         extensionHandlers: ExtensionHandlers;

package/dist/types-ts4.5/node-anchor/node-anchor-provider.d.ts

@@ -12,6 +12,7 @@ export declare class NodeAnchorProvider {
     isLimitedMode(): boolean;
     getOrGenerateId(node: PMNode, pos: number): string | undefined;
     getIdForNode(node: PMNode): string | undefined;
+    setIdForNode(node: PMNode, id: string): void;
     setLimitedMode(): void;
 }
 export declare const getNodeIdProvider: (editorView: EditorView) => NodeAnchorProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.12.2",
+	"version": "111.12.3",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^23.0.0",
+		"@atlaskit/tmp-editor-statsig": "^23.2.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -267,6 +267,9 @@
 		},
 		"platform_editor_toolbar_aifc_placement_overridden": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_node_anchor_dom_cache": {
+			"type": "boolean"
 		}
 	}
 }