@atlaskit/renderer 109.32.2 → 109.32.4

package/dist/es2019/actions/index.js

@@ -6,6 +6,7 @@ import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/e
 import { createAnnotationStep, getPosFromRange } from '../steps';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getIndexMatch } from './matches-utils';
+import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
 export default class RendererActions {
   // Any kind of refence is allowed
 
@@ -96,7 +97,16 @@ export default class RendererActions {
         action: ACTION.DELETED,
         actionSubject: ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-        eventType: EVENT_TYPE.TRACK
+        eventType: EVENT_TYPE.TRACK,
+        attributes: {
+          inlineNodeNames: step instanceof RemoveMarkStep ? getRendererRangeInlineNodeNames({
+            pos: {
+              from: from,
+              to: to
+            },
+            actions: this
+          }) : undefined
+        }
       };
       this.onAnalyticsEvent(payload);
     }
@@ -145,6 +155,10 @@ export default class RendererActions {
     }
     return this._privateValidatePositionsForAnnotation(pos.from, pos.to);
   }
+
+  /**
+   * Note: False indicates that the selection not able to be calculated.
+   */
   getPositionFromRange(range, isCommentsOnMediaBugFixEnabled, isCommentsOnMediaBugVideoComment) {
     if (!this.doc || !this.schema || !range) {
       return false;
@@ -244,6 +258,13 @@ export default class RendererActions {
     return {
       step,
       doc: this.transformer.encode(doc),
+      inlineNodeTypes: getRendererRangeInlineNodeNames({
+        actions: this,
+        pos: {
+          from,
+          to
+        }
+      }),
       originalSelection,
       numMatches,
       matchIndex,

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

@@ -3,7 +3,9 @@ import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = 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: `${blockNodesVerticalMargin} 0`,
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -14,7 +16,9 @@ export default function Breakout(props) {
     width
   }) => 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: calcBreakoutWidth(props.mode, width)
     }

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

@@ -93,6 +93,7 @@ export default 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%' : calcBreakoutWidth(layout, width)
         }
       }, jsx(DatasourceTableView, {

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

@@ -17,6 +17,7 @@ const codeBlockButtonsStyle = 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',
@@ -32,9 +33,11 @@ const codeBlockButtonsStyle = css({
       height: '32px',
       width: '32px'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
       backgroundColor: `${`var(--ds-background-neutral-bold-pressed, ${N700})`}`,
       borderRadius: '4px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: `${`var(--ds-icon-inverse, ${N0})`} !important`
     }
   }

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

@@ -6,7 +6,7 @@ import { fontSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 
-// 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
 const codeBlockStyleOverrides = css`
 	tab-size: 4;
 	background-color: ${`var(--ds-surface-raised, ${N20})`};

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

@@ -5,7 +5,7 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
 import { RendererCssClassName } from '../../../../consts';
-// 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
 const lightWeightCodeBlockStyles = css`
 	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
 		cursor: text;
@@ -45,7 +45,9 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
   return 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: [codeBlockSharedStyles(), lightWeightCodeBlockStyles]
   }, jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER

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

@@ -14,9 +14,11 @@ import { AnalyticsContext } from '@atlaskit/analytics-next';
 const embedCardWrapperStyles = 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/es2019/react/nodes/extension.js

@@ -20,6 +20,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow) =
     ,
     className: `${RendererCssClassName.EXTENSION} ${options.shadowClassNames} ${centerAlignClass}`,
     style: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
       width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
     },
     "data-layout": layout

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

@@ -2,7 +2,13 @@
 import React from 'react';
 import { jsx, css } from '@emotion/react';
 import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
-const layoutColumnClearMarginTopStyles = css(clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle);
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+const layoutColumnClearMarginTopStyles = 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
+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
+clearNextSiblingBlockMarkMarginTopStyle);
 export default function LayoutSection(props) {
   return jsx("div", {
     "data-layout-column": true,

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

@@ -20,6 +20,7 @@ import { CommentBadge as CommentBadgeComponent } from '@atlaskit/editor-common/m
 import { injectIntl } from 'react-intl-next';
 import { useInlineCommentSubscriberContext, useInlineCommentsFilter } from '../../../ui/annotations/hooks';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
+// 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
 export const linkStyle = css`
 	position: absolute;
 	background: transparent;
@@ -31,6 +32,8 @@ export const linkStyle = css`
 	width: 100% !important;
 	height: 100% !important;
 `;
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 export const borderStyle = (color, width) => css`
 	position: absolute;
 	width: 100% !important;
@@ -52,7 +55,9 @@ const MediaBorder = ({
   return 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)
   }, jsx(MediaBorderGapFiller, {
     borderColor: borderColor

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

@@ -1,8 +1,12 @@
 /** @jsx jsx */
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const uiMediaSingleBaseStyles = 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
 export const uiMediaSingleLayoutStyles = css({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',

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

@@ -41,7 +41,7 @@ const useMultiBodiedExtensionActions = ({
   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
 const navigationCssExtended = css`
 	${sharedMultiBodiedExtensionStyles.mbeNavigation};
 	margin-left: 0 !important;
@@ -101,6 +101,7 @@ const MultiBodiedExtension = props => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: `${RendererCssClassName.EXTENSION} ${centerAlignClass} ${overflowContainerClass}`,
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? calcBreakoutWidth(layout, width) : '100%'
       },
       "data-layout": layout

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

@@ -37,9 +37,12 @@ const PanelStyled = ({
 			}
 		`;
   }
-  return jsx("div", _extends({
-    css: styles
-  }, props), props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", _extends({
+      css: styles
+    }, props), props.children)
+  );
 };
 PanelStyled.displayName = 'PanelStyled';
 const panelIcons = {

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

@@ -161,7 +161,7 @@ export const Colgroup = props => {
     return null;
   }
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.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: akEditorTableNumberColumnWidth
     },

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

@@ -29,12 +29,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
   } else {
     stickyHeaderZIndex = akEditorStickyHeaderZIndex;
   }
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return css(typeof top === 'number' && `top: ${top}px;`, {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: `${width}px`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     [`& .${TableSharedCssClassName.TABLE_CONTAINER}, & .${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)"
       }
@@ -42,14 +48,18 @@ const fixedTableDivStaticStyles = (top, width, rendererAppearance) => {
     borderTop: `${tableStickyPadding}px solid ${"var(--ds-surface, white)"}`,
     background: "var(--ds-surface-overlay, white)",
     boxShadow: `0 6px 4px -4px ${`var(--ds-shadow-overflow-perimeter, ${N40A})`}`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[data-expanded='false'] &": {
       display: 'none'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     [`& .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.right-shadow::after, & .${TableSharedCssClassName.TABLE_CONTAINER}.is-sticky.left-shadow::before`]: {
       top: '0px',
       height: '100%'
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     "&.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
     }
   });
@@ -69,7 +79,9 @@ export const FixedTableDiv = props => {
     "data-testid": "sticky-table-fixed"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: isTableResizingEnabled(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
+    className: 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);
 };
@@ -94,60 +106,63 @@ export const StickyTable = ({
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if (isTableResizingEnabled(rendererAppearance)) {
     styles = 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 = 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 jsx("div", {
-    css: styles
-  }, jsx(FixedTableDiv, {
-    top: mode === 'stick' ? top : undefined,
-    mode: rowHeight > 300 ? 'none' : mode,
-    wrapperWidth: wrapperWidth,
-    rendererAppearance: rendererAppearance
-  }, jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
-    "data-layout": layout,
-    style: {
-      width: tableWidth
-    }
-  }, jsx("div", {
-    ref: innerRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      overflow: 'hidden'
-    }
-  }, jsx(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.
-   */
-  recursivelyInjectProps(children, {
-    invisible: true
-  }))))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", {
+      css: styles
+    }, jsx(FixedTableDiv, {
+      top: mode === 'stick' ? top : undefined,
+      mode: rowHeight > 300 ? 'none' : mode,
+      wrapperWidth: wrapperWidth,
+      rendererAppearance: rendererAppearance
+    }, jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: `${TableSharedCssClassName.TABLE_CONTAINER} is-sticky ${shadowClassNames || ''}`,
+      "data-layout": layout,
+      style: {
+        width: tableWidth
+      }
+    }, jsx("div", {
+      ref: innerRef
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: `${TableSharedCssClassName.TABLE_STICKY_WRAPPER}`,
+      style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        overflow: 'hidden'
+      }
+    }, jsx(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.
+     */
+    recursivelyInjectProps(children, {
+      invisible: true
+    }))))))
+  );
 };
 
 /**

package/dist/es2019/ui/Expand.js

@@ -17,7 +17,9 @@ import { ActiveHeaderIdConsumer } from './active-header-id-provider';
 const titleStyles = 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: relativeFontSizeToBase16(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: akEditorLineHeight,
   fontWeight: 'normal',
   display: 'flex',

package/dist/es2019/ui/ExtensionRenderer.js

@@ -13,6 +13,7 @@ const inlineExtensionStyle = css({
   verticalAlign: 'middle',
   // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: `1px 1px ${"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/es2019/ui/Renderer/index.js

@@ -37,7 +37,7 @@ import { nodeToReact } from '../../react/nodes';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.32.2";
+const packageVersion = "109.32.4";
 export const defaultNodeComponents = nodeToReact;
 export class Renderer extends PureComponent {
   constructor(props) {
@@ -521,7 +521,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(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: rendererStyles({
       appearance,

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

@@ -4,10 +4,12 @@ import { Component } from 'react';
 const fadeOutStyles = (maxHeight, top, backgroundColor) => css({
   position: 'relative',
   overflowY: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   maxHeight: `${maxHeight}px`,
   '&::after': {
     content: "''",
     position: 'absolute',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     top: `${top}px`,
     bottom: 0,
     left: 0,

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

@@ -10,11 +10,15 @@ import { dataAttributes } from './dom';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { segmentText } from '../../../react/utils/segment-text';
 import { renderTextSegments } from '../../../react/utils/render-text-segments';
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const markStyles = () => css({
   color: 'inherit',
   backgroundColor: 'unset',
   WebkitTapHighlightColor: 'transparent'
-}, 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
+AnnotationSharedCSSByState().focus);
 export const AnnotationDraft = ({
   draftPosition,
   children

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

@@ -3,6 +3,7 @@ import { AnnotationTypes } from '@atlaskit/adf-schema';
 import { updateWindowSelectionAroundDraft } from '../draft';
 import { FabricChannel } from '@atlaskit/analytics-listeners';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
+import { getRendererRangeInlineNodeNames } from '../../../actions/get-renderer-range-inline-node-names';
 import { RendererContext as ActionsContext } from '../../RendererActionsContext';
 import { ProvidersContext } from '../context';
 export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
@@ -46,7 +47,12 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         action: ACTION.INSERTED,
         actionSubject: ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-        attributes: {},
+        attributes: {
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: positionToAnnotate,
+            actions
+          })
+        },
         eventType: EVENT_TYPE.TRACK
       }).fire(FabricChannel.editor);
     }
@@ -69,7 +75,12 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
           action: ACTION.CREATE_NOT_ALLOWED,
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-          attributes: {},
+          attributes: {
+            inlineNodeNames: getRendererRangeInlineNodeNames({
+              pos: documentPosition,
+              actions
+            })
+          },
           eventType: EVENT_TYPE.TRACK
         }).fire(FabricChannel.editor);
       }
@@ -85,7 +96,11 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: EVENT_TYPE.TRACK,
         attributes: {
-          overlap: uniqueAnnotationsInRange.length
+          overlap: uniqueAnnotationsInRange.length,
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: documentPosition,
+            actions
+          })
         }
       }).fire(FabricChannel.editor);
     }
@@ -124,12 +139,17 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
         actionSubject: ACTION_SUBJECT.ANNOTATION,
         actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
         eventType: EVENT_TYPE.TRACK,
-        attributes: {}
+        attributes: {
+          inlineNodeNames: getRendererRangeInlineNodeNames({
+            pos: documentPosition,
+            actions
+          })
+        }
       }).fire(FabricChannel.editor);
     }
     removeDraftModeCallback();
     onCloseProps();
-  }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
+  }, [actions, documentPosition, onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(Component, {
     range: range,
     draftRange: draftRange,

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

@@ -0,0 +1,18 @@
+import { getRangeInlineNodeNames } from '@atlaskit/editor-common/utils';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+export function getRendererRangeInlineNodeNames(_ref) {
+  var actions = _ref.actions,
+    pos = _ref.pos;
+  if (!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 = getRangeInlineNodeNames({
+    doc: doc,
+    pos: pos
+  });
+  return inlineNodeNames;
+}

package/dist/esm/actions/index.js

@@ -11,6 +11,7 @@ import { AddNodeMarkStep, RemoveMarkStep, RemoveNodeMarkStep } from '@atlaskit/e
 import { createAnnotationStep, getPosFromRange } from '../steps';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '@atlaskit/editor-common/analytics';
 import { getIndexMatch } from './matches-utils';
+import { getRendererRangeInlineNodeNames } from './get-renderer-range-inline-node-names';
 var RendererActions = /*#__PURE__*/function () {
   // Any kind of refence is allowed
 
@@ -109,7 +110,16 @@ var RendererActions = /*#__PURE__*/function () {
           action: ACTION.DELETED,
           actionSubject: ACTION_SUBJECT.ANNOTATION,
           actionSubjectId: ACTION_SUBJECT_ID.INLINE_COMMENT,
-          eventType: EVENT_TYPE.TRACK
+          eventType: EVENT_TYPE.TRACK,
+          attributes: {
+            inlineNodeNames: step instanceof RemoveMarkStep ? getRendererRangeInlineNodeNames({
+              pos: {
+                from: from,
+                to: to
+              },
+              actions: this
+            }) : undefined
+          }
         };
         this.onAnalyticsEvent(payload);
       }
@@ -162,6 +172,10 @@ var RendererActions = /*#__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) {
@@ -259,6 +273,13 @@ var RendererActions = /*#__PURE__*/function () {
       return _objectSpread({
         step: step,
         doc: this.transformer.encode(doc),
+        inlineNodeTypes: getRendererRangeInlineNodeNames({
+          actions: this,
+          pos: {
+            from: from,
+            to: to
+          }
+        }),
         originalSelection: originalSelection,
         numMatches: numMatches,
         matchIndex: matchIndex,