@atlaskit/renderer 109.32.2 → 109.32.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 109.32.4
+
+### Patch Changes
+
+- [#110966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110966)
+  [`31348c335b4b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/31348c335b4b3) -
+  ED-23690 - add inlineNodeTypes property to AnnotationComponentProps
+- Updated dependencies
+
+## 109.32.3
+
+### Patch Changes
+
+- [#109969](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109969)
+  [`52590a0b562ef`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/52590a0b562ef) -
+  ED-23690 Adds an attribute to annotation analytic events with the name of nodes inside the
+  annotation range
+- Updated dependencies
+
 ## 109.32.2
 
 ### Patch Changes

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getRendererRangeInlineNodeNames = getRendererRangeInlineNodeNames;
+var _utils = require("@atlaskit/editor-common/utils");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+function getRendererRangeInlineNodeNames(_ref) {
+  var actions = _ref.actions,
+    pos = _ref.pos;
+  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  var doc = actions.doc;
+  if (!pos || !doc) {
+    return undefined;
+  }
+  var inlineNodeNames = (0, _utils.getRangeInlineNodeNames)({
+    doc: doc,
+    pos: pos
+  });
+  return inlineNodeNames;
+}

package/dist/cjs/actions/index.js

@@ -16,6 +16,7 @@ var _transform = require("@atlaskit/editor-prosemirror/transform");
 var _steps = require("../steps");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _matchesUtils = require("./matches-utils");
+var _getRendererRangeInlineNodeNames = require("./get-renderer-range-inline-node-names");
 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; }
 var RendererActions = exports.default = /*#__PURE__*/function () {
@@ -116,7 +117,16 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
           action: _analytics.ACTION.DELETED,
           actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
-          eventType: _analytics.EVENT_TYPE.TRACK
+          eventType: _analytics.EVENT_TYPE.TRACK,
+          attributes: {
+            inlineNodeNames: step instanceof _transform.RemoveMarkStep ? (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+              pos: {
+                from: from,
+                to: to
+              },
+              actions: this
+            }) : undefined
+          }
         };
         this.onAnalyticsEvent(payload);
       }
@@ -169,6 +179,10 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       }
       return this._privateValidatePositionsForAnnotation(pos.from, pos.to);
     }
+
+    /**
+     * Note: False indicates that the selection not able to be calculated.
+     */
   }, {
     key: "getPositionFromRange",
     value: function getPositionFromRange(range, isCommentsOnMediaBugFixEnabled, isCommentsOnMediaBugVideoComment) {
@@ -266,6 +280,13 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       return _objectSpread({
         step: step,
         doc: this.transformer.encode(doc),
+        inlineNodeTypes: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+          actions: this,
+          pos: {
+            from: from,
+            to: to
+          }
+        }),
         originalSelection: originalSelection,
         numMatches: numMatches,
         matchIndex: matchIndex,

package/dist/cjs/react/marks/breakout.js

@@ -11,7 +11,9 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var wrapperStyles = exports.wrapperStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -22,7 +24,9 @@ function Breakout(props) {
     var width = _ref.width;
     return (0, _react.jsx)("div", {
       css: wrapperStyles,
-      "data-mode": props.mode,
+      "data-mode": props.mode
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       style: {
         width: (0, _utils.calcBreakoutWidth)(props.mode, width)
       }

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

@@ -107,6 +107,7 @@ function BlockCard(props) {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           style: {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             width: isNodeNested ? '100%' : (0, _utils2.calcBreakoutWidth)(layout, width)
           }
         }, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {

package/dist/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -25,6 +25,7 @@ var codeBlockButtonsStyle = (0, _react.css)({
   right: "var(--ds-space-075, 6px)",
   top: "var(--ds-space-050, 4px)",
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     height: '32px',
     width: '32px',
@@ -40,9 +41,11 @@ var codeBlockButtonsStyle = (0, _react.css)({
       height: '32px',
       width: '32px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
       backgroundColor: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(_colors.N700, ")")),
       borderRadius: '4px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: "".concat("var(--ds-icon-inverse, ".concat(_colors.N0, ")"), " !important")
     }
   }

package/dist/cjs/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -14,7 +14,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _codeBlockButtonContainer = _interopRequireDefault(require("./codeBlockButtonContainer"));
 var _templateObject;
 /** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var codeBlockStyleOverrides = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttab-size: 4;\n\tbackground-color: ", ";\n\n\t&:hover {\n\t\tbutton {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\tbutton {\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease 0s;\n\t}\n\n\t", " {\n\t\tfont-size: ", ";\n\t\tline-height: 1.5rem;\n\t\tbackground-image: ", ";\n\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\tbackground-position:\n\t\t\t0 0,\n\t\t\t0 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t0 0,\n\t\t\t0 0;\n\t}\n"])), "var(--ds-surface-raised, ".concat(_colors.N20, ")"), _styles.CodeBlockSharedCssClassName.DS_CODEBLOCK, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
   leftCoverWidth: "var(--ds-space-300, 24px)"
 }));

package/dist/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -17,7 +17,7 @@ var _templateObject, _templateObject2;
 /** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var lightWeightCodeBlockStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tcursor: text;\n\t}\n"])), _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER);
 var LightWeightCodeBlockCssClassName = exports.LightWeightCodeBlockCssClassName = {
   CONTAINER: 'light-weight-code-block'
@@ -48,7 +48,9 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classNames,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: [(0, _styles.codeBlockSharedStyles)(), lightWeightCodeBlockStyles]
   }, (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER

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

@@ -23,9 +23,11 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var embedCardWrapperStyles = (0, _react.css)({
   width: '100%',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     height: '100%'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
     height: '100%'
   },

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

@@ -29,6 +29,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout

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

@@ -10,7 +10,12 @@ var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 /** @jsx jsx */
 
-var layoutColumnClearMarginTopStyles = (0, _react2.css)(_ui.clearNextSiblingMarginTopStyle, _ui.clearNextSiblingBlockMarkMarginTopStyle);
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var layoutColumnClearMarginTopStyles = (0, _react2.css)(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+_ui.clearNextSiblingMarginTopStyle,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+_ui.clearNextSiblingBlockMarkMarginTopStyle);
 function LayoutSection(props) {
   return (0, _react2.jsx)("div", {
     "data-layout-column": true,

package/dist/cjs/react/nodes/media/index.js

@@ -44,7 +44,10 @@ 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) { (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; }
 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() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var linkStyle = exports.linkStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tbackground: transparent;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tcursor: pointer;\n\twidth: 100% !important;\n\theight: 100% !important;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var borderStyle = exports.borderStyle = function borderStyle(color, width) {
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: ", "px;\n\tbox-shadow: 0 0 0 ", "px ", ";\n"])), width, width, color);
 };
@@ -61,7 +64,9 @@ var MediaBorder = function MediaBorder(_ref) {
   return (0, _react2.jsx)("div", {
     "data-mark-type": "border",
     "data-color": borderColor,
-    "data-size": borderWidth,
+    "data-size": borderWidth
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: borderStyle(paletteColorValue, borderWidth)
   }, (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
     borderColor: borderColor

package/dist/cjs/react/nodes/mediaSingle/styles.js

@@ -7,9 +7,12 @@ exports.uiMediaSingleLayoutStyles = exports.uiMediaSingleBaseStyles = void 0;
 var _react = require("@emotion/react");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var uiMediaSingleBaseStyles = exports.uiMediaSingleBaseStyles = (0, _react.css)({
   transition: 'all 0.1s linear'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var uiMediaSingleLayoutStyles = exports.uiMediaSingleLayoutStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',

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

@@ -51,7 +51,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
   return actions;
 };
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var navigationCssExtended = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", ";\n\tmargin-left: 0 !important;\n\tmargin-right: 0 !important;\n\t.mbe-add-tab-button,\n\t.mbe-remove-tab {\n\t\tdisplay: none;\n\t}\n"])), _ui.sharedMultiBodiedExtensionStyles.mbeNavigation);
 var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var children = props.children,
@@ -89,6 +89,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout

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

@@ -30,9 +30,12 @@ var PanelStyled = function PanelStyled(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
     styles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t&.", " {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&[data-panel-type=", "] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t", "\n\t\t\t}\n\t\t"])), _panel.PanelSharedCssClassName.prefix, (0, _panel.panelSharedStylesWithoutPrefix)(), _adfSchema.PanelType.CUSTOM, (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor, hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;');
   }
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: styles
-  }, props), props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", (0, _extends2.default)({
+      css: styles
+    }, props), props.children)
+  );
 };
 PanelStyled.displayName = 'PanelStyled';
 var panelIcons = {

package/dist/cjs/react/nodes/table/colgroup.js

@@ -171,7 +171,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("col", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       width: _editorSharedStyles.akEditorTableNumberColumnWidth
     },

package/dist/cjs/react/nodes/table/sticky.js

@@ -41,12 +41,17 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
   } else {
     stickyHeaderZIndex = _editorSharedStyles.akEditorStickyHeaderZIndex;
   }
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return (0, _react2.css)(typeof top === 'number' && "top: ".concat(top, "px;"), (_css = {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }, (0, _defineProperty2.default)(_css, "& .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ", & .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
     marginTop: 0,
     marginBottom: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     tr: {
       background: "var(--ds-surface, white)"
     }
@@ -56,6 +61,7 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
     top: '0px',
     height: '100%'
   }), (0, _defineProperty2.default)(_css, "&.fixed-table-div-custom-table-resizing[mode='stick']", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }), _css));
 };
@@ -72,7 +78,9 @@ var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
     "data-testid": "sticky-table-fixed"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
+    className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: fixedTableCss
   }), props.children);
 };
@@ -96,60 +104,63 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if ((0, _table2.isTableResizingEnabled)(rendererAppearance)) {
     styles = (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'absolute'
     });
   } else {
     styles = (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       left: left && left < 0 ? left : undefined,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'relative'
     });
   }
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-  return (0, _react2.jsx)("div", {
-    css: styles
-  }, (0, _react2.jsx)(FixedTableDiv, {
-    top: mode === 'stick' ? top : undefined,
-    mode: rowHeight > 300 ? 'none' : mode,
-    wrapperWidth: wrapperWidth,
-    rendererAppearance: rendererAppearance
-  }, (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
-    "data-layout": layout,
-    style: {
-      width: tableWidth
-    }
-  }, (0, _react2.jsx)("div", {
-    ref: innerRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      overflow: 'hidden'
-    }
-  }, (0, _react2.jsx)(_table.Table, {
-    columnWidths: columnWidths,
-    layout: layout,
-    isNumberColumnEnabled: isNumberColumnEnabled,
-    renderWidth: renderWidth,
-    tableNode: tableNode,
-    rendererAppearance: rendererAppearance
-  },
-  /**
-   * @see https://product-fabric.atlassian.net/browse/ED-10235
-   * We pass prop 'invisible' to our table's children nodes meaning
-   * they exist inside of the 'invisible' duplicated table component that
-   * enables sticky headers.
-   */
-  (0, _injectProps.recursivelyInjectProps)(children, {
-    invisible: true
-  }))))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: styles
+    }, (0, _react2.jsx)(FixedTableDiv, {
+      top: mode === 'stick' ? top : undefined,
+      mode: rowHeight > 300 ? 'none' : mode,
+      wrapperWidth: wrapperWidth,
+      rendererAppearance: rendererAppearance
+    }, (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
+      "data-layout": layout,
+      style: {
+        width: tableWidth
+      }
+    }, (0, _react2.jsx)("div", {
+      ref: innerRef
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
+      style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        overflow: 'hidden'
+      }
+    }, (0, _react2.jsx)(_table.Table, {
+      columnWidths: columnWidths,
+      layout: layout,
+      isNumberColumnEnabled: isNumberColumnEnabled,
+      renderWidth: renderWidth,
+      tableNode: tableNode,
+      rendererAppearance: rendererAppearance
+    },
+    /**
+     * @see https://product-fabric.atlassian.net/browse/ED-10235
+     * We pass prop 'invisible' to our table's children nodes meaning
+     * they exist inside of the 'invisible' duplicated table component that
+     * enables sticky headers.
+     */
+    (0, _injectProps.recursivelyInjectProps)(children, {
+      invisible: true
+    }))))))
+  );
 };
 
 /**

package/dist/cjs/ui/Expand.js

@@ -32,7 +32,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var titleStyles = (0, _react.css)({
   outline: 'none',
   border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: _editorSharedStyles.akEditorLineHeight,
   fontWeight: 'normal',
   display: 'flex',

package/dist/cjs/ui/ExtensionRenderer.js

@@ -30,6 +30,7 @@ var inlineExtensionStyle = (0, _react.css)({
   verticalAlign: 'middle',
   // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .rich-media-item': {
     maxWidth: '100%'
   }

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

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.32.2";
+var packageVersion = "109.32.4";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -549,7 +549,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
     ref: innerRef,
     onClick: onClick,
     onMouseDown: onMouseDown
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     css: (0, _style.rendererStyles)({
       appearance: appearance,

package/dist/cjs/ui/Renderer/truncated-wrapper.js

@@ -18,10 +18,12 @@ var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return (0, _react.css)({
     position: 'relative',
     overflowY: 'hidden',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     maxHeight: "".concat(maxHeight, "px"),
     '&::after': {
       content: "''",
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: "".concat(top, "px"),
       bottom: 0,
       left: 0,

package/dist/cjs/ui/annotations/draft/component.js

@@ -21,12 +21,15 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var markStyles = function markStyles() {
   return (0, _react2.css)({
     color: 'inherit',
     backgroundColor: 'unset',
     WebkitTapHighlightColor: 'transparent'
-  }, (0, _styles.AnnotationSharedCSSByState)().focus);
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _styles.AnnotationSharedCSSByState)().focus);
 };
 var AnnotationDraft = exports.AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,

package/dist/cjs/ui/annotations/selection/mounter.js

@@ -12,6 +12,7 @@ var _adfSchema = require("@atlaskit/adf-schema");
 var _draft = require("../draft");
 var _analyticsListeners = require("@atlaskit/analytics-listeners");
 var _analytics = require("@atlaskit/editor-common/analytics");
+var _getRendererRangeInlineNodeNames = require("../../../actions/get-renderer-range-inline-node-names");
 var _RendererActionsContext = require("../../RendererActionsContext");
 var _context = require("../context");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -58,7 +59,12 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
         action: _analytics.ACTION.INSERTED,
         actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
-        attributes: {},
+        attributes: {
+          inlineNodeNames: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+            pos: positionToAnnotate,
+            actions: actions
+          })
+        },
         eventType: _analytics.EVENT_TYPE.TRACK
       }).fire(_analyticsListeners.FabricChannel.editor);
     }
@@ -81,7 +87,12 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
           action: _analytics.ACTION.CREATE_NOT_ALLOWED,
           actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            inlineNodeNames: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+              pos: documentPosition,
+              actions: actions
+            })
+          },
           eventType: _analytics.EVENT_TYPE.TRACK
         }).fire(_analyticsListeners.FabricChannel.editor);
       }
@@ -97,7 +108,11 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: _analytics.EVENT_TYPE.TRACK,
         attributes: {
-          overlap: uniqueAnnotationsInRange.length
+          overlap: uniqueAnnotationsInRange.length,
+          inlineNodeNames: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+            pos: documentPosition,
+            actions: actions
+          })
         }
       }).fire(_analyticsListeners.FabricChannel.editor);
     }
@@ -136,12 +151,17 @@ var SelectionInlineCommentMounter = exports.SelectionInlineCommentMounter = /*#_
         actionSubject: _analytics.ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: _analytics.ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: _analytics.EVENT_TYPE.TRACK,
-        attributes: {}
+        attributes: {
+          inlineNodeNames: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+            pos: documentPosition,
+            actions: actions
+          })
+        }
       }).fire(_analyticsListeners.FabricChannel.editor);
     }
     removeDraftModeCallback();
     onCloseProps();
-  }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
+  }, [actions, documentPosition, onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
   return /*#__PURE__*/_react.default.createElement(Component, {
     range: range,
     draftRange: draftRange,

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

@@ -0,0 +1,19 @@
+import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export function getRendererRangeInlineNodeNames({
+  actions,
+  pos
+}) {
+  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  const doc = actions.doc;
+  if (!pos || !doc) {
+    return undefined;
+  }
+  const inlineNodeNames = getRangeInlineNodeNames({
+    doc,
+    pos
+  });
+  return inlineNodeNames;
+}