react-jupiter 5.11.9 → 5.11.10
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/modal/index.js +7 -43
- package/package.json +1 -1
package/modal/index.js
CHANGED
|
@@ -31,16 +31,7 @@ function JupiterModal(a)
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
{let{onRequestClose:d=()=>{},onAfterOpen:e=()=>{},hasCloseButton:f=!0,disabledClose:g=!1,modalWidth:h="80%",modalWidthMobile:i="100%",fullHeight:j=!1,isOpen:b,children:c}=a;
|
|
34
|
-
const
|
|
35
|
-
(0,_react.useEffect)(()=>{const
|
|
36
|
-
a=window.matchMedia("(max-width: 600px)"),
|
|
37
|
-
b=(a)=>l(a.matches);
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return a.addEventListener("change",b),()=>a.removeEventListener("change",b)
|
|
41
|
-
},[]);
|
|
42
|
-
|
|
43
|
-
const m={
|
|
34
|
+
const k={
|
|
44
35
|
overlay:{
|
|
45
36
|
position:"fixed",
|
|
46
37
|
top:0,
|
|
@@ -57,7 +48,6 @@ right:"auto",
|
|
|
57
48
|
bottom:"auto",
|
|
58
49
|
marginRight:"-50%",
|
|
59
50
|
transform:"translate(-50%, -50%)",
|
|
60
|
-
width:k?i:h,
|
|
61
51
|
maxWidth:"990px",
|
|
62
52
|
padding:"20px",
|
|
63
53
|
backgroundColor:"white",
|
|
@@ -78,7 +68,7 @@ onRequestClose:d,
|
|
|
78
68
|
shouldCloseOnOverlayClick:!g,
|
|
79
69
|
overlayClassName:"modal",
|
|
80
70
|
className:"content",
|
|
81
|
-
style:
|
|
71
|
+
style:k},/*#__PURE__*/
|
|
82
72
|
|
|
83
73
|
_react.default.createElement(_globalStyle.default,null),/*#__PURE__*/
|
|
84
74
|
_react.default.createElement(_index.StyledWrapper,null,
|
|
@@ -88,45 +78,19 @@ _react.default.createElement(_icon.default,{name:"close",size:"md"})
|
|
|
88
78
|
),
|
|
89
79
|
|
|
90
80
|
c
|
|
91
|
-
)
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
81
|
+
),/*#__PURE__*/
|
|
82
|
+
_react.default.createElement("style",null,"\n .content {\n width: ".concat(
|
|
122
83
|
|
|
123
84
|
|
|
85
|
+
h,";\n }\n @media(max-width: 767px){\n .content {\n width: ").concat(
|
|
124
86
|
|
|
125
87
|
|
|
126
88
|
|
|
89
|
+
i,";\n }\n }\n ")
|
|
127
90
|
|
|
128
91
|
|
|
129
92
|
|
|
93
|
+
)
|
|
130
94
|
))
|
|
131
95
|
|
|
132
96
|
}var _default=exports.default=
|