@shoplflow/base 0.24.35 → 0.25.1
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/index.cjs +18 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +18 -3
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -614,6 +614,7 @@ var MODAL_SIZE_M = 640;
|
|
|
614
614
|
var MODAL_SIZE_L = 768;
|
|
615
615
|
var MODAL_SIZE_XL = 1040;
|
|
616
616
|
var MODAL_SIZE_XXL = 1280;
|
|
617
|
+
var MODAL_SIZE_XXXL = 1600;
|
|
617
618
|
var getModalWidthFromSize = (size2) => {
|
|
618
619
|
switch (size2) {
|
|
619
620
|
case "XXS":
|
|
@@ -630,6 +631,8 @@ var getModalWidthFromSize = (size2) => {
|
|
|
630
631
|
return MODAL_SIZE_XL;
|
|
631
632
|
case "XXL":
|
|
632
633
|
return MODAL_SIZE_XXL;
|
|
634
|
+
case "XXXL":
|
|
635
|
+
return MODAL_SIZE_XXXL;
|
|
633
636
|
default:
|
|
634
637
|
return MODAL_SIZE_M;
|
|
635
638
|
}
|
|
@@ -729,7 +732,8 @@ exports.ModalSize = {
|
|
|
729
732
|
M: "M",
|
|
730
733
|
L: "L",
|
|
731
734
|
XL: "XL",
|
|
732
|
-
XXL: "XXL"
|
|
735
|
+
XXL: "XXL",
|
|
736
|
+
XXXL: "XXXL"
|
|
733
737
|
};
|
|
734
738
|
exports.MODAL_HEADER_KEY = Symbol("MODAL_HEADER");
|
|
735
739
|
exports.MODAL_FOOTER_KEY = Symbol("MODAL_FOOTER");
|
|
@@ -843,7 +847,18 @@ var ModalBody = ({
|
|
|
843
847
|
const heightOverMaxHeight = 1200 - topBottomMargin - headerFooterHeight;
|
|
844
848
|
return windowHeight > 1200 ? heightOverMaxHeight : heightUnderMaxHeight;
|
|
845
849
|
}
|
|
846
|
-
return
|
|
850
|
+
return 0;
|
|
851
|
+
};
|
|
852
|
+
const setContentHeightMax = () => {
|
|
853
|
+
let autoHeightMax = setAutoHeightMax();
|
|
854
|
+
autoHeightMax = autoHeightMax - 24;
|
|
855
|
+
if (isIncludeHeader) {
|
|
856
|
+
autoHeightMax = autoHeightMax - 24;
|
|
857
|
+
}
|
|
858
|
+
if (!isIncludeHeader) {
|
|
859
|
+
autoHeightMax = autoHeightMax - 16;
|
|
860
|
+
}
|
|
861
|
+
return autoHeightMax;
|
|
847
862
|
};
|
|
848
863
|
return /* @__PURE__ */ jsxRuntime.jsx(BodyContainer, { isIncludeHeader, minHeight: setAutoHeightMin(), maxHeight: setAutoHeightMax(), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
849
864
|
exports.ScrollArea,
|
|
@@ -852,7 +867,7 @@ var ModalBody = ({
|
|
|
852
867
|
universal: true,
|
|
853
868
|
autoHeight: !modalContainerHeight,
|
|
854
869
|
autoHeightMin: setAutoHeightMin(),
|
|
855
|
-
autoHeightMax:
|
|
870
|
+
autoHeightMax: setContentHeightMax(),
|
|
856
871
|
style: {
|
|
857
872
|
height: "100%",
|
|
858
873
|
overflow: "hidden"
|