@atlaskit/renderer 95.0.0 → 96.0.1

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

@@ -293,13 +293,12 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
           isNumberColumnEnabled = _this$props.isNumberColumnEnabled,
           layout = _this$props.layout,
           renderWidth = _this$props.renderWidth,
-          allowDynamicTextSizing = _this$props.allowDynamicTextSizing,
           columnWidths = _this$props.columnWidths,
           stickyHeaders = _this$props.stickyHeaders,
           tableNode = _this$props.tableNode;
       var stickyMode = this.state.stickyMode;
       var tableWidth = calcTableWidth(layout, renderWidth, false);
-      var lineLength = calcLineLength(renderWidth, allowDynamicTextSizing);
+      var lineLength = calcLineLength();
       var left;
 
       if (canUseLinelength(this.props.rendererAppearance) && tableWidth !== 'inherit') {
@@ -322,10 +321,9 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         innerRef: this.stickyWrapperRef,
         wrapperWidth: wrapperWidth,
         columnWidths: columnWidths,
-        rowHeight: this.headerRowHeight,
-        allowDynamicTextSizing: allowDynamicTextSizing
+        rowHeight: this.headerRowHeight
       }, [children && children[0]]), /*#__PURE__*/React.createElement("div", {
-        className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " ").concat(this.props.shadowClassNames),
+        className: "".concat(TableSharedCssClassName.TABLE_CONTAINER, " ").concat(this.props.shadowClassNames || ''),
         "data-layout": layout,
         ref: this.props.handleRef,
         style: {
@@ -341,8 +339,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         columnWidths: columnWidths,
         layout: layout,
         isNumberColumnEnabled: isNumberColumnEnabled,
-        renderWidth: renderWidth,
-        allowDynamicTextSizing: allowDynamicTextSizing
+        renderWidth: renderWidth
       }, this.grabFirstRowRef(children)))));
     }
   }]);
@@ -425,14 +422,28 @@ export var TableProcessor = /*#__PURE__*/function (_React$Component2) {
   return TableProcessor;
 }(React.Component);
 var TableWithShadows = overflowShadow(TableProcessor, {
-  overflowSelector: ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER)
+  overflowSelector: ".".concat(TableSharedCssClassName.TABLE_NODE_WRAPPER),
+  useShadowObserver: true
 });
 
 var TableWithWidth = function TableWithWidth(props) {
   return /*#__PURE__*/React.createElement(WidthConsumer, null, function (_ref2) {
+    var _props$columnWidths;
+
     var width = _ref2.width;
     var renderWidth = props.rendererAppearance === 'full-page' ? width - FullPagePadding * 2 : width;
-    return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
+    var colWidthsSum = ((_props$columnWidths = props.columnWidths) === null || _props$columnWidths === void 0 ? void 0 : _props$columnWidths.reduce(function (total, val) {
+      return total + val;
+    }, 0)) || 0;
+
+    if (colWidthsSum) {
+      return /*#__PURE__*/React.createElement(TableWithShadows, _extends({
+        renderWidth: renderWidth
+      }, props));
+    } // there should not be a case when colWidthsSum is 0 and table is in overflow state - so no need to render shadows in this case
+
+
+    return /*#__PURE__*/React.createElement(TableProcessor, _extends({
       renderWidth: renderWidth
     }, props));
   });

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

@@ -146,8 +146,10 @@ export var withSortableColumn = function withSortableColumn(WrapperComponent) {
 
       _defineProperty(_assertThisInitialized(_this), "onKeyPress", function (event) {
         var keys = [' ', 'Enter', 'Spacebar'];
+        var _ref = event.target,
+            tagName = _ref.tagName; // trigger sorting if space or enter are clicked but not when in an input field (template variables)
 
-        if (keys.includes(event.key)) {
+        if (keys.includes(event.key) && !IgnoreSorting.includes(tagName)) {
           event.preventDefault();
 
           _this.onClick(event);
@@ -156,8 +158,8 @@ export var withSortableColumn = function withSortableColumn(WrapperComponent) {
 
       _defineProperty(_assertThisInitialized(_this), "onClick", function (event) {
         // ignore sorting when specific elements are clicked
-        var _ref = event.target,
-            tagName = _ref.tagName;
+        var _ref2 = event.target,
+            tagName = _ref2.tagName;
 
         if (IgnoreSorting.includes(tagName)) {
           return;

package/dist/esm/render-document.js

@@ -6,7 +6,7 @@ import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaski
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from './analytics/enums';
 import { PLATFORM } from './analytics/events';
 import { trackUnsupportedContentLevels } from './analytics/unsupported-content';
-import { transformMediaLinkMarks } from '@atlaskit/adf-utils';
+import { transformMediaLinkMarks } from '@atlaskit/adf-utils/transforms';
 var SUPPORTS_HIRES_TIMER_API = !!(window.performance && performance.now);
 
 var withStopwatch = function withStopwatch(cb) {

package/dist/esm/ui/MediaCard.js

@@ -17,7 +17,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { Component } from 'react';
-import { filter } from '@atlaskit/adf-utils';
+import { filter } from '@atlaskit/adf-utils/traverse';
 import { Card, CardLoading, CardError } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client';
 import { withImageLoader } from '@atlaskit/editor-common/utils';

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

@@ -7,9 +7,7 @@ import { breakoutConsts } from '@atlaskit/editor-common/utils';
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
 
-export function BreakoutSSRInlineScript(_ref) {
-  var allowDynamicTextSizing = _ref.allowDynamicTextSizing;
-
+export function BreakoutSSRInlineScript() {
   /**
    * Should only inline this script while SSR,
    * not needed on the client side.
@@ -19,7 +17,7 @@ export function BreakoutSSRInlineScript(_ref) {
   }
 
   var id = Math.floor(Math.random() * (9999999999 - 9999 + 1)) + 9999;
-  var context = createBreakoutInlineScript(id, allowDynamicTextSizing);
+  var context = createBreakoutInlineScript(id);
   return /*#__PURE__*/React.createElement("script", {
     "data-breakout-script-id": id,
     dangerouslySetInnerHTML: {
@@ -27,12 +25,12 @@ export function BreakoutSSRInlineScript(_ref) {
     }
   });
 }
-export function createBreakoutInlineScript(id, allowDynamicTextSizing) {
-  return "\n  (function(window){\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", ").concat(allowDynamicTextSizing, ", breakoutConsts);\n  })(window);\n");
+export function createBreakoutInlineScript(id) {
+  return "\n  (function(window){\n    ".concat(breakoutInlineScriptContext, ";\n    (").concat(applyBreakoutAfterSSR.toString(), ")(\"").concat(id, "\", breakoutConsts);\n  })(window);\n");
 }
 export var breakoutInlineScriptContext = "\n  var breakoutConsts = ".concat(JSON.stringify(breakoutConsts), ";\n  breakoutConsts.mapBreakpointToLayoutMaxWidth = ").concat(breakoutConsts.mapBreakpointToLayoutMaxWidth.toString(), ";\n  breakoutConsts.getBreakpoint = ").concat(breakoutConsts.getBreakpoint.toString(), ";\n  breakoutConsts.calcBreakoutWidth = ").concat(breakoutConsts.calcBreakoutWidth.toString(), ";\n  breakoutConsts.calcLineLength = ").concat(breakoutConsts.calcLineLength.toString(), ";\n  breakoutConsts.calcWideWidth = ").concat(breakoutConsts.calcWideWidth.toString(), ";\n");
 
-function applyBreakoutAfterSSR(id, allowDynamicTextSizing, breakoutConsts) {
+function applyBreakoutAfterSSR(id, breakoutConsts) {
   var MEDIA_NODE_TYPE = 'mediaSingle';
   var WIDE_LAYOUT_MODES = ['full-width', 'wide'];
 
@@ -86,7 +84,7 @@ function applyBreakoutAfterSSR(id, allowDynamicTextSizing, breakoutConsts) {
           // 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')) {
-            var lineLength = breakoutConsts.calcLineLength(renderer.offsetWidth, allowDynamicTextSizing);
+            var lineLength = breakoutConsts.calcLineLength();
             var left = lineLength / 2 - parseInt(width) / 2;
 
             if (left < 0) {

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

@@ -20,7 +20,7 @@ import React, { Fragment, useContext, useLayoutEffect, useRef } from 'react';
 import { jsx } from '@emotion/react';
 import { PureComponent } from 'react';
 import { getSchemaBasedOnStage } from '@atlaskit/adf-schema/schema-default';
-import { reduce } from '@atlaskit/adf-utils';
+import { reduce } from '@atlaskit/adf-utils/traverse';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { UnsupportedBlock, BaseTheme, WidthProvider, WithCreateAnalyticsEvent, IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { getAnalyticsAppearance, getAnalyticsEventSeverity, getResponseEndTime, startMeasure, stopMeasure, shouldForceTracking, measureTTI } from '@atlaskit/editor-common/utils';
@@ -217,7 +217,6 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
         appearance: props.appearance,
         disableHeadingIDs: props.disableHeadingIDs,
         disableActions: props.disableActions,
-        allowDynamicTextSizing: props.allowDynamicTextSizing,
         allowHeadingAnchorLinks: props.allowHeadingAnchorLinks,
         allowColumnSorting: props.allowColumnSorting,
         fireAnalyticsEvent: this.fireAnalyticsEvent,
@@ -246,7 +245,6 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
           onError = _this$props.onError,
           appearance = _this$props.appearance,
           adfStage = _this$props.adfStage,
-          allowDynamicTextSizing = _this$props.allowDynamicTextSizing,
           truncated = _this$props.truncated,
           maxHeight = _this$props.maxHeight,
           fadeOutHeight = _this$props.fadeOutHeight,
@@ -328,7 +326,6 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
           }
         }, jsx(SmartCardStorageProvider, null, jsx(RendererWrapper, {
           appearance: appearance,
-          dynamicTextSizing: !!allowDynamicTextSizing,
           allowNestedHeaderLinks: allowNestedHeaderLinks,
           allowColumnSorting: allowColumnSorting,
           allowCopyToClipboard: allowCopyToClipboard,
@@ -337,9 +334,7 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
           innerRef: this.editorRef,
           onClick: handleWrapperOnClick,
           onMouseDown: this.onMouseDownEditView
-        }, enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, {
-          allowDynamicTextSizing: !!allowDynamicTextSizing
-        }) : null, jsx(RendererActionsInternalUpdater, {
+        }, enableSsrInlineScripts ? jsx(BreakoutSSRInlineScript, null) : null, jsx(RendererActionsInternalUpdater, {
           doc: pmDoc,
           schema: schema,
           onAnalyticsEvent: this.fireAnalyticsEvent
@@ -364,7 +359,6 @@ export var Renderer = /*#__PURE__*/function (_PureComponent) {
 
         return jsx(RendererWrapper, {
           appearance: appearance,
-          dynamicTextSizing: !!allowDynamicTextSizing,
           allowCopyToClipboard: allowCopyToClipboard,
           allowPlaceholderText: allowPlaceholderText,
           allowColumnSorting: allowColumnSorting,
@@ -417,7 +411,6 @@ var RendererWithAnalytics = /*#__PURE__*/React.memo(function (props) {
 });
 var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
   var allowColumnSorting = props.allowColumnSorting,
-      dynamicTextSizing = props.dynamicTextSizing,
       allowNestedHeaderLinks = props.allowNestedHeaderLinks,
       innerRef = props.innerRef,
       appearance = props.appearance,
@@ -427,8 +420,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
   return jsx(WidthProvider, {
     className: "ak-renderer-wrapper"
   }, jsx(BaseTheme, {
-    dynamicTextSizing: dynamicTextSizing,
-    baseFontSize: !dynamicTextSizing && appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : undefined
+    baseFontSize: appearance && appearance !== 'comment' ? akEditorFullPageDefaultFontSize : undefined
   }, jsx("div", {
     ref: innerRef,
     onClick: onClick,

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

@@ -13,6 +13,7 @@ import { shadowClassNames } from '@atlaskit/editor-common/ui';
 import { editorFontSize, blockNodesVerticalMargin, akEditorTableToolbar, akEditorTableToolbarDark, akEditorTableBorder, akEditorTableBorderDark, akEditorTableNumberColumnWidth, gridMediumMaxWidth, akEditorFullWidthLayoutWidth, akEditorStickyHeaderZIndex, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { RendererCssClassName } from '../../consts';
 import { HeadingAnchorWrapperClassName } from '../../react/nodes/heading-anchor';
+import { shadowObserverClassNames } from '@atlaskit/editor-common/ui';
 export var FullPagePadding = 32;
 
 var getLineHeight = function getLineHeight(fontCode) {
@@ -68,7 +69,7 @@ var tableSortableColumnStyle = function tableSortableColumnStyle(_ref2) {
     headingsCss = "\n      /**\n       * When the sort button is enabled we want the heading's copy link button\n       * to reserve space so that it can prematurely wrap to avoid the button\n       * being displayed underneath the sort button (hidden or obscured).\n       *\n       * The two buttons fight each other since the sort button is displayed\n       * on hover of the <th /> and the copy link button is displayed on hover\n       * of the heading.\n       *\n       * Note that this can break the WYSIWYG experience in the case where\n       * a heading fills the width of the table cell and the only thing which\n       * wraps is the copy link button. This is hopefully a rare fringe case.\n       */\n      .".concat(HeadingAnchorWrapperClassName, " {\n        position: unset;\n      }\n      > {\n        h1, h2, h3, h4, h5, h6 {\n          margin-right: 30px;\n        }\n      }\n    ");
   }
 
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .", " {\n      padding: 0;\n\n      .", " {\n        width: 100%;\n        height: 100%;\n        cursor: pointer;\n        padding: ", "px;\n        border-width: 1.5px;\n        border-style: solid;\n        border-color: transparent;\n\n        > *:first-child {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor.-right:first-child + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-child + span + * {\n          margin-top: 0;\n        }\n\n        @supports selector(:focus-visible) {\n          &:focus {\n            outline: unset;\n          }\n          &:focus-visible {\n            border-color: ", ";\n          }\n        }\n\n        ", "\n      }\n\n      &.", "\n        .", " {\n        cursor: default;\n      }\n\n      .", " {\n        margin: 0;\n        opacity: 1;\n        transition: opacity 0.2s ease-in-out;\n      }\n\n      .", " {\n        opacity: 0;\n      }\n\n      &:hover {\n        .", " {\n          opacity: 1;\n        }\n      }\n    }\n  "])), RendererCssClassName.SORTABLE_COLUMN, RendererCssClassName.SORTABLE_COLUMN_BUTTON, tableCellPadding, token('color.border.focused', colors.B300), headingsCss, RendererCssClassName.SORTABLE_COLUMN_NOT_ALLOWED, RendererCssClassName.SORTABLE_COLUMN_BUTTON, RendererCssClassName.SORTABLE_COLUMN_ICON, RendererCssClassName.SORTABLE_COLUMN_NO_ORDER, RendererCssClassName.SORTABLE_COLUMN_NO_ORDER);
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .", " {\n      padding: 0;\n\n      .", " {\n        width: 100%;\n        height: 100%;\n        cursor: pointer;\n        padding: ", "px;\n        border-width: 1.5px;\n        border-style: solid;\n        border-color: transparent;\n\n        > *:first-child {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor.-right:first-of-type + * {\n          margin-top: 0;\n        }\n\n        > .ProseMirror-gapcursor:first-of-type + span + * {\n          margin-top: 0;\n        }\n\n        @supports selector(:focus-visible) {\n          &:focus {\n            outline: unset;\n          }\n          &:focus-visible {\n            border-color: ", ";\n          }\n        }\n\n        ", "\n      }\n\n      &.", "\n        .", " {\n        cursor: default;\n      }\n\n      .", " {\n        margin: 0;\n        opacity: 1;\n        transition: opacity 0.2s ease-in-out;\n      }\n\n      .", " {\n        opacity: 0;\n      }\n\n      &:hover {\n        .", " {\n          opacity: 1;\n        }\n      }\n    }\n  "])), RendererCssClassName.SORTABLE_COLUMN, RendererCssClassName.SORTABLE_COLUMN_BUTTON, tableCellPadding, token('color.border.focused', colors.B300), headingsCss, RendererCssClassName.SORTABLE_COLUMN_NOT_ALLOWED, RendererCssClassName.SORTABLE_COLUMN_BUTTON, RendererCssClassName.SORTABLE_COLUMN_ICON, RendererCssClassName.SORTABLE_COLUMN_NO_ORDER, RendererCssClassName.SORTABLE_COLUMN_NO_ORDER);
 };
 
 var fullPageStyles = function fullPageStyles(_ref3, _ref4) {
@@ -98,7 +99,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
     var themeProps = {
       theme: theme
     };
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    line-height: 1.5rem;\n    color: ", ";\n\n    .", "::after {\n      // we add a clearfix after ak-renderer-document in order to\n      // contain internal floats (such as media images that are \"wrap-left\")\n      // to just the renderer (and not spill outside of it)\n      content: '';\n      visibility: hidden;\n      display: block;\n      height: 0;\n      clear: both;\n    }\n\n    ", "\n    ", "\n\n    & h1 {\n      ", "\n    }\n\n    & h2 {\n      ", "\n    }\n\n    & h3 {\n      ", "\n    }\n\n    & h4 {\n      ", "\n    }\n\n    & h5 {\n      ", "\n    }\n\n    & h6 {\n      ", "\n    }\n\n    & span.akActionMark {\n      color: ", ";\n      text-decoration: none;\n\n      &:hover {\n        color: ", ";\n        text-decoration: underline;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    }\n\n    & span.akActionMark {\n      cursor: pointer;\n    }\n\n    & span[data-placeholder] {\n      color: ", ";\n    }\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", "\n\n    & .UnknownBlock {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: 400;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n\n    & span.date-node {\n      background: ", ";\n      border-radius: ", "px;\n      color: ", ";\n      padding: 2px 4px;\n      margin: 0 1px;\n      transition: background 0.3s;\n    }\n\n    & span.date-node-highlighted {\n      background: ", ";\n      color: ", ";\n    }\n\n    & .renderer-image {\n      max-width: 100%;\n      display: block;\n      margin: ", "px 0;\n    }\n\n    .", ".rich-media-wrapped\n      + .", ":not(.rich-media-wrapped) {\n      clear: both;\n    }\n\n    & .code-block,\n    & blockquote,\n    & hr,\n    & > div > div:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped\n      + .rich-media-wrapped\n      + *:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n    .", ".image-align-start,\n      .", ".image-center,\n      .", ".image-align-end {\n      clear: both;\n    }\n\n    & .rich-media-wrapped {\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        margin-top: 8px;\n      }\n    }\n\n    ", "\n    /* plugin styles */\n    ", " &\n    div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    /* Breakout for tables and extensions */\n    .", " > {\n      * .", " {\n        width: 100% !important;\n        left: 0 !important;\n      }\n\n      * .", " {\n        overflow-x: auto;\n      }\n\n      & .", ":first-child {\n        margin-top: 0;\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n      }\n\n      .", " {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .", " {\n        overflow-x: auto;\n      }\n    }\n\n    ", "\n\n    .", " .", " {\n      z-index: 0;\n      transition: all 0.1s linear;\n      display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n      /** Shadow overrides */\n      &.", "::after,\n        &.", "::before {\n        top: ", "px;\n        height: calc(100% - ", "px);\n        z-index: ", ";\n      }\n\n      /**\n     * A hack for making all the <th /> heights equal in case some have shorter\n     * content than others.\n     *\n     * This is done to make sort buttons fill entire <th />.\n     */\n      table {\n        height: 1px; /* will be ignored */\n        ", ";\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      table tr:first-child {\n        height: 100%;\n\n        td,\n        th {\n          position: relative;\n        }\n      }\n\n      table[data-number-column='true'] {\n        .", " {\n          background-color: ", ";\n          border-right: 1px solid\n            ", ";\n          width: ", "px;\n          text-align: center;\n          color: ", ";\n          font-size: ", ";\n        }\n\n        .fixed .", " {\n          border-right: 0px none;\n        }\n      }\n    }\n\n    tr[data-header-row].fixed {\n      position: fixed !important;\n      display: flex;\n      overflow: hidden;\n      z-index: ", ";\n\n      border-right: 1px solid\n        ", ";\n      border-bottom: 1px solid\n        ", ";\n\n      /* this is to compensate for the table border */\n      transform: translateX(-1px);\n    }\n\n    .sticky > th {\n      z-index: ", ";\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* Make the number column header sticky */\n    .sticky > td {\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* add border for position: sticky\n     and work around background-clip: padding-box\n     bug for FF causing box-shadow bug in Chrome */\n    .sticky th,\n    .sticky td {\n      box-shadow: 0px 1px\n          ", ",\n        0px -0.5px ", ",\n        inset -1px 0px ", ",\n        0px -1px ", ";\n    }\n\n    /* this will remove jumpiness caused in Chrome for sticky headers */\n    .fixed + tr {\n      min-height: 0px;\n    }\n\n    /*\n   * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n   * See ED-4159.\n   */\n    & .code-block {\n      max-width: 100%;\n      /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n      /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: auto 1fr;\n      /* stylelint-enable */\n\n      grid-template-columns: minmax(0, 1fr);\n      position: relative;\n      border-radius: ", "px;\n\n      /*\n     * The overall renderer has word-wrap: break; which causes issues with\n     * code block line numbers in Safari / iOS.\n     */\n      word-wrap: normal;\n\n      & > span {\n        /* stylelint-disable value-no-vendor-prefix */\n        -ms-grid-row: 1;\n        -ms-grid-column: 2;\n        /* stylelint-enable */\n        grid-column: 1;\n      }\n    }\n\n    & .MediaGroup,\n    & .code-block {\n      margin-top: ", ";\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:hover button.copy-to-clipboard,\n      .copy-to-clipboard:focus {\n        opacity: 1;\n        position: absolute;\n        height: 32px;\n        width: 32px;\n        right: 6px;\n        top: 4px;\n        padding: 2px;\n      }\n    }\n\n    ", ";\n    & [data-layout-section] {\n      margin-top: ", "px;\n      & > div + div {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        & > div + div {\n          margin-left: 0;\n        }\n      }\n    }\n  "])), editorFontSize(themeProps), themed({
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    line-height: 1.5rem;\n    color: ", ";\n\n    .", "::after {\n      // we add a clearfix after ak-renderer-document in order to\n      // contain internal floats (such as media images that are \"wrap-left\")\n      // to just the renderer (and not spill outside of it)\n      content: '';\n      visibility: hidden;\n      display: block;\n      height: 0;\n      clear: both;\n    }\n\n    ", "\n    ", "\n\n    & h1 {\n      ", "\n    }\n\n    & h2 {\n      ", "\n    }\n\n    & h3 {\n      ", "\n    }\n\n    & h4 {\n      ", "\n    }\n\n    & h5 {\n      ", "\n    }\n\n    & h6 {\n      ", "\n    }\n\n    & span.akActionMark {\n      color: ", ";\n      text-decoration: none;\n\n      &:hover {\n        color: ", ";\n        text-decoration: underline;\n      }\n\n      &:active {\n        color: ", ";\n      }\n    }\n\n    & span.akActionMark {\n      cursor: pointer;\n    }\n\n    & span[data-placeholder] {\n      color: ", ";\n    }\n\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", "\n\n    & .UnknownBlock {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: 400;\n      white-space: pre-wrap;\n      word-wrap: break-word;\n    }\n\n    & span.date-node {\n      background: ", ";\n      border-radius: ", "px;\n      color: ", ";\n      padding: 2px 4px;\n      margin: 0 1px;\n      transition: background 0.3s;\n    }\n\n    & span.date-node-highlighted {\n      background: ", ";\n      color: ", ";\n    }\n\n    & .renderer-image {\n      max-width: 100%;\n      display: block;\n      margin: ", "px 0;\n    }\n\n    .", ".rich-media-wrapped\n      + .", ":not(.rich-media-wrapped) {\n      clear: both;\n    }\n\n    & .code-block,\n    & blockquote,\n    & hr,\n    & > div > div:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped\n      + .rich-media-wrapped\n      + *:not(.rich-media-wrapped),\n    .", ".rich-media-wrapped + div:not(.rich-media-wrapped),\n    .", ".image-align-start,\n      .", ".image-center,\n      .", ".image-align-end {\n      clear: both;\n    }\n\n    & .rich-media-wrapped {\n      & + h1,\n      & + h2,\n      & + h3,\n      & + h4,\n      & + h5,\n      & + h6 {\n        margin-top: 8px;\n      }\n    }\n\n    ", "\n    /* plugin styles */\n    ", " &\n    div[class^='image-wrap-'] + div[class^='image-wrap-'] {\n      margin-left: 0;\n      margin-right: 0;\n    }\n\n    /* Breakout for tables and extensions */\n    .", " > {\n      * .", " {\n        width: 100% !important;\n        left: 0 !important;\n      }\n\n      * .", " {\n        overflow-x: auto;\n      }\n\n      & .", ":first-child {\n        margin-top: 0;\n      }\n    }\n\n    .", " {\n      .", " {\n        margin-top: ", ";\n      }\n\n      .", " {\n        margin-left: 50%;\n        transform: translateX(-50%);\n      }\n\n      .", " {\n        overflow-x: auto;\n      }\n\n      .", "\n        .", " {\n        display: flex;\n      }\n    }\n\n    ", "\n\n    .", " .", " {\n      z-index: 0;\n      transition: all 0.1s linear;\n      display: flex; /* needed to avoid position: fixed jumpiness in Chrome */\n\n      /** Shadow overrides */\n      &.", "::after,\n        &.", "::before {\n        top: ", "px;\n        height: calc(100% - ", "px);\n        z-index: ", ";\n      }\n\n      &\n        .", ",\n        &\n        .", " {\n        height: calc(100% - ", "px);\n      }\n\n      /**\n     * A hack for making all the <th /> heights equal in case some have shorter\n     * content than others.\n     *\n     * This is done to make sort buttons fill entire <th />.\n     */\n      table {\n        height: 1px; /* will be ignored */\n        ", ";\n        margin-left: 0;\n        margin-right: 0;\n      }\n\n      table tr:first-of-type {\n        height: 100%;\n\n        td,\n        th {\n          position: relative;\n        }\n      }\n\n      table[data-number-column='true'] {\n        .", " {\n          background-color: ", ";\n          border-right: 1px solid\n            ", ";\n          width: ", "px;\n          text-align: center;\n          color: ", ";\n          font-size: ", ";\n        }\n\n        .fixed .", " {\n          border-right: 0px none;\n        }\n      }\n    }\n\n    tr[data-header-row].fixed {\n      position: fixed !important;\n      display: flex;\n      overflow: hidden;\n      z-index: ", ";\n\n      border-right: 1px solid\n        ", ";\n      border-bottom: 1px solid\n        ", ";\n\n      /* this is to compensate for the table border */\n      transform: translateX(-1px);\n    }\n\n    .sticky > th {\n      z-index: ", ";\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* Make the number column header sticky */\n    .sticky > td {\n      position: sticky !important;\n      top: 0;\n    }\n\n    /* add border for position: sticky\n     and work around background-clip: padding-box\n     bug for FF causing box-shadow bug in Chrome */\n    .sticky th,\n    .sticky td {\n      box-shadow: 0px 1px\n          ", ",\n        0px -0.5px ", ",\n        inset -1px 0px ", ",\n        0px -1px ", ";\n    }\n\n    /* this will remove jumpiness caused in Chrome for sticky headers */\n    .fixed + tr {\n      min-height: 0px;\n    }\n\n    /*\n   * We wrap CodeBlock in a grid to prevent it from overflowing the container of the renderer.\n   * See ED-4159.\n   */\n    & .code-block {\n      max-width: 100%;\n      /* -ms- properties are necessary until MS supports the latest version of the grid spec */\n      /* stylelint-disable value-no-vendor-prefix, declaration-block-no-duplicate-properties */\n      display: -ms-grid;\n      display: grid;\n      -ms-grid-columns: auto 1fr;\n      /* stylelint-enable */\n\n      grid-template-columns: minmax(0, 1fr);\n      position: relative;\n      border-radius: ", "px;\n\n      /*\n     * The overall renderer has word-wrap: break; which causes issues with\n     * code block line numbers in Safari / iOS.\n     */\n      word-wrap: normal;\n\n      & > span {\n        /* stylelint-disable value-no-vendor-prefix */\n        -ms-grid-row: 1;\n        -ms-grid-column: 2;\n        /* stylelint-enable */\n        grid-column: 1;\n      }\n    }\n\n    & .MediaGroup,\n    & .code-block {\n      margin-top: ", ";\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      &:hover button.copy-to-clipboard,\n      .copy-to-clipboard:focus {\n        opacity: 1;\n        position: absolute;\n        height: 32px;\n        width: 32px;\n        right: 6px;\n        top: 4px;\n        padding: 2px;\n      }\n    }\n\n    ", ";\n    & [data-layout-section] {\n      margin-top: ", "px;\n      & > div + div {\n        margin-left: ", "px;\n      }\n\n      @media screen and (max-width: ", "px) {\n        & > div + div {\n          margin-left: 0;\n        }\n      }\n    }\n  "])), editorFontSize(themeProps), themed({
       light: token('color.text', colors.N800),
       dark: token('color.text', '#B8C7E0')
     })(themeProps), RendererCssClassName.DOCUMENT, fullPageStyles(wrapperProps, themeProps), fullWidthStyles(wrapperProps), headingAnchorStyle('h1'), headingAnchorStyle('h2'), headingAnchorStyle('h3'), headingAnchorStyle('h4'), headingAnchorStyle('h5'), headingAnchorStyle('h6'), token('color.link', colors.B400), token('color.link', colors.B300), token('color.link.pressed', colors.B500), colors.placeholderText(themeProps), whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles(themeProps), ruleSharedStyles(themeProps), paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, codeMarkSharedStyles(themeProps), shadowSharedStyle, dateSharedStyle, textColorStyles, tasksAndDecisionsStyles, smartCardSharedStyles, fontFamily(), relativeFontSizeToBase16(fontSize()), themed({
@@ -107,7 +108,7 @@ export var rendererStyles = function rendererStyles(wrapperProps) {
     })(themeProps), borderRadius(), themed({
       light: token('color.text', colors.N800),
       dark: token('color.text', colors.DN600)
-    })(themeProps), token('color.background.danger', colors.R50), token('color.text.danger', colors.R500), gridSize() * 3, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), mediaSingleSharedStyle, RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, RendererCssClassName.EXTENSION, RendererCssClassName.DOCUMENT, RendererCssClassName.EXTENSION, blockNodesVerticalMargin, RendererCssClassName.EXTENSION_CENTER_ALIGN, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableSharedStyle(themeProps), RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableMarginTop - 1, tableMarginTop, akEditorStickyHeaderZIndex, tableSortableColumnStyle(wrapperProps), RendererCssClassName.NUMBER_COLUMN, themed({
+    })(themeProps), token('color.background.danger', colors.R50), token('color.text.danger', colors.R500), gridSize() * 3, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, richMediaClassName, alignedHeadingAnchorStyle(wrapperProps), mediaSingleSharedStyle, RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, RendererCssClassName.EXTENSION_OVERFLOW_CONTAINER, RendererCssClassName.EXTENSION, RendererCssClassName.DOCUMENT, RendererCssClassName.EXTENSION, blockNodesVerticalMargin, RendererCssClassName.EXTENSION_CENTER_ALIGN, TableSharedCssClassName.TABLE_NODE_WRAPPER, shadowObserverClassNames.SHADOW_CONTAINER, TableSharedCssClassName.TABLE_NODE_WRAPPER, tableSharedStyle(themeProps), RendererCssClassName.DOCUMENT, TableSharedCssClassName.TABLE_CONTAINER, shadowClassNames.RIGHT_SHADOW, shadowClassNames.LEFT_SHADOW, tableMarginTop - 1, tableMarginTop, akEditorStickyHeaderZIndex, shadowObserverClassNames.SENTINEL_LEFT, shadowObserverClassNames.SENTINEL_RIGHT, tableMarginTop, tableSortableColumnStyle(wrapperProps), RendererCssClassName.NUMBER_COLUMN, themed({
       light: token('color.background.neutral', akEditorTableToolbar),
       dark: token('color.background.neutral', akEditorTableToolbarDark)
     })(themeProps), themed({

package/dist/esm/ui/annotations/hooks/use-events.js

@@ -30,7 +30,7 @@ export var useAnnotationStateByTypeEvent = function useAnnotationStateByTypeEven
       }
 
       var nextStates = Object.values(payload).reduce(function (acc, curr) {
-        if (curr.annotationType === type) {
+        if (curr.id && curr.annotationType === type) {
           // Check for empty state to prevent additional renders
           var isEmpty = curr.state === null || curr.state === undefined;
           return _objectSpread(_objectSpread({}, acc), {}, _defineProperty({}, curr.id, !isEmpty ? curr.state : states[curr.id]));
@@ -95,7 +95,9 @@ export var useAnnotationClickEvent = function useAnnotationClickEvent(props) {
     var cb = function cb(_ref3) {
       var annotationIds = _ref3.annotationIds,
           eventTarget = _ref3.eventTarget;
-      var annotationsByType = annotationIds.map(function (id) {
+      var annotationsByType = annotationIds.filter(function (id) {
+        return !!id;
+      }).map(function (id) {
         return {
           id: id,
           type: AnnotationTypes.INLINE_COMMENT

package/dist/esm/utils.js

@@ -22,28 +22,6 @@ export var getEventHandler = function getEventHandler(eventHandlers, type) {
   var eventName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'onClick';
   return eventHandlers && type && eventHandlers[type] && eventHandlers[type][eventName];
 };
-/**
- * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
- */
-
-export function findHorizontalOverflowScrollParent(table) {
-  var parent = table;
-
-  if (!parent) {
-    return null;
-  }
-
-  while (parent = parent.parentElement) {
-    // IE11 on Window 8 doesn't show styles from CSS when accessing through element.style property.
-    var style = window.getComputedStyle(parent);
-
-    if (style.overflow === 'scroll' || style.overflowY === 'scroll') {
-      return parent;
-    }
-  }
-
-  return null;
-}
 export var getPlatform = function getPlatform(rendererAppearance) {
   if (rendererAppearance === 'mobile') {
     return 'mobile';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "95.0.0",
+	"version": "96.0.1",
 	"sideEffects": false
 }

package/dist/types/react/index.d.ts

@@ -19,7 +19,6 @@ export interface ReactSerializerInit {
     appearance?: RendererAppearance;
     disableHeadingIDs?: boolean;
     disableActions?: boolean;
-    allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowColumnSorting?: boolean;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;
@@ -60,7 +59,6 @@ export default class ReactSerializer implements Serializer<JSX.Element> {
      * for headers under this ticket -> https://product-fabric.atlassian.net/browse/ED-9668
      */
     private expandHeadingIds;
-    private allowDynamicTextSizing?;
     private allowHeadingAnchorLinks?;
     private allowColumnSorting?;
     private allowCopyToClipboard?;

package/dist/types/react/nodes/embedCard.d.ts

@@ -14,5 +14,4 @@ export default function EmbedCard(props: {
     layout: RichMediaLayout;
     rendererAppearance?: RendererAppearance;
     isInsideOfBlockNode?: boolean;
-    allowDynamicTextSizing?: boolean;
 }): jsx.JSX.Element;

package/dist/types/react/nodes/extension.d.ts

@@ -28,6 +28,8 @@ declare const _default: {
     new (props: Readonly<Props>): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
@@ -42,6 +44,7 @@ declare const _default: {
         calcOverflowDiff: () => number;
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
+        initShadowObserver(): void;
         render(): JSX.Element;
         context: any;
         setState<K extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K> | null, callback?: (() => void) | undefined): void;
@@ -66,6 +69,8 @@ declare const _default: {
     new (props: Props, context?: any): {
         overflowContainer?: HTMLElement | null | undefined;
         container?: HTMLElement | undefined;
+        shadowObserver?: import("@atlaskit/editor-common/ui").ShadowObserver | undefined;
+        overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
         state: {
@@ -80,6 +85,7 @@ declare const _default: {
         calcOverflowDiff: () => number;
         calcScrollableWidth: () => number;
         handleContainer: (container: HTMLElement | null) => void;
+        initShadowObserver(): void;
         render(): JSX.Element;
         context: any;
         setState<K_1 extends keyof import("@atlaskit/editor-common/ui").OverflowShadowState>(state: import("@atlaskit/editor-common/ui").OverflowShadowState | ((prevState: Readonly<import("@atlaskit/editor-common/ui").OverflowShadowState>, props: Readonly<Props>) => import("@atlaskit/editor-common/ui").OverflowShadowState | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null) | Pick<import("@atlaskit/editor-common/ui").OverflowShadowState, K_1> | null, callback?: (() => void) | undefined): void;

package/dist/types/react/nodes/index.d.ts

@@ -41,7 +41,6 @@ declare const EmbedCard: React.ComponentType<{
     layout: import("@atlaskit/adf-schema").RichMediaLayout;
     rendererAppearance?: import("../..").RendererAppearance;
     isInsideOfBlockNode?: boolean | undefined;
-    allowDynamicTextSizing?: boolean | undefined;
 }> & Loadable.LoadableComponent;
 declare const InlineCard: React.ComponentType<import("@atlaskit/editor-common/utils").Diff<import("./inlineCard").InlineCardProps & import("../../ui/SmartCardStorage").WithSmartCardStorageProps, import("../../ui/SmartCardStorage").WithSmartCardStorageProps>> & Loadable.LoadableComponent;
 declare const BlockCard: React.ComponentType<{
@@ -53,7 +52,7 @@ declare const BlockCard: React.ComponentType<{
 }> & Loadable.LoadableComponent;
 declare const Media: React.ComponentType<import("./media").MediaProps> & Loadable.LoadableComponent;
 declare const MediaGroup: React.ComponentType<import("./mediaGroup").MediaGroupProps> & Loadable.LoadableComponent;
-declare const MediaInline: React.ComponentType<import("./mediaInline").MediaInlineProps> & Loadable.LoadableComponent;
+declare const MediaInline: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaInline").MediaInlineProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 declare const MediaSingle: React.ComponentType<import("react-intl-next").WithIntlProps<import("./mediaSingle").Props & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;
 declare const Mention: React.ComponentType<import("./mention").Props> & Loadable.LoadableComponent;
 declare const Expand: React.ComponentType<import("react-intl-next").WithIntlProps<import("../../ui/Expand").ExpandProps & import("react-intl-next").WrappedComponentProps<"intl">>> & Loadable.LoadableComponent;

package/dist/types/react/nodes/media.d.ts

@@ -12,7 +12,6 @@ export declare type MediaProps = MediaCardProps & {
     providers?: ProviderFactory;
     allowAltTextOnImages?: boolean;
     children?: React.ReactNode;
-    allowDynamicTextSizing?: boolean;
     isInsideOfBlockNode?: boolean;
     marks: Array<LinkDefinition>;
     isLinkMark: () => boolean;

package/dist/types/react/nodes/mediaInline.d.ts

@@ -2,9 +2,10 @@ import React from 'react';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import { FileIdentifier } from '@atlaskit/media-client';
 import { MediaProvider } from '../../ui/MediaCard';
+import { WrappedComponentProps } from 'react-intl-next';
 export declare type RenderMediaInlineProps = {
     identifier: FileIdentifier;
-    mediaProvider?: Promise<MediaProvider>;
+    mediaProvider: Promise<MediaProvider>;
     children?: React.ReactNode;
 };
 export declare type MediaInlineProps = {
@@ -13,5 +14,7 @@ export declare type MediaInlineProps = {
     providers: ProviderFactory;
 };
 export declare const RenderMediaInline: React.FC<RenderMediaInlineProps>;
-declare const MediaInline: React.FC<MediaInlineProps>;
-export default MediaInline;
+declare const _default: React.FC<import("react-intl-next").WithIntlProps<MediaInlineProps & WrappedComponentProps<"intl">>> & {
+    WrappedComponent: React.ComponentType<MediaInlineProps & WrappedComponentProps<"intl">>;
+};
+export default _default;

package/dist/types/react/nodes/mediaSingle/index.d.ts

@@ -11,7 +11,6 @@ export interface Props {
     layout: MediaSingleLayout;
     eventHandlers?: EventHandlers;
     width?: number;
-    allowDynamicTextSizing?: boolean;
     isInsideOfBlockNode?: boolean;
     rendererAppearance: RendererAppearance;
     fireAnalyticsEvent?: (event: AnalyticsEventPayload) => void;

package/dist/types/react/nodes/table/sticky.d.ts

@@ -24,9 +24,8 @@ export declare type StickyTableProps = {
     layout: TableLayout;
     columnWidths?: number[];
     renderWidth: number;
-    allowDynamicTextSizing?: boolean;
 } & OverflowShadowProps;
-export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, allowDynamicTextSizing, rowHeight, }: StickyTableProps) => jsx.JSX.Element;
+export declare const StickyTable: ({ top, left, mode, shadowClassNames, innerRef, wrapperWidth, tableWidth, isNumberColumnEnabled, layout, children, columnWidths, renderWidth, rowHeight, }: StickyTableProps) => jsx.JSX.Element;
 export declare class OverflowParent {
     private ref;
     private constructor();

package/dist/types/react/nodes/table/table.d.ts

@@ -4,4 +4,4 @@ export declare type TableProps = SharedTableProps & {
     innerRef?: React.RefObject<HTMLTableElement>;
     children: React.ReactNode[];
 };
-export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, allowDynamicTextSizing, children, }: TableProps) => JSX.Element>;
+export declare const Table: React.MemoExoticComponent<({ innerRef, isNumberColumnEnabled, columnWidths, layout, renderWidth, children, }: TableProps) => JSX.Element>;

package/dist/types/react/nodes/table/types.d.ts

@@ -4,5 +4,4 @@ export declare type SharedTableProps = {
     layout: TableLayout;
     isNumberColumnEnabled: boolean;
     renderWidth: number;
-    allowDynamicTextSizing?: boolean;
 };

package/dist/types/react/types.d.ts

@@ -24,7 +24,6 @@ export interface NodeMeta {
     content?: {
         [key: string]: any;
     } | null;
-    allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowCopyToClipboard?: boolean;
     allowPlaceholderText?: boolean;

package/dist/types/renderer-context.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export declare type FeatureFlags = {
     codeBidiWarnings?: boolean;
+    showHoverPreview?: boolean;
 };
 export declare type RendererContextProps = {
     featureFlags?: FeatureFlags;

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

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import { ADFEntity } from '@atlaskit/adf-utils';
+import type { ADFEntity } from '@atlaskit/adf-utils/types';
 import { CardAppearance, CardDimensions, CardOnClickCallback, NumericalCardDimensions } from '@atlaskit/media-card';
 import { MediaClientConfig } from '@atlaskit/media-core';
 import { ImageResizeMode, Identifier, FileState } from '@atlaskit/media-client';

package/dist/types/ui/Renderer/breakout-ssr.d.ts

@@ -5,9 +5,7 @@
  *
  * More info: https://product-fabric.atlassian.net/wiki/spaces/E/pages/1216218119/Renderer+SSR+for+Breakout+Nodes
  */
-export declare function BreakoutSSRInlineScript({ allowDynamicTextSizing, }: {
-    allowDynamicTextSizing: boolean;
-}): JSX.Element | null;
-export declare function createBreakoutInlineScript(id: number, allowDynamicTextSizing: boolean): string;
+export declare function BreakoutSSRInlineScript(): JSX.Element | null;
+export declare function createBreakoutInlineScript(id: number): string;
 export declare const breakoutInlineScriptContext: string;
 export declare const calcLineLength: any;

package/dist/types/ui/renderer-props.d.ts

@@ -39,6 +39,7 @@ export interface RendererProps {
     adfStage?: ADFStage;
     disableHeadingIDs?: boolean;
     disableActions?: boolean;
+    /** @deprecated  [ED-14507] allowDynamicTextSizing is no longer in use */
     allowDynamicTextSizing?: boolean;
     allowHeadingAnchorLinks?: HeadingAnchorLinksProps;
     allowPlaceholderText?: boolean;

package/dist/types/utils.d.ts

@@ -1,9 +1,9 @@
-import { Schema } from 'prosemirror-model';
+import type { Schema } from 'prosemirror-model';
 import type { ADNode } from '@atlaskit/editor-common/validator';
 import type { EventHandlers } from '@atlaskit/editor-common/ui';
-import { Transformer } from '@atlaskit/editor-common/types';
-import { Node as PMNode } from 'prosemirror-model';
-import { RendererAppearance } from './ui/Renderer/types';
+import type { Transformer } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from 'prosemirror-model';
+import type { RendererAppearance } from './ui/Renderer/types';
 export declare type TransformerProvider<T> = (schema: Schema) => Transformer<T>;
 export declare class ADFEncoder<T> {
     encode: (value: T) => any;
@@ -11,10 +11,6 @@ export declare class ADFEncoder<T> {
 }
 export declare const getText: (node: PMNode | ADNode) => string;
 export declare const getEventHandler: (eventHandlers?: EventHandlers | undefined, type?: keyof EventHandlers | undefined, eventName?: string) => any;
-/**
- * Traverse DOM Tree upwards looking for table parents with "overflow: scroll".
- */
-export declare function findHorizontalOverflowScrollParent(table: HTMLElement | null): HTMLElement | null;
 export declare const getPlatform: (rendererAppearance: RendererAppearance) => "mobile" | "web";
 /**
  * Traverse through parent elements of element. Return element for which evaluate(element) returns