@atlaskit/editor-common 78.10.0 → 78.10.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-common
 
+## 78.10.1
+
+### Patch Changes
+
+- [#77796](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/77796) [`eab996d08513`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/eab996d08513) - Add new statsig experiement for preserve table width, add support for passing through width to create table. Allow tables to be inserted at full width
+
 ## 78.10.0
 
 ### Minor Changes

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -208,7 +208,8 @@ var ExtensionComponent = exports.ExtensionComponent = /*#__PURE__*/function (_Co
           eventDispatcher: eventDispatcher,
           pluginInjectionApi: pluginInjectionApi,
           editorAppearance: editorAppearance,
-          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
+          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
+          isNodeSelected: selectedNode === node
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);

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

@@ -19,6 +19,7 @@ var _hooks = require("../../hooks");
 var _MultiBodiedExtension = require("../../ui/MultiBodiedExtension");
 var _utils = require("../../utils");
 var _withPluginState = require("../../with-plugin-state");
+var _Lozenge = _interopRequireDefault(require("../Extension/Lozenge"));
 var _actionApi = require("./action-api");
 var _styles = require("./styles");
 var _excluded = ["url"];
@@ -27,7 +28,10 @@ var _excluded = ["url"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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; }
 // Similar to the one in platform/packages/editor/editor-common/src/extensibility/Extension/Lozenge.tsx
-var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
+var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates) {
+  if (showMacroInteractionDesignUpdates) {
+    return null;
+  }
   if (imageData) {
     var url = imageData.url,
       rest = (0, _objectWithoutProperties2.default)(imageData, _excluded);
@@ -44,7 +48,8 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
     })), title);
   }
   return (0, _react2.jsx)("div", {
-    className: "extension-title"
+    className: "extension-title",
+    "data-testid": 'multiBodiedExtension-default-lozenge'
   }, (0, _react2.jsx)(_file.default, {
     label: title
   }), title);
@@ -57,7 +62,9 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     editorView = _ref.editorView,
     eventDispatcher = _ref.eventDispatcher,
     widthState = _ref.widthState,
-    editorAppearance = _ref.editorAppearance;
+    editorAppearance = _ref.editorAppearance,
+    showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates,
+    isNodeSelected = _ref.isNodeSelected;
   var _node$attrs = node.attrs,
     parameters = _node$attrs.parameters,
     extensionKey = _node$attrs.extensionKey;
@@ -108,13 +115,20 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
       breakoutStyles = (0, _extends2.default)({}, ((0, _objectDestructuringEmpty2.default)(_calculateBreakoutSty), _calculateBreakoutSty));
     mbeWrapperStyles = breakoutStyles;
   }
-  var wrapperClassNames = (0, _classnames.default)('multiBodiedExtension--wrapper', 'extension-container', 'block');
-  return (0, _react2.jsx)("div", {
+  var wrapperClassNames = (0, _classnames.default)('multiBodiedExtension--wrapper', 'extension-container', 'block', {
+    'remove-margin-top': showMacroInteractionDesignUpdates
+  });
+  return (0, _react2.jsx)(_react.Fragment, null, showMacroInteractionDesignUpdates && (0, _react2.jsx)(_Lozenge.default, {
+    isNodeSelected: isNodeSelected,
+    node: node,
+    showMacroInteractionDesignUpdates: true,
+    customContainerStyles: mbeWrapperStyles
+  }), (0, _react2.jsx)("div", {
     className: wrapperClassNames,
     css: _styles.mbeExtensionWrapperCSS,
     "data-testid": "multiBodiedExtension--wrapper",
     style: mbeWrapperStyles
-  }, getWrapperTitleContent(imageData, title), (0, _react2.jsx)("div", {
+  }, getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), (0, _react2.jsx)("div", {
     className: "multiBodiedExtension--container",
     css: containerCssExtended,
     "data-testid": "multiBodiedExtension--container",
@@ -127,7 +141,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef
-  })));
+  }))));
 };
 var MultiBodiedExtensionWithSharedState = function MultiBodiedExtensionWithSharedState(props) {
   var pluginInjectionApi = props.pluginInjectionApi;

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

@@ -1,13 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mbeExtensionWrapperCSS = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
 var _styles = require("../Extension/styles");
-var _templateObject;
 // Wrapper the extension title and extensionContainer
-var mbeExtensionWrapperCSS = exports.mbeExtensionWrapperCSS = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  cursor: pointer;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  .extension-title {\n    display: flex;\n    align-items: center;\n    line-height: 16px !important;\n    margin-bottom: ", ";\n    margin-left: ", " !important;\n    margin-right: ", ";\n    padding-top: ", " !important;\n  }\n"])), _styles.wrapperDefault, "var(--ds-space-250, 24px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+var mbeExtensionWrapperCSS = exports.mbeExtensionWrapperCSS = (0, _react.css)(_styles.wrapperDefault, {
+  '&.remove-margin-top': {
+    marginTop: 0
+  },
+  cursor: 'pointer',
+  marginTop: "var(--ds-space-250, 24px)",
+  marginBottom: "var(--ds-space-200, 16px)",
+  '.extension-title': {
+    display: 'flex',
+    alignItems: 'center',
+    lineHeight: '16px !important',
+    marginBottom: "var(--ds-space-100, 8px)",
+    marginLeft: "var(--ds-space-050, 4px)".concat(" !important"),
+    marginRight: "var(--ds-space-100, 8px)",
+    paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
+  }
+});

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.10.0";
+var packageVersion = "78.10.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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.10.0";
+var packageVersion = "78.10.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -163,7 +163,8 @@ export class ExtensionComponent extends Component {
         eventDispatcher: eventDispatcher,
         pluginInjectionApi: pluginInjectionApi,
         editorAppearance: editorAppearance,
-        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
+        showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
+        isNodeSelected: selectedNode === node
       });
     }
     const extensionHandlerResult = this.tryExtensionHandler(undefined);

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

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 
-import React, { useState } from 'react';
+import React, { Fragment, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
@@ -10,10 +10,14 @@ import { useSharedPluginState } from '../../hooks';
 import { sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import { WithPluginState } from '../../with-plugin-state';
+import ExtensionLozenge from '../Extension/Lozenge';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSS } from './styles';
 // Similar to the one in platform/packages/editor/editor-common/src/extensibility/Extension/Lozenge.tsx
-const getWrapperTitleContent = (imageData, title) => {
+const getWrapperTitleContent = (imageData, title, showMacroInteractionDesignUpdates) => {
+  if (showMacroInteractionDesignUpdates) {
+    return null;
+  }
   if (imageData) {
     const {
       url,
@@ -32,7 +36,8 @@ const getWrapperTitleContent = (imageData, title) => {
     })), title);
   }
   return jsx("div", {
-    className: "extension-title"
+    className: "extension-title",
+    "data-testid": 'multiBodiedExtension-default-lozenge'
   }, jsx(EditorFileIcon, {
     label: title
   }), title);
@@ -45,7 +50,9 @@ const MultiBodiedExtensionWithWidth = ({
   editorView,
   eventDispatcher,
   widthState,
-  editorAppearance
+  editorAppearance,
+  showMacroInteractionDesignUpdates,
+  isNodeSelected
 }) => {
   const {
     parameters,
@@ -98,13 +105,20 @@ const MultiBodiedExtensionWithWidth = ({
     });
     mbeWrapperStyles = breakoutStyles;
   }
-  const wrapperClassNames = classnames('multiBodiedExtension--wrapper', 'extension-container', 'block');
-  return jsx("div", {
+  const wrapperClassNames = classnames('multiBodiedExtension--wrapper', 'extension-container', 'block', {
+    'remove-margin-top': showMacroInteractionDesignUpdates
+  });
+  return jsx(Fragment, null, showMacroInteractionDesignUpdates && jsx(ExtensionLozenge, {
+    isNodeSelected: isNodeSelected,
+    node: node,
+    showMacroInteractionDesignUpdates: true,
+    customContainerStyles: mbeWrapperStyles
+  }), jsx("div", {
     className: wrapperClassNames,
     css: mbeExtensionWrapperCSS,
     "data-testid": "multiBodiedExtension--wrapper",
     style: mbeWrapperStyles
-  }, getWrapperTitleContent(imageData, title), jsx("div", {
+  }, getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
     className: "multiBodiedExtension--container",
     css: containerCssExtended,
     "data-testid": "multiBodiedExtension--container",
@@ -117,7 +131,7 @@ const MultiBodiedExtensionWithWidth = ({
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef
-  })));
+  }))));
 };
 const MultiBodiedExtensionWithSharedState = props => {
   const {

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

@@ -2,18 +2,20 @@ import { css } from '@emotion/react';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
-export const mbeExtensionWrapperCSS = css`
-  ${wrapperDefault};
-  cursor: pointer;
-  margin-top: ${"var(--ds-space-250, 24px)"};
-  margin-bottom: ${"var(--ds-space-200, 16px)"};
-  .extension-title {
-    display: flex;
-    align-items: center;
-    line-height: 16px !important;
-    margin-bottom: ${"var(--ds-space-100, 8px)"};
-    margin-left: ${"var(--ds-space-050, 4px)"} !important;
-    margin-right: ${"var(--ds-space-100, 8px)"};
-    padding-top: ${"var(--ds-space-100, 8px)"} !important;
+export const mbeExtensionWrapperCSS = css(wrapperDefault, {
+  '&.remove-margin-top': {
+    marginTop: 0
+  },
+  cursor: 'pointer',
+  marginTop: "var(--ds-space-250, 24px)",
+  marginBottom: "var(--ds-space-200, 16px)",
+  '.extension-title': {
+    display: 'flex',
+    alignItems: 'center',
+    lineHeight: '16px !important',
+    marginBottom: "var(--ds-space-100, 8px)",
+    marginLeft: `${"var(--ds-space-050, 4px)"} !important`,
+    marginRight: "var(--ds-space-100, 8px)",
+    paddingTop: `${"var(--ds-space-100, 8px)"} !important`
   }
-`;
+});

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

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.10.0";
+const packageVersion = "78.10.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/extensibility/ExtensionComponent.js

@@ -198,7 +198,8 @@ export var ExtensionComponent = /*#__PURE__*/function (_Component) {
           eventDispatcher: eventDispatcher,
           pluginInjectionApi: pluginInjectionApi,
           editorAppearance: editorAppearance,
-          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates
+          showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
+          isNodeSelected: selectedNode === node
         });
       }
       var extensionHandlerResult = this.tryExtensionHandler(undefined);

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

@@ -7,7 +7,7 @@ var _excluded = ["url"];
 /* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 
-import React, { useState } from 'react';
+import React, { Fragment, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import classnames from 'classnames';
 import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
@@ -15,10 +15,14 @@ import { useSharedPluginState } from '../../hooks';
 import { sharedMultiBodiedExtensionStyles } from '../../ui/MultiBodiedExtension';
 import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import { WithPluginState } from '../../with-plugin-state';
+import ExtensionLozenge from '../Extension/Lozenge';
 import { useMultiBodiedExtensionActions } from './action-api';
 import { mbeExtensionWrapperCSS } from './styles';
 // Similar to the one in platform/packages/editor/editor-common/src/extensibility/Extension/Lozenge.tsx
-var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
+var getWrapperTitleContent = function getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates) {
+  if (showMacroInteractionDesignUpdates) {
+    return null;
+  }
   if (imageData) {
     var url = imageData.url,
       rest = _objectWithoutProperties(imageData, _excluded);
@@ -35,7 +39,8 @@ var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
     })), title);
   }
   return jsx("div", {
-    className: "extension-title"
+    className: "extension-title",
+    "data-testid": 'multiBodiedExtension-default-lozenge'
   }, jsx(EditorFileIcon, {
     label: title
   }), title);
@@ -48,7 +53,9 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     editorView = _ref.editorView,
     eventDispatcher = _ref.eventDispatcher,
     widthState = _ref.widthState,
-    editorAppearance = _ref.editorAppearance;
+    editorAppearance = _ref.editorAppearance,
+    showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates,
+    isNodeSelected = _ref.isNodeSelected;
   var _node$attrs = node.attrs,
     parameters = _node$attrs.parameters,
     extensionKey = _node$attrs.extensionKey;
@@ -99,13 +106,20 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
       breakoutStyles = _extends({}, (_objectDestructuringEmpty(_calculateBreakoutSty), _calculateBreakoutSty));
     mbeWrapperStyles = breakoutStyles;
   }
-  var wrapperClassNames = classnames('multiBodiedExtension--wrapper', 'extension-container', 'block');
-  return jsx("div", {
+  var wrapperClassNames = classnames('multiBodiedExtension--wrapper', 'extension-container', 'block', {
+    'remove-margin-top': showMacroInteractionDesignUpdates
+  });
+  return jsx(Fragment, null, showMacroInteractionDesignUpdates && jsx(ExtensionLozenge, {
+    isNodeSelected: isNodeSelected,
+    node: node,
+    showMacroInteractionDesignUpdates: true,
+    customContainerStyles: mbeWrapperStyles
+  }), jsx("div", {
     className: wrapperClassNames,
     css: mbeExtensionWrapperCSS,
     "data-testid": "multiBodiedExtension--wrapper",
     style: mbeWrapperStyles
-  }, getWrapperTitleContent(imageData, title), jsx("div", {
+  }, getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
     className: "multiBodiedExtension--container",
     css: containerCssExtended,
     "data-testid": "multiBodiedExtension--container",
@@ -118,7 +132,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef
-  })));
+  }))));
 };
 var MultiBodiedExtensionWithSharedState = function MultiBodiedExtensionWithSharedState(props) {
   var pluginInjectionApi = props.pluginInjectionApi;

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -1,7 +1,21 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
 import { wrapperDefault } from '../Extension/styles';
 
 // Wrapper the extension title and extensionContainer
-export var mbeExtensionWrapperCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  margin-top: ", ";\n  margin-bottom: ", ";\n  .extension-title {\n    display: flex;\n    align-items: center;\n    line-height: 16px !important;\n    margin-bottom: ", ";\n    margin-left: ", " !important;\n    margin-right: ", ";\n    padding-top: ", " !important;\n  }\n"])), wrapperDefault, "var(--ds-space-250, 24px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var mbeExtensionWrapperCSS = css(wrapperDefault, {
+  '&.remove-margin-top': {
+    marginTop: 0
+  },
+  cursor: 'pointer',
+  marginTop: "var(--ds-space-250, 24px)",
+  marginBottom: "var(--ds-space-200, 16px)",
+  '.extension-title': {
+    display: 'flex',
+    alignItems: 'center',
+    lineHeight: '16px !important',
+    marginBottom: "var(--ds-space-100, 8px)",
+    marginLeft: "var(--ds-space-050, 4px)".concat(" !important"),
+    marginRight: "var(--ds-space-100, 8px)",
+    paddingTop: "var(--ds-space-100, 8px)".concat(" !important")
+  }
+});

package/dist/esm/monitoring/error.js

@@ -6,7 +6,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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; }
 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.10.0";
+var packageVersion = "78.10.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "78.10.0";
+var packageVersion = "78.10.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/extensibility/MultiBodiedExtension/index.d.ts

@@ -19,6 +19,7 @@ type Props = {
     pluginInjectionApi?: ExtensionsPluginInjectionAPI;
     editorAppearance?: EditorAppearance;
     showMacroInteractionDesignUpdates?: boolean;
+    isNodeSelected?: boolean;
 };
 declare const MultiBodiedExtension: (props: Props & OverflowShadowProps) => jsx.JSX.Element;
 /**

package/dist/types/preset/plugin-injection-api.d.ts

@@ -39,7 +39,7 @@ export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefin
     private commandsAPI;
     private plugins;
     constructor({ getEditorState, getEditorView }: PluginInjectionAPIProps);
-    api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>, ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [] : []]>;
+    api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never>, ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never) ? (T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never)["dependencies"], undefined> : [] : []]>;
     onEditorViewUpdated: ({ newEditorState, oldEditorState, }: EditorStateDiff) => void;
     onEditorPluginInitialized: (plugin: NextEditorPluginInitializedType) => void;
     private addPlugin;

package/dist/types/types/feature-flags.d.ts

@@ -211,6 +211,14 @@ export type FeatureFlags = {
      * @default false
      */
     tableSelector?: boolean;
+    /**
+     * @description
+     * Enables table to scale in the same way as renderer
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-22364
+     * @default false
+     */
+    tablePreserveWidth?: boolean;
     /**
      * @description
      * Enables commenting on media
@@ -219,6 +227,14 @@ export type FeatureFlags = {
      * @default false
      */
     commentsOnMedia?: boolean;
+    /**
+     * @description
+     * Enables macro interaction visual updates
+     *
+     * @see https://product-fabric.atlassian.net/browse/PGXT-4910
+     * @default false
+     */
+    macroInteractionUpdates?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/dist/types-ts4.5/extensibility/MultiBodiedExtension/index.d.ts

@@ -19,6 +19,7 @@ type Props = {
     pluginInjectionApi?: ExtensionsPluginInjectionAPI;
     editorAppearance?: EditorAppearance;
     showMacroInteractionDesignUpdates?: boolean;
+    isNodeSelected?: boolean;
 };
 declare const MultiBodiedExtension: (props: Props & OverflowShadowProps) => jsx.JSX.Element;
 /**

package/dist/types-ts4.5/preset/plugin-injection-api.d.ts

@@ -40,8 +40,8 @@ export declare class EditorPluginInjectionAPI implements PluginInjectionAPIDefin
     private plugins;
     constructor({ getEditorState, getEditorView }: PluginInjectionAPIProps);
     api<T extends NextEditorPlugin<any, any>>(): import("../types/next-editor-plugin").PublicPluginAPI<[
-        NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never>,
-        ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never) ? (T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata : never)["dependencies"], undefined> : [
+        NextEditorPlugin<T extends import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<infer Name extends string, any, any> ? Name : never, T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never>,
+        ..."dependencies" extends keyof (T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never) ? (T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never)["dependencies"] extends (import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any> | import("../types/next-editor-plugin").OptionalPlugin<import("../types/next-editor-plugin").NextEditorPluginFunctionOptionalConfigDefinition<any, any, any>>)[] ? Exclude<(T extends NextEditorPlugin<any, infer Metadata_1 extends import("../types/next-editor-plugin").NextEditorPluginMetadata> ? Metadata_1 : never)["dependencies"], undefined> : [
         ] : [
         ]
     ]>;

package/dist/types-ts4.5/types/feature-flags.d.ts

@@ -211,6 +211,14 @@ export type FeatureFlags = {
      * @default false
      */
     tableSelector?: boolean;
+    /**
+     * @description
+     * Enables table to scale in the same way as renderer
+     *
+     * @see https://product-fabric.atlassian.net/browse/ED-22364
+     * @default false
+     */
+    tablePreserveWidth?: boolean;
     /**
      * @description
      * Enables commenting on media
@@ -219,6 +227,14 @@ export type FeatureFlags = {
      * @default false
      */
     commentsOnMedia?: boolean;
+    /**
+     * @description
+     * Enables macro interaction visual updates
+     *
+     * @see https://product-fabric.atlassian.net/browse/PGXT-4910
+     * @default false
+     */
+    macroInteractionUpdates?: boolean;
 };
 export type FeatureFlagKey = keyof FeatureFlags;
 export type GetEditorFeatureFlags = () => FeatureFlags;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "78.10.0",
+  "version": "78.10.1",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/tsconfig.json

@@ -2,9 +2,6 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "baseUrl": "./",
-    "types": [
-      "cypress"
-    ]
   },
   "include": [
     "src/**/*.ts",
@@ -20,4 +17,4 @@
     "src/json-schema",
     "../editor-common-tests/src/__tests_external__"
   ]
-}
+}