@moda/om 18.2.0 → 18.3.0

package/dist/index.esm.js

@@ -4852,34 +4852,65 @@ var _excluded$C = ["aspectWidth", "aspectHeight", "maxWidth", "maxHeight", "outl
 var DEFAULT_PRODUCT_ASPECT_WIDTH = 128;
 var DEFAULT_PRODUCT_ASPECT_HEIGHT = 205;
 var DEFAULT_PRODUCT_ASPECT_RATIO = DEFAULT_PRODUCT_ASPECT_HEIGHT / DEFAULT_PRODUCT_ASPECT_WIDTH;
-var AspectRatioBox = /*#__PURE__*/React__default.forwardRef(function (_ref, forwardedRef) {
-  var _ref$aspectWidth = _ref.aspectWidth,
-    aspectWidth = _ref$aspectWidth === void 0 ? DEFAULT_PRODUCT_ASPECT_WIDTH : _ref$aspectWidth,
-    _ref$aspectHeight = _ref.aspectHeight,
-    aspectHeight = _ref$aspectHeight === void 0 ? DEFAULT_PRODUCT_ASPECT_HEIGHT : _ref$aspectHeight,
+var scaleDimensions = function scaleDimensions(_ref) {
+  var width = _ref.width,
+    height = _ref.height,
     maxWidth = _ref.maxWidth,
-    maxHeight = _ref.maxHeight,
-    _ref$outlined = _ref.outlined,
-    outlined = _ref$outlined === void 0 ? false : _ref$outlined,
-    children = _ref.children,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$C);
-  var _scale = dist$3.scale({
+    maxHeight = _ref.maxHeight;
+  if (maxWidth && maxHeight) return dist$3.scale({
+    width: width,
+    height: height,
+    maxWidth: maxWidth,
+    maxHeight: maxHeight
+  });
+  if (maxWidth) return dist$3.scale({
+    width: width,
+    height: height,
+    maxWidth: maxWidth
+  });
+  if (maxHeight) return dist$3.scale({
+    width: width,
+    height: height,
+    maxHeight: maxHeight
+  });
+  return {
+    width: width,
+    height: height,
+    paddingBottom: dist$3.paddingBottom({
+      width: width,
+      height: height
+    }),
+    scale: 1
+  };
+};
+var AspectRatioBox = /*#__PURE__*/React__default.forwardRef(function (_ref2, forwardedRef) {
+  var _ref2$aspectWidth = _ref2.aspectWidth,
+    aspectWidth = _ref2$aspectWidth === void 0 ? DEFAULT_PRODUCT_ASPECT_WIDTH : _ref2$aspectWidth,
+    _ref2$aspectHeight = _ref2.aspectHeight,
+    aspectHeight = _ref2$aspectHeight === void 0 ? DEFAULT_PRODUCT_ASPECT_HEIGHT : _ref2$aspectHeight,
+    maxWidth = _ref2.maxWidth,
+    maxHeight = _ref2.maxHeight,
+    _ref2$outlined = _ref2.outlined,
+    outlined = _ref2$outlined === void 0 ? false : _ref2$outlined,
+    children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded$C);
+  var _scaleDimensions = scaleDimensions({
       width: aspectWidth,
       height: aspectHeight,
       maxWidth: maxWidth,
       maxHeight: maxHeight
     }),
-    width = _scale.width,
-    paddingBottom = _scale.paddingBottom;
+    width = _scaleDimensions.width,
+    paddingBottom = _scaleDimensions.paddingBottom;
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     ref: forwardedRef,
     className: classNames('AspectRatioBox', {
       'AspectRatioBox--outlined': outlined
     }, className),
-    style: {
+    style: maxWidth || maxHeight ? {
       maxWidth: "".concat(width, "px")
-    }
+    } : undefined
   }, rest), /*#__PURE__*/React__default.createElement("div", {
     className: "AspectRatioBox__wrapper",
     style: {