@atlaskit/editor-common 115.6.0 → 115.7.1

package/dist/cjs/types/toolbar.js

@@ -3,53 +3,38 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ToolbarWidthsNext = exports.ToolbarWidthsFullPageNext = exports.ToolbarWidthsFullPage = exports.ToolbarWidths = exports.ToolbarSize = void 0;
-var ToolbarSize = exports.ToolbarSize = /*#__PURE__*/function (ToolbarSize) {
-  ToolbarSize[ToolbarSize["XXL"] = 6] = "XXL";
-  ToolbarSize[ToolbarSize["XL"] = 5] = "XL";
-  ToolbarSize[ToolbarSize["L"] = 4] = "L";
-  ToolbarSize[ToolbarSize["M"] = 3] = "M";
-  ToolbarSize[ToolbarSize["S"] = 2] = "S";
-  ToolbarSize[ToolbarSize["XXXS"] = 1] = "XXXS";
-  return ToolbarSize;
-}({}); // eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- Ignored via go/ED-25883
-/** @deprecated
- * To be removed as part of ED-25129 in favour of ToolbarWidthsNext along with references
- * to platform_editor_toolbar_responsive_fixes feature gate
- */
-var ToolbarWidths = exports.ToolbarWidths = /*#__PURE__*/function (ToolbarWidths) {
-  ToolbarWidths[ToolbarWidths["XXL"] = 610] = "XXL";
-  ToolbarWidths[ToolbarWidths["XL"] = 540] = "XL";
-  ToolbarWidths[ToolbarWidths["L"] = 460] = "L";
-  ToolbarWidths[ToolbarWidths["M"] = 450] = "M";
-  ToolbarWidths[ToolbarWidths["S"] = 410] = "S";
-  return ToolbarWidths;
-}({});
-var ToolbarWidthsNext = exports.ToolbarWidthsNext = /*#__PURE__*/function (ToolbarWidthsNext) {
-  ToolbarWidthsNext[ToolbarWidthsNext["XXL"] = 768] = "XXL";
-  ToolbarWidthsNext[ToolbarWidthsNext["XL"] = 576] = "XL";
-  ToolbarWidthsNext[ToolbarWidthsNext["L"] = 460] = "L";
-  ToolbarWidthsNext[ToolbarWidthsNext["M"] = 450] = "M";
-  ToolbarWidthsNext[ToolbarWidthsNext["S"] = 410] = "S";
-  return ToolbarWidthsNext;
-}({}); // eslint-disable-next-line @repo/internal/deprecations/deprecation-ticket-required -- Ignored via go/ED-25883
-/** @deprecated
- * To be removed as part of ED-25129 in favour of ToolbarWidthsFullPageNext along with references
- * to platform_editor_toolbar_responsive_fixes feature gate
- */
-var ToolbarWidthsFullPage = exports.ToolbarWidthsFullPage = /*#__PURE__*/function (ToolbarWidthsFullPage) {
-  ToolbarWidthsFullPage[ToolbarWidthsFullPage["XXL"] = 650] = "XXL";
-  ToolbarWidthsFullPage[ToolbarWidthsFullPage["XL"] = 580] = "XL";
-  ToolbarWidthsFullPage[ToolbarWidthsFullPage["L"] = 540] = "L";
-  ToolbarWidthsFullPage[ToolbarWidthsFullPage["M"] = 490] = "M";
-  ToolbarWidthsFullPage[ToolbarWidthsFullPage["S"] = 410] = "S";
-  return ToolbarWidthsFullPage;
-}({});
-var ToolbarWidthsFullPageNext = exports.ToolbarWidthsFullPageNext = /*#__PURE__*/function (ToolbarWidthsFullPageNext) {
-  ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XXL"] = 1200] = "XXL";
-  ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["XL"] = 992] = "XL";
-  ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["L"] = 768] = "L";
-  ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["M"] = 576] = "M";
-  ToolbarWidthsFullPageNext[ToolbarWidthsFullPageNext["S"] = 410] = "S";
-  return ToolbarWidthsFullPageNext;
-}({});
+Object.defineProperty(exports, "ToolbarSize", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarSize.ToolbarSize;
+  }
+});
+Object.defineProperty(exports, "ToolbarWidths", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarWidths.ToolbarWidths;
+  }
+});
+Object.defineProperty(exports, "ToolbarWidthsFullPage", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarWidthsFullPage.ToolbarWidthsFullPage;
+  }
+});
+Object.defineProperty(exports, "ToolbarWidthsFullPageNext", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarWidthsFullPageNext.ToolbarWidthsFullPageNext;
+  }
+});
+Object.defineProperty(exports, "ToolbarWidthsNext", {
+  enumerable: true,
+  get: function get() {
+    return _ToolbarWidthsNext.ToolbarWidthsNext;
+  }
+});
+var _ToolbarSize = require("./ToolbarSize");
+var _ToolbarWidths = require("./ToolbarWidths");
+var _ToolbarWidthsNext = require("./ToolbarWidthsNext");
+var _ToolbarWidthsFullPage = require("./ToolbarWidthsFullPage");
+var _ToolbarWidthsFullPageNext = require("./ToolbarWidthsFullPageNext");

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 = "115.5.1";
+var packageVersion = "115.7.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

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

@@ -16,6 +16,7 @@ var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _Pulse = require("../Pulse/Pulse");
+var _iconOnlySpacing = require("./iconOnlySpacing");
 var _styles = require("./styles");
 var _excluded = ["buttonStyles"];
 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" != _typeof3(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); }
@@ -60,7 +61,7 @@ var FloatingToolbarButton = function FloatingToolbarButton(_ref, forwardedRef) {
     areAnyNewToolbarFlagsEnabled = _ref.areAnyNewToolbarFlagsEnabled;
   // Check if there's only an icon and add additional styles
   var iconOnly = (icon || iconAfter) && !children;
-  var customSpacing = iconOnly ? _styles.iconOnlySpacing : {};
+  var customSpacing = iconOnly ? _iconOnlySpacing.iconOnlySpacing : {};
   var isButtonPressed = ariaHasPopup ? undefined : selected;
   /**
    * If it's a radio button, we need to reflect false values too, hence

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.iconOnlySpacing = void 0;
+var iconOnlySpacing = exports.iconOnlySpacing = {
+  '&&': {
+    padding: '0px'
+  },
+  '& > span': {
+    margin: '0px'
+  }
+};

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

@@ -3,15 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.iconOnlySpacing = exports.getButtonStyles = void 0;
-var iconOnlySpacing = exports.iconOnlySpacing = {
-  '&&': {
-    padding: '0px'
-  },
-  '& > span': {
-    margin: '0px'
-  }
-};
+exports.getButtonStyles = void 0;
 var getStyles = function getStyles(property, _ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'default' : _ref$appearance,
@@ -64,4 +56,5 @@ var getButtonStyles = exports.getButtonStyles = function getButtonStyles(props)
     background: getStyles(backgroundVisualRefresh, props),
     color: getStyles(colorVisualRefresh, props)
   };
-};
+};
+// eslint-disable-next-line @atlaskit/editor/no-re-export

package/dist/cjs/ui/Layer/internal/POSITION_ATTRIBUTE_ENUM.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.POSITION_ATTRIBUTE_ENUM = void 0;
+var POSITION_ATTRIBUTE_ENUM = exports.POSITION_ATTRIBUTE_ENUM = {
+  values: ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'],
+  default: 'right middle'
+};

package/dist/cjs/ui/Layer/internal/helpers.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.POSITION_ATTRIBUTE_ENUM = void 0;
 exports.positionPropToPopperPosition = positionPropToPopperPosition;
+var _POSITION_ATTRIBUTE_ENUM = require("./POSITION_ATTRIBUTE_ENUM");
 var positionMap = {
   'top left': {
     position: 'top-start',
@@ -55,13 +55,10 @@ var positionMap = {
     animation: 'left'
   }
 };
-var POSITION_ATTRIBUTE_ENUM = exports.POSITION_ATTRIBUTE_ENUM = {
-  values: ['top left', 'top center', 'top right', 'right top', 'right middle', 'right bottom', 'bottom left', 'bottom center', 'bottom right', 'left top', 'left middle', 'left bottom'],
-  default: 'right middle'
-};
 function positionToPopper(position) {
   return position && positionMap[position] ? positionMap[position].position : null;
 }
 function positionPropToPopperPosition(position) {
-  return positionToPopper(position) || positionMap[POSITION_ATTRIBUTE_ENUM.default].position;
-}
+  return positionToPopper(position) || positionMap[_POSITION_ATTRIBUTE_ENUM.POSITION_ATTRIBUTE_ENUM.default].position;
+}
+// eslint-disable-next-line @atlaskit/editor/no-re-export

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcColumnsFromPx = calcColumnsFromPx;
+var _constants = require("../../media-single/constants");
+function calcColumnsFromPx(width, lineLength, gridSize) {
+  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
+  return (width + _constants.MEDIA_SINGLE_GUTTER_SIZE) * gridSize / maxWidth;
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcPctFromPx = calcPctFromPx;
+var _constants = require("../../media-single/constants");
+function calcPctFromPx(width, lineLength) {
+  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
+  return (width + _constants.MEDIA_SINGLE_GUTTER_SIZE) / maxWidth;
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcPxFromColumns = calcPxFromColumns;
+var _constants = require("../../media-single/constants");
+function calcPxFromColumns(columns, lineLength, gridSize) {
+  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
+  return maxWidth / gridSize * columns - _constants.MEDIA_SINGLE_GUTTER_SIZE;
+}

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcPxFromPct = calcPxFromPct;
+var _constants = require("../../media-single/constants");
+function calcPxFromPct(pct, lineLength) {
+  var maxWidth = lineLength + _constants.MEDIA_SINGLE_GUTTER_SIZE;
+  return maxWidth * pct - _constants.MEDIA_SINGLE_GUTTER_SIZE;
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.calcResizedWidth = calcResizedWidth;
+var _breakout = require("../../utils/breakout");
+/**
+ * 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");
+  }
+}

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