@atlaskit/editor-common 111.0.5 → 111.2.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @atlaskit/editor-common
 
+## 111.2.0
+
+### Minor Changes
+
+- [`ba0e1d49e14cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ba0e1d49e14cb) -
+  ENGHEALTH-40073: Make tables and extensions focusable if they have overscroll so that they can be
+  interacted with in an accessible way.
+
+### Patch Changes
+
+- [`38bc4d5d6185c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38bc4d5d6185c) -
+  Fixes nested tables in SSR renderer
+- Updated dependencies
+
+## 111.1.0
+
+### Minor Changes
+
+- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
+  Clean up and removal of the `platform-visual-refresh-icons` feature flag.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 111.0.5
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "111.0.4";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.0.4";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/FloatingToolbar/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.iconOnlySpacing = exports.getButtonStyles = void 0;
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var iconOnlySpacing = exports.iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -25,22 +24,6 @@ var getStyles = function getStyles(property, _ref) {
   }
   return property[appearance][state][mode];
 };
-var background = {
-  danger: {
-    default: {
-      light: 'inherit',
-      dark: 'inherit'
-    },
-    hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
-      dark: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-    },
-    active: {
-      light: "var(--ds-background-neutral-pressed, #080F214A)",
-      dark: "var(--ds-background-neutral-pressed, #080F214A)"
-    }
-  }
-};
 var backgroundVisualRefresh = {
   danger: {
     default: {
@@ -57,22 +40,6 @@ var backgroundVisualRefresh = {
     }
   }
 };
-var color = {
-  danger: {
-    default: {
-      light: "var(--ds-icon, #292A2E)",
-      dark: "var(--ds-icon, #292A2E)"
-    },
-    hover: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    },
-    active: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    }
-  }
-};
 var colorVisualRefresh = {
   danger: {
     default: {
@@ -94,7 +61,7 @@ var colorVisualRefresh = {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var getButtonStyles = exports.getButtonStyles = function getButtonStyles(props) {
   return {
-    background: getStyles((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
-    color: getStyles((0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
+    background: getStyles(backgroundVisualRefresh, props),
+    color: getStyles(colorVisualRefresh, props)
   };
 };

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

@@ -14,6 +14,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _shadowObserver = require("./shadowObserver");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -163,13 +164,23 @@ function overflowShadow(Component, options) {
           showLeftShadow = _this$state.showLeftShadow,
           showRightShadow = _this$state.showRightShadow;
         var classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && _shadowObserver.shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+        /**
+         * The widths have already been calculated to determine
+         * showRightShadow and showLeftShadow. If either is true,
+         * then the content is scrollable and we need to set the
+         * tabIndex to 0 to allow the user to scroll the content
+         * for a11y purposes.
+         */
+        var hasOverflowScroll = showRightShadow || showLeftShadow;
         return (
           /*#__PURE__*/
           // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
           _react.default.createElement(Component, (0, _extends2.default)({
             handleRef: this.handleContainer,
+            tabIndex: hasOverflowScroll && (0, _platformFeatureFlags.fg)('platform_editor_dec_a11y_fixes') ? 0 : undefined,
             shadowClassNames: classNames
+            // eslint-disable-next-line react/jsx-props-no-spreading
           }, this.props))
         );
       }

package/dist/cjs/ui/Toolbar/ButtonGroup.js

@@ -9,18 +9,13 @@ exports.ToolbarButtonGroup = ToolbarButtonGroup;
 require("./ButtonGroup.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var buttonGroupStyle = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 var buttonGroupStyleUnbounded = null;
-var buttonGroupStyleBeforeVisualRefresh = null;
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
-var buttonGroupStyleBeforeVisualRefreshUnbounded = null;
 function ToolbarButtonGroup(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+    className: (0, _runtime.ax)(["_zulp1b66 _1e0c116y _4cvr1h6o", "_11ko1txw _1p8dglyw _89rs1b66"])
   }, children);
 }

package/dist/cjs/ui/Toolbar/DropdownTriggerWrapper.js

@@ -9,15 +9,13 @@ exports.ToolbarDropdownTriggerWrapper = ToolbarDropdownTriggerWrapper;
 require("./DropdownTriggerWrapper.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var triggerWrapperStylesWithPadding = null;
-var triggerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 var triggerWrapperStylesUnbounded = null;
 function ToolbarDropdownTriggerWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+    className: (0, _runtime.ax)(["_1e0c1txw _u5f3v77o", "_1fvdglyw"])
   }, children);
 }

package/dist/cjs/ui-menu/ColorPickerButton/index.js

@@ -12,7 +12,6 @@ var _reactIntlNext = require("react-intl-next");
 var _withAnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsContext"));
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
@@ -38,12 +37,6 @@ var _types = require("../ArrowKeyNavigationProvider/types");
 var colorPickerButtonWrapper = (0, _react2.css)({
   position: 'relative'
 });
-var colorPickerExpandContainer = (0, _primitives.xcss)({
-  marginTop: 'space.0',
-  marginBottom: 'space.0',
-  marginLeft: 'space.negative.050',
-  marginRight: 'space.negative.050'
-});
 var colorPickerExpandContainerVisualRefresh = (0, _primitives.xcss)({
   marginTop: 'space.negative.025',
   marginRight: 'space.negative.050'
@@ -204,11 +197,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
   };
   var title = props.title || '';
   var currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
-  var buttonStyle = function buttonStyle() {
+  var buttonStyleVisualRefresh = function buttonStyleVisualRefresh() {
     var _props$size, _props$size2, _props$size3;
     return (0, _react2.css)({
-      padding: "var(--ds-space-075, 6px)".concat(" 10px"),
-      backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -227,35 +218,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
-        padding: 0,
-        margin: "0px ".concat("var(--ds-space-025, 2px)")
-      },
-      '&:hover': {
-        background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-      }
-    });
-  };
-  var buttonStyleVisualRefresh = function buttonStyleVisualRefresh() {
-    var _props$size4, _props$size5, _props$size6;
-    return (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      height: "".concat(!!((_props$size4 = props.size) !== null && _props$size4 !== void 0 && _props$size4.height) ? 'inherit' : ''),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:before': {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        alignSelf: 'center',
-        content: "''",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        border: "var(--ds-border-width, 1px)".concat(" solid ", _uiColor.DEFAULT_BORDER_COLOR),
-        borderRadius: "var(--ds-radius-small, 3px)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        backgroundColor: currentColor || 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        width: ((_props$size5 = props.size) === null || _props$size5 === void 0 ? void 0 : _props$size5.width) || '14px',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        height: ((_props$size6 = props.size) === null || _props$size6 === void 0 ? void 0 : _props$size6.height) || '14px',
         marginTop: "var(--ds-space-025, 2px)"
       }
     });
@@ -265,7 +227,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
   }, (0, _react2.jsx)(_tooltip.default, {
     content: title,
     position: "top"
-  }, (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ? (0, _react2.jsx)("div", {
+  }, (0, _react2.jsx)("div", {
     css: colorPickerButtonStyle
   }, (0, _react2.jsx)(_new.default, {
     appearance: 'subtle',
@@ -295,33 +257,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     spacing: "spacious",
     label: "color-picker-chevron-down",
     size: "small"
-  }))))) : (0, _react2.jsx)(_standardButton.default, {
-    appearance: 'subtle',
-    ref: buttonRef,
-    "aria-label": title,
-    "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
-    onClick: togglePopup,
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        togglePopup();
-        setIsOpenedByKeyboard(true);
-      }
-    }
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    css: buttonStyle,
-    iconAfter: (0, _react2.jsx)(_primitives.Box, {
-      xcss: colorPickerExpandContainer
-    }, (0, _react2.jsx)(_chevronDown.default, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: "color-picker-chevron-down",
-      size: "small"
-    })),
-    "data-selected-color": props.currentColor
-  })), renderPopup());
+  })))))), renderPopup());
 };
 var _default = exports.default = (0, _withAnalyticsContext.default)({
   source: 'ConfigPanel'

package/dist/cjs/utils/processRawValue.js

@@ -11,6 +11,7 @@ var _model = require("@atlaskit/editor-prosemirror/model");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../analytics");
+var _utilities = require("../nesting/utilities");
 var _privacyFilter = require("./filter/privacy-filter");
 var _trackUnsupportedContent = require("./track-unsupported-content");
 var _validateUsingSpec = require("./validate-using-spec");
@@ -234,7 +235,10 @@ function processRawValue(schema, value, providerFactory, sanitizePrivateContent,
     if ((0, _expValEquals.expValEquals)('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      var allowNestedTables = (0, _utilities.isNestedTablesSupported)(schema);
+      entity = (0, _validateUsingSpec.validateADFEntity)(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables: allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       var _transformNestedTable3 = transformNestedTablesWithAnalytics(entity, dispatchAnalyticsEvent);

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "111.0.4";
+const packageVersion = "0.0.0-development";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "111.0.4";
+const packageVersion = "0.0.0-development";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/FloatingToolbar/styles.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 export const iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -17,22 +16,6 @@ const getStyles = (property, {
   }
   return property[appearance][state][mode];
 };
-const background = {
-  danger: {
-    default: {
-      light: 'inherit',
-      dark: 'inherit'
-    },
-    hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
-      dark: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-    },
-    active: {
-      light: "var(--ds-background-neutral-pressed, #080F214A)",
-      dark: "var(--ds-background-neutral-pressed, #080F214A)"
-    }
-  }
-};
 const backgroundVisualRefresh = {
   danger: {
     default: {
@@ -49,22 +32,6 @@ const backgroundVisualRefresh = {
     }
   }
 };
-const color = {
-  danger: {
-    default: {
-      light: "var(--ds-icon, #292A2E)",
-      dark: "var(--ds-icon, #292A2E)"
-    },
-    hover: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    },
-    active: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    }
-  }
-};
 const colorVisualRefresh = {
   danger: {
     default: {
@@ -85,6 +52,6 @@ const colorVisualRefresh = {
 // Ignored via go/ees005
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const getButtonStyles = props => ({
-  background: getStyles(fg('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
-  color: getStyles(fg('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
+  background: getStyles(backgroundVisualRefresh, props),
+  color: getStyles(colorVisualRefresh, props)
 });

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

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export const shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -135,13 +136,23 @@ export default function overflowShadow(Component, options) {
         showRightShadow
       } = this.state;
       const classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+      /**
+       * The widths have already been calculated to determine
+       * showRightShadow and showLeftShadow. If either is true,
+       * then the content is scrollable and we need to set the
+       * tabIndex to 0 to allow the user to scroll the content
+       * for a11y purposes.
+       */
+      const hasOverflowScroll = showRightShadow || showLeftShadow;
       return (
         /*#__PURE__*/
         // Ignored via go/ees005
-        // eslint-disable-next-line react/jsx-props-no-spreading
         React.createElement(Component, _extends({
           handleRef: this.handleContainer,
+          tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
           shadowClassNames: classNames
+          // eslint-disable-next-line react/jsx-props-no-spreading
         }, this.props))
       );
     }

package/dist/es2019/ui/Toolbar/ButtonGroup.js

@@ -2,19 +2,14 @@
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const buttonGroupStyle = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 const buttonGroupStyleUnbounded = null;
-const buttonGroupStyleBeforeVisualRefresh = null;
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
-const buttonGroupStyleBeforeVisualRefreshUnbounded = null;
 export function ToolbarButtonGroup({
   children
 }) {
   return /*#__PURE__*/React.createElement("span", {
-    className: ax([fg('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", fg('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+    className: ax(["_zulp1b66 _1e0c116y _4cvr1h6o", "_11ko1txw _1p8dglyw _89rs1b66"])
   }, children);
 }

package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js

@@ -2,9 +2,7 @@
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const triggerWrapperStylesWithPadding = null;
-const triggerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 const triggerWrapperStylesUnbounded = null;
@@ -12,6 +10,6 @@ export function ToolbarDropdownTriggerWrapper({
   children
 }) {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+    className: ax(["_1e0c1txw _u5f3v77o", "_1fvdglyw"])
   }, children);
 }

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -10,7 +10,6 @@ import { useIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/new';
-import LegacyButton from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -29,12 +28,6 @@ import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 const colorPickerButtonWrapper = css({
   position: 'relative'
 });
-const colorPickerExpandContainer = xcss({
-  marginTop: 'space.0',
-  marginBottom: 'space.0',
-  marginLeft: 'space.negative.050',
-  marginRight: 'space.negative.050'
-});
 const colorPickerExpandContainerVisualRefresh = xcss({
   marginTop: 'space.negative.025',
   marginRight: 'space.negative.050'
@@ -184,11 +177,9 @@ const ColorPickerButton = props => {
   };
   const title = props.title || '';
   const currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
-  const buttonStyle = () => {
+  const buttonStyleVisualRefresh = () => {
     var _props$size, _props$size2, _props$size3;
     return css({
-      padding: `${"var(--ds-space-075, 6px)"} 10px`,
-      backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: `${!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''}`,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -207,35 +198,6 @@ const ColorPickerButton = props => {
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
-        padding: 0,
-        margin: `0px ${"var(--ds-space-025, 2px)"}`
-      },
-      '&:hover': {
-        background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-      }
-    });
-  };
-  const buttonStyleVisualRefresh = () => {
-    var _props$size4, _props$size5, _props$size6;
-    return css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      height: `${!!((_props$size4 = props.size) !== null && _props$size4 !== void 0 && _props$size4.height) ? 'inherit' : ''}`,
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:before': {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        alignSelf: 'center',
-        content: "''",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        border: `${"var(--ds-border-width, 1px)"} solid ${DEFAULT_BORDER_COLOR}`,
-        borderRadius: "var(--ds-radius-small, 3px)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        backgroundColor: currentColor || 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        width: ((_props$size5 = props.size) === null || _props$size5 === void 0 ? void 0 : _props$size5.width) || '14px',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        height: ((_props$size6 = props.size) === null || _props$size6 === void 0 ? void 0 : _props$size6.height) || '14px',
         marginTop: `${"var(--ds-space-025, 2px)"}`
       }
     });
@@ -245,7 +207,7 @@ const ColorPickerButton = props => {
   }, jsx(Tooltip, {
     content: title,
     position: "top"
-  }, fg('platform-visual-refresh-icons') ? jsx("div", {
+  }, jsx("div", {
     css: colorPickerButtonStyle
   }, jsx(Button, {
     appearance: 'subtle',
@@ -275,33 +237,7 @@ const ColorPickerButton = props => {
     spacing: "spacious",
     label: "color-picker-chevron-down",
     size: "small"
-  }))))) : jsx(LegacyButton, {
-    appearance: 'subtle',
-    ref: buttonRef,
-    "aria-label": title,
-    "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
-    onClick: togglePopup,
-    onKeyDown: event => {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        togglePopup();
-        setIsOpenedByKeyboard(true);
-      }
-    }
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    css: buttonStyle,
-    iconAfter: jsx(Box, {
-      xcss: colorPickerExpandContainer
-    }, jsx(ChevronDownIcon, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: "color-picker-chevron-down",
-      size: "small"
-    })),
-    "data-selected-color": props.currentColor
-  })), renderPopup());
+  })))))), renderPopup());
 };
 export default withAnalyticsContext({
   source: 'ConfigPanel'

package/dist/es2019/utils/processRawValue.js

@@ -3,6 +3,7 @@ import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { isNestedTablesSupported } from '../nesting/utilities';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
@@ -233,7 +234,10 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      const allowNestedTables = isNestedTablesSupported(schema);
+      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       ({

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "111.0.4";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "111.0.4";
+var packageVersion = "0.0.0-development";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/FloatingToolbar/styles.js

@@ -1,4 +1,3 @@
-import { fg } from '@atlaskit/platform-feature-flags';
 export var iconOnlySpacing = {
   '&&': {
     padding: '0px'
@@ -19,22 +18,6 @@ var getStyles = function getStyles(property, _ref) {
   }
   return property[appearance][state][mode];
 };
-var background = {
-  danger: {
-    default: {
-      light: 'inherit',
-      dark: 'inherit'
-    },
-    hover: {
-      light: "var(--ds-background-neutral-subtle-hovered, #0515240F)",
-      dark: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-    },
-    active: {
-      light: "var(--ds-background-neutral-pressed, #080F214A)",
-      dark: "var(--ds-background-neutral-pressed, #080F214A)"
-    }
-  }
-};
 var backgroundVisualRefresh = {
   danger: {
     default: {
@@ -51,22 +34,6 @@ var backgroundVisualRefresh = {
     }
   }
 };
-var color = {
-  danger: {
-    default: {
-      light: "var(--ds-icon, #292A2E)",
-      dark: "var(--ds-icon, #292A2E)"
-    },
-    hover: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    },
-    active: {
-      light: "var(--ds-icon-danger, #C9372C)",
-      dark: "var(--ds-icon-danger, #C9372C)"
-    }
-  }
-};
 var colorVisualRefresh = {
   danger: {
     default: {
@@ -88,7 +55,7 @@ var colorVisualRefresh = {
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export var getButtonStyles = function getButtonStyles(props) {
   return {
-    background: getStyles(fg('platform-visual-refresh-icons') ? backgroundVisualRefresh : background, props),
-    color: getStyles(fg('platform-visual-refresh-icons') ? colorVisualRefresh : color, props)
+    background: getStyles(backgroundVisualRefresh, props),
+    color: getStyles(colorVisualRefresh, props)
   };
 };

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

@@ -8,6 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export var shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -155,13 +156,23 @@ export default function overflowShadow(Component, options) {
           showLeftShadow = _this$state.showLeftShadow,
           showRightShadow = _this$state.showRightShadow;
         var classNames = [!((_this$props = this.props) !== null && _this$props !== void 0 && _this$props.disableTableOverflowShadow) && showRightShadow && shadowClassNames.RIGHT_SHADOW, !((_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.disableTableOverflowShadow) && showLeftShadow && shadowClassNames.LEFT_SHADOW, options.useShadowObserver && shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
+
+        /**
+         * The widths have already been calculated to determine
+         * showRightShadow and showLeftShadow. If either is true,
+         * then the content is scrollable and we need to set the
+         * tabIndex to 0 to allow the user to scroll the content
+         * for a11y purposes.
+         */
+        var hasOverflowScroll = showRightShadow || showLeftShadow;
         return (
           /*#__PURE__*/
           // Ignored via go/ees005
-          // eslint-disable-next-line react/jsx-props-no-spreading
           React.createElement(Component, _extends({
             handleRef: this.handleContainer,
+            tabIndex: hasOverflowScroll && fg('platform_editor_dec_a11y_fixes') ? 0 : undefined,
             shadowClassNames: classNames
+            // eslint-disable-next-line react/jsx-props-no-spreading
           }, this.props))
         );
       }

package/dist/esm/ui/Toolbar/ButtonGroup.js

@@ -2,18 +2,13 @@
 import "./ButtonGroup.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var buttonGroupStyle = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 var buttonGroupStyleUnbounded = null;
-var buttonGroupStyleBeforeVisualRefresh = null;
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
-var buttonGroupStyleBeforeVisualRefreshUnbounded = null;
 export function ToolbarButtonGroup(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("span", {
-    className: ax([fg('platform-visual-refresh-icons') ? "_zulp1b66 _1e0c116y _4cvr1h6o" : "_1e0c116y _4cvr1h6o", fg('platform-visual-refresh-icons') ? "_11ko1txw _1p8dglyw _89rs1b66" : "_11ko1txw _1p8dglyw"])
+    className: ax(["_zulp1b66 _1e0c116y _4cvr1h6o", "_11ko1txw _1p8dglyw _89rs1b66"])
   }, children);
 }

package/dist/esm/ui/Toolbar/DropdownTriggerWrapper.js

@@ -2,15 +2,13 @@
 import "./DropdownTriggerWrapper.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var triggerWrapperStylesWithPadding = null;
-var triggerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- This rule thinks this isn't a `css()` call due to the name mapping
 var triggerWrapperStylesUnbounded = null;
 export function ToolbarDropdownTriggerWrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: ax([fg('platform-visual-refresh-icons') ? "_1e0c1txw _u5f3v77o" : "_1e0c1txw", "_1fvdglyw"])
+    className: ax(["_1e0c1txw _u5f3v77o", "_1fvdglyw"])
   }, children);
 }

package/dist/esm/ui-menu/ColorPickerButton/index.js

@@ -11,7 +11,6 @@ import { useIntl } from 'react-intl-next';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Button from '@atlaskit/button/new';
-import LegacyButton from '@atlaskit/button/standard-button';
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import { fg } from '@atlaskit/platform-feature-flags';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
@@ -30,12 +29,6 @@ import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 var colorPickerButtonWrapper = css({
   position: 'relative'
 });
-var colorPickerExpandContainer = xcss({
-  marginTop: 'space.0',
-  marginBottom: 'space.0',
-  marginLeft: 'space.negative.050',
-  marginRight: 'space.negative.050'
-});
 var colorPickerExpandContainerVisualRefresh = xcss({
   marginTop: 'space.negative.025',
   marginRight: 'space.negative.050'
@@ -196,11 +189,9 @@ var ColorPickerButton = function ColorPickerButton(props) {
   };
   var title = props.title || '';
   var currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
-  var buttonStyle = function buttonStyle() {
+  var buttonStyleVisualRefresh = function buttonStyleVisualRefresh() {
     var _props$size, _props$size2, _props$size3;
     return css({
-      padding: "var(--ds-space-075, 6px)".concat(" 10px"),
-      backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: "".concat(!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''),
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -219,35 +210,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
         // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
-        padding: 0,
-        margin: "0px ".concat("var(--ds-space-025, 2px)")
-      },
-      '&:hover': {
-        background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
-      }
-    });
-  };
-  var buttonStyleVisualRefresh = function buttonStyleVisualRefresh() {
-    var _props$size4, _props$size5, _props$size6;
-    return css({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-      height: "".concat(!!((_props$size4 = props.size) !== null && _props$size4 !== void 0 && _props$size4.height) ? 'inherit' : ''),
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
-      '&:before': {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        alignSelf: 'center',
-        content: "''",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        border: "var(--ds-border-width, 1px)".concat(" solid ", DEFAULT_BORDER_COLOR),
-        borderRadius: "var(--ds-radius-small, 3px)",
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        backgroundColor: currentColor || 'transparent',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        width: ((_props$size5 = props.size) === null || _props$size5 === void 0 ? void 0 : _props$size5.width) || '14px',
-        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-        height: ((_props$size6 = props.size) === null || _props$size6 === void 0 ? void 0 : _props$size6.height) || '14px',
         marginTop: "var(--ds-space-025, 2px)"
       }
     });
@@ -257,7 +219,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
   }, jsx(Tooltip, {
     content: title,
     position: "top"
-  }, fg('platform-visual-refresh-icons') ? jsx("div", {
+  }, jsx("div", {
     css: colorPickerButtonStyle
   }, jsx(Button, {
     appearance: 'subtle',
@@ -287,33 +249,7 @@ var ColorPickerButton = function ColorPickerButton(props) {
     spacing: "spacious",
     label: "color-picker-chevron-down",
     size: "small"
-  }))))) : jsx(LegacyButton, {
-    appearance: 'subtle',
-    ref: buttonRef,
-    "aria-label": title,
-    "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
-    spacing: "compact",
-    onClick: togglePopup,
-    onKeyDown: function onKeyDown(event) {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        togglePopup();
-        setIsOpenedByKeyboard(true);
-      }
-    }
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-style-overrides
-    ,
-    css: buttonStyle,
-    iconAfter: jsx(Box, {
-      xcss: colorPickerExpandContainer
-    }, jsx(ChevronDownIcon, {
-      color: "currentColor",
-      spacing: "spacious",
-      label: "color-picker-chevron-down",
-      size: "small"
-    })),
-    "data-selected-color": props.currentColor
-  })), renderPopup());
+  })))))), renderPopup());
 };
 export default withAnalyticsContext({
   source: 'ConfigPanel'

package/dist/esm/utils/processRawValue.js

@@ -3,6 +3,7 @@ import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
+import { isNestedTablesSupported } from '../nesting/utilities';
 import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
 import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
 import { validateADFEntity } from './validate-using-spec';
@@ -226,7 +227,10 @@ export function processRawValue(schema, value, providerFactory, sanitizePrivateC
     if (expValEquals('platform_editor_ssr_renderer', 'isEnabled', true)) {
       // Validate ADF first before converting nested-table extensions into nested tables
       // This matches the renderer's behavior in render-document.ts
-      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent);
+      var allowNestedTables = isNestedTablesSupported(schema);
+      entity = validateADFEntity(schema, transformedAdf || node, dispatchAnalyticsEvent, allowNestedTables ? {
+        allowNestedTables: allowNestedTables
+      } : undefined);
 
       // Convert nested-table extensions into nested tables
       var _transformNestedTable3 = transformNestedTablesWithAnalytics(entity, dispatchAnalyticsEvent);

package/dist/types/ui/OverflowShadow/index.d.ts

@@ -8,6 +8,7 @@ export interface OverflowShadowProps {
     disableTableOverflowShadow?: boolean;
     handleRef?: (ref: HTMLElement | null) => void;
     shadowClassNames?: string;
+    tabIndex?: number;
 }
 export interface OverflowShadowState {
     showLeftShadow: boolean;

package/dist/types-ts4.5/ui/OverflowShadow/index.d.ts

@@ -8,6 +8,7 @@ export interface OverflowShadowProps {
     disableTableOverflowShadow?: boolean;
     handleRef?: (ref: HTMLElement | null) => void;
     shadowClassNames?: string;
+    tabIndex?: number;
 }
 export interface OverflowShadowState {
     showLeftShadow: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "111.0.5",
+	"version": "111.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/custom-steps": "^0.16.0",
-		"@atlaskit/dropdown-menu": "^16.3.0",
+		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/editor-json-transformer": "^8.31.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "^7.2.0",
@@ -52,10 +52,10 @@
 		"@atlaskit/emoji": "^69.9.0",
 		"@atlaskit/icon": "^29.3.0",
 		"@atlaskit/icon-object": "^7.4.0",
-		"@atlaskit/link": "^3.2.0",
+		"@atlaskit/link": "^3.3.0",
 		"@atlaskit/link-datasource": "^4.30.0",
 		"@atlaskit/link-picker": "^4.2.0",
-		"@atlaskit/media-card": "^79.11.0",
+		"@atlaskit/media-card": "^79.12.0",
 		"@atlaskit/media-client": "^35.7.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
@@ -74,7 +74,7 @@
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/section-message": "^8.11.0",
-		"@atlaskit/smart-card": "^43.17.0",
+		"@atlaskit/smart-card": "^43.18.0",
 		"@atlaskit/smart-user-picker": "^8.5.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/status": "^3.0.0",