@zenkigen-inc/component-ui 1.6.0 → 1.6.2

package/dist/index.esm.js

@@ -31505,26 +31505,23 @@ function ModalFooter(_ref) {
 
 function ModalHeader(_ref) {
   var children = _ref.children,
-    isNoBorder = _ref.isNoBorder,
-    isNoCloseButton = _ref.isNoCloseButton;
+    isNoBorder = _ref.isNoBorder;
   var _useContext = useContext(ModalContext),
     onClose = _useContext.onClose;
   var headerClasses = clsx$1('typography-h5 flex w-full shrink-0 items-center justify-between rounded-t-lg px-6 text-text-text01', {
     'border-b-[1px] border-border-uiBorder01': !isNoBorder,
-    'h-14': !isNoCloseButton,
-    'h-12': isNoCloseButton
+    'h-14': !onClose,
+    'h-12': onClose
   });
   return /*#__PURE__*/jsxs("div", {
     className: headerClasses,
     children: [/*#__PURE__*/jsx("div", {
       children: children
-    }), !isNoCloseButton && /*#__PURE__*/jsx(IconButton, {
+    }), onClose && /*#__PURE__*/jsx(IconButton, {
       icon: "close",
       size: "small",
       variant: "text",
-      onClick: function onClick() {
-        return onClose();
-      }
+      onClick: onClose
     })]
   });
 }
@@ -31539,9 +31536,15 @@ function Modal(_ref) {
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     portalTargetRef = _ref.portalTargetRef;
+  var _useState = useState(false),
+    isMounted = _useState[0],
+    setIsMounted = _useState[1];
   var renderWidth = typeof width === 'number' ? Math.max(width, LIMIT_WIDTH) : width;
   var renderHeight = typeof height === 'number' ? Math.max(height, LIMIT_HEIGHT) : height;
-  return /*#__PURE__*/reactDom.createPortal(isOpen && /*#__PURE__*/jsx(ModalContext.Provider, {
+  useEffect(function () {
+    setIsMounted(true);
+  }, []);
+  return isMounted && isOpen ? /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsx(ModalContext.Provider, {
     value: {
       onClose: onClose
     },
@@ -31556,7 +31559,7 @@ function Modal(_ref) {
         children: children
       })
     })
-  }), !portalTargetRef || (portalTargetRef == null ? void 0 : portalTargetRef.current) === null ? document.body : portalTargetRef.current);
+  }), (portalTargetRef == null ? void 0 : portalTargetRef.current) != null ? portalTargetRef.current : document.body) : null;
 }
 Modal.Body = ModalBody;
 Modal.Header = ModalHeader;