@atlaskit/editor-common 78.6.0 → 78.7.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-common
 
+## 78.7.0
+
+### Minor Changes
+
+- [#76370](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/76370) [`6e7d6bc06b91`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6e7d6bc06b91) - Passes Confluence experiment flag to extensions for new macro visual design project
+
+## 78.6.1
+
+### Patch Changes
+
+- [#74886](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/74886) [`5b79ded33f58`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5b79ded33f58) - [EDF-324] Element Browser now has a separate categories for ai config items
+
 ## 78.6.0
 
 ### Minor Changes

package/dist/cjs/__tests_external__/page-objects/EditorSmartLink.js

@@ -15,7 +15,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _inProductTesting = require("@atlaskit/in-product-testing");
 var _inProduct = require("@atlaskit/smart-card/in-product");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } // eslint-disable-next-line import/no-extraneous-dependencies
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var EditorSmartLinkPageObject = exports.EditorSmartLinkPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
   (0, _inherits2.default)(EditorSmartLinkPageObject, _InProductTestPageObj);
   var _super = _createSuper(EditorSmartLinkPageObject);

package/dist/cjs/element-browser/components/ElementList/EmptyState.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = EmptyState;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _button = _interopRequireDefault(require("@atlaskit/button"));
 var _NotFoundIllustration = _interopRequireDefault(require("./NotFoundIllustration"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
+
 function EmptyState(_ref) {
   var onExternalLinkClick = _ref.onExternalLinkClick;
   return (0, _react.jsx)("div", {
-    css: emptyStateWrapper
+    css: emptyStateWrapper,
+    "data-testid": "empty-state-wrapper"
   }, (0, _react.jsx)(_NotFoundIllustration.default, null), (0, _react.jsx)("div", {
     css: emptyStateHeading
   }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, {
@@ -41,7 +41,26 @@ function EmptyState(_ref) {
     description: "Empty state sub-heading external link"
   })))));
 }
-var emptyStateHeading = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  font-size: 1.42857em;\n  line-height: 1.2;\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: 28px;\n"])), "var(--ds-text, rgb(23, 43, 77))");
-var emptyStateSubHeading = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: ", ";\n  max-width: 400px;\n  text-align: center;\n"])), "var(--ds-space-200, 16px)");
-var emptyStateWrapper = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n"])));
-var externalLinkWrapper = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: 14px;\n"])));
+var emptyStateHeading = (0, _react.css)({
+  fontSize: '1.42857em',
+  lineHeight: 1.2,
+  color: "var(--ds-text, rgb(23, 43, 77))",
+  fontWeight: 500,
+  letterSpacing: '-0.008em',
+  marginTop: '28px'
+});
+var emptyStateSubHeading = (0, _react.css)({
+  marginTop: "var(--ds-space-200, 16px)",
+  maxWidth: '400px',
+  textAlign: 'center'
+});
+var emptyStateWrapper = (0, _react.css)({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  width: '100%'
+});
+var externalLinkWrapper = (0, _react.css)({
+  marginTop: '14px'
+});

package/dist/cjs/extensibility/Extension.js

@@ -38,7 +38,8 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
         pluginInjectionApi = _this$props.pluginInjectionApi,
-        eventDispatcher = _this$props.eventDispatcher;
+        eventDispatcher = _this$props.eventDispatcher,
+        showMacroInteractionDesignUpdates = _this$props.showMacroInteractionDesignUpdates;
       return /*#__PURE__*/_react.default.createElement(_ExtensionComponent.ExtensionComponent, {
         editorView: editorView,
         node: node,
@@ -49,7 +50,8 @@ var Extension = exports.Extension = /*#__PURE__*/function (_Component) {
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
-        eventDispatcher: eventDispatcher
+        eventDispatcher: eventDispatcher,
+        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
       });
     });
     _this.providerFactory = props.providerFactory || new _providerFactory.ProviderFactory();

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -193,7 +193,8 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
         editorAppearance = _this$props2.editorAppearance,
         pluginInjectionApi = _this$props2.pluginInjectionApi,
         getPos = _this$props2.getPos,
-        eventDispatcher = _this$props2.eventDispatcher;
+        eventDispatcher = _this$props2.eventDispatcher,
+        showMacroInteractionDesignUpdates = _this$props2.showMacroInteractionDesignUpdates;
       if (node.type.name === 'multiBodiedExtension') {
         return /*#__PURE__*/_react.default.createElement(_MultiBodiedExtension.default, {
           node: node,
@@ -203,7 +204,8 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
           tryExtensionHandler: this.tryExtensionHandler.bind(this),
           eventDispatcher: eventDispatcher,
           pluginInjectionApi: pluginInjectionApi,
-          editorAppearance: editorAppearance
+          editorAppearance: editorAppearance,
+          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);
@@ -219,11 +221,13 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
             view: editorView,
             editorAppearance: editorAppearance,
             hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
-            pluginInjectionApi: pluginInjectionApi
+            pluginInjectionApi: pluginInjectionApi,
+            showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
           }, extensionHandlerResult);
         case 'inlineExtension':
           return /*#__PURE__*/_react.default.createElement(_InlineExtension.default, {
-            node: node
+            node: node,
+            showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
           }, extensionHandlerResult);
         default:
           return null;

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
@@ -21,7 +21,6 @@ var _utils = require("../../utils");
 var _withPluginState = require("../../with-plugin-state");
 var _actionApi = require("./action-api");
 var _styles = require("./styles");
-var _templateObject, _templateObject2;
 var _excluded = ["url"];
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
@@ -35,7 +34,10 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
     return (0, _react2.jsx)("div", {
       className: "extension-title"
     }, (0, _react2.jsx)("img", (0, _extends2.default)({
-      css: (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n            max-height: 24px;\n            max-width: 24px;\n          "]))),
+      css: (0, _react2.css)({
+        maxHeight: '24px',
+        maxWidth: '24px'
+      }),
       src: url
     }, rest, {
       alt: title
@@ -90,7 +92,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
   var articleRef = _react.default.useCallback(function (node) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
-  var containerCssExtended = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    ", ";\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      ", "\n    }\n  "])), _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer, activeChildIndex + 1, _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.extensionFrameContent);
+  var containerCssExtended = (0, _react2.css)(_MultiBodiedExtension.sharedMultiBodiedExtensionStyles.mbeExtensionContainer, (0, _defineProperty2.default)({}, ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(".concat(activeChildIndex + 1, ")"), _MultiBodiedExtension.sharedMultiBodiedExtensionStyles.extensionFrameContent));
   var shouldBreakout =
   // Extension should breakout when the layout is set to 'full-width' or 'wide'.
   ['full-width', 'wide'].includes(node.attrs.layout) &&

package/dist/cjs/extensibility/extensionNodeView.js

@@ -72,20 +72,22 @@ var ExtensionNode = exports.ExtensionNode = /*#__PURE__*/function (_ReactNodeVie
         handleContentDOMRef: forwardRef,
         extensionHandlers: props.extensionHandlers,
         editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
-        pluginInjectionApi: props.pluginInjectionApi
+        pluginInjectionApi: props.pluginInjectionApi,
+        showMacroInteractionDesignUpdates: props.showMacroInteractionDesignUpdates
       }));
     }
   }]);
   return ExtensionNode;
 }(_reactNodeView.default);
-function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi) {
+function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, showMacroInteractionDesignUpdates) {
   return function (node, view, getPos) {
     var hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions,
-      pluginInjectionApi: pluginInjectionApi
+      pluginInjectionApi: pluginInjectionApi,
+      showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
     }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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 = "78.6.0";
+var packageVersion = "78.7.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/preset/plugin-injection-api.js

@@ -262,7 +262,7 @@ var EditorPluginInjectionAPI = exports.EditorPluginInjectionAPI = /*#__PURE__*/f
       // For some reason in some tests we have duplicates that are missed.
       // To follow-up in ED-19611
       if (plugin.name === 'core' && _this2.plugins.has(plugin.name)) {
-        throw new Error("Plugin ".concat(plugin.name, " has already been initialised in the Editor API! \n        There cannot be duplicate plugins or you will have unexpected behaviour"));
+        throw new Error("Plugin ".concat(plugin.name, " has already been initialised in the Editor API!\n        There cannot be duplicate plugins or you will have unexpected behaviour"));
       }
       _this2.plugins.set(plugin.name, plugin);
     });

package/dist/cjs/quick-insert/messages.js

@@ -65,5 +65,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.editor.elementbrowser.categorylist.category-development',
     defaultMessage: 'Development',
     description: 'development'
+  },
+  AI: {
+    id: 'fabric.editor.elementbrowser.categorylist.category-ai',
+    defaultMessage: 'Atlassian Intelligence',
+    description: 'AI'
   }
 });

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

@@ -22,7 +22,7 @@ var _templateObject, _templateObject2, _templateObject3;
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.6.0";
+var packageVersion = "78.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/utils/index.js

@@ -52,6 +52,12 @@ Object.defineProperty(exports, "LinkMatcher", {
     return _hyperlink.LinkMatcher;
   }
 });
+Object.defineProperty(exports, "PROFILER_KEY", {
+  enumerable: true,
+  get: function get() {
+    return _renderCount.PROFILER_KEY;
+  }
+});
 Object.defineProperty(exports, "RenderCountProfiler", {
   enumerable: true,
   get: function get() {

package/dist/es2019/__tests_external__/page-objects/EditorSmartLink.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
 export class EditorSmartLinkPageObject extends InProductTestPageObject {
   constructor(cy, editor) {

package/dist/es2019/element-browser/components/ElementList/EmptyState.js

@@ -7,7 +7,8 @@ export default function EmptyState({
   onExternalLinkClick
 }) {
   return jsx("div", {
-    css: emptyStateWrapper
+    css: emptyStateWrapper,
+    "data-testid": "empty-state-wrapper"
   }, jsx(NotFoundIllustration, null), jsx("div", {
     css: emptyStateHeading
   }, jsx(FormattedMessage, {
@@ -33,26 +34,26 @@ export default function EmptyState({
     description: "Empty state sub-heading external link"
   })))));
 }
-const emptyStateHeading = css`
-  font-size: 1.42857em;
-  line-height: 1.2;
-  color: ${"var(--ds-text, rgb(23, 43, 77))"};
-  font-weight: 500;
-  letter-spacing: -0.008em;
-  margin-top: 28px;
-`;
-const emptyStateSubHeading = css`
-  margin-top: ${"var(--ds-space-200, 16px)"};
-  max-width: 400px;
-  text-align: center;
-`;
-const emptyStateWrapper = css`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-`;
-const externalLinkWrapper = css`
-  margin-top: 14px;
-`;
+const emptyStateHeading = css({
+  fontSize: '1.42857em',
+  lineHeight: 1.2,
+  color: "var(--ds-text, rgb(23, 43, 77))",
+  fontWeight: 500,
+  letterSpacing: '-0.008em',
+  marginTop: '28px'
+});
+const emptyStateSubHeading = css({
+  marginTop: "var(--ds-space-200, 16px)",
+  maxWidth: '400px',
+  textAlign: 'center'
+});
+const emptyStateWrapper = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  width: '100%'
+});
+const externalLinkWrapper = css({
+  marginTop: '14px'
+});

package/dist/es2019/extensibility/Extension.js

@@ -17,7 +17,8 @@ export class Extension extends Component {
         references,
         editorAppearance,
         pluginInjectionApi,
-        eventDispatcher
+        eventDispatcher,
+        showMacroInteractionDesignUpdates
       } = this.props;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
@@ -29,7 +30,8 @@ export class Extension extends Component {
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
-        eventDispatcher: eventDispatcher
+        eventDispatcher: eventDispatcher,
+        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
       });
     });
     this.providerFactory = props.providerFactory || new ProviderFactory();

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -1,6 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import { Component } from 'react';
+import React, { Component } from 'react';
 import memoizeOne from 'memoize-one';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer } from '../utils';
@@ -146,7 +145,8 @@ export class ExtensionComponent extends Component {
       editorAppearance,
       pluginInjectionApi,
       getPos,
-      eventDispatcher
+      eventDispatcher,
+      showMacroInteractionDesignUpdates
     } = this.props;
     if (node.type.name === 'multiBodiedExtension') {
       return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
@@ -157,7 +157,8 @@ export class ExtensionComponent extends Component {
         tryExtensionHandler: this.tryExtensionHandler.bind(this),
         eventDispatcher: eventDispatcher,
         pluginInjectionApi: pluginInjectionApi,
-        editorAppearance: editorAppearance
+        editorAppearance: editorAppearance,
+        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
       });
     }
     const extensionHandlerResult = this.tryExtensionHandler(undefined);
@@ -173,11 +174,13 @@ export class ExtensionComponent extends Component {
           view: editorView,
           editorAppearance: editorAppearance,
           hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
-          pluginInjectionApi: pluginInjectionApi
+          pluginInjectionApi: pluginInjectionApi,
+          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
         }, extensionHandlerResult);
       case 'inlineExtension':
         return /*#__PURE__*/React.createElement(InlineExtension, {
-          node: node
+          node: node,
+          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
         }, extensionHandlerResult);
       default:
         return null;

package/dist/es2019/extensibility/MultiBodiedExtension/index.js

@@ -22,10 +22,10 @@ const getWrapperTitleContent = (imageData, title) => {
     return jsx("div", {
       className: "extension-title"
     }, jsx("img", _extends({
-      css: css`
-            max-height: 24px;
-            max-width: 24px;
-          `,
+      css: css({
+        maxHeight: '24px',
+        maxWidth: '24px'
+      }),
       src: url
     }, rest, {
       alt: title
@@ -79,13 +79,9 @@ const MultiBodiedExtensionWithWidth = ({
   const articleRef = React.useCallback(node => {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
-  const containerCssExtended = css`
-    ${sharedMultiBodiedExtensionStyles.mbeExtensionContainer};
-    .multiBodiedExtension-content-dom-wrapper
-      > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) {
-      ${sharedMultiBodiedExtensionStyles.extensionFrameContent}
-    }
-  `;
+  const containerCssExtended = css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
+    [`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`]: sharedMultiBodiedExtensionStyles.extensionFrameContent
+  });
   const shouldBreakout =
   // Extension should breakout when the layout is set to 'full-width' or 'wide'.
   ['full-width', 'wide'].includes(node.attrs.layout) &&

package/dist/es2019/extensibility/extensionNodeView.js

@@ -45,18 +45,20 @@ export class ExtensionNode extends ReactNodeView {
       handleContentDOMRef: forwardRef,
       extensionHandlers: props.extensionHandlers,
       editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
-      pluginInjectionApi: props.pluginInjectionApi
+      pluginInjectionApi: props.pluginInjectionApi,
+      showMacroInteractionDesignUpdates: props.showMacroInteractionDesignUpdates
     }));
   }
 }
-export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi) {
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi, showMacroInteractionDesignUpdates) {
   return (node, view, getPos) => {
     const hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory,
       extensionHandlers,
       extensionNodeViewOptions,
-      pluginInjectionApi
+      pluginInjectionApi,
+      showMacroInteractionDesignUpdates
     }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/es2019/monitoring/error.js

@@ -1,6 +1,6 @@
 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 = "78.6.0";
+const packageVersion = "78.7.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/preset/plugin-injection-api.js

@@ -182,7 +182,7 @@ export class EditorPluginInjectionAPI {
       // For some reason in some tests we have duplicates that are missed.
       // To follow-up in ED-19611
       if (plugin.name === 'core' && this.plugins.has(plugin.name)) {
-        throw new Error(`Plugin ${plugin.name} has already been initialised in the Editor API! 
+        throw new Error(`Plugin ${plugin.name} has already been initialised in the Editor API!
         There cannot be duplicate plugins or you will have unexpected behaviour`);
       }
       this.plugins.set(plugin.name, plugin);

package/dist/es2019/quick-insert/messages.js

@@ -59,5 +59,10 @@ export const messages = defineMessages({
     id: 'fabric.editor.elementbrowser.categorylist.category-development',
     defaultMessage: 'Development',
     description: 'development'
+  },
+  AI: {
+    id: 'fabric.editor.elementbrowser.categorylist.category-ai',
+    defaultMessage: 'Atlassian Intelligence',
+    description: 'AI'
   }
 });

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

@@ -7,7 +7,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "78.6.0";
+const packageVersion = "78.7.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/utils/index.js

@@ -31,7 +31,7 @@ export { shouldForceTracking } from './should-force-tracking';
 export { getModeFromTheme } from './getModeFromTheme';
 export { getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from './get-performance-options';
 export { sniffUserBrowserExtensions } from './browser-extensions';
-export { RenderCountProfiler } from './profiler/render-count';
+export { RenderCountProfiler, PROFILER_KEY } from './profiler/render-count';
 export { validateADFEntity, validationErrorHandler } from './validate-using-spec';
 export { getShallowPropsDifference, getPropsDifference } from './compare-props';
 export { useComponentRenderTracking } from './performance/hooks/use-component-render-tracking';

package/dist/esm/__tests_external__/page-objects/EditorSmartLink.js

@@ -8,7 +8,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import { InProductTestPageObject } from '@atlaskit/in-product-testing';
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
 export var EditorSmartLinkPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
   _inherits(EditorSmartLinkPageObject, _InProductTestPageObj);

package/dist/esm/element-browser/components/ElementList/EmptyState.js

@@ -1,5 +1,3 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
@@ -8,7 +6,8 @@ import NotFoundIllustration from './NotFoundIllustration';
 export default function EmptyState(_ref) {
   var onExternalLinkClick = _ref.onExternalLinkClick;
   return jsx("div", {
-    css: emptyStateWrapper
+    css: emptyStateWrapper,
+    "data-testid": "empty-state-wrapper"
   }, jsx(NotFoundIllustration, null), jsx("div", {
     css: emptyStateHeading
   }, jsx(FormattedMessage, {
@@ -34,7 +33,26 @@ export default function EmptyState(_ref) {
     description: "Empty state sub-heading external link"
   })))));
 }
-var emptyStateHeading = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-size: 1.42857em;\n  line-height: 1.2;\n  color: ", ";\n  font-weight: 500;\n  letter-spacing: -0.008em;\n  margin-top: 28px;\n"])), "var(--ds-text, rgb(23, 43, 77))");
-var emptyStateSubHeading = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  max-width: 400px;\n  text-align: center;\n"])), "var(--ds-space-200, 16px)");
-var emptyStateWrapper = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n"])));
-var externalLinkWrapper = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-top: 14px;\n"])));
+var emptyStateHeading = css({
+  fontSize: '1.42857em',
+  lineHeight: 1.2,
+  color: "var(--ds-text, rgb(23, 43, 77))",
+  fontWeight: 500,
+  letterSpacing: '-0.008em',
+  marginTop: '28px'
+});
+var emptyStateSubHeading = css({
+  marginTop: "var(--ds-space-200, 16px)",
+  maxWidth: '400px',
+  textAlign: 'center'
+});
+var emptyStateWrapper = css({
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  width: '100%'
+});
+var externalLinkWrapper = css({
+  marginTop: '14px'
+});

package/dist/esm/extensibility/Extension.js

@@ -28,7 +28,8 @@ export var Extension = /*#__PURE__*/function (_Component) {
         references = _this$props.references,
         editorAppearance = _this$props.editorAppearance,
         pluginInjectionApi = _this$props.pluginInjectionApi,
-        eventDispatcher = _this$props.eventDispatcher;
+        eventDispatcher = _this$props.eventDispatcher,
+        showMacroInteractionDesignUpdates = _this$props.showMacroInteractionDesignUpdates;
       return /*#__PURE__*/React.createElement(ExtensionComponent, {
         editorView: editorView,
         node: node,
@@ -39,7 +40,8 @@ export var Extension = /*#__PURE__*/function (_Component) {
         extensionHandlers: extensionHandlers,
         editorAppearance: editorAppearance,
         pluginInjectionApi: pluginInjectionApi,
-        eventDispatcher: eventDispatcher
+        eventDispatcher: eventDispatcher,
+        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
       });
     });
     _this.providerFactory = props.providerFactory || new ProviderFactory();