@atlaskit/renderer 127.1.0 → 127.2.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 127.2.1
+
+### Patch Changes
+
+- [`31ee998a097db`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31ee998a097db) -
+  Replace expValEquals/expValEqualsNoExposure with editorExperiment for platform_synced_block
+  experiment checks
+- [`1d6c1d6ba61dc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1d6c1d6ba61dc) -
+  FFCLEANUP-79953 clean up stale experiment platform_editor_editor_width_analytics
+- Updated dependencies
+
+## 127.2.0
+
+### Minor Changes
+
+- [`f444a0d3e2c0b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f444a0d3e2c0b) -
+  [FFCLEANUP-79468] clean up platform_editor_dec_a11y_fixes feature gate
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 127.1.0
 
 ### Minor Changes

package/dist/cjs/react/index.js

@@ -503,7 +503,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
       // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-      var nestedUnder = (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
+      var nestedUnder = (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? (0, _rendererNode.getNestedUnderNodes)(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };

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

@@ -95,7 +95,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
     }, (0, _react.jsx)("div", {
-      tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
@@ -124,7 +124,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       "data-layout": layout,
       "data-local-id": localId
     }, (0, _react.jsx)("div", {
-      tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
@@ -163,7 +163,7 @@ var Extension = function Extension(props) {
           isTopLevel: path.length < 1,
           handleRef: handleRef,
           shadowClassNames: shadowClassNames,
-          tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+          tabIndex: props.tabIndex,
           rendererAppearance: props.rendererAppearance
         }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
       }
@@ -177,7 +177,7 @@ var Extension = function Extension(props) {
       isTopLevel: path.length < 1,
       handleRef: handleRef,
       shadowClassNames: shadowClassNames,
-      tabIndex: (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+      tabIndex: props.tabIndex,
       rendererAppearance: props.rendererAppearance
     }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
   });

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

@@ -564,7 +564,7 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         rendererAppearance: rendererAppearance,
         allowTableResizing: allowTableResizing,
         allowFixedColumnWidthOption: allowFixedColumnWidthOption
-      }, [children && children[0]]), (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/_react.default.createElement(TableWrapper, {
+      }, [children && children[0]]), /*#__PURE__*/_react.default.createElement(TableWrapper, {
         wrapperRef: this.wrapperRef,
         onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
         stickyHeaders: stickyHeaders,
@@ -583,25 +583,6 @@ var TableContainer = exports.TableContainer = /*#__PURE__*/function (_React$Comp
         allowTableResizing: allowTableResizing,
         isPresentational: isPresentational,
         allowFixedColumnWidthOption: allowFixedColumnWidthOption
-      }, this.grabFirstRowRef(children))) : /*#__PURE__*/_react.default.createElement("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: _styles.TableSharedCssClassName.TABLE_NODE_WRAPPER,
-        ref: this.wrapperRef,
-        onScroll: this.props.stickyHeaders && this.onWrapperScrolled
-      }, /*#__PURE__*/_react.default.createElement(_table.Table, {
-        innerRef: this.tableRef,
-        columnWidths: columnWidths,
-        layout: layout,
-        isNumberColumnEnabled: isNumberColumnEnabled,
-        renderWidth: renderWidth,
-        tableNode: tableNode,
-        rendererAppearance: rendererAppearance,
-        isInsideOfBlockNode: isInsideOfBlockNode,
-        isInsideOfTable: isInsideOfTable,
-        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-        allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational,
-        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/_react.default.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: _styles.TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/cjs/ui/Expand.js

@@ -296,7 +296,7 @@ function Expand(_ref2) {
   }, (0, _react.jsx)(_ui.WidthProvider, null, (0, _react.jsx)("div", {
     css: clearNextSiblingMarginTopStyle
   }), (0, _platformFeatureFlags.fg)('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? (0, _react.jsx)(_react2.Suspense, {
-    fallback: (0, _react.jsx)("div", null, (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? intl.formatMessage(_ui.expandMessages.loading) : 'Loading...')
+    fallback: (0, _react.jsx)("div", null, intl.formatMessage(_ui.expandMessages.loading))
   }, (0, _react.jsx)(LazyChildren, null, children)) : null : children))));
 }
 var _default2 = exports.default = (0, _reactIntlNext.injectIntl)(Expand);

package/dist/cjs/ui/MediaCard.js

@@ -21,6 +21,7 @@ var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _utils = require("@atlaskit/editor-common/utils");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analyticsContext = _interopRequireDefault(require("../analytics/analyticsContext"));
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -121,9 +122,9 @@ var MediaCardView = exports.MediaCardView = /*#__PURE__*/function (_Component) {
         attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }, nestedUnder && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+        }, nestedUnder && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
           nestedUnder: nestedUnder
-        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && (0, _experiments.editorExperiment)('platform_synced_block', true) && (0, _platformFeatureFlags.fg)('platform_synced_block_patch_5') ? {
           nestedRendererType: rendererContext.nestedRendererType
         } : {})
       });

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "127.2.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -382,33 +382,32 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
         });
         anchorLinkAnalytics();
       });
-      if ((0, _expValEquals.expValEquals)('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the heights/widths of the tables on the page for alerting
-        heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
-          var requestIdleCallbackFn = function requestIdleCallbackFn() {
-            var _props$innerRef;
-            var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
-            if (renderer) {
-              var payload = (0, _analyticsUtils.getWidthInfoPayload)(renderer);
-              if (payload) {
-                _fireAnalyticsEvent(payload);
-              }
-              if ((0, _platformFeatureFlags.fg)('platform_editor_table_height_analytics_event')) {
-                var payloadHeight = (0, _analyticsUtils.getHeightInfoPayload)(renderer);
-                if (payloadHeight) {
-                  _fireAnalyticsEvent(payloadHeight);
-                }
+
+      // send statistics about the heights/widths of the tables on the page for alerting
+      heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
+        var requestIdleCallbackFn = function requestIdleCallbackFn() {
+          var _props$innerRef;
+          var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
+          if (renderer) {
+            var payload = (0, _analyticsUtils.getWidthInfoPayload)(renderer);
+            if (payload) {
+              _fireAnalyticsEvent(payload);
+            }
+            if ((0, _platformFeatureFlags.fg)('platform_editor_table_height_analytics_event')) {
+              var payloadHeight = (0, _analyticsUtils.getHeightInfoPayload)(renderer);
+              if (payloadHeight) {
+                _fireAnalyticsEvent(payloadHeight);
               }
             }
-          };
-          if (window && typeof window.requestIdleCallback === 'function') {
-            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
-          } else if (window && typeof window.requestAnimationFrame === 'function') {
-            // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_INFO_TIMEOUT);
-      }
+        };
+        if (window && typeof window.requestIdleCallback === 'function') {
+          heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+        } else if (window && typeof window.requestAnimationFrame === 'function') {
+          // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
+          heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+        }
+      }, TABLE_INFO_TIMEOUT);
     };
     handleAnalytics();
     return function () {

package/dist/es2019/react/index.js

@@ -462,7 +462,7 @@ export default class ReactSerializer {
       return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
     });
     // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-    const nestedUnder = expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
+    const nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
     const isAnnotationMark = mark => mark.type === annotation;
     const isLinkMark = mark => mark.type === link;
     const isBorderMark = mark => isChildOfMediaSingle && mark.type === border;

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

@@ -76,7 +76,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
     }, jsx("div", {
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
@@ -106,7 +106,7 @@ export const renderExtension = (content, layout, options = {}, removeOverflow, e
       "data-layout": layout,
       "data-local-id": localId
     }, jsx("div", {
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: `${RendererCssClassName.EXTENSION_INNER_WRAPPER} ${overflowContainerClass}`,
@@ -146,7 +146,7 @@ const Extension = props => {
           isTopLevel: path.length < 1,
           handleRef,
           shadowClassNames,
-          tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+          tabIndex: props.tabIndex,
           rendererAppearance: props.rendererAppearance
         }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
       }
@@ -160,7 +160,7 @@ const Extension = props => {
       isTopLevel: path.length < 1,
       handleRef,
       shadowClassNames,
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+      tabIndex: props.tabIndex,
       rendererAppearance: props.rendererAppearance
     }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
   });

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

@@ -507,7 +507,7 @@ export class TableContainer extends React.Component {
       rendererAppearance: rendererAppearance,
       allowTableResizing: allowTableResizing,
       allowFixedColumnWidthOption: allowFixedColumnWidthOption
-    }, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
+    }, [children && children[0]]), /*#__PURE__*/React.createElement(TableWrapper, {
       wrapperRef: this.wrapperRef,
       onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
       stickyHeaders: stickyHeaders,
@@ -526,25 +526,6 @@ export class TableContainer extends React.Component {
       allowTableResizing: allowTableResizing,
       isPresentational: isPresentational,
       allowFixedColumnWidthOption: allowFixedColumnWidthOption
-    }, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
-      ref: this.wrapperRef,
-      onScroll: this.props.stickyHeaders && this.onWrapperScrolled
-    }, /*#__PURE__*/React.createElement(Table, {
-      innerRef: this.tableRef,
-      columnWidths: columnWidths,
-      layout: layout,
-      isNumberColumnEnabled: isNumberColumnEnabled,
-      renderWidth: renderWidth,
-      tableNode: tableNode,
-      rendererAppearance: rendererAppearance,
-      isInsideOfBlockNode: isInsideOfBlockNode,
-      isInsideOfTable: isInsideOfTable,
-      isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-      allowTableResizing: allowTableResizing,
-      isPresentational: isPresentational,
-      allowFixedColumnWidthOption: allowFixedColumnWidthOption
     }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/es2019/ui/Expand.js

@@ -276,7 +276,7 @@ function Expand({
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
   }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? jsx(Suspense, {
-    fallback: jsx("div", null, fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(expandMessages.loading) : 'Loading...')
+    fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
   }, jsx(LazyChildren, null, children)) : null : children))));
 }
 export default injectIntl(Expand);

package/dist/es2019/ui/MediaCard.js

@@ -6,6 +6,7 @@ import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/m
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import AnalyticsContext from '../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -59,7 +60,7 @@ export class MediaCardView extends Component {
             fileState
           });
         }
-      } catch (error) {
+      } catch {
         // do not set state on error
       }
     });
@@ -77,10 +78,10 @@ export class MediaCardView extends Component {
         attributes: {
           reason,
           external: false,
-          ...(nestedUnder && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+          ...(nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
             nestedUnder
           } : {}),
-          ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+          ...(rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
             nestedRendererType: rendererContext.nestedRendererType
           } : {})
         }

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 = "0.0.0-development";
+const packageVersion = "127.2.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -373,33 +373,32 @@ export const RendererFunctionalComponent = props => {
         });
         anchorLinkAnalytics();
       });
-      if (expValEquals('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the heights/widths of the tables on the page for alerting
-        heightWidthAnalyticsSetTimeoutID = setTimeout(() => {
-          const requestIdleCallbackFn = () => {
-            var _props$innerRef, _props$innerRef$curre;
-            const renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 ? void 0 : (_props$innerRef$curre = _props$innerRef.current) === null || _props$innerRef$curre === void 0 ? void 0 : _props$innerRef$curre.querySelector('.ak-renderer-document');
-            if (renderer) {
-              const payload = getWidthInfoPayload(renderer);
-              if (payload) {
-                fireAnalyticsEvent(payload);
-              }
-              if (fg('platform_editor_table_height_analytics_event')) {
-                const payloadHeight = getHeightInfoPayload(renderer);
-                if (payloadHeight) {
-                  fireAnalyticsEvent(payloadHeight);
-                }
+
+      // send statistics about the heights/widths of the tables on the page for alerting
+      heightWidthAnalyticsSetTimeoutID = setTimeout(() => {
+        const requestIdleCallbackFn = () => {
+          var _props$innerRef, _props$innerRef$curre;
+          const renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 ? void 0 : (_props$innerRef$curre = _props$innerRef.current) === null || _props$innerRef$curre === void 0 ? void 0 : _props$innerRef$curre.querySelector('.ak-renderer-document');
+          if (renderer) {
+            const payload = getWidthInfoPayload(renderer);
+            if (payload) {
+              fireAnalyticsEvent(payload);
+            }
+            if (fg('platform_editor_table_height_analytics_event')) {
+              const payloadHeight = getHeightInfoPayload(renderer);
+              if (payloadHeight) {
+                fireAnalyticsEvent(payloadHeight);
               }
             }
-          };
-          if (window && typeof window.requestIdleCallback === 'function') {
-            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
-          } else if (window && typeof window.requestAnimationFrame === 'function') {
-            // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_INFO_TIMEOUT);
-      }
+        };
+        if (window && typeof window.requestIdleCallback === 'function') {
+          heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+        } else if (window && typeof window.requestAnimationFrame === 'function') {
+          // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
+          heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+        }
+      }, TABLE_INFO_TIMEOUT);
     };
     handleAnalytics();
     return () => {

package/dist/esm/react/index.js

@@ -496,7 +496,7 @@ var ReactSerializer = /*#__PURE__*/function () {
         return ((_n$type2 = n.type) === null || _n$type2 === void 0 ? void 0 : _n$type2.name) === 'mediaSingle';
       });
       // Only check path for bodiedSyncBlock; syncBlock uses RendererContext
-      var nestedUnder = expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
+      var nestedUnder = editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? getNestedUnderNodes(path, ['bodiedSyncBlock']) : undefined;
       var isAnnotationMark = function isAnnotationMark(mark) {
         return mark.type === annotation;
       };

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

@@ -87,7 +87,7 @@ export var renderExtension = function renderExtension(content, layout) {
       "data-testid": "extension--wrapper",
       "data-node-type": "extension"
     }, jsx("div", {
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
@@ -116,7 +116,7 @@ export var renderExtension = function renderExtension(content, layout) {
       "data-layout": layout,
       "data-local-id": localId
     }, jsx("div", {
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? options.tabIndex : undefined
+      tabIndex: options.tabIndex
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
       ,
       className: "".concat(RendererCssClassName.EXTENSION_INNER_WRAPPER, " ").concat(overflowContainerClass),
@@ -155,7 +155,7 @@ var Extension = function Extension(props) {
           isTopLevel: path.length < 1,
           handleRef: handleRef,
           shadowClassNames: shadowClassNames,
-          tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+          tabIndex: props.tabIndex,
           rendererAppearance: props.rendererAppearance
         }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
       }
@@ -169,7 +169,7 @@ var Extension = function Extension(props) {
       isTopLevel: path.length < 1,
       handleRef: handleRef,
       shadowClassNames: shadowClassNames,
-      tabIndex: fg('platform_editor_dec_a11y_fixes') ? props.tabIndex : undefined,
+      tabIndex: props.tabIndex,
       rendererAppearance: props.rendererAppearance
     }, undefined, parameters === null || parameters === void 0 ? void 0 : parameters.extensionId, extensionViewportSizes, nodeHeight, localId, undefined, undefined, isInsideOfInlineExtension);
   });

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

@@ -557,7 +557,7 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         rendererAppearance: rendererAppearance,
         allowTableResizing: allowTableResizing,
         allowFixedColumnWidthOption: allowFixedColumnWidthOption
-      }, [children && children[0]]), fg('platform_editor_dec_a11y_fixes') ? /*#__PURE__*/React.createElement(TableWrapper, {
+      }, [children && children[0]]), /*#__PURE__*/React.createElement(TableWrapper, {
         wrapperRef: this.wrapperRef,
         onScroll: this.props.stickyHeaders ? this.onWrapperScrolled : undefined,
         stickyHeaders: stickyHeaders,
@@ -576,25 +576,6 @@ export var TableContainer = /*#__PURE__*/function (_React$Component) {
         allowTableResizing: allowTableResizing,
         isPresentational: isPresentational,
         allowFixedColumnWidthOption: allowFixedColumnWidthOption
-      }, this.grabFirstRowRef(children))) : /*#__PURE__*/React.createElement("div", {
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-        className: TableSharedCssClassName.TABLE_NODE_WRAPPER,
-        ref: this.wrapperRef,
-        onScroll: this.props.stickyHeaders && this.onWrapperScrolled
-      }, /*#__PURE__*/React.createElement(Table, {
-        innerRef: this.tableRef,
-        columnWidths: columnWidths,
-        layout: layout,
-        isNumberColumnEnabled: isNumberColumnEnabled,
-        renderWidth: renderWidth,
-        tableNode: tableNode,
-        rendererAppearance: rendererAppearance,
-        isInsideOfBlockNode: isInsideOfBlockNode,
-        isInsideOfTable: isInsideOfTable,
-        isinsideMultiBodiedExtension: isinsideMultiBodiedExtension,
-        allowTableResizing: allowTableResizing,
-        isPresentational: isPresentational,
-        allowFixedColumnWidthOption: allowFixedColumnWidthOption
       }, this.grabFirstRowRef(children))), isStickyScrollbarEnabled(this.props.rendererAppearance) && /*#__PURE__*/React.createElement("div", {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
         className: TableSharedCssClassName.TABLE_STICKY_SCROLLBAR_CONTAINER,

package/dist/esm/ui/Expand.js

@@ -285,7 +285,7 @@ function Expand(_ref2) {
   }, jsx(WidthProvider, null, jsx("div", {
     css: clearNextSiblingMarginTopStyle
   }), fg('hot-121622_lazy_load_expand_content') ? hasLoadedChildren || loadBodyContent ? jsx(Suspense, {
-    fallback: jsx("div", null, fg('platform_editor_dec_a11y_fixes') ? intl.formatMessage(expandMessages.loading) : 'Loading...')
+    fallback: jsx("div", null, intl.formatMessage(expandMessages.loading))
   }, jsx(LazyChildren, null, children)) : null : children))));
 }
 export default injectIntl(Expand);

package/dist/esm/ui/MediaCard.js

@@ -17,6 +17,7 @@ import { Card as CardAsync, CardSync, CardLoading, CardError } from '@atlaskit/m
 import { MediaClientContext } from '@atlaskit/media-client-react';
 import { withImageLoader } from '@atlaskit/editor-common/utils';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import AnalyticsContext from '../analytics/analyticsContext';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { fg } from '@atlaskit/platform-feature-flags';
@@ -112,9 +113,9 @@ export var MediaCardView = /*#__PURE__*/function (_Component) {
         attributes: _objectSpread(_objectSpread({
           reason: reason,
           external: false
-        }, nestedUnder && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+        }, nestedUnder && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
           nestedUnder: nestedUnder
-        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && expValEquals('platform_synced_block', 'isEnabled', true) && fg('platform_synced_block_patch_5') ? {
+        } : {}), rendererContext !== null && rendererContext !== void 0 && rendererContext.nestedRendererType && editorExperiment('platform_synced_block', true) && fg('platform_synced_block_patch_5') ? {
           nestedRendererType: rendererContext.nestedRendererType
         } : {})
       });

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

@@ -62,7 +62,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.2;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "0.0.0-development";
+var packageVersion = "127.2.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -373,33 +373,32 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
         });
         anchorLinkAnalytics();
       });
-      if (expValEquals('platform_editor_editor_width_analytics', 'isEnabled', true)) {
-        // send statistics about the heights/widths of the tables on the page for alerting
-        heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
-          var requestIdleCallbackFn = function requestIdleCallbackFn() {
-            var _props$innerRef;
-            var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
-            if (renderer) {
-              var payload = getWidthInfoPayload(renderer);
-              if (payload) {
-                _fireAnalyticsEvent(payload);
-              }
-              if (fg('platform_editor_table_height_analytics_event')) {
-                var payloadHeight = getHeightInfoPayload(renderer);
-                if (payloadHeight) {
-                  _fireAnalyticsEvent(payloadHeight);
-                }
+
+      // send statistics about the heights/widths of the tables on the page for alerting
+      heightWidthAnalyticsSetTimeoutID = setTimeout(function () {
+        var requestIdleCallbackFn = function requestIdleCallbackFn() {
+          var _props$innerRef;
+          var renderer = (_props$innerRef = props.innerRef) === null || _props$innerRef === void 0 || (_props$innerRef = _props$innerRef.current) === null || _props$innerRef === void 0 ? void 0 : _props$innerRef.querySelector('.ak-renderer-document');
+          if (renderer) {
+            var payload = getWidthInfoPayload(renderer);
+            if (payload) {
+              _fireAnalyticsEvent(payload);
+            }
+            if (fg('platform_editor_table_height_analytics_event')) {
+              var payloadHeight = getHeightInfoPayload(renderer);
+              if (payloadHeight) {
+                _fireAnalyticsEvent(payloadHeight);
               }
             }
-          };
-          if (window && typeof window.requestIdleCallback === 'function') {
-            heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
-          } else if (window && typeof window.requestAnimationFrame === 'function') {
-            // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
-            heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
           }
-        }, TABLE_INFO_TIMEOUT);
-      }
+        };
+        if (window && typeof window.requestIdleCallback === 'function') {
+          heightWidthAnalyticsRicID = window.requestIdleCallback(requestIdleCallbackFn);
+        } else if (window && typeof window.requestAnimationFrame === 'function') {
+          // requestIdleCallback is not supported in safari, fallback to requestAnimationFrame
+          heightWidthAnalyticsRafID = window.requestAnimationFrame(requestIdleCallbackFn);
+        }
+      }, TABLE_INFO_TIMEOUT);
     };
     handleAnalytics();
     return function () {

package/docs/0-intro.tsx

@@ -12,8 +12,11 @@ This component provides a renderer for ADF documents.
 Use the component in your React app as follows:
 
 ${code`
+import { createRoot } from 'react-dom/client';
 import { ReactRenderer } from '@atlaskit/renderer';
-ReactDOM.render(<ReactRenderer document={DOCUMENT} />, container);
+
+const root = createRoot(container);
+root.render(<ReactRenderer document={DOCUMENT} />);
 `}
 
 ## Example
@@ -102,13 +105,15 @@ You will need to use a transformer to convert your own storage format into the A
 We have provided helper utility to simplify this process:
 
 ${code`
+import { createRoot } from 'react-dom/client';
 import { BitbucketTransformer } from '@atlaskit/editor-bitbucket-transformer';
 import { ReactRenderer, ADFEncoder } from '@atlaskit/renderer';
 
 const adfEncoder = new ADFEncoder(schema => new BitbucketTransformer(schema));
 const document = adfEncoder.encode(DOCUMENT);
 
-ReactDOM.render(<ReactRenderer document={document} />, container);
+const root = createRoot(container);
+root.render(<ReactRenderer document={document} />);
 `}
 
 ## Polyfills
@@ -124,8 +129,11 @@ The props \`truncated\`, \`maxHeight\` and \`fadeOutHeight\` are all optional. \
 and \`fadeOutHeight\` will default to 30px unless defined.
 
 ${code`
+import { createRoot } from 'react-dom/client';
 import { ReactRenderer } from '@atlaskit/renderer';
-ReactDOM.render(<ReactRenderer document={DOCUMENT} truncated={true} maxHeight={70} fadeOutHeight={30} />, container);
+
+const root = createRoot(container);
+root.render(<ReactRenderer document={DOCUMENT} truncated={true} maxHeight={70} fadeOutHeight={30} />);
 `}
 
 ${(

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "127.1.0",
+	"version": "127.2.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
 		"@atlaskit/status": "^3.1.0",
 		"@atlaskit/task-decision": "^19.3.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^34.3.0",
+		"@atlaskit/tmp-editor-statsig": "^35.0.0",
 		"@atlaskit/tokens": "^11.0.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -71,7 +71,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.29.0",
+		"@atlaskit/editor-common": "^111.30.0",
 		"@atlaskit/link-provider": "^4.2.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -90,9 +90,9 @@
 		"@atlaskit/mention": "^24.5.0",
 		"@atlaskit/modal-dialog": "^14.11.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-958ca0ab9d.patch",
-		"@atlaskit/profilecard": "^24.40.0",
+		"@atlaskit/profilecard": "^24.41.0",
 		"@atlaskit/util-data-test": "^18.5.0",
-		"@atlassian/a11y-jest-testing": "^0.11.0",
+		"@atlassian/a11y-jest-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/testing-library": "^0.4.0",
 		"@testing-library/react": "^16.3.0",
@@ -226,9 +226,6 @@
 		"platform_fix_macro_renders_in_layouts": {
 			"type": "boolean"
 		},
-		"platform_editor_dec_a11y_fixes": {
-			"type": "boolean"
-		},
 		"platform_editor_fix_missing_task_id": {
 			"type": "boolean"
 		},