@atlaskit/editor-common 115.3.0 → 115.4.0

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

@@ -3,38 +3,51 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calcColumnsFromPx = calcColumnsFromPx;
+Object.defineProperty(exports, "calcColumnsFromPx", {
+  enumerable: true,
+  get: function get() {
+    return _calcColumnsFromPx.calcColumnsFromPx;
+  }
+});
 exports.calcMediaPxWidth = void 0;
-exports.calcPctFromPx = calcPctFromPx;
+Object.defineProperty(exports, "calcPctFromPx", {
+  enumerable: true,
+  get: function get() {
+    return _calcPctFromPx.calcPctFromPx;
+  }
+});
 exports.calcPctWidth = void 0;
-exports.calcPxFromColumns = calcPxFromColumns;
-exports.calcPxFromPct = calcPxFromPct;
-exports.wrappedLayouts = exports.snapToGrid = exports.layoutSupportsWidth = void 0;
+Object.defineProperty(exports, "calcPxFromColumns", {
+  enumerable: true,
+  get: function get() {
+    return _calcPxFromColumns.calcPxFromColumns;
+  }
+});
+Object.defineProperty(exports, "calcPxFromPct", {
+  enumerable: true,
+  get: function get() {
+    return _calcPxFromPct.calcPxFromPct;
+  }
+});
+exports.snapToGrid = exports.layoutSupportsWidth = void 0;
+Object.defineProperty(exports, "wrappedLayouts", {
+  enumerable: true,
+  get: function get() {
+    return _wrappedLayouts.wrappedLayouts;
+  }
+});
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _constants = require("../../media-single/constants");
+var _calcColumnsFromPx = require("./calcColumnsFromPx");
+var _calcPxFromColumns = require("./calcPxFromColumns");
+var _calcPxFromPct = require("./calcPxFromPct");
+var _wrappedLayouts = require("./wrappedLayouts");
+var _calcPctFromPx = require("./calcPctFromPx");
 var validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
 var layoutSupportsWidth = exports.layoutSupportsWidth = function layoutSupportsWidth(layout) {
   return validWidthModes.indexOf(layout) > -1;
 };
-function calcPxFromColumns(columns, lineLength, gridSize) {
-  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
-  return maxWidth / gridSize * columns - _constants.MEDIA_SINGLE_GUTTER_SIZE;
-}
-function calcColumnsFromPx(width, lineLength, gridSize) {
-  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
-  return (width + _constants.MEDIA_SINGLE_GUTTER_SIZE) * gridSize / maxWidth;
-}
-function calcPxFromPct(pct, lineLength) {
-  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
-  return maxWidth * pct - _constants.MEDIA_SINGLE_GUTTER_SIZE;
-}
-function calcPctFromPx(width, lineLength) {
-  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
-  return (width + _constants.MEDIA_SINGLE_GUTTER_SIZE) / maxWidth;
-}
-var wrappedLayouts = exports.wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];
 var calcPctWidth = exports.calcPctWidth = function calcPctWidth(containerWidth, pctWidth, origWidth, origHeight) {
-  return pctWidth && origWidth && origHeight && Math.ceil(calcPxFromPct(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
+  return pctWidth && origWidth && origHeight && Math.ceil((0, _calcPxFromPct.calcPxFromPct)(pctWidth / 100, containerWidth.lineLength || containerWidth.width));
 };
 var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts) {
   var origWidth = opts.origWidth,
@@ -57,7 +70,7 @@ var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts
   } else if (calculatedPctWidth) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    if (wrappedLayouts.indexOf(layout) > -1) {
+    if (_wrappedLayouts.wrappedLayouts.indexOf(layout) > -1) {
       if (calculatedResizedPctWidth) {
         // Ignored via go/ees005
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
@@ -77,19 +90,28 @@ var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts
       return calculatedResizedPctWidth;
     }
     return Math.min(origWidth, lineLength || width);
-  } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
+  } else if (layout && _wrappedLayouts.wrappedLayouts.indexOf(layout) !== -1) {
     // when layout is wrap-left, wrap-right, align-start, align-end
     // but no pctWidth is defined
-    return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
+    return Math.min((0, _calcPxFromPct.calcPxFromPct)(0.5, lineLength || width), origWidth);
   }
   return origWidth;
 };
 var snapToGrid = exports.snapToGrid = function snapToGrid(gridWidth, width, height, lineLength, gridSize) {
-  var pxWidth = calcPxFromPct(gridWidth / 100, lineLength);
-  var columnSpan = Math.round(calcColumnsFromPx(pxWidth, lineLength, gridSize));
-  var alignedWidth = calcPxFromColumns(columnSpan, lineLength, gridSize);
+  var pxWidth = (0, _calcPxFromPct.calcPxFromPct)(gridWidth / 100, lineLength);
+  var columnSpan = Math.round((0, _calcColumnsFromPx.calcColumnsFromPx)(pxWidth, lineLength, gridSize));
+  var alignedWidth = (0, _calcPxFromColumns.calcPxFromColumns)(columnSpan, lineLength, gridSize);
   return {
     height: height / width * alignedWidth,
     width: alignedWidth
   };
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -14,8 +14,8 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _constants = require("../../media-single/constants");
-var _utils = require("../../media-single/utils");
-var _richMediaUtils = require("../../utils/rich-media-utils");
+var _getMediaSinglePixelWidth = require("../../media-single/getMediaSinglePixelWidth");
+var _shouldAddDefaultWrappedWidth = require("../../utils/shouldAddDefaultWrappedWidth");
 var _styled = require("./styled");
 /**
  * @jsxRuntime classic
@@ -73,7 +73,7 @@ function MediaSingle(_ref) {
   var isPixelWidth = (size === null || size === void 0 ? void 0 : size.widthType) === 'pixel';
   var mediaSingleWidth = (size === null || size === void 0 ? void 0 : size.width) || pctWidth;
   var children = _react.default.Children.toArray(propsChildren);
-  if (!mediaSingleWidth && (0, _richMediaUtils.shouldAddDefaultWrappedWidth)(layout, width, editorWidth)) {
+  if (!mediaSingleWidth && (0, _shouldAddDefaultWrappedWidth.shouldAddDefaultWrappedWidth)(layout, width, editorWidth)) {
     // if width is not available, set to half of editor width
     mediaSingleWidth = isPixelWidth ? editorWidth / 2 : 50;
   }
@@ -82,7 +82,7 @@ function MediaSingle(_ref) {
   // embed height in relation to whatever width of an dom element is in runtime.
   var isHeightOnly = width === undefined;
   if (mediaSingleWidth) {
-    var pxWidth = (0, _utils.getMediaSinglePixelWidth)(mediaSingleWidth, editorWidth, size === null || size === void 0 ? void 0 : size.widthType, _constants.MEDIA_SINGLE_GUTTER_SIZE);
+    var pxWidth = (0, _getMediaSinglePixelWidth.getMediaSinglePixelWidth)(mediaSingleWidth, editorWidth, size === null || size === void 0 ? void 0 : size.widthType, _constants.MEDIA_SINGLE_GUTTER_SIZE);
     if (isHeightOnly) {
       width = pxWidth - _editorSharedStyles.akEditorMediaResizeHandlerPaddingWide;
     } else if (width !== undefined) {

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.roundToClosestEvenPxValue = roundToClosestEvenPxValue;
+/**
+ * Reduces the given CSS width value to the next lowest even pixel value if the value is in px.
+ * This is to mitigate subpixel rendering issues of embedded smart links.
+ *
+ * @param widthValue CSS width value to be rounded
+ * @returns Reduced CSS width value where px value given, or otherwise the original value
+ * @example
+ */
+// widthValue could be a string in px, rem or percentage, e.g. "800px", "100%", etc.
+function roundToClosestEvenPxValue(widthValue) {
+  try {
+    if (widthValue.endsWith('px')) {
+      var pxWidth = parseInt(widthValue.slice(0, -2));
+      return "".concat(pxWidth - pxWidth % 2, "px");
+    }
+    return widthValue;
+  } catch (_unused) {
+    return widthValue;
+  }
+}

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

@@ -7,9 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.MediaWrapper = exports.MediaSingleDimensionHelper = exports.MediaBorderGapFiller = void 0;
 exports.calcLegacyWidth = calcLegacyWidth;
 exports.calcLegacyWidthForInline = calcLegacyWidthForInline;
-exports.calcResizedWidth = calcResizedWidth;
+Object.defineProperty(exports, "calcResizedWidth", {
+  enumerable: true,
+  get: function get() {
+    return _calcResizedWidth.calcResizedWidth;
+  }
+});
 exports.mediaWrapperStyle = void 0;
-exports.roundToClosestEvenPxValue = roundToClosestEvenPxValue;
+Object.defineProperty(exports, "roundToClosestEvenPxValue", {
+  enumerable: true,
+  get: function get() {
+    return _roundToClosestEvenPxValue.roundToClosestEvenPxValue;
+  }
+});
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
@@ -18,6 +28,8 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
+var _calcResizedWidth = require("./calcResizedWidth");
+var _roundToClosestEvenPxValue = require("./roundToClosestEvenPxValue");
 var _excluded = ["children"];
 var _templateObject, _templateObject2, _templateObject3;
 /* eslint-disable @atlaskit/ui-styling-standard/use-compiled -- Pre-existing lint debt surfaced by this mechanical type-import-only PR. */
@@ -114,28 +126,6 @@ function calcLegacyWidthForInline(layout, width) {
       return isResized ? "".concat(width, "px") : fullWidthMode ? getWidthIfFullWidthMode(width, containerWidth) : getWidthIfDefaultMode(width, containerWidth);
   }
 }
-
-/**
- * Calculates the image width for previously resized images.
- *
- * Wide and full-width images are always that size (960px and 100%); there is
- * no distinction between max-width and width.
- * @param layout
- * @param width
- * @param containerWidth
- * @example
- */
-function calcResizedWidth(layout, width) {
-  var containerWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  switch (layout) {
-    case 'wide':
-      return (0, _breakout.calcWideWidth)(containerWidth);
-    case 'full-width':
-      return (0, _breakout.calcBreakoutWidth)(layout, containerWidth);
-    default:
-      return "".concat(width, "px");
-  }
-}
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -166,28 +156,6 @@ function isImageAligned(layout) {
       return '';
   }
 }
-
-/**
- * Reduces the given CSS width value to the next lowest even pixel value if the value is in px.
- * This is to mitigate subpixel rendering issues of embedded smart links.
- *
- * @param widthValue CSS width value to be rounded
- * @returns Reduced CSS width value where px value given, or otherwise the original value
- * @example
- */
-
-// widthValue could be a string in px, rem or percentage, e.g. "800px", "100%", etc.
-function roundToClosestEvenPxValue(widthValue) {
-  try {
-    if (widthValue.endsWith('px')) {
-      var pxWidth = parseInt(widthValue.slice(0, -2));
-      return "".concat(pxWidth - pxWidth % 2, "px");
-    }
-    return widthValue;
-  } catch (_unused) {
-    return widthValue;
-  }
-}
 /**
  * Can't use `.attrs` to handle highly dynamic styles because we are still
  * supporting `styled-components` v1.
@@ -219,7 +187,7 @@ var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function M
     isInsideOfInlineExtension = _ref$isInsideOfInline === void 0 ? false : _ref$isInsideOfInline,
     _ref$isInRenderer = _ref.isInRenderer,
     isInRenderer = _ref$isInRenderer === void 0 ? false : _ref$isInRenderer;
-  var calculatedWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized, isInsideOfInlineExtension));
+  var calculatedWidth = (0, _roundToClosestEvenPxValue.roundToClosestEvenPxValue)(isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? (0, _calcResizedWidth.calcResizedWidth)(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized, isInsideOfInlineExtension));
   var cssMaxWidth = isExtendedResizeExperienceOn ? 'var(--ak-editor-max-container-width)' : calcMaxCssForPercentageTypeMedia(layout);
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
@@ -287,4 +255,7 @@ var MediaBorderGapFiller = exports.MediaBorderGapFiller = function MediaBorderGa
       borderRadius: borderRadius
     }
   });
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wrappedLayouts = void 0;
+var wrappedLayouts = exports.wrappedLayouts = ['wrap-left', 'wrap-right', 'align-end', 'align-start'];

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ShadowKeys = void 0;
+var ShadowKeys = exports.ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
+  ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
+  ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
+  return ShadowKeys;
+}({});

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

@@ -15,6 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _shadowObserver = require("./shadowObserver");
+var _shadowObserverClassNames = require("./shadowObserverClassNames");
 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; })(); }
 var shadowClassNames = exports.shadowClassNames = {
@@ -159,7 +160,7 @@ function overflowShadow(Component, options) {
         var _this$state = this.state,
           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(' ');
+        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.shadowObserverClassNames.SHADOW_CONTAINER].filter(Boolean).join(' ');
 
         /**
          * The widths have already been calculated to determine

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

@@ -4,21 +4,25 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shadowObserverClassNames = exports.ShadowObserver = exports.ShadowKeys = void 0;
+Object.defineProperty(exports, "ShadowKeys", {
+  enumerable: true,
+  get: function get() {
+    return _ShadowKeys.ShadowKeys;
+  }
+});
+exports.ShadowObserver = void 0;
+Object.defineProperty(exports, "shadowObserverClassNames", {
+  enumerable: true,
+  get: function get() {
+    return _shadowObserverClassNames.shadowObserverClassNames;
+  }
+});
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty3 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var ShadowKeys = exports.ShadowKeys = /*#__PURE__*/function (ShadowKeys) {
-  ShadowKeys["SHOW_LEFT_SHADOW"] = "showLeftShadow";
-  ShadowKeys["SHOW_RIGHT_SHADOW"] = "showRightShadow";
-  return ShadowKeys;
-}({});
-var shadowObserverClassNames = exports.shadowObserverClassNames = {
-  SENTINEL_LEFT: 'sentinel-left',
-  SENTINEL_RIGHT: 'sentinel-right',
-  SHADOW_CONTAINER: 'with-shadow-observer'
-};
+var _ShadowKeys = require("./ShadowKeys");
+var _shadowObserverClassNames = require("./shadowObserverClassNames");
 var requestIdleCallback = function requestIdleCallback(fn) {
   // Ignored via go/ees005
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -42,16 +46,16 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
       onUpdateShadows = _ref.onUpdateShadows;
     (0, _classCallCheck2.default)(this, ShadowObserver);
     (0, _defineProperty3.default)(this, "sentinels", {});
-    (0, _defineProperty3.default)(this, "shadowStates", (0, _defineProperty3.default)((0, _defineProperty3.default)({}, ShadowKeys.SHOW_LEFT_SHADOW, false), ShadowKeys.SHOW_RIGHT_SHADOW, false));
+    (0, _defineProperty3.default)(this, "shadowStates", (0, _defineProperty3.default)((0, _defineProperty3.default)({}, _ShadowKeys.ShadowKeys.SHOW_LEFT_SHADOW, false), _ShadowKeys.ShadowKeys.SHOW_RIGHT_SHADOW, false));
     (0, _defineProperty3.default)(this, "init", function () {
       if (!_this.scrollContainer || _this.intersectionObserver) {
         return;
       }
       _this.sentinels.right = document.createElement('div');
-      _this.sentinels.right.classList.add(shadowObserverClassNames.SENTINEL_RIGHT);
+      _this.sentinels.right.classList.add(_shadowObserverClassNames.shadowObserverClassNames.SENTINEL_RIGHT);
       _this.scrollContainer.appendChild(_this.sentinels.right);
       _this.sentinels.left = document.createElement('div');
-      _this.sentinels.left.classList.add(shadowObserverClassNames.SENTINEL_LEFT);
+      _this.sentinels.left.classList.add(_shadowObserverClassNames.shadowObserverClassNames.SENTINEL_LEFT);
       _this.scrollContainer.prepend(_this.sentinels.left);
       _this.intersectionObserver = new IntersectionObserver(function (entries, _) {
         entries.forEach(_this.onIntersect);
@@ -64,11 +68,11 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
     });
     (0, _defineProperty3.default)(this, "onIntersect", function (entry) {
       _this.requestCallbackId = requestIdleCallback(function () {
-        if (entry.target.classList.contains(shadowObserverClassNames.SENTINEL_LEFT)) {
-          _this.shadowStates[ShadowKeys.SHOW_LEFT_SHADOW] = !entry.isIntersecting;
+        if (entry.target.classList.contains(_shadowObserverClassNames.shadowObserverClassNames.SENTINEL_LEFT)) {
+          _this.shadowStates[_ShadowKeys.ShadowKeys.SHOW_LEFT_SHADOW] = !entry.isIntersecting;
         }
-        if (entry.target.classList.contains(shadowObserverClassNames.SENTINEL_RIGHT)) {
-          _this.shadowStates[ShadowKeys.SHOW_RIGHT_SHADOW] = !entry.isIntersecting;
+        if (entry.target.classList.contains(_shadowObserverClassNames.shadowObserverClassNames.SENTINEL_RIGHT)) {
+          _this.shadowStates[_ShadowKeys.ShadowKeys.SHOW_RIGHT_SHADOW] = !entry.isIntersecting;
         }
         _this.onUpdateShadows(_this.shadowStates);
       });
@@ -93,4 +97,5 @@ var ShadowObserver = exports.ShadowObserver = /*#__PURE__*/function () {
       }
     }
   }]);
-}();
+}(); // eslint-disable-next-line @atlaskit/editor/no-re-export
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shadowObserverClassNames = void 0;
+var shadowObserverClassNames = exports.shadowObserverClassNames = {
+  SENTINEL_LEFT: 'sentinel-left',
+  SENTINEL_RIGHT: 'sentinel-right',
+  SHADOW_CONTAINER: 'with-shadow-observer'
+};

package/dist/cjs/ui/PlainOutsideClickTargetRefContext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlainOutsideClickTargetRefContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+// Use this context to pass in the reference of the element that should be considered as the outside click target
+// The outside click target is the element that should be clicked outside of to trigger the `handleClickOutside` event
+var PlainOutsideClickTargetRefContext = exports.PlainOutsideClickTargetRefContext = /*#__PURE__*/_react.default.createContext(function () {});

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

@@ -21,6 +21,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _utils = require("./utils");
+var _validatePosition = require("./validatePosition");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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)); }
@@ -139,7 +140,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
       }
       return {
         position: position,
-        validPosition: (0, _utils.validatePosition)(target)
+        validPosition: (0, _validatePosition.validatePosition)(target)
       };
     }
   }, {

package/dist/cjs/ui/Popup/isBody.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBody = isBody;
+function isBody(elem) {
+  return elem === document.body;
+}

package/dist/cjs/ui/Popup/isTextNode.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTextNode = isTextNode;
+function isTextNode(elem) {
+  return elem && elem.nodeType === 3;
+}

package/dist/cjs/ui/Popup/utils.js

@@ -9,20 +9,31 @@ exports.calculatePosition = calculatePosition;
 exports.findOverflowScrollParent = findOverflowScrollParent;
 exports.getHorizontalPlacement = getHorizontalPlacement;
 exports.getVerticalPlacement = getVerticalPlacement;
-exports.isBody = isBody;
-exports.isTextNode = isTextNode;
-exports.validatePosition = validatePosition;
+Object.defineProperty(exports, "isBody", {
+  enumerable: true,
+  get: function get() {
+    return _isBody.isBody;
+  }
+});
+Object.defineProperty(exports, "isTextNode", {
+  enumerable: true,
+  get: function get() {
+    return _isTextNode.isTextNode;
+  }
+});
+Object.defineProperty(exports, "validatePosition", {
+  enumerable: true,
+  get: function get() {
+    return _validatePosition.validatePosition;
+  }
+});
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _isBody = require("./isBody");
+var _isTextNode = require("./isTextNode");
+var _validatePosition = require("./validatePosition");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function isBody(elem) {
-  return elem === document.body;
-}
-function isTextNode(elem) {
-  return elem && elem.nodeType === 3;
-}
-
 /**
  * Decides if given fitHeight fits below or above the target taking boundaries into account.
  */
@@ -33,14 +44,14 @@ function getVerticalPlacement(target, boundariesElement, fitHeight, alignY, forc
   if (!fitHeight) {
     return 'bottom';
   }
-  if (isTextNode(target)) {
+  if ((0, _isTextNode.isTextNode)(target)) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     target = target.parentElement;
   }
   var boundariesClientRect = boundariesElement.getBoundingClientRect();
   var boundariesHeight = boundariesClientRect.height;
-  var boundariesTop = isBody(boundariesElement) ? 0 : boundariesClientRect.top;
+  var boundariesTop = (0, _isBody.isBody)(boundariesElement) ? 0 : boundariesClientRect.top;
   var _target$getBoundingCl = target.getBoundingClientRect(),
     targetTop = _target$getBoundingCl.top,
     targetHeight = _target$getBoundingCl.height;
@@ -70,7 +81,7 @@ function getHorizontalPlacement(target, boundariesElement, fitWidth, alignX, for
   if (!fitWidth) {
     return alignX || 'left';
   }
-  if (isTextNode(target)) {
+  if ((0, _isTextNode.isTextNode)(target)) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     target = target.parentElement;
@@ -241,7 +252,7 @@ function calculatePosition(_ref5) {
   if (!target || !popup || !popup.offsetParent || !isHTMLElementNode(popup.offsetParent)) {
     return position;
   }
-  if (isTextNode(target)) {
+  if ((0, _isTextNode.isTextNode)(target)) {
     // Ignored via go/ees005
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     target = target.parentElement;
@@ -271,7 +282,7 @@ function calculatePosition(_ref5) {
     targetRight = _target$getBoundingCl3.right,
     targetHeight = _target$getBoundingCl3.height,
     targetWidth = _target$getBoundingCl3.width;
-  var isPopupParentBody = isBody(popupOffsetParent);
+  var isPopupParentBody = (0, _isBody.isBody)(popupOffsetParent);
   var verticalPosition = calculateVerticalPlacement({
     placement: verticalPlacement,
     targetTop: targetTop,
@@ -329,13 +340,6 @@ function calculatePosition(_ref5) {
   position = _objectSpread(_objectSpread({}, position), horizontalPosition);
   return position;
 }
-function validatePosition(popup) {
-  // popup.offsetParent does not exist if the popup element is not mounted
-  if (!popup || !popup.offsetParent) {
-    return false;
-  }
-  return true;
-}
 
 /**
  * Traverse DOM Tree upwards looking for popup parents with "overflow: scroll".
@@ -366,4 +370,9 @@ function isElementNode(node) {
 // Helper function to check if the passed node is of HTMLElement class
 function isHTMLElementNode(node) {
   return isElementNode(node) && node.namespaceURI === 'http://www.w3.org/1999/xhtml';
-}
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export
+
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/ui/Popup/validatePosition.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validatePosition = validatePosition;
+function validatePosition(popup) {
+  // popup.offsetParent does not exist if the popup element is not mounted
+  if (!popup || !popup.offsetParent) {
+    return false;
+  }
+  return true;
+}

package/dist/cjs/ui/ResizerLegacy/handleSides.js

@@ -0,0 +1,7 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleSides = void 0;
+var handleSides = exports.handleSides = ['left', 'right'];

package/dist/cjs/ui/ResizerLegacy/imageAlignmentMap.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.imageAlignmentMap = void 0;
+var imageAlignmentMap = exports.imageAlignmentMap = {
+  left: 'start',
+  right: 'end'
+};

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

@@ -18,7 +18,8 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _analytics = require("../../analytics");
 var _styles = require("../../styles");
 var _utils = require("../../utils");
-var _utils2 = require("./utils");
+var _handleSides = require("./handleSides");
+var _snapTo = require("./snapTo");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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)); }
@@ -126,7 +127,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
         return;
       }
       var newWidth = getWidthFromSnapPoints(resizable.state.original.width + delta.width, snapPoints);
-      var snapWidth = (0, _utils2.snapTo)(newWidth, snapPoints);
+      var snapWidth = (0, _snapTo.snapTo)(newWidth, snapPoints);
       var newSize = calcNewSize(snapWidth, true);
       var newHighlights = highlights(newWidth, snapPoints);
       if (dispatchAnalyticsEvent) {
@@ -163,7 +164,7 @@ var Resizer = exports.default = /*#__PURE__*/function (_React$Component) {
         handleComponentFunc = _this$props4.handleComponentFunc,
         handleStyles = _this$props4.handleStyles;
       var isResizing = this.state.isResizing;
-      _utils2.handleSides.forEach(function (side) {
+      _handleSides.handleSides.forEach(function (side) {
         handles[side] = "richMedia-resize-handle-".concat(side);
         baseHandleStyles[side] = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
           width: '24px'