@4i/modal-manager 1.1.20 → 1.1.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4i/modal-manager",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "",
   "main": "src/index.ts",
   "scripts": {

package/src/components/modal-provider.d.ts

@@ -12,5 +12,5 @@ interface ModalProviderProps {
 type TData = {
     [key: string]: any;
 };
-declare const ModalProvider: ({ modalList, isOverflow, className, backdropClassName, onModalStateChange, }: ModalProviderProps) => null;
+declare const ModalProvider: ({ modalList, isOverflow, className, backdropClassName, onModalStateChange, }: ModalProviderProps) => React.JSX.Element;
 export default ModalProvider;

package/src/components/modal-provider.js

@@ -82,7 +82,6 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ModalManager_1 = __importStar(require("../utils/ModalManager"));
-var react_dom_1 = require("react-dom");
 var ModalProvider = function (_a) {
     var modalList = _a.modalList, isOverflow = _a.isOverflow, className = _a.className, backdropClassName = _a.backdropClassName, onModalStateChange = _a.onModalStateChange;
     var _b = (0, react_1.useState)([]), data = _b[0], setData = _b[1];
@@ -179,8 +178,7 @@ var ModalProvider = function (_a) {
     var refReducer = function (index, value) {
         modalRef.current[index] = value;
     };
-    var body = document.body;
-    (0, react_dom_1.createPortal)(react_1.default.createElement(react_1.default.Fragment, null, data.length !== 0 &&
+    return (react_1.default.createElement(react_1.default.Fragment, null, data.length !== 0 &&
         data.map(function (item, i) {
             var Modal = activeModals[i] || (function () { return react_1.default.createElement(react_1.default.Fragment, null); });
             return (react_1.default.createElement("div", { "data-index": i, key: item.modalId, className: "modal-manager backdrop_modal_manager ".concat(backdropClassName) },
@@ -193,7 +191,6 @@ var ModalProvider = function (_a) {
                             refReducer(i, ref);
                         } },
                         react_1.default.createElement(Modal, __assign({}, item.data))))));
-        })), body);
-    return null;
+        })));
 };
 exports.default = ModalProvider;

package/src/components/modal-provider.tsx

@@ -126,8 +126,7 @@ const ModalProvider = ({
     modalRef.current[index] = value;
   };
 
-  const body = document.body;
-  createPortal(
+  return (
     <>
       {data.length !== 0 &&
         data.map((item, i) => {
@@ -159,11 +158,8 @@ const ModalProvider = ({
             </div>
           );
         })}
-    </>,
-    body
+    </>
   );
-
-  return null;
 };
 
 export default ModalProvider;