@zenkigen-inc/component-ui 1.6.1 → 1.6.3

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-outside-click';

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './checkbox';
 export * from './dropdown';
 export * from './evaluation-star';
 export * from './heading';
+export * from './hooks';
 export * from './icon';
 export * from './icon-button';
 export * from './loading';

package/dist/index.esm.js

@@ -31536,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
     },
@@ -31553,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;
@@ -32740,5 +32746,5 @@ function Tooltip(_ref) {
   });
 }
 
-export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, useToast };
+export { Avatar, Breadcrumb, Button, Checkbox, Dropdown, EvaluationStar, Heading, Icon, IconButton, Loading, Modal, NotificationInline, Pagination, PaginationSelect, Radio, Search, Select, SelectSort, Tab, TabItem, Table, TableCell, TableRow, Tag, TextArea, TextInput, Toast, ToastProvider, Toggle, Tooltip, useOutsideClick, useToast };
 //# sourceMappingURL=index.esm.js.map