@atlaskit/editor-common 110.41.10 → 110.43.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-common
 
+## 110.43.0
+
+### Minor Changes
+
+- [`ffb6f2957dccf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ffb6f2957dccf) -
+  fg clean up: platform_editor_multi_body_extension_extensibility
+
+## 110.42.0
+
+### Minor Changes
+
+- [`5f95a3d8edc0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5f95a3d8edc0c) -
+  EDITOR-3356 fix macro renderer syle inside layout
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.41.10
 
 ### Patch Changes

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

@@ -36,6 +36,9 @@ var hoverStyles = (0, _react2.css)({
     boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });
+var containerStyle = (0, _react2.css)({
+  containerType: 'inline-size'
+});
 function ExtensionWithPluginState(props) {
   var _node$attrs;
   var node = props.node,
@@ -188,10 +191,10 @@ function ExtensionWithPluginState(props) {
     "data-testid": "extension-overflow-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: overflowClassNames
+    className: overflowClassNames,
+    css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    ,
-    css: _styles2.overflowWrapperStyles
+    _styles2.overflowWrapperStyles, (0, _platformFeatureFlags.fg)('platform_fix_macro_renders_in_layouts') && containerStyle]
   }, (0, _react2.jsx)("div", {
     className: 'extension-overlay',
     css: _styles.overlay

package/dist/cjs/extensibility/ExtensionComponent.js

@@ -20,7 +20,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _extensions = require("../extensions");
 var _utils = require("../utils");
@@ -33,10 +32,6 @@ var _excluded = ["extensionProvider", "showLivePagesBodiedMacrosRendererView", "
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-/* temporary type until FG cleaned up */
-
-/* temporary type until FG cleaned up */
-
 var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
   var bodiedExtensionContent = [];
   node.content.forEach(function (childNode) {
@@ -246,7 +241,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
       var isNodeNested = !!(resolvedPosition && resolvedPosition.depth > 0);
       if (node.type.name === 'multiBodiedExtension') {
         var _this$state$_privateP;
-        var allowBodiedOverride = ((_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride) && (0, _platformFeatureFlags.fg)('platform_editor_multi_body_extension_extensibility');
+        var allowBodiedOverride = (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride;
         return /*#__PURE__*/_react.default.createElement(_MultiBodiedExtension.default, {
           node: node,
           editorView: editorView,

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

@@ -206,7 +206,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     _styles.mbeExtensionWrapperCSSStyles, showMacroInteractionDesignUpdates && !isLivePageViewMode && (0, _expValEquals.expValEquals)('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles],
-    "data-testid": "multiBodiedExtension--wrapper",
+    "data-testid": "multiBodiedExtension--wrapper-editor",
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/cjs/monitoring/error.js

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

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

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

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

@@ -24,6 +24,9 @@ const hoverStyles = css({
     boxShadow: `0 0 0 1px ${"var(--ds-border-input, #8C8F97)"}`
   }
 });
+const containerStyle = css({
+  containerType: 'inline-size'
+});
 function ExtensionWithPluginState(props) {
   var _node$attrs, _node$attrs$parameter, _node$attrs$parameter2, _node$attrs$parameter3;
   const {
@@ -180,10 +183,10 @@ function ExtensionWithPluginState(props) {
     "data-testid": "extension-overflow-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: overflowClassNames
+    className: overflowClassNames,
+    css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    ,
-    css: overflowWrapperStyles
+    overflowWrapperStyles, fg('platform_fix_macro_renders_in_layouts') && containerStyle]
   }, jsx("div", {
     className: 'extension-overlay',
     css: overlay

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -4,7 +4,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
@@ -12,11 +11,6 @@ import Extension from './Extension/Extension';
 import { isEmptyBodiedMacro } from './Extension/Extension/extension-utils';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
-
-/* temporary type until FG cleaned up */
-
-/* temporary type until FG cleaned up */
-
 const getBodiedExtensionContent = node => {
   const bodiedExtensionContent = [];
   node.content.forEach(childNode => {
@@ -200,7 +194,7 @@ class ExtensionComponentInner extends Component {
     const isNodeNested = !!(resolvedPosition && resolvedPosition.depth > 0);
     if (node.type.name === 'multiBodiedExtension') {
       var _this$state$_privateP;
-      const allowBodiedOverride = ((_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride) && fg('platform_editor_multi_body_extension_extensibility');
+      const allowBodiedOverride = (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride;
       return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
         node: node,
         editorView: editorView,

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

@@ -197,7 +197,7 @@ const MultiBodiedExtensionWithWidth = ({
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     mbeExtensionWrapperCSSStyles, showMacroInteractionDesignUpdates && !isLivePageViewMode && expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles],
-    "data-testid": "multiBodiedExtension--wrapper",
+    "data-testid": "multiBodiedExtension--wrapper-editor",
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/es2019/monitoring/error.js

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

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

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

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

@@ -29,6 +29,9 @@ var hoverStyles = css({
     boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
   }
 });
+var containerStyle = css({
+  containerType: 'inline-size'
+});
 function ExtensionWithPluginState(props) {
   var _node$attrs;
   var node = props.node,
@@ -181,10 +184,10 @@ function ExtensionWithPluginState(props) {
     "data-testid": "extension-overflow-wrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: overflowClassNames
+    className: overflowClassNames,
+    css: [
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values
-    ,
-    css: overflowWrapperStyles
+    overflowWrapperStyles, fg('platform_fix_macro_renders_in_layouts') && containerStyle]
   }, jsx("div", {
     className: 'extension-overlay',
     css: overlay

package/dist/esm/extensibility/ExtensionComponent.js

@@ -16,7 +16,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React, { Component, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import memoizeOne from 'memoize-one';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
 import { getExtensionRenderer, nodeToJSON, toJSON } from '../utils';
@@ -24,11 +23,6 @@ import Extension from './Extension/Extension';
 import { isEmptyBodiedMacro } from './Extension/Extension/extension-utils';
 import InlineExtension from './Extension/InlineExtension';
 import MultiBodiedExtension from './MultiBodiedExtension';
-
-/* temporary type until FG cleaned up */
-
-/* temporary type until FG cleaned up */
-
 var getBodiedExtensionContent = function getBodiedExtensionContent(node) {
   var bodiedExtensionContent = [];
   node.content.forEach(function (childNode) {
@@ -238,7 +232,7 @@ var ExtensionComponentInner = /*#__PURE__*/function (_Component) {
       var isNodeNested = !!(resolvedPosition && resolvedPosition.depth > 0);
       if (node.type.name === 'multiBodiedExtension') {
         var _this$state$_privateP;
-        var allowBodiedOverride = ((_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride) && fg('platform_editor_multi_body_extension_extensibility');
+        var allowBodiedOverride = (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__allowBodiedOverride;
         return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
           node: node,
           editorView: editorView,

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

@@ -199,7 +199,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     css: [
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     mbeExtensionWrapperCSSStyles, showMacroInteractionDesignUpdates && !isLivePageViewMode && expValEquals('cc_editor_ttvc_release_bundle_one', 'extensionHoverRefactor', true) && hoverStyles],
-    "data-testid": "multiBodiedExtension--wrapper",
+    "data-testid": "multiBodiedExtension--wrapper-editor",
     "data-layout": node.attrs.layout
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     ,

package/dist/esm/monitoring/error.js

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

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

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

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

@@ -21,6 +21,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     references?: ReferenceEntity[];
     rendererExtensionHandlers?: ExtensionHandlers;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
+    showBodiedExtensionRendererView?: boolean;
     showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
     showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
 }
@@ -35,10 +37,4 @@ export interface State {
     isNodeHovered?: boolean;
     showBodiedExtensionRendererView?: boolean;
 }
-export type PropsNew = Omit<Props, 'extensionProvider'> & {
-    extensionProvider?: ExtensionProvider;
-    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
-    showBodiedExtensionRendererView?: boolean;
-};
-export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
 export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

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

@@ -21,6 +21,8 @@ export interface Props {
     pluginInjectionApi: ExtensionsPluginInjectionAPI;
     references?: ReferenceEntity[];
     rendererExtensionHandlers?: ExtensionHandlers;
+    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
+    showBodiedExtensionRendererView?: boolean;
     showLivePagesBodiedMacrosRendererView?: (node: ADFEntity) => boolean;
     showUpdatedLivePages1PBodiedExtensionUI?: (node: ADFEntity) => boolean;
 }
@@ -35,10 +37,4 @@ export interface State {
     isNodeHovered?: boolean;
     showBodiedExtensionRendererView?: boolean;
 }
-export type PropsNew = Omit<Props, 'extensionProvider'> & {
-    extensionProvider?: ExtensionProvider;
-    setShowBodiedExtensionRendererView?: (showBodiedExtensionRendererView: boolean) => void;
-    showBodiedExtensionRendererView?: boolean;
-};
-export type StateNew = Omit<State, 'extensionProvider' | 'showBodiedExtensionRendererView'>;
 export declare const ExtensionComponent: (props: Props) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.41.10",
+	"version": "110.43.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,8 +50,8 @@
 		"@atlaskit/editor-toolbar": "^0.18.0",
 		"@atlaskit/editor-toolbar-model": "^0.2.0",
 		"@atlaskit/emoji": "^69.9.0",
-		"@atlaskit/icon": "^29.0.0",
-		"@atlaskit/icon-object": "^7.3.0",
+		"@atlaskit/icon": "^29.1.0",
+		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/link-datasource": "^4.30.0",
 		"@atlaskit/link-picker": "^4.1.0",
@@ -72,7 +72,7 @@
 		"@atlaskit/primitives": "^16.4.0",
 		"@atlaskit/profilecard": "^24.24.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
-		"@atlaskit/react-ufo": "^4.15.0",
+		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/section-message": "^8.10.0",
 		"@atlaskit/smart-card": "^43.15.0",
 		"@atlaskit/smart-user-picker": "^8.5.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^15.9.0",
+		"@atlaskit/tmp-editor-statsig": "^15.10.0",
 		"@atlaskit/tokens": "^8.4.0",
 		"@atlaskit/tooltip": "^20.11.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -275,6 +275,9 @@
 		},
 		"platform_editor_table_numbered_table_border": {
 			"type": "boolean"
+		},
+		"platform_fix_macro_renders_in_layouts": {
+			"type": "boolean"
 		}
 	}
 }