@atlaskit/renderer 121.1.0 → 121.2.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 121.2.0
+
+### Minor Changes
+
+- [`d9be3a6937275`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9be3a6937275) -
+  Add the list of ancestor node types to the result of applyAnnotation, to make it easier to debug
+  comments errors
+
+### Patch Changes
+
+- Updated dependencies
+
+## 121.1.1
+
+### Patch Changes
+
+- [`3ab04666dacdf`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3ab04666dacdf) -
+  fix inline style for plain text inline extension macro
+
 ## 121.1.0
 
 ### Minor Changes

package/dist/cjs/actions/get-renderer-range-inline-node-names.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getRendererRangeAncestorNodeNames = getRendererRangeAncestorNodeNames;
 exports.getRendererRangeInlineNodeNames = getRendererRangeInlineNodeNames;
 var _utils = require("@atlaskit/editor-common/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -21,4 +22,20 @@ function getRendererRangeInlineNodeNames(_ref) {
     pos: pos
   });
   return inlineNodeNames;
+}
+function getRendererRangeAncestorNodeNames(_ref2) {
+  var actions = _ref2.actions,
+    pos = _ref2.pos;
+  if (!(0, _platformFeatureFlags.fg)('cc_comments_create_inline_experience_entry_point')) {
+    return undefined;
+  }
+  var doc = actions.doc;
+  if (!pos || !doc) {
+    return undefined;
+  }
+  var ancestorNodeNames = (0, _utils.getRangeAncestorNodeNames)({
+    doc: doc,
+    pos: pos
+  });
+  return ancestorNodeNames;
 }

package/dist/cjs/actions/index.js

@@ -345,6 +345,13 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
             to: to
           }
         }),
+        ancestorNodeTypes: (0, _getRendererRangeInlineNodeNames.getRendererRangeAncestorNodeNames)({
+          actions: this,
+          pos: {
+            from: from,
+            to: to
+          }
+        }),
         originalSelection: originalSelection,
         numMatches: numMatches,
         matchIndex: matchIndex,

package/dist/cjs/react/nodes/mediaGroup.js

@@ -17,7 +17,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaFilmstrip = require("@atlaskit/media-filmstrip");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 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; }
@@ -74,7 +73,6 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var numChildren = _react.default.Children.count(this.props.children);
       var content;
-      var mediaGroupProps = (0, _platformFeatureFlags.fg)('platform_editor_fix_vc90_bug_with_files') ? _vcMedia.VcMediaWrapperProps : {};
       if (numChildren === 1) {
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -94,7 +92,7 @@ var MediaGroup = exports.default = /*#__PURE__*/function (_PureComponent) {
       }
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: "MediaGroup"
-      }, mediaGroupProps), content));
+      }, _vcMedia.VcMediaWrapperProps), content));
     }
   }, {
     key: "renderSingleFile",

package/dist/cjs/ui/ExtensionRenderer.js

@@ -13,6 +13,7 @@ var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _extensions = require("@atlaskit/editor-common/extensions");
 var _providerFactory = require("@atlaskit/editor-common/provider-factory");
 var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -36,6 +37,14 @@ var inlineExtensionStyle = (0, _react.css)({
     maxWidth: '100%'
   }
 });
+var plainTextMacroStyle = (0, _react.css)({
+  display: 'inline',
+  verticalAlign: 'baseline',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-macro-body]': {
+    display: 'inline'
+  }
+});
 function ExtensionRenderer(props) {
   var extensionHandlers = props.extensionHandlers,
     rendererContext = props.rendererContext,
@@ -68,7 +77,7 @@ function ExtensionRenderer(props) {
     });
   }, []);
   var renderExtensionNode = _react2.default.useCallback(function (extensionProvider) {
-    var _marks$find;
+    var _marks$find, _node$parameters;
     var fragmentLocalId = marks === null || marks === void 0 || (_marks$find = marks.find(function (m) {
       return m.type.name === 'fragment';
     })) === null || _marks$find === void 0 || (_marks$find = _marks$find.attrs) === null || _marks$find === void 0 ? void 0 : _marks$find.localId;
@@ -81,6 +90,7 @@ function ExtensionRenderer(props) {
       localId: localId,
       fragmentLocalId: fragmentLocalId
     };
+    var isPlainTextMacro = Boolean(node === null || node === void 0 || (_node$parameters = node.parameters) === null || _node$parameters === void 0 || (_node$parameters = _node$parameters.macroParams) === null || _node$parameters === void 0 ? void 0 : _node$parameters.__bodyContent);
     var result = null;
     try {
       if (extensionHandlers && extensionHandlers[extensionType]) {
@@ -95,9 +105,17 @@ function ExtensionRenderer(props) {
             actions: actions
           });
         } else if (node.type === 'inlineExtension') {
-          result = (0, _react.jsx)(InlineNodeRendererWrapper, null, (0, _react.jsx)(NodeRenderer, {
-            node: node
-          }));
+          if ((0, _platformFeatureFlags.fg)('platform_editor_renderer_inline_extension_improve')) {
+            result = (0, _react.jsx)(InlineNodeRendererWrapper, {
+              isPlainTextMacro: isPlainTextMacro
+            }, (0, _react.jsx)(NodeRenderer, {
+              node: node
+            }));
+          } else {
+            result = (0, _react.jsx)(InlineNodeRendererWrapper, null, (0, _react.jsx)(NodeRenderer, {
+              node: node
+            }));
+          }
         } else {
           result = (0, _react.jsx)(NodeRenderer, {
             node: node
@@ -135,12 +153,13 @@ function ExtensionRenderer(props) {
 }
 var InlineNodeRendererWrapper = exports.InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
   var children = _ref.children,
+    isPlainTextMacro = _ref.isPlainTextMacro,
     ssrPlaceholder = _ref.ssrPlaceholder,
     ssrPlaceholderReplace = _ref.ssrPlaceholderReplace;
   return (0, _react.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "inline-extension-renderer",
-    css: inlineExtensionStyle,
+    className: "inline-extension-renderer ".concat(isPlainTextMacro ? 'plain-text-macro' : ''),
+    css: [inlineExtensionStyle, isPlainTextMacro && plainTextMacroStyle],
     "data-ssr-placeholder": ssrPlaceholder,
     "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "121.0.2";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/es2019/actions/get-renderer-range-inline-node-names.js

@@ -1,4 +1,4 @@
-import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
+import { getRangeInlineNodeNames, getRangeAncestorNodeNames } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 export function getRendererRangeInlineNodeNames({
   actions,
@@ -18,4 +18,23 @@ export function getRendererRangeInlineNodeNames({
     pos
   });
   return inlineNodeNames;
+}
+export function getRendererRangeAncestorNodeNames({
+  actions,
+  pos
+}) {
+  if (!fg('cc_comments_create_inline_experience_entry_point')) {
+    return undefined;
+  }
+  const {
+    doc
+  } = actions;
+  if (!pos || !doc) {
+    return undefined;
+  }
+  const ancestorNodeNames = getRangeAncestorNodeNames({
+    doc,
+    pos
+  });
+  return ancestorNodeNames;
 }

package/dist/es2019/actions/index.js

@@ -7,7 +7,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createAnnotationStep, getPosFromRange } from '../steps';
-import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
+import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
 import { getIndexMatch } from './matches-utils';
 export default class RendererActions {
   // Any kind of refence is allowed
@@ -323,6 +323,13 @@ export default class RendererActions {
           to
         }
       }),
+      ancestorNodeTypes: getRendererRangeAncestorNodeNames({
+        actions: this,
+        pos: {
+          from,
+          to
+        }
+      }),
       originalSelection,
       numMatches,
       matchIndex,

package/dist/es2019/react/nodes/mediaGroup.js

@@ -4,7 +4,6 @@ import React, { PureComponent } from 'react';
 import { defaultImageCardDimensions } from '@atlaskit/media-card';
 import { FilmstripView } from '@atlaskit/media-filmstrip';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import { fg } from '@atlaskit/platform-feature-flags';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 export default class MediaGroup extends PureComponent {
@@ -42,7 +41,6 @@ export default class MediaGroup extends PureComponent {
   render() {
     const numChildren = React.Children.count(this.props.children);
     let content;
-    const mediaGroupProps = fg('platform_editor_fix_vc90_bug_with_files') ? VcMediaWrapperProps : {};
     if (numChildren === 1) {
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -62,7 +60,7 @@ export default class MediaGroup extends PureComponent {
     }
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
       className: "MediaGroup"
-    }, mediaGroupProps), content));
+    }, VcMediaWrapperProps), content));
   }
   renderSingleFile(child) {
     return /*#__PURE__*/React.cloneElement(child, {

package/dist/es2019/ui/ExtensionRenderer.js

@@ -9,6 +9,7 @@ import memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 const inlineExtensionStyle = css({
   display: 'inline-block',
   maxWidth: '100%',
@@ -26,6 +27,14 @@ const inlineExtensionStyle = css({
     maxWidth: '100%'
   }
 });
+const plainTextMacroStyle = css({
+  display: 'inline',
+  verticalAlign: 'baseline',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-macro-body]': {
+    display: 'inline'
+  }
+});
 export default function ExtensionRenderer(props) {
   const {
     extensionHandlers,
@@ -55,7 +64,7 @@ export default function ExtensionRenderer(props) {
     });
   }, []);
   const renderExtensionNode = React.useCallback(extensionProvider => {
-    var _marks$find, _marks$find$attrs;
+    var _marks$find, _marks$find$attrs, _node$parameters, _node$parameters$macr;
     const fragmentLocalId = marks === null || marks === void 0 ? void 0 : (_marks$find = marks.find(m => m.type.name === 'fragment')) === null || _marks$find === void 0 ? void 0 : (_marks$find$attrs = _marks$find.attrs) === null || _marks$find$attrs === void 0 ? void 0 : _marks$find$attrs.localId;
     const node = {
       type,
@@ -66,6 +75,7 @@ export default function ExtensionRenderer(props) {
       localId,
       fragmentLocalId
     };
+    const isPlainTextMacro = Boolean(node === null || node === void 0 ? void 0 : (_node$parameters = node.parameters) === null || _node$parameters === void 0 ? void 0 : (_node$parameters$macr = _node$parameters.macroParams) === null || _node$parameters$macr === void 0 ? void 0 : _node$parameters$macr.__bodyContent);
     let result = null;
     try {
       if (extensionHandlers && extensionHandlers[extensionType]) {
@@ -80,9 +90,17 @@ export default function ExtensionRenderer(props) {
             actions: actions
           });
         } else if (node.type === 'inlineExtension') {
-          result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
-            node: node
-          }));
+          if (fg('platform_editor_renderer_inline_extension_improve')) {
+            result = jsx(InlineNodeRendererWrapper, {
+              isPlainTextMacro: isPlainTextMacro
+            }, jsx(NodeRenderer, {
+              node: node
+            }));
+          } else {
+            result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
+              node: node
+            }));
+          }
         } else {
           result = jsx(NodeRenderer, {
             node: node
@@ -120,13 +138,14 @@ export default function ExtensionRenderer(props) {
 }
 export const InlineNodeRendererWrapper = ({
   children,
+  isPlainTextMacro,
   ssrPlaceholder,
   ssrPlaceholderReplace
 }) => {
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "inline-extension-renderer",
-    css: inlineExtensionStyle,
+    className: `inline-extension-renderer ${isPlainTextMacro ? 'plain-text-macro' : ''}`,
+    css: [inlineExtensionStyle, isPlainTextMacro && plainTextMacroStyle],
     "data-ssr-placeholder": ssrPlaceholder,
     "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "121.0.2";
+const packageVersion = "0.0.0-development";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/actions/get-renderer-range-inline-node-names.js

@@ -1,4 +1,4 @@
-import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
+import { getRangeInlineNodeNames, getRangeAncestorNodeNames } from '@atlaskit/editor-common/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 export function getRendererRangeInlineNodeNames(_ref) {
   var actions = _ref.actions,
@@ -15,4 +15,20 @@ export function getRendererRangeInlineNodeNames(_ref) {
     pos: pos
   });
   return inlineNodeNames;
+}
+export function getRendererRangeAncestorNodeNames(_ref2) {
+  var actions = _ref2.actions,
+    pos = _ref2.pos;
+  if (!fg('cc_comments_create_inline_experience_entry_point')) {
+    return undefined;
+  }
+  var doc = actions.doc;
+  if (!pos || !doc) {
+    return undefined;
+  }
+  var ancestorNodeNames = getRangeAncestorNodeNames({
+    doc: doc,
+    pos: pos
+  });
+  return ancestorNodeNames;
 }

package/dist/esm/actions/index.js

@@ -12,7 +12,7 @@ import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit
 import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/editor-prosemirror/transform';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { createAnnotationStep, getPosFromRange } from '../steps';
-import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
+import { getRendererRangeInlineNodeNames, getRendererRangeAncestorNodeNames } from './get-renderer-range-inline-node-names';
 import { getIndexMatch } from './matches-utils';
 var RendererActions = /*#__PURE__*/function () {
   // Any kind of refence is allowed
@@ -338,6 +338,13 @@ var RendererActions = /*#__PURE__*/function () {
             to: to
           }
         }),
+        ancestorNodeTypes: getRendererRangeAncestorNodeNames({
+          actions: this,
+          pos: {
+            from: from,
+            to: to
+          }
+        }),
         originalSelection: originalSelection,
         numMatches: numMatches,
         matchIndex: matchIndex,

package/dist/esm/react/nodes/mediaGroup.js

@@ -13,7 +13,6 @@ import React, { PureComponent } from 'react';
 import { defaultImageCardDimensions } from '@atlaskit/media-card';
 import { FilmstripView } from '@atlaskit/media-filmstrip';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import { fg } from '@atlaskit/platform-feature-flags';
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var MediaGroup = /*#__PURE__*/function (_PureComponent) {
@@ -65,7 +64,6 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
     value: function render() {
       var numChildren = React.Children.count(this.props.children);
       var content;
-      var mediaGroupProps = fg('platform_editor_fix_vc90_bug_with_files') ? VcMediaWrapperProps : {};
       if (numChildren === 1) {
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -85,7 +83,7 @@ var MediaGroup = /*#__PURE__*/function (_PureComponent) {
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
         className: "MediaGroup"
-      }, mediaGroupProps), content));
+      }, VcMediaWrapperProps), content));
     }
   }, {
     key: "renderSingleFile",

package/dist/esm/ui/ExtensionRenderer.js

@@ -10,6 +10,7 @@ import memoizeOne from 'memoize-one';
 import { getNodeRenderer } from '@atlaskit/editor-common/extensions';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { getExtensionRenderer } from '@atlaskit/editor-common/utils';
+import { fg } from '@atlaskit/platform-feature-flags';
 var inlineExtensionStyle = css({
   display: 'inline-block',
   maxWidth: '100%',
@@ -27,6 +28,14 @@ var inlineExtensionStyle = css({
     maxWidth: '100%'
   }
 });
+var plainTextMacroStyle = css({
+  display: 'inline',
+  verticalAlign: 'baseline',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '[data-macro-body]': {
+    display: 'inline'
+  }
+});
 export default function ExtensionRenderer(props) {
   var extensionHandlers = props.extensionHandlers,
     rendererContext = props.rendererContext,
@@ -59,7 +68,7 @@ export default function ExtensionRenderer(props) {
     });
   }, []);
   var renderExtensionNode = React.useCallback(function (extensionProvider) {
-    var _marks$find;
+    var _marks$find, _node$parameters;
     var fragmentLocalId = marks === null || marks === void 0 || (_marks$find = marks.find(function (m) {
       return m.type.name === 'fragment';
     })) === null || _marks$find === void 0 || (_marks$find = _marks$find.attrs) === null || _marks$find === void 0 ? void 0 : _marks$find.localId;
@@ -72,6 +81,7 @@ export default function ExtensionRenderer(props) {
       localId: localId,
       fragmentLocalId: fragmentLocalId
     };
+    var isPlainTextMacro = Boolean(node === null || node === void 0 || (_node$parameters = node.parameters) === null || _node$parameters === void 0 || (_node$parameters = _node$parameters.macroParams) === null || _node$parameters === void 0 ? void 0 : _node$parameters.__bodyContent);
     var result = null;
     try {
       if (extensionHandlers && extensionHandlers[extensionType]) {
@@ -86,9 +96,17 @@ export default function ExtensionRenderer(props) {
             actions: actions
           });
         } else if (node.type === 'inlineExtension') {
-          result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
-            node: node
-          }));
+          if (fg('platform_editor_renderer_inline_extension_improve')) {
+            result = jsx(InlineNodeRendererWrapper, {
+              isPlainTextMacro: isPlainTextMacro
+            }, jsx(NodeRenderer, {
+              node: node
+            }));
+          } else {
+            result = jsx(InlineNodeRendererWrapper, null, jsx(NodeRenderer, {
+              node: node
+            }));
+          }
         } else {
           result = jsx(NodeRenderer, {
             node: node
@@ -126,12 +144,13 @@ export default function ExtensionRenderer(props) {
 }
 export var InlineNodeRendererWrapper = function InlineNodeRendererWrapper(_ref) {
   var children = _ref.children,
+    isPlainTextMacro = _ref.isPlainTextMacro,
     ssrPlaceholder = _ref.ssrPlaceholder,
     ssrPlaceholderReplace = _ref.ssrPlaceholderReplace;
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "inline-extension-renderer",
-    css: inlineExtensionStyle,
+    className: "inline-extension-renderer ".concat(isPlainTextMacro ? 'plain-text-macro' : ''),
+    css: [inlineExtensionStyle, isPlainTextMacro && plainTextMacroStyle],
     "data-ssr-placeholder": ssrPlaceholder,
     "data-ssr-placeholder-replace": ssrPlaceholderReplace
   }, children);

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "121.0.2";
+var packageVersion = "0.0.0-development";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/types/actions/get-renderer-range-inline-node-names.d.ts

@@ -10,3 +10,14 @@ export declare function getRendererRangeInlineNodeNames({ actions, pos, }: {
         to: number;
     } | false;
 }): string[] | undefined;
+export declare function getRendererRangeAncestorNodeNames({ actions, pos, }: {
+    actions: RendererActions;
+    /**
+     * documentPosition is caclulated by `actions.getPositionFromRange`
+     * where `false` means that the selection is not able to be calculated.
+     */
+    pos?: {
+        from: number;
+        to: number;
+    } | false;
+}): string[] | undefined;

package/dist/types/ui/ExtensionRenderer.d.ts

@@ -28,7 +28,8 @@ interface Props {
     type: 'extension' | 'inlineExtension' | 'bodiedExtension' | 'multiBodiedExtension';
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
-export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+export declare const InlineNodeRendererWrapper: ({ children, isPlainTextMacro, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+    isPlainTextMacro?: boolean;
     ssrPlaceholder?: string;
     ssrPlaceholderReplace?: string;
 }>) => jsx.JSX.Element;

package/dist/types-ts4.5/actions/get-renderer-range-inline-node-names.d.ts

@@ -10,3 +10,14 @@ export declare function getRendererRangeInlineNodeNames({ actions, pos, }: {
         to: number;
     } | false;
 }): string[] | undefined;
+export declare function getRendererRangeAncestorNodeNames({ actions, pos, }: {
+    actions: RendererActions;
+    /**
+     * documentPosition is caclulated by `actions.getPositionFromRange`
+     * where `false` means that the selection is not able to be calculated.
+     */
+    pos?: {
+        from: number;
+        to: number;
+    } | false;
+}): string[] | undefined;

package/dist/types-ts4.5/ui/ExtensionRenderer.d.ts

@@ -28,7 +28,8 @@ interface Props {
     type: 'extension' | 'inlineExtension' | 'bodiedExtension' | 'multiBodiedExtension';
 }
 export default function ExtensionRenderer(props: Props): JSX.Element;
-export declare const InlineNodeRendererWrapper: ({ children, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+export declare const InlineNodeRendererWrapper: ({ children, isPlainTextMacro, ssrPlaceholder, ssrPlaceholderReplace, }: React.PropsWithChildren<{
+    isPlainTextMacro?: boolean;
     ssrPlaceholder?: string;
     ssrPlaceholderReplace?: string;
 }>) => jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "121.1.0",
+	"version": "121.2.0",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,12 +50,12 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.3.0",
 		"@atlaskit/react-ufo": "^4.5.0",
-		"@atlaskit/smart-card": "^40.18.0",
+		"@atlaskit/smart-card": "^40.20.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^12.3.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tmp-editor-statsig": "^12.5.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^108.1.0",
+		"@atlaskit/editor-common": "^108.4.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -128,6 +128,9 @@
 		"cc_comments_improve_apply_draft_errors": {
 			"type": "boolean"
 		},
+		"cc_comments_create_inline_experience_entry_point": {
+			"type": "boolean"
+		},
 		"platform-ssr-table-resize": {
 			"type": "boolean"
 		},
@@ -158,9 +161,6 @@
 		"confluence-frontend-comments-panel": {
 			"type": "boolean"
 		},
-		"platform_editor_fix_vc90_bug_with_files": {
-			"type": "boolean"
-		},
 		"use_comments_data_annotation_updater": {
 			"type": "boolean"
 		},
@@ -257,6 +257,9 @@
 		"platform_editor_numbered_column_in_include": {
 			"type": "boolean"
 		},
+		"platform_editor_renderer_inline_extension_improve": {
+			"type": "boolean"
+		},
 		"jfp-magma-ssr-iv-editor-media": {
 			"type": "boolean"
 		},