@atlaskit/editor-common 107.4.1 → 107.5.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-common
 
+## 107.5.0
+
+### Minor Changes
+
+- [#180500](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/180500)
+  [`11b9d2a6abab1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/11b9d2a6abab1) -
+  Cleaned up shadow defer calculation experiment
+
+### Patch Changes
+
+- Updated dependencies
+
+## 107.4.2
+
+### Patch Changes
+
+- [#178862](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/178862)
+  [`c85957c962811`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c85957c962811) -
+  clean up fg
+- Updated dependencies
+
 ## 107.4.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,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 = "107.4.0";
+var packageVersion = "107.4.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,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 = "107.4.0";
+var packageVersion = "107.4.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -132,7 +132,7 @@ function MediaSingle(_ref) {
       nodeType: nodeType
     })
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, (0, _platformFeatureFlags.fg)('platform_fix_media_image_resizing') || (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
+  }, (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
     'data-layout': layout
   }, {
     "data-width": mediaSingleWidth,
@@ -147,7 +147,7 @@ function MediaSingle(_ref) {
     })
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, dataAttributes, (0, _platformFeatureFlags.fg)('platform_exclude_media_single_from_vc') && _vcMedia.VcMediaWrapperProps), (0, _react2.jsx)(_styled.MediaWrapper, {
+  }, dataAttributes, _vcMedia.VcMediaWrapperProps), (0, _react2.jsx)(_styled.MediaWrapper, {
     hasFallbackContainer: hasFallbackContainer,
     height: mediaWrapperHeight,
     paddingBottom: paddingBottom

package/dist/cjs/ui/MediaSingle/styled.js

@@ -223,18 +223,13 @@ var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function M
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\t", "\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
+  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
   /* This causes issues for new experience where we don't strip layout attributes
    when copying top-level node and pasting into a table/layout,
    because full-width layout will remain, causing node to be edge-to-edge */
   !isExtendedResizeExperienceOn && (0, _react2.css)({
     minWidth: '100%'
-  }), isExtendedResizeExperienceOn && (0, _platformFeatureFlags.fg)('platform_fix_media_image_resizing') ? (0, _react2.css)({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
-    '@container view-page-content (min-width: 1px)': {
-      maxWidth: '100cqw'
-    }
-  }) : '', (0, _isSsr.isSSR)() && !calculatedMaxWidth.endsWith('%') && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(parseInt(calculatedWidth.replace('px', '')), parseInt(calculatedMaxWidth.replace('px', ''))) + 'px' : calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }), (0, _isSsr.isSSR)() && !calculatedMaxWidth.endsWith('%') && (0, _platformFeatureFlags.fg)('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(parseInt(calculatedWidth.replace('px', '')), parseInt(calculatedMaxWidth.replace('px', ''))) + 'px' : calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

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

@@ -14,8 +14,6 @@ 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 _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _nodeVisibilityManager = require("../../node-visibility/node-visibility-manager");
 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; })(); }
@@ -105,28 +103,10 @@ function overflowShadow(Component, options) {
           _this.initShadowObserver();
           return;
         }
-        if ((0, _expValEquals.expValEquals)('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
-          // Initialize visibility manager
-          _this.visibilityManager = (0, _nodeVisibilityManager.nodeVisibilityManager)(_this.overflowContainer);
-          _this.visibilityManager.initialiseNodeObserver();
-
-          // Observe the container for first visibility
-          _this.visibilityManager.observe({
-            element: _this.overflowContainer,
-            onFirstVisible: function onFirstVisible() {
-              var _this$overflowContain;
-              _this.updateShadows();
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              (_this$overflowContain = _this.overflowContainer) === null || _this$overflowContain === void 0 || _this$overflowContain.addEventListener('scroll', _this.handleScroll);
-            }
-          });
-        } else {
-          _this.updateShadows();
-          // Ignored via go/ees005
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
-        }
+        _this.updateShadows();
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
       });
       return _this;
     }
@@ -134,8 +114,6 @@ function overflowShadow(Component, options) {
     return (0, _createClass2.default)(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        var _this$visibilityManag;
-        (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 || _this$visibilityManag.disconnect();
         if (options.useShadowObserver) {
           return this.shadowObserver && this.shadowObserver.dispose();
         }

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 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 = "107.4.0";
+const packageVersion = "107.4.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "107.4.0";
+const packageVersion = "107.4.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -117,7 +117,7 @@ export default function MediaSingle({
       nodeType
     })
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, fg('platform_fix_media_image_resizing') || fg('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
+  }, fg('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
     'data-layout': layout
   }, {
     "data-width": mediaSingleWidth,
@@ -132,7 +132,7 @@ export default function MediaSingle({
     })
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, dataAttributes, fg('platform_exclude_media_single_from_vc') && VcMediaWrapperProps), jsx(MediaWrapper, {
+  }, dataAttributes, VcMediaWrapperProps), jsx(MediaWrapper, {
     hasFallbackContainer: hasFallbackContainer,
     height: mediaWrapperHeight,
     paddingBottom: paddingBottom

package/dist/es2019/ui/MediaSingle/styled.js

@@ -218,12 +218,7 @@ export const MediaSingleDimensionHelper = ({
   !isExtendedResizeExperienceOn && css({
     minWidth: '100%'
   })}
-		${isExtendedResizeExperienceOn && fg('platform_fix_media_image_resizing') ? css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
-    '@container view-page-content (min-width: 1px)': {
-      maxWidth: '100cqw'
-    }
-  }) : ''}
+
 		/* If container doesn't exists, it will fallback to this */
 		max-width: ${isSSR() && !calculatedMaxWidth.endsWith('%') && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(parseInt(calculatedWidth.replace('px', '')), parseInt(calculatedMaxWidth.replace('px', ''))) + 'px' : calculatedMaxWidth};
 		${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {

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

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { nodeVisibilityManager } from '../../node-visibility/node-visibility-manager';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export const shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -85,33 +83,13 @@ export default function overflowShadow(Component, options) {
           this.initShadowObserver();
           return;
         }
-        if (expValEquals('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
-          // Initialize visibility manager
-          this.visibilityManager = nodeVisibilityManager(this.overflowContainer);
-          this.visibilityManager.initialiseNodeObserver();
-
-          // Observe the container for first visibility
-          this.visibilityManager.observe({
-            element: this.overflowContainer,
-            onFirstVisible: () => {
-              var _this$overflowContain;
-              this.updateShadows();
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              (_this$overflowContain = this.overflowContainer) === null || _this$overflowContain === void 0 ? void 0 : _this$overflowContain.addEventListener('scroll', this.handleScroll);
-            }
-          });
-        } else {
-          this.updateShadows();
-          // Ignored via go/ees005
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          this.overflowContainer.addEventListener('scroll', this.handleScroll);
-        }
+        this.updateShadows();
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        this.overflowContainer.addEventListener('scroll', this.handleScroll);
       });
     }
     componentWillUnmount() {
-      var _this$visibilityManag;
-      (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 ? void 0 : _this$visibilityManag.disconnect();
       if (options.useShadowObserver) {
         return this.shadowObserver && this.shadowObserver.dispose();
       }

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 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 = "107.4.0";
+var packageVersion = "107.4.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "107.4.0";
+var packageVersion = "107.4.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -124,7 +124,7 @@ export default function MediaSingle(_ref) {
       nodeType: nodeType
     })
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, fg('platform_fix_media_image_resizing') || fg('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
+  }, fg('platform_editor_fix_image_size_diff_during_ssr') ? {} : {
     'data-layout': layout
   }, {
     "data-width": mediaSingleWidth,
@@ -139,7 +139,7 @@ export default function MediaSingle(_ref) {
     })
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, dataAttributes, fg('platform_exclude_media_single_from_vc') && VcMediaWrapperProps), jsx(MediaWrapper, {
+  }, dataAttributes, VcMediaWrapperProps), jsx(MediaWrapper, {
     hasFallbackContainer: hasFallbackContainer,
     height: mediaWrapperHeight,
     paddingBottom: paddingBottom

package/dist/esm/ui/MediaSingle/styled.js

@@ -213,18 +213,13 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Needs manual remediation
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\t\t", "\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t/* For nested rich media items, set max-width to 100% */\n\t\ttr &,\n\t\t[data-layout-column] &,\n\t\t[data-node-type='expand'] &,\n\t\t[data-panel-type] &,\n\t\tli & {\n\t\t\tmax-width: 100%;\n\t\t}\n\n\t\twidth: ", ";\n\t\t", "\n\n\t\t/* If container doesn't exists, it will fallback to this */\n\t\tmax-width: ", ";\n\t\t", "\n\n\t\t&:not(.is-resizing) {\n\t\t\ttransition: width 100ms ease-in;\n\t\t}\n\n\t\tfloat: ", ";\n\t\tmargin: ", ";\n\n\t\t&[class*='not-resizing'] {\n\t\t\t", "\n\t\t}\n\n\t\t", ";\n\t"])), calculatedWidth, layout === 'full-width' &&
   /* This causes issues for new experience where we don't strip layout attributes
    when copying top-level node and pasting into a table/layout,
    because full-width layout will remain, causing node to be edge-to-edge */
   !isExtendedResizeExperienceOn && css({
     minWidth: '100%'
-  }), isExtendedResizeExperienceOn && fg('platform_fix_media_image_resizing') ? css({
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-container-queries
-    '@container view-page-content (min-width: 1px)': {
-      maxWidth: '100cqw'
-    }
-  }) : '', isSSR() && !calculatedMaxWidth.endsWith('%') && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(parseInt(calculatedWidth.replace('px', '')), parseInt(calculatedMaxWidth.replace('px', ''))) + 'px' : calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }), isSSR() && !calculatedMaxWidth.endsWith('%') && fg('platform_editor_fix_image_size_diff_during_ssr') ? Math.max(parseInt(calculatedWidth.replace('px', '')), parseInt(calculatedMaxWidth.replace('px', ''))) + 'px' : calculatedMaxWidth, isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

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

@@ -8,8 +8,6 @@ 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 { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { nodeVisibilityManager } from '../../node-visibility/node-visibility-manager';
 import { ShadowObserver, shadowObserverClassNames } from './shadowObserver';
 export var shadowClassNames = {
   RIGHT_SHADOW: 'right-shadow',
@@ -97,28 +95,10 @@ export default function overflowShadow(Component, options) {
           _this.initShadowObserver();
           return;
         }
-        if (expValEquals('platform_editor_defer_shadow_calculations', 'isEnabled', true)) {
-          // Initialize visibility manager
-          _this.visibilityManager = nodeVisibilityManager(_this.overflowContainer);
-          _this.visibilityManager.initialiseNodeObserver();
-
-          // Observe the container for first visibility
-          _this.visibilityManager.observe({
-            element: _this.overflowContainer,
-            onFirstVisible: function onFirstVisible() {
-              var _this$overflowContain;
-              _this.updateShadows();
-              // Ignored via go/ees005
-              // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-              (_this$overflowContain = _this.overflowContainer) === null || _this$overflowContain === void 0 || _this$overflowContain.addEventListener('scroll', _this.handleScroll);
-            }
-          });
-        } else {
-          _this.updateShadows();
-          // Ignored via go/ees005
-          // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
-          _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
-        }
+        _this.updateShadows();
+        // Ignored via go/ees005
+        // eslint-disable-next-line @repo/internal/dom-events/no-unsafe-event-listeners
+        _this.overflowContainer.addEventListener('scroll', _this.handleScroll);
       });
       return _this;
     }
@@ -126,8 +106,6 @@ export default function overflowShadow(Component, options) {
     return _createClass(OverflowShadow, [{
       key: "componentWillUnmount",
       value: function componentWillUnmount() {
-        var _this$visibilityManag;
-        (_this$visibilityManag = this.visibilityManager) === null || _this$visibilityManag === void 0 || _this$visibilityManag.disconnect();
         if (options.useShadowObserver) {
           return this.shadowObserver && this.shadowObserver.dispose();
         }

package/dist/types/extensibility/Extension/Extension/index.d.ts

@@ -36,7 +36,6 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -76,7 +75,6 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

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

@@ -25,7 +25,6 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -65,7 +64,6 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/dist/types-ts4.5/extensibility/Extension/Extension/index.d.ts

@@ -36,7 +36,6 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -76,7 +75,6 @@ declare const _default: {
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

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

@@ -25,7 +25,6 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;
@@ -65,7 +64,6 @@ export default function overflowShadow<P>(Component: React.ComponentType<React.P
         overflowContainerWidth: number;
         scrollable?: NodeList | undefined;
         diff?: number | undefined;
-        visibilityManager?: import("../../node-visibility/node-visibility-manager").NodeVisibilityManager | undefined;
         state: {
             showLeftShadow: boolean;
             showRightShadow: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "107.4.1",
+	"version": "107.5.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -151,7 +151,7 @@
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-file-preview": "^0.11.0",
 		"@atlaskit/media-picker": "^70.0.0",
-		"@atlaskit/media-ui": "^28.5.0",
+		"@atlaskit/media-ui": "^28.6.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/menu": "^8.0.0",
@@ -169,7 +169,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^8.6.0",
+		"@atlaskit/tmp-editor-statsig": "^8.7.0",
 		"@atlaskit/tokens": "^5.4.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
@@ -313,9 +313,6 @@
 		"editor_a11y_aria_label_removal_popup": {
 			"type": "boolean"
 		},
-		"platform_fix_media_image_resizing": {
-			"type": "boolean"
-		},
 		"platform_editor_fix_image_size_diff_during_ssr": {
 			"type": "boolean"
 		},
@@ -328,9 +325,6 @@
 		"platform_editor_refactor_view_more": {
 			"type": "boolean"
 		},
-		"platform_exclude_media_single_from_vc": {
-			"type": "boolean"
-		},
 		"platform_editor_add_border_for_nested_panel": {
 			"type": "boolean"
 		},