infinity-forge 0.50.2 → 0.50.3
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.
|
@@ -34,41 +34,32 @@ var ui_1 = require("../../../ui/index.js");
|
|
|
34
34
|
var modalManager_1 = require("./modalManager.js");
|
|
35
35
|
var S = __importStar(require("./styles.js"));
|
|
36
36
|
exports.Modal = (0, react_1.forwardRef)(function (_a, _) {
|
|
37
|
-
var open = _a.open,
|
|
37
|
+
var open = _a.open, styles = _a.styles, onClose = _a.onClose, children = _a.children;
|
|
38
38
|
var _b = (0, react_1.useState)(false), showPortal = _b[0], setShowPortal = _b[1];
|
|
39
39
|
var refModal = (0, react_1.useRef)(null);
|
|
40
40
|
var refContainer = (0, react_1.useRef)(null);
|
|
41
41
|
if (refContainer.current === null && process.browser) {
|
|
42
|
-
refContainer.current = document.createElement(
|
|
42
|
+
refContainer.current = document.createElement('div');
|
|
43
43
|
}
|
|
44
44
|
(0, modalManager_1.useModalManager)(refModal, open);
|
|
45
|
-
(0, react_1.useEffect)(function () {
|
|
46
|
-
return function () {
|
|
47
|
-
if (showPortal) {
|
|
48
|
-
if (refContainer.current &&
|
|
49
|
-
!container &&
|
|
50
|
-
document.body.contains(refContainer.current)) {
|
|
51
|
-
document.body.removeChild(refContainer.current);
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
}, [showPortal]);
|
|
56
45
|
(0, react_1.useEffect)(function () {
|
|
57
46
|
if (open && !showPortal) {
|
|
58
47
|
setShowPortal(true);
|
|
59
|
-
if (refContainer.current &&
|
|
60
|
-
!container &&
|
|
61
|
-
!document.body.contains(refContainer.current)) {
|
|
48
|
+
if (refContainer.current && !document.body.contains(refContainer.current)) {
|
|
62
49
|
document.body.appendChild(refContainer.current);
|
|
63
50
|
}
|
|
64
51
|
}
|
|
52
|
+
if (!open && showPortal) {
|
|
53
|
+
setShowPortal(false);
|
|
54
|
+
if (refContainer.current && document.body.contains(refContainer.current)) {
|
|
55
|
+
document.body.removeChild(refContainer.current);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
65
58
|
}, [open]);
|
|
66
59
|
function closeModal() {
|
|
67
60
|
setShowPortal(false);
|
|
68
61
|
onClose();
|
|
69
62
|
}
|
|
70
|
-
return showPortal && refContainer.current
|
|
71
|
-
? react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "Modal", children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: "overlay", onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: "modal_content", style: styles, children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onClick: closeModal, className: "close_modal_infinity_forge", children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: "CloseIcon", fill: "#000" }) }), (0, jsx_runtime_1.jsx)("div", { className: "content_modal_infinity_forge", children: children })] })] }) }), refContainer.current)
|
|
72
|
-
: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
63
|
+
return showPortal && refContainer.current ? (react_dom_1.default.createPortal((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'Modal', children: (0, jsx_runtime_1.jsxs)(S.Modal, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'overlay', onClick: closeModal }), (0, jsx_runtime_1.jsxs)("div", { className: 'modal_content', style: styles, children: [(0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: closeModal, className: 'close_modal_infinity_forge', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: '#000' }) }), (0, jsx_runtime_1.jsx)("div", { className: 'content_modal_infinity_forge', children: children })] })] }) }), refContainer.current)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
|
|
73
64
|
});
|
|
74
65
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA6E;AAC7E,wDAAgC;AAEhC,2BAAkC;AAElC,+CAAgD;AAIhD,0CAA6B;AAEhB,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,UAAC,EAA+C,EAAE,CAA+B;QAA9E,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC1D,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC7C,IAAM,YAAY,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAExD,IAAI,YAAY,CAAC,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrD,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACtD,CAAC;IAED,IAAA,8BAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;IAE/B,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,IAAI,CAAC,CAAA;YAEnB,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC1E,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;QAED,IAAI,CAAC,IAAI,IAAI,UAAU,EAAE,CAAC;YACxB,aAAa,CAAC,KAAK,CAAC,CAAA;YAEpB,IAAI,YAAY,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBACzE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YACjD,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,UAAU;QACjB,aAAa,CAAC,KAAK,CAAC,CAAA;QACpB,OAAO,EAAE,CAAA;IACX,CAAC;IAED,OAAO,UAAU,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAC1C,mBAAQ,CAAC,YAAY,CACnB,uBAAC,UAAK,IAAC,IAAI,EAAC,OAAO,YACjB,wBAAC,CAAC,CAAC,KAAK,eACN,gCAAK,SAAS,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,GAAI,EAEhD,iCAAK,SAAS,EAAC,eAAe,EAAC,KAAK,EAAE,MAAM,aAC1C,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,4BAA4B,YAC/E,uBAAC,SAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,GAAG,GAC9B,EAET,gCAAK,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAO,IAC1D,IACE,GACJ,EACR,YAAY,CAAC,OAAO,CACrB,CACF,CAAC,CAAC,CAAC,CACF,kDAAK,CACN,CAAA;AACH,CAAC,CAAC,CAAA"}
|