@atlaskit/editor-plugin-extension 5.0.11 → 5.1.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-extension
 
+## 5.1.1
+
+### Patch Changes
+
+- [#134468](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134468)
+  [`e312ec529d05a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e312ec529d05a) -
+  [ux] Apply hover decoration when hovering on copy/delete button on overflow menu
+- Updated dependencies
+
+## 5.1.0
+
+### Minor Changes
+
+- [#131974](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/131974)
+  [`b09c9ea34848f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b09c9ea34848f) -
+  [PGXT-7297] Add support for deprecation status to extension manifest
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 5.0.11
 
 ### Patch Changes

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getToolbarConfig = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _extensions = require("@atlaskit/editor-common/extensions");
@@ -12,6 +13,7 @@ var _messages = _interopRequireDefault(require("@atlaskit/editor-common/messages
 var _styles = require("@atlaskit/editor-common/styles");
 var _utils = require("@atlaskit/editor-common/utils");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _contentWidthNarrow = _interopRequireDefault(require("@atlaskit/icon/core/content-width-narrow"));
 var _contentWidthWide = _interopRequireDefault(require("@atlaskit/icon/core/content-width-wide"));
 var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
@@ -30,6 +32,8 @@ var _commands = require("../editor-commands/commands");
 var _pluginKey = require("./macro/plugin-key");
 var _pluginFactory = require("./plugin-factory");
 var _utils3 = require("./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; }
 // non-bodied extensions nested inside panels, blockquotes and lists do not support layouts
 var isNestedNBM = function isNestedNBM(state, selectedExtNode) {
   var _state$schema$nodes = state.schema.nodes,
@@ -254,7 +258,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
     extensionApi = _ref.extensionApi;
   return function (state, intl) {
-    var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+    var _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
     var formatMessage = intl.formatMessage;
     var extensionState = (0, _pluginFactory.getPluginState)(state);
     if ((0, _platformFeatureFlags.fg)('platform_editor_legacy_content_macro')) {
@@ -295,6 +299,15 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         };
       };
     }
+    var hoverDecorationProps = function hoverDecorationProps(nodeType, className) {
+      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+      return (0, _platformFeatureFlags.fg)('platform_editor_controls_patch_1') ? {
+        onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true, className),
+        onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false, className),
+        onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true, className),
+        onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false, className)
+      } : undefined;
+    };
     return {
       title: 'Extension floating controls',
       // Ignored via go/ees005
@@ -328,10 +341,10 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         iconFallback: _remove.default,
         appearance: 'danger',
         onClick: (0, _commands.removeExtension)(editorAnalyticsAPI),
-        onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true),
-        onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false),
-        onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true),
-        onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false),
+        onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+        onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+        onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+        onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
         focusEditoronEnter: true,
         title: formatMessage(_messages.default.remove),
         tabIndex: null,
@@ -344,7 +357,7 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
         separator: breakoutItems.length > 0 ? 'both' : 'end'
       }, {
         type: 'overflow-dropdown',
-        options: [{
+        options: [_objectSpread({
           title: 'Copy',
           onClick: function onClick() {
             var _extensionApi$core, _extensionApi$floatin;
@@ -355,13 +368,13 @@ var getToolbarConfig = exports.getToolbarConfig = function getToolbarConfig(_ref
           icon: /*#__PURE__*/_react.default.createElement(_copy.default, {
             label: "Copy"
           })
-        }, {
+        }, hoverDecorationProps(nodeType, _editorSharedStyles.akEditorSelectedNodeClassName)), _objectSpread({
           title: 'Delete',
           onClick: (0, _commands.removeExtension)(editorAnalyticsAPI),
           icon: /*#__PURE__*/_react.default.createElement(_delete.default, {
             label: "Delete"
           })
-        }]
+        }, hoverDecorationProps(nodeType))]
       }])),
       scrollable: true
     };

package/dist/cjs/ui/ConfigPanel/ConfigPanel.js

@@ -296,6 +296,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         icon: extensionManifest.icons['48'],
         title: extensionManifest.title,
         description: extensionManifest.description,
+        deprecation: extensionManifest.deprecation,
         summary: extensionManifest.summary,
         documentationUrl: extensionManifest.documentationUrl,
         onClose: onCancel,

package/dist/cjs/ui/ConfigPanel/DescriptionSummary.js

@@ -8,6 +8,7 @@ exports.DescriptionSummary = DescriptionSummary;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _extensions = require("@atlaskit/editor-common/extensions");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _HelpLink = require("./HelpLink");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -23,6 +24,7 @@ function DescriptionSummary(_ref) {
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var description = extensionManifest.description,
+    deprecation = extensionManifest.deprecation,
     documentationUrl = extensionManifest.documentationUrl;
   // Use a temporary allowlist of top 3 macros to test out a new "Documentation" CTA ("Need help?")
   // This will be removed when Top 5 Modernized Macros updates are rolled out
@@ -36,7 +38,9 @@ function DescriptionSummary(_ref) {
   }, description && /*#__PURE__*/_react.default.createElement(_react.Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && (0, _platformFeatureFlags.fg)('platform_editor_extension_deprecation_status') && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: helpLinkStyles
   }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
     as: "p"

package/dist/cjs/ui/ConfigPanel/Header.js

@@ -12,6 +12,7 @@ var _new = require("@atlaskit/button/new");
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("@atlaskit/theme/constants");
@@ -94,6 +95,7 @@ var Header = function Header(_ref) {
     title = _ref.title,
     description = _ref.description,
     summary = _ref.summary,
+    deprecation = _ref.deprecation,
     documentationUrl = _ref.documentationUrl,
     enableHelpCTA = _ref.enableHelpCTA,
     onClose = _ref.onClose,
@@ -149,7 +151,9 @@ var Header = function Header(_ref) {
   }, description && (0, _react2.jsx)(_react.Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? (0, _react2.jsx)(_primitives.Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && (0, _platformFeatureFlags.fg)('platform_editor_extension_deprecation_status') && (0, _react2.jsx)(_primitives.Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? (0, _react2.jsx)(_primitives.Box, {
     xcss: helpLinkStyles
   }, (0, _react2.jsx)(_primitives.Text, {
     as: "p"

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

@@ -4,6 +4,7 @@ import commonMessages from '@atlaskit/editor-common/messages';
 import { BODIED_EXT_MBE_MARGIN_TOP } from '@atlaskit/editor-common/styles';
 import { getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
 import { findParentNodeOfType, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import ContentWidthNarrowIcon from '@atlaskit/icon/core/content-width-narrow';
 import ContentWidthWideIcon from '@atlaskit/icon/core/content-width-wide';
 import CopyIcon from '@atlaskit/icon/core/copy';
@@ -22,6 +23,7 @@ import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '.
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
 import { getPluginState } from './plugin-factory';
 import { getSelectedExtension } from './utils';
+
 // non-bodied extensions nested inside panels, blockquotes and lists do not support layouts
 const isNestedNBM = (state, selectedExtNode) => {
   const {
@@ -261,7 +263,7 @@ export const getToolbarConfig = ({
   editorAnalyticsAPI,
   extensionApi
 }) => (state, intl) => {
-  var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+  var _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
   const {
     formatMessage
   } = intl;
@@ -299,6 +301,15 @@ export const getToolbarConfig = ({
       };
     };
   }
+  const hoverDecorationProps = (nodeType, className) => {
+    var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+    return fg('platform_editor_controls_patch_1') ? {
+      onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true, className),
+      onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false, className),
+      onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true, className),
+      onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false, className)
+    } : undefined;
+  };
   return {
     title: 'Extension floating controls',
     // Ignored via go/ees005
@@ -328,10 +339,10 @@ export const getToolbarConfig = ({
       iconFallback: RemoveIcon,
       appearance: 'danger',
       onClick: removeExtension(editorAnalyticsAPI),
-      onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true),
-      onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false),
-      onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true),
-      onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false),
+      onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+      onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+      onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+      onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
       focusEditoronEnter: true,
       title: formatMessage(commonMessages.remove),
       tabIndex: null,
@@ -354,13 +365,15 @@ export const getToolbarConfig = ({
         },
         icon: /*#__PURE__*/React.createElement(CopyIcon, {
           label: "Copy"
-        })
+        }),
+        ...hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)
       }, {
         title: 'Delete',
         onClick: removeExtension(editorAnalyticsAPI),
         icon: /*#__PURE__*/React.createElement(DeleteIcon, {
           label: "Delete"
-        })
+        }),
+        ...hoverDecorationProps(nodeType)
       }]
     }])],
     scrollable: true

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -240,6 +240,7 @@ class ConfigPanel extends React.Component {
         icon: extensionManifest.icons['48'],
         title: extensionManifest.title,
         description: extensionManifest.description,
+        deprecation: extensionManifest.deprecation,
         summary: extensionManifest.summary,
         documentationUrl: extensionManifest.documentationUrl,
         onClose: onCancel,

package/dist/es2019/ui/ConfigPanel/DescriptionSummary.js

@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
 import { HelpLink } from './HelpLink';
 const descriptionStyles = xcss({
@@ -17,6 +18,7 @@ export function DescriptionSummary({
   } = useIntl();
   const {
     description,
+    deprecation,
     documentationUrl
   } = extensionManifest;
   // Use a temporary allowlist of top 3 macros to test out a new "Documentation" CTA ("Need help?")
@@ -31,7 +33,9 @@ export function DescriptionSummary({
   }, description && /*#__PURE__*/React.createElement(Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? /*#__PURE__*/React.createElement(Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && fg('platform_editor_extension_deprecation_status') && /*#__PURE__*/React.createElement(Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? /*#__PURE__*/React.createElement(Box, {
     xcss: helpLinkStyles
   }, /*#__PURE__*/React.createElement(Text, {
     as: "p"

package/dist/es2019/ui/ConfigPanel/Header.js

@@ -11,6 +11,7 @@ import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
 import { N200 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
@@ -86,6 +87,7 @@ const Header = ({
   title,
   description,
   summary,
+  deprecation,
   documentationUrl,
   enableHelpCTA,
   onClose,
@@ -140,7 +142,9 @@ const Header = ({
   }, description && jsx(Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? jsx(Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && fg('platform_editor_extension_deprecation_status') && jsx(Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? jsx(Box, {
     xcss: helpLinkStyles
   }, jsx(Text, {
     as: "p"

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

@@ -1,10 +1,14 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+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 { messages } from '@atlaskit/editor-common/extensions';
 import commonMessages from '@atlaskit/editor-common/messages';
 import { BODIED_EXT_MBE_MARGIN_TOP } from '@atlaskit/editor-common/styles';
 import { getChildrenInfo as _getChildrenInfo, getNodeName, isReferencedSource } from '@atlaskit/editor-common/utils';
 import { findParentNodeOfType, hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
 import ContentWidthNarrowIcon from '@atlaskit/icon/core/content-width-narrow';
 import ContentWidthWideIcon from '@atlaskit/icon/core/content-width-wide';
 import CopyIcon from '@atlaskit/icon/core/copy';
@@ -23,6 +27,7 @@ import { removeDescendantNodes, removeExtension, updateExtensionLayout } from '.
 import { pluginKey as macroPluginKey } from './macro/plugin-key';
 import { getPluginState } from './plugin-factory';
 import { getSelectedExtension } from './utils';
+
 // non-bodied extensions nested inside panels, blockquotes and lists do not support layouts
 var isNestedNBM = function isNestedNBM(state, selectedExtNode) {
   var _state$schema$nodes = state.schema.nodes,
@@ -247,7 +252,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
     editorAnalyticsAPI = _ref.editorAnalyticsAPI,
     extensionApi = _ref.extensionApi;
   return function (state, intl) {
-    var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+    var _hoverDecoration5, _hoverDecoration6, _hoverDecoration7, _hoverDecoration8;
     var formatMessage = intl.formatMessage;
     var extensionState = getPluginState(state);
     if (fg('platform_editor_legacy_content_macro')) {
@@ -288,6 +293,15 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
         };
       };
     }
+    var hoverDecorationProps = function hoverDecorationProps(nodeType, className) {
+      var _hoverDecoration, _hoverDecoration2, _hoverDecoration3, _hoverDecoration4;
+      return fg('platform_editor_controls_patch_1') ? {
+        onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true, className),
+        onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false, className),
+        onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true, className),
+        onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false, className)
+      } : undefined;
+    };
     return {
       title: 'Extension floating controls',
       // Ignored via go/ees005
@@ -321,10 +335,10 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
         iconFallback: RemoveIcon,
         appearance: 'danger',
         onClick: removeExtension(editorAnalyticsAPI),
-        onMouseEnter: (_hoverDecoration = hoverDecoration) === null || _hoverDecoration === void 0 ? void 0 : _hoverDecoration(nodeType, true),
-        onMouseLeave: (_hoverDecoration2 = hoverDecoration) === null || _hoverDecoration2 === void 0 ? void 0 : _hoverDecoration2(nodeType, false),
-        onFocus: (_hoverDecoration3 = hoverDecoration) === null || _hoverDecoration3 === void 0 ? void 0 : _hoverDecoration3(nodeType, true),
-        onBlur: (_hoverDecoration4 = hoverDecoration) === null || _hoverDecoration4 === void 0 ? void 0 : _hoverDecoration4(nodeType, false),
+        onMouseEnter: (_hoverDecoration5 = hoverDecoration) === null || _hoverDecoration5 === void 0 ? void 0 : _hoverDecoration5(nodeType, true),
+        onMouseLeave: (_hoverDecoration6 = hoverDecoration) === null || _hoverDecoration6 === void 0 ? void 0 : _hoverDecoration6(nodeType, false),
+        onFocus: (_hoverDecoration7 = hoverDecoration) === null || _hoverDecoration7 === void 0 ? void 0 : _hoverDecoration7(nodeType, true),
+        onBlur: (_hoverDecoration8 = hoverDecoration) === null || _hoverDecoration8 === void 0 ? void 0 : _hoverDecoration8(nodeType, false),
         focusEditoronEnter: true,
         title: formatMessage(commonMessages.remove),
         tabIndex: null,
@@ -337,7 +351,7 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
         separator: breakoutItems.length > 0 ? 'both' : 'end'
       }, {
         type: 'overflow-dropdown',
-        options: [{
+        options: [_objectSpread({
           title: 'Copy',
           onClick: function onClick() {
             var _extensionApi$core, _extensionApi$floatin;
@@ -348,13 +362,13 @@ export var getToolbarConfig = function getToolbarConfig(_ref) {
           icon: /*#__PURE__*/React.createElement(CopyIcon, {
             label: "Copy"
           })
-        }, {
+        }, hoverDecorationProps(nodeType, akEditorSelectedNodeClassName)), _objectSpread({
           title: 'Delete',
           onClick: removeExtension(editorAnalyticsAPI),
           icon: /*#__PURE__*/React.createElement(DeleteIcon, {
             label: "Delete"
           })
-        }]
+        }, hoverDecorationProps(nodeType))]
       }])),
       scrollable: true
     };

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -286,6 +286,7 @@ var ConfigPanel = /*#__PURE__*/function (_React$Component) {
         icon: extensionManifest.icons['48'],
         title: extensionManifest.title,
         description: extensionManifest.description,
+        deprecation: extensionManifest.deprecation,
         summary: extensionManifest.summary,
         documentationUrl: extensionManifest.documentationUrl,
         onClose: onCancel,

package/dist/esm/ui/ConfigPanel/DescriptionSummary.js

@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 import { useIntl } from 'react-intl-next';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
 import { HelpLink } from './HelpLink';
 var descriptionStyles = xcss({
@@ -14,6 +15,7 @@ export function DescriptionSummary(_ref) {
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var description = extensionManifest.description,
+    deprecation = extensionManifest.deprecation,
     documentationUrl = extensionManifest.documentationUrl;
   // Use a temporary allowlist of top 3 macros to test out a new "Documentation" CTA ("Need help?")
   // This will be removed when Top 5 Modernized Macros updates are rolled out
@@ -27,7 +29,9 @@ export function DescriptionSummary(_ref) {
   }, description && /*#__PURE__*/React.createElement(Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? /*#__PURE__*/React.createElement(Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && fg('platform_editor_extension_deprecation_status') && /*#__PURE__*/React.createElement(Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? /*#__PURE__*/React.createElement(Box, {
     xcss: helpLinkStyles
   }, /*#__PURE__*/React.createElement(Text, {
     as: "p"

package/dist/esm/ui/ConfigPanel/Header.js

@@ -11,6 +11,7 @@ import { IconButton } from '@atlaskit/button/new';
 import { configPanelMessages as messages } from '@atlaskit/editor-common/extensions';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Text, xcss } from '@atlaskit/primitives';
 import { N200 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
@@ -86,6 +87,7 @@ var Header = function Header(_ref) {
     title = _ref.title,
     description = _ref.description,
     summary = _ref.summary,
+    deprecation = _ref.deprecation,
     documentationUrl = _ref.documentationUrl,
     enableHelpCTA = _ref.enableHelpCTA,
     onClose = _ref.onClose,
@@ -141,7 +143,9 @@ var Header = function Header(_ref) {
   }, description && jsx(Fragment, null,
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
-  description.replace(/([^.])$/, '$1.'), ' '), documentationUrl && (enableHelpCTA ? jsx(Box, {
+  description.replace(/([^.])$/, '$1.'), ' '), (deprecation === null || deprecation === void 0 ? void 0 : deprecation.isDeprecated) && (deprecation === null || deprecation === void 0 ? void 0 : deprecation.message) && fg('platform_editor_extension_deprecation_status') && jsx(Box, {
+    paddingBlockStart: "space.150"
+  }, deprecation.message), documentationUrl && (enableHelpCTA ? jsx(Box, {
     xcss: helpLinkStyles
   }, jsx(Text, {
     as: "p"

package/dist/types/ui/ConfigPanel/Header.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { Icon } from '@atlaskit/editor-common/extensions';
+import { type ExtensionDeprecationStatus } from '@atlaskit/editor-common/extensions';
 type Props = {
     title: string;
     description?: string;
     summary?: string;
+    deprecation?: ExtensionDeprecationStatus;
     documentationUrl?: string;
     enableHelpCTA?: boolean;
     icon: Icon;

package/dist/types-ts4.5/ui/ConfigPanel/Header.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { Icon } from '@atlaskit/editor-common/extensions';
+import { type ExtensionDeprecationStatus } from '@atlaskit/editor-common/extensions';
 type Props = {
     title: string;
     description?: string;
     summary?: string;
+    deprecation?: ExtensionDeprecationStatus;
     documentationUrl?: string;
     enableHelpCTA?: boolean;
     icon: Icon;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-extension",
-	"version": "5.0.11",
+	"version": "5.1.1",
 	"description": "editor-plugin-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,7 +32,7 @@
 		"@atlaskit/button": "^22.0.0",
 		"@atlaskit/checkbox": "^17.0.0",
 		"@atlaskit/datetime-picker": "^16.2.0",
-		"@atlaskit/editor-common": "^102.13.0",
+		"@atlaskit/editor-common": "^102.15.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-context-identifier": "^2.0.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/empty-state": "^9.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon": "^25.3.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.2.0",
 		"@atlaskit/radio": "^8.0.0",
@@ -58,7 +58,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^4.4.0",
+		"@atlaskit/tmp-editor-statsig": "^4.6.0",
 		"@atlaskit/toggle": "^15.0.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
@@ -117,6 +117,12 @@
 		},
 		"platform_editor_ai_object_sidebar_injection": {
 			"type": "boolean"
+		},
+		"platform_editor_extension_deprecation_status": {
+			"type": "boolean"
+		},
+		"platform_editor_controls_patch_1": {
+			"type": "boolean"
 		}
 	},
 	"stricter": {