@plasmicapp/react-web 0.2.97 → 0.2.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react-web.cjs.development.js +14 -17
- package/dist/react-web.cjs.development.js.map +1 -1
- package/dist/react-web.cjs.production.min.js +1 -1
- package/dist/react-web.cjs.production.min.js.map +1 -1
- package/dist/react-web.esm.js +14 -17
- package/dist/react-web.esm.js.map +1 -1
- package/package.json +1 -1
- package/skinny/dist/render/PlasmicImg/index.js +14 -11
- package/skinny/dist/render/PlasmicImg/index.js.map +1 -1
- package/skinny/dist/collection-utils-3487dd27.js +0 -238
- package/skinny/dist/collection-utils-3487dd27.js.map +0 -1
- package/skinny/dist/ssr-d2fd94f2.js +0 -31
- package/skinny/dist/ssr-d2fd94f2.js.map +0 -1
package/dist/react-web.esm.js
CHANGED
|
@@ -899,15 +899,15 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
|
|
|
899
899
|
|
|
900
900
|
var wrapperStyle = _extends({}, style || {});
|
|
901
901
|
|
|
902
|
-
var spacerStyle = pick(style || {}, "objectFit", "objectPosition");
|
|
902
|
+
var spacerStyle = _extends({}, pick(style || {}, "objectFit", "objectPosition"));
|
|
903
903
|
|
|
904
904
|
if (displayWidth != null && displayWidth !== "auto") {
|
|
905
905
|
// If width is set, set it on the wrapper along with min/max width
|
|
906
906
|
// and just use `width: 100%` on the spacer
|
|
907
|
-
spacerStyle.width = "100%";
|
|
908
|
-
wrapperStyle.width = displayWidth;
|
|
909
|
-
wrapperStyle.minWidth = displayMinWidth;
|
|
910
|
-
wrapperStyle.maxWidth = displayMaxWidth;
|
|
907
|
+
spacerStyle.width = "100%"; // Rely on the styles set by `classname` on the wrapper:
|
|
908
|
+
// wrapperStyle.width = displayWidth;
|
|
909
|
+
// wrapperStyle.minWidth = displayMinWidth;
|
|
910
|
+
// wrapperStyle.maxWidth = displayMaxWidth;
|
|
911
911
|
} else {
|
|
912
912
|
// Otherwise, we want auto sizing from the spacer, so set width there.
|
|
913
913
|
//
|
|
@@ -920,33 +920,30 @@ var PlasmicImg = /*#__PURE__*/React__default.forwardRef(function PlasmicImg(prop
|
|
|
920
920
|
wrapperStyle.width = "auto";
|
|
921
921
|
|
|
922
922
|
if (displayMinWidth) {
|
|
923
|
-
spacerStyle.minWidth = "100%";
|
|
924
|
-
wrapperStyle.minWidth = displayMinWidth;
|
|
923
|
+
spacerStyle.minWidth = "100%"; // Rely on min-width set by `classname` on the wrapper:
|
|
924
|
+
// wrapperStyle.minWidth = displayMinWidth;
|
|
925
925
|
}
|
|
926
926
|
|
|
927
927
|
if (displayMaxWidth != null && displayMaxWidth !== "none") {
|
|
928
|
-
spacerStyle.maxWidth = "100%";
|
|
929
|
-
wrapperStyle.maxWidth = displayMaxWidth;
|
|
928
|
+
spacerStyle.maxWidth = "100%"; // Rely on max-width set by `classname` on the wrapper:
|
|
929
|
+
// wrapperStyle.maxWidth = displayMaxWidth;
|
|
930
930
|
}
|
|
931
931
|
}
|
|
932
932
|
|
|
933
933
|
if (displayHeight != null && displayHeight !== "auto") {
|
|
934
|
-
spacerStyle.height = "100%";
|
|
935
|
-
wrapperStyle.
|
|
936
|
-
wrapperStyle.
|
|
937
|
-
wrapperStyle.maxHeight = displayMaxHeight;
|
|
934
|
+
spacerStyle.height = "100%"; // wrapperStyle.height = displayHeight;
|
|
935
|
+
// wrapperStyle.minHeight = displayMinHeight;
|
|
936
|
+
// wrapperStyle.maxHeight = displayMaxHeight;
|
|
938
937
|
} else {
|
|
939
938
|
spacerStyle.height = displayHeight;
|
|
940
939
|
wrapperStyle.height = "auto";
|
|
941
940
|
|
|
942
941
|
if (displayMinHeight) {
|
|
943
|
-
spacerStyle.minHeight = "100%";
|
|
944
|
-
wrapperStyle.minHeight = displayMinHeight;
|
|
942
|
+
spacerStyle.minHeight = "100%"; // wrapperStyle.minHeight = displayMinHeight;
|
|
945
943
|
}
|
|
946
944
|
|
|
947
945
|
if (displayMaxHeight != null && displayMaxHeight !== "none") {
|
|
948
|
-
spacerStyle.maxHeight = "100%";
|
|
949
|
-
wrapperStyle.maxHeight = displayMaxHeight;
|
|
946
|
+
spacerStyle.maxHeight = "100%"; // wrapperStyle.maxHeight = displayMaxHeight;
|
|
950
947
|
}
|
|
951
948
|
}
|
|
952
949
|
|