@atlaskit/renderer 112.7.12 → 112.7.13

package/dist/es2019/ui/Renderer/breakout-ssr.js

@@ -47,6 +47,9 @@ export const breakoutInlineScriptContext = `
   breakoutConsts.calcWideWidth = ${breakoutConsts.calcWideWidth.toString()};
   breakoutConsts.FullPagePadding = ${FullPagePadding.toString()};
 `;
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
   const MEDIA_NODE_TYPE = 'mediaSingle';
   const WIDE_LAYOUT_MODES = ['full-width', 'wide', 'custom'];
@@ -73,6 +76,9 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
       if (item.target.nodeType !== Node.ELEMENT_NODE) {
         return;
       }
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       if (item.target.classList.contains('ak-renderer-document')) {
         item.addedNodes.forEach(maybeNode => {
           // maybeNode may contain comments which doesn't have a dataset property
@@ -80,6 +86,8 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
             return;
           }
           let width;
+          // Ignored via go/ees005
+          // eslint-disable-next-line @atlaskit/editor/no-as-casting
           const node = maybeNode;
           const mode = node.dataset.mode || node.dataset.layout || '';
           const resizedBreakout = node.dataset.hasWidth === 'true';
@@ -90,12 +98,19 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
           // When flag is on we are using CSS to calculate the table width thus don't need logic below to set the width and left.
           if (!shouldFixTableResizing) {
             if (node.classList.contains('pm-table-container') && mode === 'custom') {
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
               const rendererWidth = renderer.offsetWidth;
               const effectiveWidth = rendererWidth - breakoutConsts.padding;
               width = `${Math.min(parseInt(node.style.width), effectiveWidth)}px`;
             } else if (resizedBreakout) {
-              width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null, renderer.offsetWidth);
+              width = breakoutConsts.calcBreakoutWithCustomWidth(mode, node.dataset.width || null,
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              renderer.offsetWidth);
             } else {
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
               width = breakoutConsts.calcBreakoutWidth(mode, renderer.offsetWidth);
             }
             if (node.style.width === width) {
@@ -106,7 +121,10 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
             // Tables require some special logic, as they are not using common css transform approach,
             // because it breaks with sticky headers. This logic is copied from a table node:
             // https://bitbucket.org/atlassian/atlassian-frontend/src/77938aee0c140d02ff99b98a03849be1236865b4/packages/editor/renderer/src/react/nodes/table.tsx#table.tsx-235:245
-            if (node.classList.contains('pm-table-container') && !renderer.classList.contains('is-full-width')) {
+            if (node.classList.contains('pm-table-container') &&
+            // Ignored via go/ees005
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            !renderer.classList.contains('is-full-width')) {
               const lineLength = breakoutConsts.calcLineLength();
               const left = lineLength / 2 - parseInt(width) / 2;
               if (left < 0 && parseInt(width) > lineLength) {
@@ -125,7 +143,11 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
        * So nested media elements which are not immediately loaded as sub children are not available in the above conditional.
        * Thus adding this conditional to deal with all media elements directly.
        */
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       item.target.dataset.nodeType === MEDIA_NODE_TYPE) {
+        // Ignored via go/ees005
+        // eslint-disable-next-line @atlaskit/editor/no-as-casting
         applyMediaBreakout(item.target);
       }
     });
@@ -170,8 +192,12 @@ function applyBreakoutAfterSSR(id, breakoutConsts, shouldFixTableResizing) {
    */
   const disconnect = () => {
     observer.disconnect();
+    // Ignored via go/ees005
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
     window.removeEventListener('load', disconnect);
   };
+  // Ignored via go/ees005
+  // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
   window.addEventListener('load', disconnect);
 }
 export const calcLineLength = breakoutConsts.calcLineLength;

package/dist/es2019/ui/Renderer/count-nodes.js

@@ -1,4 +1,7 @@
 import { reduce } from '@atlaskit/adf-utils/traverse';
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function countNodes(adfDocument) {
   return reduce(adfDocument, (acc, node) => {
     acc[node.type] = (acc[node.type] || 0) + 1;

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

@@ -45,7 +45,7 @@ import { TruncatedWrapper } from './truncated-wrapper';
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "112.7.12";
+const packageVersion = "112.7.13";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',
@@ -118,13 +118,19 @@ export class __RendererClassComponent extends PureComponent {
       if (!rangeSelection) {
         return;
       }
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       const target = event.target;
       const tableCell = target.closest('td,th');
       const clickedInCell = Boolean(tableCell);
       if (!clickedInCell) {
         return;
       }
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const anchorInCell = tableCell.contains(anchorNode);
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const focusInCell = tableCell.contains(focusNode);
       const selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
       if (!selectionStartsOrEndsOutsideClickedCell) {
@@ -135,7 +141,11 @@ export class __RendererClassComponent extends PureComponent {
       // cell, we select the cell's contents instead). We want to select the nearest
       // parent block, so that a whole line of text/content is selected (rather than
       // selecting a span that would select one specific chunk of text).
-      const elementToSelect = anchorInCell ? (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
+      const elementToSelect = anchorInCell ? // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      (_parentElement = anchorNode.parentElement) === null || _parentElement === void 0 ? void 0 : _parentElement.closest('div,p') : focusInCell ? // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      (_parentElement2 = focusNode.parentElement) === null || _parentElement2 === void 0 ? void 0 : _parentElement2.closest('div,p') : tableCell;
       if (elementToSelect) {
         selection.selectAllChildren(elementToSelect);
       }
@@ -197,7 +207,10 @@ export class __RendererClassComponent extends PureComponent {
             attributes: {
               platform: PLATFORM.WEB,
               duration,
-              distortedDuration: this.renderedMeasurementDistortedDurationMonitor.distortedDuration,
+              distortedDuration:
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+              this.renderedMeasurementDistortedDurationMonitor.distortedDuration,
               ttfb: getResponseEndTime(),
               nodes: countNodes(this.props.document),
               severity
@@ -205,12 +218,18 @@ export class __RendererClassComponent extends PureComponent {
             eventType: EVENT_TYPE.OPERATIONAL
           });
         }
+
+        // Ignored via go/ees005
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         this.renderedMeasurementDistortedDurationMonitor.cleanup();
         delete this.renderedMeasurementDistortedDurationMonitor;
       });
       this.anchorLinkAnalytics();
     });
   }
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/no-unsafe
   UNSAFE_componentWillReceiveProps(nextProps) {
     const nextMedia = nextProps.media || {};
     const media = this.props.media || {};
@@ -299,6 +318,8 @@ export class __RendererClassComponent extends PureComponent {
      */
     const handleWrapperOnClick = event => {
       var _this$props$eventHand;
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       const targetElement = event.target;
 
       // ED-14862: When a user triple clicks to select a line of content inside a
@@ -312,6 +333,9 @@ export class __RendererClassComponent extends PureComponent {
       if (!(targetElement instanceof window.Element)) {
         return;
       }
+
+      // Ignored via go/ees005
+      // eslint-disable-next-line @atlaskit/editor/no-as-casting
       const rendererWrapper = event.currentTarget;
 
       // Check if the click was on an interactive element
@@ -442,13 +466,19 @@ const handleMouseTripleClickInTables = event => {
   if (!rangeSelection) {
     return;
   }
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const target = event.target;
   const tableCell = target.closest('td,th');
   const clickedInCell = Boolean(tableCell);
   if (!clickedInCell) {
     return;
   }
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const anchorInCell = tableCell.contains(anchorNode);
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
   const focusInCell = tableCell.contains(focusNode);
   const selectionStartsOrEndsOutsideClickedCell = !(anchorInCell && focusInCell);
   if (!selectionStartsOrEndsOutsideClickedCell) {
@@ -463,7 +493,11 @@ const handleMouseTripleClickInTables = event => {
   // selection isn't reported; if not in `onMouseDown`, a click outside the selection will
   // return an empty selection, which will erroneously fire onUnhandledClick.
 
-  const elementToSelect = anchorInCell ? (_parentElement3 = anchorNode.parentElement) === null || _parentElement3 === void 0 ? void 0 : _parentElement3.closest('div,p') : focusInCell ? (_parentElement4 = focusNode.parentElement) === null || _parentElement4 === void 0 ? void 0 : _parentElement4.closest('div,p') : tableCell;
+  const elementToSelect = anchorInCell ? // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  (_parentElement3 = anchorNode.parentElement) === null || _parentElement3 === void 0 ? void 0 : _parentElement3.closest('div,p') : focusInCell ? // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  (_parentElement4 = focusNode.parentElement) === null || _parentElement4 === void 0 ? void 0 : _parentElement4.closest('div,p') : tableCell;
   if (elementToSelect) {
     selection.selectAllChildren(elementToSelect);
   }
@@ -477,6 +511,8 @@ const handleMouseTripleClickInTables = event => {
  */
 const handleWrapperOnClick = (event, props, mouseDownSelection) => {
   var _props$eventHandlers;
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const targetElement = event.target;
   handleMouseTripleClickInTables(event);
 
@@ -490,6 +526,9 @@ const handleWrapperOnClick = (event, props, mouseDownSelection) => {
   if (!(targetElement instanceof window.Element)) {
     return;
   }
+
+  // Ignored via go/ees005
+  // eslint-disable-next-line @atlaskit/editor/no-as-casting
   const rendererWrapper = event.currentTarget;
   const isInteractiveElementInTree = findInTree(targetElement, rendererWrapper, isInteractiveElement);
   if (isInteractiveElementInTree) {
@@ -660,6 +699,8 @@ const RendererFunctionalComponent = props => {
               attributes: {
                 platform: PLATFORM.WEB,
                 duration,
+                // Ignored via go/ees005
+                // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
                 distortedDuration: renderedMeasurementDistortedDurationMonitor.distortedDuration,
                 ttfb: getResponseEndTime(),
                 nodes: countNodes(props.document),
@@ -668,6 +709,9 @@ const RendererFunctionalComponent = props => {
               eventType: EVENT_TYPE.OPERATIONAL
             });
           }
+
+          // Ignored via go/ees005
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           renderedMeasurementDistortedDurationMonitor.cleanup();
         });
         anchorLinkAnalytics();
@@ -761,12 +805,18 @@ export function Renderer(props) {
   const {
     isTopLevelRenderer
   } = useRendererContext();
-  return fg('platform_editor_react18_renderer') ? jsx(RendererFunctionalComponent, _extends({}, props, {
+  return fg('platform_editor_react18_renderer') ? jsx(RendererFunctionalComponent
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, props, {
     startPos: startPos,
     isTopLevelRenderer: isTopLevelRenderer
   })) :
   // eslint-disable-next-line react/jsx-pascal-case
-  jsx(__RendererClassComponent, _extends({}, props, {
+  jsx(__RendererClassComponent
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  , _extends({}, props, {
     startPos: startPos,
     isTopLevelRenderer: isTopLevelRenderer
   }));
@@ -791,7 +841,10 @@ export const RendererWithAnalytics = /*#__PURE__*/React.memo(props => jsx(Fabric
       rethrowError: true,
       fallbackComponent: null,
       createAnalyticsEvent: createAnalyticsEvent
-    }, jsx(IntlErrorBoundary, null, jsx(Renderer, _extends({}, props, {
+    }, jsx(IntlErrorBoundary, null, jsx(Renderer
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    , _extends({}, props, {
       createAnalyticsEvent: createAnalyticsEvent
     }))));
   }
@@ -823,6 +876,8 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
     // We must check if window is defined, if it isn't we are in a SSR environment
     // and we don't want to add the telepointer
     if (typeof window !== 'undefined' && addTelepointer && innerRef !== null && innerRef !== void 0 && innerRef.current) {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       const renderer = innerRef.current.querySelector('.ak-renderer-document');
       if (initialUpdate.current) {
         const lastChild = renderer.lastChild;
@@ -846,6 +901,8 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
               if (oldTelepointer) {
                 oldTelepointer.remove();
               }
+              // Ignored via go/ees005
+              // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
               parentNode.appendChild(createTelepointer());
             }
           }
@@ -956,6 +1013,8 @@ const RendererWithAnnotationSelection = props => {
   const localRef = React.useRef(null);
   const innerRef = props.innerRef || localRef;
   if (!allowAnnotations) {
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
     return jsx(RendererWithAnalytics, _extends({
       innerRef: innerRef
     }, props));
@@ -967,6 +1026,8 @@ const RendererWithAnnotationSelection = props => {
     isNestedRender: true
   }, jsx(RendererWithAnalytics, _extends({
     innerRef: innerRef
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
   }, props, {
     featureFlags: props.featureFlags
   }))));

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

@@ -5,6 +5,8 @@
 import { css } from '@emotion/react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { fontSize } from '@atlaskit/theme/constants';
+// Ignored via go/ees005
+// eslint-disable-next-line import/no-namespace
 import * as colors from '@atlaskit/theme/colors';
 import { N60A, Y300, Y75, N40A } from '@atlaskit/theme/colors';
 import { headingSizes as headingSizesImport } from '@atlaskit/theme/typography';
@@ -254,62 +256,67 @@ const tableSortableColumnStyle = ({
 				${headingsCss}
 			}
 
-			${fg('platform_editor_nested_tables_renderer_styles') ? `
-					// New styles
-					> .${RendererCssClassName.SORTABLE_COLUMN}
-						> .${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} {
-						margin: 0;
-						.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-							opacity: 1;
-							transition: opacity 0.2s ease-in-out;
-						}
-					}
+			${fg('platform_editor_nested_tables_renderer_styles') ? css`
+						// New styles
+						> .${RendererCssClassName.SORTABLE_COLUMN}
+							> .${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} {
+							margin: 0;
 
-					> .${RendererCssClassName.SORTABLE_COLUMN}
-						> .${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
-						.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-							opacity: 0;
-							&:focus {
+							.${SORTABLE_COLUMN_ICON_CLASSNAME} {
 								opacity: 1;
+								transition: opacity 0.2s ease-in-out;
 							}
 						}
-					}
 
-					&:hover:not(:has(.${RendererCssClassName.SORTABLE_COLUMN_WRAPPER} .${RendererCssClassName.SORTABLE_COLUMN}:hover))
 						> .${RendererCssClassName.SORTABLE_COLUMN}
 							> .${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
 							.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-								opacity: 1;
+								opacity: 0;
+								&:focus {
+									opacity: 1;
+								}
 							}
 						}
-					}
-				` : `
-					// old styles
-					.${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} {
-						margin: 0;
-						.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-							opacity: 1;
-							transition: opacity 0.2s ease-in-out;
-						}
-					}
 
-					.${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
-						.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-							opacity: 0;
-							&:focus {
+						&:hover:not(
+								:has(
+										.${RendererCssClassName.SORTABLE_COLUMN_WRAPPER}
+											.${RendererCssClassName.SORTABLE_COLUMN}:hover
+									)
+							)
+							> .${RendererCssClassName.SORTABLE_COLUMN}
+							> .${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
+							.${SORTABLE_COLUMN_ICON_CLASSNAME} {
 								opacity: 1;
 							}
 						}
-					}
+					` : css`
+						// old styles
+						.${RendererCssClassName.SORTABLE_COLUMN_ICON_WRAPPER} {
+							margin: 0;
+							.${SORTABLE_COLUMN_ICON_CLASSNAME} {
+								opacity: 1;
+								transition: opacity 0.2s ease-in-out;
+							}
+						}
 
-					&:hover {
 						.${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
 							.${SORTABLE_COLUMN_ICON_CLASSNAME} {
-								opacity: 1;
+								opacity: 0;
+								&:focus {
+									opacity: 1;
+								}
 							}
 						}
-					}
-				`}
+
+						&:hover {
+							.${RendererCssClassName.SORTABLE_COLUMN_NO_ORDER} {
+								.${SORTABLE_COLUMN_ICON_CLASSNAME} {
+									opacity: 1;
+								}
+							}
+						}
+					`}
 		}
 	`;
 };
@@ -467,6 +474,9 @@ const stickyScrollbarStyles = `
 	   bottom:  ${"var(--ds-space-250, 20px)"}; // MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
 	 }
   `;
+
+// Ignored via go/ees005
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const rendererStyles = wrapperProps => theme => {
   const {
     colorMode,

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

@@ -35,6 +35,9 @@ const FadeOut = props => {
     css: styles
   }, children);
 };
+
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components, react/prefer-stateless-function
 export class TruncatedWrapper extends Component {
   constructor(props) {
     super(props);

package/dist/es2019/ui/SmartCardStorage.js

@@ -9,9 +9,14 @@ export const Provider = function ({
   }, children);
 };
 export const withSmartCardStorage = WrappedComponent => {
+  // Ignored via go/ees005
+  // eslint-disable-next-line react/prefer-stateless-function
   return class extends React.Component {
     render() {
-      return /*#__PURE__*/React.createElement(Context.Consumer, null, storage => /*#__PURE__*/React.createElement(WrappedComponent, _extends({}, this.props, {
+      return /*#__PURE__*/React.createElement(Context.Consumer, null, storage => /*#__PURE__*/React.createElement(WrappedComponent
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      , _extends({}, this.props, {
         smartCardStorage: storage
       })));
     }

package/dist/es2019/ui/annotations/context.js

@@ -3,6 +3,9 @@ import React, { createContext } from 'react';
 export const AnnotationsDraftContext = /*#__PURE__*/createContext(null);
 export const ProvidersContext = /*#__PURE__*/createContext(null);
 export const InlineCommentsStateContext = /*#__PURE__*/createContext({});
+
+// Ignored via go/ees005
+// eslint-disable-next-line @repo/internal/react/no-class-components
 export class AnnotationsDraftContextWrapper extends React.Component {
   constructor(...args) {
     super(...args);

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

@@ -29,11 +29,15 @@ export const AnnotationDraft = ({
   draftPosition,
   children
 }) => {
-  return jsx("mark", _extends({
-    "data-renderer-mark": true
-  }, dataAttributes(draftPosition), {
-    css: markStyles
-  }), children);
+  return (
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    jsx("mark", _extends({
+      "data-renderer-mark": true
+    }, dataAttributes(draftPosition), {
+      css: markStyles
+    }), children)
+  );
 };
 export const getAnnotationIndex = (annotationPosition, fragmentCount) => {
   if (annotationPosition === InsertDraftPosition.START) {
@@ -58,14 +62,22 @@ export const applyAnnotationOnText = ({
   return texts.map((value, index) => {
     const segments = segmentText(value, textHighlighter);
     if (annotateIndex === index) {
-      return jsx(AnnotationDraft, {
-        key: index,
-        draftPosition: draftPosition
-      }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from));
+      return (
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/no-array-index-key
+        jsx(AnnotationDraft, {
+          key: index,
+          draftPosition: draftPosition
+        }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+      );
     }
-    return jsx(React.Fragment, {
-      key: index
-    }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from));
+    return (
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/no-array-index-key
+      jsx(React.Fragment, {
+        key: index
+      }, renderTextSegments(segments, textHighlighter, marks || [], draftPosition.from))
+    );
   });
 };
 export const TextWithAnnotationDraft = ({

package/dist/es2019/ui/annotations/element/mark.js

@@ -32,6 +32,8 @@ const markStyles = () => css`
 	}
 `;
 const isMobile = () => {
+  // Ignored via go/ees005
+  // eslint-disable-next-line require-unicode-regexp
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
 const accessibilityStyles = (startMarker, endMarker) => css({
@@ -93,6 +95,9 @@ export const MarkComponent = ({
       // prevents from opening link URL inside webView in Safari
       event.preventDefault();
     }
+
+    // Ignored via go/ees005
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
     onClick({
       eventTarget: event.target,
       annotationIds

package/dist/es2019/ui/annotations/element/useInlineAnnotationProps.js

@@ -12,7 +12,13 @@ export function useInlineAnnotationProps(props) {
     return {};
   }
   const inlineCardPosition = props.dataAttributes['data-renderer-start-pos'] - 1;
-  const hasDraft = draftPosition && (draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.from) <= inlineCardPosition && (draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.to) >= inlineCardPosition + 1;
+  const hasDraft = draftPosition &&
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  (draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.from) <= inlineCardPosition &&
+  // Ignored via go/ees005
+  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+  (draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.to) >= inlineCardPosition + 1;
   if (hasDraft) {
     return {
       'data-renderer-mark': true,

package/dist/es2019/ui/annotations/hooks/user-selection.js

@@ -54,7 +54,10 @@ export const useUserSelectionRange = props => {
             // platform/packages/editor/renderer/src/steps/index.ts Line 180
 
             // This workaround ensures the endContainer is set to a text node when endContainer is non-text and the parent container is the root element
-            if (isTripleClick && isRoot(commonAncestorContainer) && (parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === 'P' // ignore if the parent node is strong, em, etc.
+            if (isTripleClick &&
+            // Ignored via go/ees005
+            // eslint-disable-next-line @atlaskit/editor/no-as-casting
+            isRoot(commonAncestorContainer) && (parentNode === null || parentNode === void 0 ? void 0 : parentNode.nodeName) === 'P' // ignore if the parent node is strong, em, etc.
             ) {
               var _parentNode$lastChild, _parentNode$lastChild2;
               const lastChild = parentNode !== null && parentNode !== void 0 && parentNode.lastChild && (parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$lastChild = parentNode.lastChild) === null || _parentNode$lastChild === void 0 ? void 0 : _parentNode$lastChild.nodeType) === Node.TEXT_NODE ? parentNode === null || parentNode === void 0 ? void 0 : parentNode.lastChild : parentNode === null || parentNode === void 0 ? void 0 : (_parentNode$lastChild2 = parentNode.lastChild) === null || _parentNode$lastChild2 === void 0 ? void 0 : _parentNode$lastChild2.childNodes[0];
@@ -65,8 +68,13 @@ export const useUserSelectionRange = props => {
         }
       }, 250);
     };
+
+    // Ignored via go/ees005
+    // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
     document.addEventListener('selectionchange', onSelectionChange);
     return () => {
+      // Ignored via go/ees005
+      // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
       document.removeEventListener('selectionchange', onSelectionChange);
       clearRange();
     };

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

@@ -120,7 +120,10 @@ export const Mounter = /*#__PURE__*/React.memo(props => {
   }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(Component, {
     range: range,
-    isWithinRange: isWithinRange,
+    isWithinRange: isWithinRange
+    // Ignored via go/ees005
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    ,
     wrapperDOM: wrapperDOM.current,
     isAnnotationAllowed: isAnnotationAllowed,
     onClose: onCloseCallback,

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

@@ -161,7 +161,10 @@ export const SelectionInlineCommentMounter = /*#__PURE__*/React.memo(props => {
   }, [onCloseProps, removeDraftModeCallback, createAnalyticsEvent, inlineNodeTypes]);
   return /*#__PURE__*/React.createElement(Component, {
     range: range,
-    draftRange: draftRange,
+    draftRange: draftRange
+    // Ignored via go/ees005
+    // eslint-disable-next-line @atlaskit/editor/no-as-casting
+    ,
     wrapperDOM: wrapperDOM.current,
     isAnnotationAllowed: isAnnotationAllowed,
     onClose: onCloseCallback,

package/dist/es2019/ui/annotations/wrapper.js

@@ -35,13 +35,19 @@ export const AnnotationsContextWrapper = props => {
   }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children, !!hoverComponent && /*#__PURE__*/React.createElement(HoverRangeValidator, {
       createAnalyticsEvent: createAnalyticsEvent,
-      rendererRef: rendererRef,
+      rendererRef: rendererRef
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
       component: hoverComponent,
       applyAnnotationDraftAt: applyAnnotationDraftAt,
       clearAnnotationDraft: clearAnnotationDraft
     }), !!selectionComponent && /*#__PURE__*/React.createElement(SelectionRangeValidator, {
       createAnalyticsEvent: createAnalyticsEvent,
-      rendererRef: rendererRef,
+      rendererRef: rendererRef
+      // Ignored via go/ees005
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      ,
       selectionComponent: selectionComponent,
       applyAnnotationDraftAt: applyAnnotationDraftAt,
       clearAnnotationDraft: clearAnnotationDraft