@atlaskit/renderer 130.5.0 → 130.6.0

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

@@ -10,6 +10,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { RendererCssClassName } from '../../consts';
 import { useIntl } from 'react-intl';
 import { tableCellMessages } from '../../messages';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 const IgnoreSorting = ['LABEL', 'INPUT'];
 const nextStatusOrder = currentSortOrder => {
   switch (currentSortOrder) {
@@ -39,16 +40,26 @@ const getSortOrderLabel = (intl, currentSortOrder) => {
       return intl.formatMessage(noneSortingLabel);
   }
 };
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getDataAttributes = (colwidth, background) => {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getDataAttributes = (colwidth, background, cellEdgeProps) => {
   const attrs = {};
   if (colwidth) {
     attrs['data-colwidth'] = colwidth.join(',');
   }
+  if (expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true)) {
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesTop) {
+      attrs['data-reaches-top'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesBottom) {
+      attrs['data-reaches-bottom'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesLeft) {
+      attrs['data-reaches-left'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesRight) {
+      attrs['data-reaches-right'] = true;
+    }
+  }
+
   /**
    * Storing hex code in data-cell-background because
    *  we want to have DST token (css variable) or
@@ -145,7 +156,11 @@ const getWithCellProps = WrapperComponent => {
       colspan,
       background,
       offsetTop,
-      ariaSort
+      ariaSort,
+      reachesTop,
+      reachesBottom,
+      reachesLeft,
+      reachesRight
     } = props;
 
     // This is used to set the background color of the cell
@@ -173,7 +188,12 @@ const getWithCellProps = WrapperComponent => {
       className: className
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
-    }, getDataAttributes(colwidth, background), {
+    }, getDataAttributes(colwidth, background, {
+      reachesTop,
+      reachesBottom,
+      reachesLeft,
+      reachesRight
+    }), {
       "aria-sort": ariaSort
     }), children);
   };

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

@@ -278,6 +278,7 @@ export class TableContainer extends React.Component {
     });
   }
   /**
+   * Starts observing table dimensions and wires sticky header/scrollbar behavior after mount.
    *
    * @example
    */
@@ -302,6 +303,7 @@ export class TableContainer extends React.Component {
   }
 
   /**
+   * Updates sticky header wiring and scroll synchronization after prop or state changes.
    *
    * @param prevProps
    * @param prevState
@@ -330,7 +332,7 @@ export class TableContainer extends React.Component {
     }
   }
   /**
-   *
+   * Calculates the top offset used when the sticky header is pinned to the table bottom.
    */
   get pinTop() {
     if (!this.tableRef.current || !this.stickyHeaderRef.current) {
@@ -340,7 +342,7 @@ export class TableContainer extends React.Component {
   }
 
   /**
-   *
+   * Determines whether sticky header positioning should include the default scroll root offset.
    */
   get shouldAddOverflowParentOffsetTop_DO_NOT_USE() {
     // IF the StickyHeaderConfig specifies that the default scroll root offsetTop should be added
@@ -351,7 +353,7 @@ export class TableContainer extends React.Component {
   }
 
   /**
-   *
+   * Resolves the top position for the sticky header based on the current sticky mode.
    */
   get stickyTop() {
     switch (this.state.stickyMode) {
@@ -371,6 +373,7 @@ export class TableContainer extends React.Component {
   }
 
   /**
+   * Renders the table container, sticky header, table content, sticky scrollbar, and synced block borders.
    *
    * @example
    */
@@ -565,14 +568,91 @@ export class TableContainer extends React.Component {
     })));
   }
 }
+const getCellEdgePropsByCellOffset = tableNode => {
+  const cellEdgePropsByCellOffset = new Map();
+  const cellRightByCellOffset = new Map();
+  const occupiedGrid = [];
+  let tableWidth = 0;
+  let cellOffset = 0;
+  tableNode.forEach((rowNode, _rowOffset, rowIndex) => {
+    var _occupiedGrid$rowInde;
+    occupiedGrid[rowIndex] = (_occupiedGrid$rowInde = occupiedGrid[rowIndex]) !== null && _occupiedGrid$rowInde !== void 0 ? _occupiedGrid$rowInde : [];
+    let columnIndex = 0;
+    cellOffset += 1;
+    rowNode.forEach(cellNode => {
+      while (occupiedGrid[rowIndex][columnIndex]) {
+        columnIndex += 1;
+      }
+      const colspan = cellNode.attrs.colspan || 1;
+      const rowspan = cellNode.attrs.rowspan || 1;
+      const cellLeft = columnIndex;
+      const cellRight = cellLeft + colspan;
+      const cellTop = rowIndex;
+      const cellBottom = cellTop + rowspan;
+      for (let row = cellTop; row < cellBottom; row += 1) {
+        var _occupiedGrid$row;
+        occupiedGrid[row] = (_occupiedGrid$row = occupiedGrid[row]) !== null && _occupiedGrid$row !== void 0 ? _occupiedGrid$row : [];
+        for (let column = cellLeft; column < cellRight; column += 1) {
+          occupiedGrid[row][column] = true;
+        }
+      }
+      tableWidth = Math.max(tableWidth, cellRight);
+      cellRightByCellOffset.set(cellOffset, cellRight);
+      cellEdgePropsByCellOffset.set(cellOffset, {
+        reachesBottom: cellBottom >= tableNode.childCount,
+        reachesLeft: cellLeft === 0,
+        reachesRight: false,
+        reachesTop: cellTop === 0
+      });
+      columnIndex = cellRight;
+      cellOffset += cellNode.nodeSize;
+    });
+    cellOffset += 1;
+  });
+  cellRightByCellOffset.forEach((cellRight, currentCellOffset) => {
+    const edgeProps = cellEdgePropsByCellOffset.get(currentCellOffset);
+    if (edgeProps) {
+      edgeProps.reachesRight = cellRight >= tableWidth;
+    }
+  });
+  return cellEdgePropsByCellOffset;
+};
+const addTableCellEdgeProps = (rows, tableNode) => {
+  try {
+    if (!tableNode) {
+      return rows;
+    }
+    const cellEdgePropsByCellOffset = getCellEdgePropsByCellOffset(tableNode);
+    let cellOffset = 0;
+    return React.Children.map(rows, (row, rowIndex) => {
+      const rowNode = tableNode.child(rowIndex);
+      cellOffset += 1;
+      let cellIndex = 0;
+      const rowChildren = React.Children.map(row.props.children, child => {
+        if (! /*#__PURE__*/React.isValidElement(child)) {
+          return child;
+        }
+        const cellNode = rowNode.child(cellIndex);
+        const edgeProps = cellEdgePropsByCellOffset.get(cellOffset);
+        cellIndex += 1;
+        cellOffset += cellNode.nodeSize;
+        return edgeProps ? /*#__PURE__*/React.cloneElement(child, edgeProps) : child;
+      });
+      cellOffset += 1;
+      return /*#__PURE__*/React.cloneElement(row, undefined, rowChildren);
+    });
+  } catch {
+    // Renderer can receive malformed historical ADF. If the table shape cannot
+    // be described safely, keep rendering without rounded edge metadata.
+    return rows;
+  }
+};
+
 /**
- *
+ * Processes table children before passing them to the styled table container.
  */
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
-/**
- *
- */
 export class TableProcessorWithContainerStyles extends React.Component {
   constructor(...args) {
     super(...args);
@@ -618,23 +698,63 @@ export class TableProcessorWithContainerStyles extends React.Component {
     });
   }
   /**
+   * Renders processed table children inside the table container.
    *
    * @example
    */
   render() {
     const {
-      children
+      allowColumnSorting,
+      allowFixedColumnWidthOption,
+      allowTableAlignment,
+      allowTableResizing,
+      children,
+      columnWidths,
+      disableTableOverflowShadow,
+      handleRef,
+      isinsideMultiBodiedExtension,
+      isInsideOfBlockNode,
+      isInsideOfTable,
+      isNumberColumnEnabled,
+      isPresentational,
+      layout,
+      rendererAppearance,
+      renderWidth,
+      shadowClassNames,
+      smartCardStorage,
+      stickyHeaders,
+      tabIndex,
+      tableNode
     } = this.props;
     if (!children) {
       return null;
     }
     const childrenArray = React.Children.toArray(children);
+    const childrenWithTableEdgeProps = expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? addTableCellEdgeProps(childrenArray, tableNode) : childrenArray;
     const orderedChildren = compose(this.addNumberColumnIndexes, this.addSortableColumn
     // @ts-expect-error TS2345: Argument of type '(ReactChild | ReactFragment | ReactPortal)[]' is not assignable to parameter of type 'ReactElement<any, string | JSXElementConstructor<any>>[]'
-    )(childrenArray);
-
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    return /*#__PURE__*/React.createElement(TableContainer, this.props, orderedChildren);
+    )(childrenWithTableEdgeProps);
+    return /*#__PURE__*/React.createElement(TableContainer, {
+      allowColumnSorting: allowColumnSorting,
+      allowFixedColumnWidthOption: allowFixedColumnWidthOption,
+      allowTableAlignment: allowTableAlignment,
+      allowTableResizing: allowTableResizing,
+      columnWidths: columnWidths,
+      disableTableOverflowShadow: disableTableOverflowShadow,
+      handleRef: handleRef,
+      isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
+      isInsideOfBlockNode: isInsideOfBlockNode,
+      isInsideOfTable: isInsideOfTable,
+      isNumberColumnEnabled: isNumberColumnEnabled,
+      isPresentational: isPresentational,
+      layout: layout,
+      rendererAppearance: rendererAppearance,
+      renderWidth: renderWidth,
+      shadowClassNames: shadowClassNames,
+      smartCardStorage: smartCardStorage,
+      stickyHeaders: stickyHeaders,
+      tabIndex: tabIndex,
+      tableNode: tableNode
+    }, orderedChildren);
   }
 }

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

@@ -182,7 +182,10 @@ const headingAnchorStylesDuplicateAnchor = css({
         '> button': {
           opacity: 0,
           transform: 'translate(-8px, 0px)',
-          transition: 'opacity 0.2s ease 0s, transform 0.2s ease 0s'
+          transitionProperty: 'opacity, transform',
+          transitionDuration: `${"var(--ds-duration-medium, 0.2s)"}, ${"var(--ds-duration-medium, 0.2s)"}`,
+          transitionTimingFunction: `${"var(--ds-easing-out-practical, ease)"}, ${"var(--ds-easing-out-practical, ease)"}`,
+          transitionDelay: '0s, 0s'
         }
       },
       '&:hover': {
@@ -1883,6 +1886,47 @@ const tableSharedStyle = css({
     }
   }
 });
+const roundedTableOuterBorderOverlayStyles = css({
+  [`.${TableSharedCssClassName.TABLE_CONTAINER} > table,
+	.${TableSharedCssClassName.TABLE_NODE_WRAPPER} > table,
+	.${TableSharedCssClassName.TABLE_STICKY_WRAPPER} > table`]: {
+    borderColor: 'transparent',
+    position: 'relative',
+    '&::after': {
+      content: "''",
+      position: 'absolute',
+      inset: 0,
+      border: `${tableCellBorderWidth}px solid ${"var(--ds-background-accent-gray-subtler, #DDDEE1)"}`,
+      borderRadius: "var(--ds-radius-medium, 6px)",
+      pointerEvents: 'none',
+      zIndex: 1
+    },
+    '> tbody > tr:first-of-type > th, > tbody > tr:first-of-type > td, > tbody > tr > th[data-reaches-top], > tbody > tr > td[data-reaches-top]': {
+      borderTopColor: 'transparent'
+    },
+    '> tbody > tr > th:first-child, > tbody > tr > td:first-child, > tbody > tr > th[data-reaches-left], > tbody > tr > td[data-reaches-left]': {
+      borderLeftColor: 'transparent'
+    },
+    '> tbody > tr > th[data-reaches-right], > tbody > tr > td[data-reaches-right]': {
+      borderRightColor: 'transparent'
+    },
+    '> tbody > tr > th[data-reaches-bottom], > tbody > tr > td[data-reaches-bottom]': {
+      borderBottomColor: 'transparent'
+    },
+    '> tbody > tr > th[data-reaches-top][data-reaches-left], > tbody > tr > td[data-reaches-top][data-reaches-left]': {
+      borderTopLeftRadius: "var(--ds-radius-medium, 6px)"
+    },
+    '> tbody > tr > th[data-reaches-top][data-reaches-right], > tbody > tr > td[data-reaches-top][data-reaches-right]': {
+      borderTopRightRadius: "var(--ds-radius-medium, 6px)"
+    },
+    '> tbody > tr > th[data-reaches-bottom][data-reaches-left], > tbody > tr > td[data-reaches-bottom][data-reaches-left]': {
+      borderBottomLeftRadius: "var(--ds-radius-medium, 6px)"
+    },
+    '> tbody > tr > th[data-reaches-bottom][data-reaches-right], > tbody > tr > td[data-reaches-bottom][data-reaches-right]': {
+      borderBottomRightRadius: "var(--ds-radius-medium, 6px)"
+    }
+  }
+});
 const tableContentModeStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   [`.${RendererCssClassName.DOCUMENT} .${TableSharedCssClassName.TABLE_CONTAINER}:has(table[data-initial-width-mode="content"])`]: {
@@ -2690,6 +2734,14 @@ const tableFakeBorderStyles = css({
     borderRightColor: 'transparent'
   }
 });
+const roundedTableFakeBorderOverlayStyles = css({
+  [`.${TableSharedCssClassName.TABLE_CONTAINER}`]: {
+    [`.${TableSharedCssClassName.TABLE_RIGHT_BORDER},
+		.${TableSharedCssClassName.TABLE_LEFT_BORDER}`]: {
+      display: 'none'
+    }
+  }
+});
 const syncBlockStyles = css({
   [`.${SyncBlockSharedCssClassName.renderer}, .${BodiedSyncBlockSharedCssClassName.renderer}, .${SyncBlockSharedCssClassName.error}, .${SyncBlockSharedCssClassName.loading}`]: {
     borderRadius: "var(--ds-radius-small, 3px)",
@@ -2767,7 +2819,7 @@ export const RendererStyleContainer = props => {
     // this should be placed after baseOtherStyles
     expValEquals('platform_editor_render_bodied_extension_as_inline', 'isEnabled', true) && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? extensionAsInlineStyle : oldExtensionAsInlineStyle), inlineExtensionRendererMarginFix, allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? alignedHeadingAnchorStyle : alignedHeadingAnchorStyleDuplicateAnchor), mediaSingleSharedStyle,
     // merge firstWrappedMediaStyles with mediaSingleSharedStyle when clean up platform_editor_fix_media_in_renderer
-    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') && tableFakeBorderStyles, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
+    fg('platform_editor_fix_media_in_renderer') && firstWrappedMediaStyles, tableSharedStyle, expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) && roundedTableOuterBorderOverlayStyles, expValEquals('platform_editor_table_fit_to_content_auto_convert', 'isEnabled', true) && tableContentModeStyles, tableRendererHeaderStylesForTableCellOnly, fg('platform_editor_bordered_panel_nested_in_table') && tableRendererNestedPanelStyles, isBackgroundClipBrowserFixNeeded() && tableStylesBackGroundClipForGeckoForTableCellOnly, fg('platform_editor_nested_dnd_styles_changes') ? firstNodeWithNotMarginTopWithNestedDnD : firstNodeWithNotMarginTop, rendererTableStyles, isStickyScrollbarEnabled(appearance) && stickyScrollbarStyles, rendererTableHeaderEqualHeightStylesForTableCellOnly, allowColumnSorting && rendererTableSortableColumnStyles, allowColumnSorting && allowNestedHeaderLinks && (expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinks : rendererTableHeaderEqualHeightStylesAllowNestedHeaderLinksDuplicateAnchor), rendererTableColumnStyles, stickyHeaderStyles, codeBlockAndLayoutStyles, columnLayoutSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveSharedStyle, isAdvancedLayoutsOn && columnLayoutResponsiveRendererStyles, isAdvancedLayoutsOn && layoutSectionForAdvancedLayoutsStyles, !useBlockRenderForCodeBlock && gridRenderForCodeBlockStyles, browser.safari && codeBlockInListSafariFixStyles, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && responsiveBreakoutWidth, appearance === 'full-page' && isPreviewPanelResponsivenessOn && responsiveBreakoutWidthWithReducedPadding, (appearance === 'full-width' || appearance === 'max' && (expValEquals('editor_tinymce_full_width_mode', 'isEnabled', true) || expValEquals('confluence_max_width_content_appearance', 'isEnabled', true))) && responsiveBreakoutWidthFullWidth, expValEquals('platform_editor_lovability_emoji_scaling', 'isEnabled', true) ? expValEquals('platform_editor_emojis_in_renderer_smart_links', 'isEnabled', true) ? isCompactModeEnabled ? scaledDenseEmojiStylesNew : scaledEmojiStylesNew : isCompactModeEnabled ? scaledDenseEmojiStyles : scaledEmojiStyles : isCompactModeEnabled ? denseStyles : undefined, editorExperiment('platform_synced_block', true) && syncBlockStyles, centerWrapperStyles, editorExperiment('platform_synced_block', true) && isInsideSyncBlock && fg('platform_synced_block_patch_9') ? syncBlockRendererStyles : null, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') && tableFakeBorderStyles, isInsideSyncBlock && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_9') ? expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true) ? roundedTableFakeBorderOverlayStyles : null : null, expValEquals('platform_editor_hide_extension_renderer_support', 'isEnabled', true) && hideExtensionStyles],
     "data-testid": testId
   }, children);
 };

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

@@ -57,7 +57,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.2;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "130.4.2";
+const packageVersion = "130.5.1";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'

package/dist/esm/entry-points/actions-renderer-actions-context.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { RendererActionsContext, RendererActionsContextConsumer } from '../ui/RendererActionsContext/index';

package/dist/esm/entry-points/actions-with-renderer-actions.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { WithRendererActions } from '../ui/RendererActionsContext/WithRendererActions';

package/dist/esm/entry-points/annotations.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { AnnotationsPositionContext, AnnotationsWrapper, AnnotationsWrapperInner } from '../ui/annotations/index';

package/dist/esm/entry-points/consts.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { RendererCssClassName } from '../consts';

package/dist/esm/entry-points/custom-nodes-loosely-lazy.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { nodeToReact as defaultNodeComponentsWithLooselyLazy } from '../react/nodes/loosely-lazy';

package/dist/esm/entry-points/events.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { MODE, PLATFORM } from '../analytics/events';

package/dist/esm/entry-points/extension-renderer.js

@@ -0,0 +1,3 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { InlineNodeRendererWrapper } from '../ui/ExtensionRenderer';
+export { default } from '../ui/ExtensionRenderer';

package/dist/esm/entry-points/loosely-lazy.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { nodeToReact } from '../react/nodes/loosely-lazy';

package/dist/esm/entry-points/messages.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { headingAnchorLinkMessages, inlineCommentMessages, tableCellMessages } from '../messages';

package/dist/esm/entry-points/nodes.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { BlockCard, Blockquote, BodiedExtension, BulletList, Caption, CodeBlock, Date, DecisionItem, DecisionList, Doc, DocWithSelectAllTrap, EmbedCard, Emoji, Expand, Extension, ExtensionFrame, HardBreak, Heading, InlineCard, InlineExtension, LayoutColumn, LayoutSection, ListItem, Media, MediaGroup, MediaInline, MediaSingle, Mention, MultiBodiedExtension, OrderedList, Panel, Paragraph, Placeholder, Rule, Status, Table, TableCell, TableRow, TaskItem, TaskList, UnknownBlock, WindowedCodeBlock, isEmojiDoc, isText, isTextNode, isTextWrapper, mergeTextNodes, nodeToReact, toReact } from '../react/nodes/index';

package/dist/esm/entry-points/react.js

@@ -0,0 +1,3 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+
+export { default } from '../react/index';

package/dist/esm/entry-points/render-document.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { renderDocument } from '../render-document';

package/dist/esm/entry-points/renderer-actions-context.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { RendererActionsContext, RendererActionsContextConsumer, RendererContext } from '../ui/RendererActionsContext/index';

package/dist/esm/entry-points/renderer-context.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { RendererContextProvider, useRendererContext } from '../renderer-context';

package/dist/esm/entry-points/renderer.js

@@ -0,0 +1,3 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { DEGRADED_SEVERITY_THRESHOLD, NORMAL_SEVERITY_THRESHOLD, Renderer, RendererFunctionalComponent, RendererWithAnalytics } from '../ui/Renderer/index';
+export { default } from '../ui/Renderer/index';

package/dist/esm/entry-points/text-serializer-text.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default as TextSerializer } from '../text/index';

package/dist/esm/entry-points/text.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { default } from '../text/index';

package/dist/esm/entry-points/use-feature-flags.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { useFeatureFlags } from '../use-feature-flags';

package/dist/esm/entry-points/utils.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { ADFEncoder, findInTree, getEventHandler, getText } from '../utils';

package/dist/esm/entry-points/validation-context.js

@@ -0,0 +1,2 @@
+/* eslint-disable @atlaskit/editor/no-re-export */
+export { ValidationContext, ValidationContextProvider } from '../ui/Renderer/ValidationContext';

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

@@ -10,6 +10,7 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import { RendererCssClassName } from '../../consts';
 import { useIntl } from 'react-intl';
 import { tableCellMessages } from '../../messages';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 var IgnoreSorting = ['LABEL', 'INPUT'];
 var nextStatusOrder = function nextStatusOrder(currentSortOrder) {
   switch (currentSortOrder) {
@@ -37,16 +38,26 @@ var getSortOrderLabel = function getSortOrderLabel(intl, currentSortOrder) {
       return intl.formatMessage(noneSortingLabel);
   }
 };
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var getDataAttributes = function getDataAttributes(colwidth, background) {
-  // Ignored via go/ees005
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+var getDataAttributes = function getDataAttributes(colwidth, background, cellEdgeProps) {
   var attrs = {};
   if (colwidth) {
     attrs['data-colwidth'] = colwidth.join(',');
   }
+  if (expValEquals('platform_editor_table_q4_loveability', 'isEnabled', true)) {
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesTop) {
+      attrs['data-reaches-top'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesBottom) {
+      attrs['data-reaches-bottom'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesLeft) {
+      attrs['data-reaches-left'] = true;
+    }
+    if (cellEdgeProps !== null && cellEdgeProps !== void 0 && cellEdgeProps.reachesRight) {
+      attrs['data-reaches-right'] = true;
+    }
+  }
+
   /**
    * Storing hex code in data-cell-background because
    *  we want to have DST token (css variable) or
@@ -140,7 +151,11 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
       colspan = props.colspan,
       background = props.background,
       offsetTop = props.offsetTop,
-      ariaSort = props.ariaSort;
+      ariaSort = props.ariaSort,
+      reachesTop = props.reachesTop,
+      reachesBottom = props.reachesBottom,
+      reachesLeft = props.reachesLeft,
+      reachesRight = props.reachesRight;
 
     // This is used to set the background color of the cell
     // to a dark mode color in mobile dark mode
@@ -167,7 +182,12 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
       className: className
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
-    }, getDataAttributes(colwidth, background), {
+    }, getDataAttributes(colwidth, background, {
+      reachesTop: reachesTop,
+      reachesBottom: reachesBottom,
+      reachesLeft: reachesLeft,
+      reachesRight: reachesRight
+    }), {
       "aria-sort": ariaSort
     }), children);
   };