@luscii-healthtech/web-ui 28.3.2 → 28.3.3

package/dist/index.development.js

@@ -2154,32 +2154,26 @@ const ModalBase = (props) => {
   var _a;
   const { size = "medium", withContentPaddingY = true, isOpen = false } = props;
   return React__namespace.default.createElement(
-    "div",
-    { "data-test-id": "clicking-propagation-preventer", onClick: (event) => {
-      event.stopPropagation();
-    } },
+    ReactModal__default.default,
+    { isOpen, data: { "test-id": (_a = props.dataTestId) !== null && _a !== void 0 ? _a : "react-modal" }, contentLabel: props.title, overlayClassName: classNames__default.default("ui-px-2 ui-py-15", "ui-z-20", "ui-fixed ui-top-0 ui-bottom-0 ui-left-0 ui-right-0", "ui-overflow-x-hidden ui-overflow-y-auto", "ui-bg-overlay"), onRequestClose: props.onCloseClick, shouldFocusAfterRender: false, shouldCloseOnOverlayClick: false, className: classNames__default.default("ui-mx-auto ui-my-0", "ui-relative", "ui-rounded-lg ui-bg-white ui-shadow-lg ui-outline-none", {
+      "ui-overflow-y-hidden": props.scrollableContent,
+      "ui-mt-17": props.withExtraMarginTop,
+      "md:ui-w-80": size === "small",
+      "md:ui-w-132": size === "medium",
+      "md:ui-w-216": size === "wide"
+    }) },
+    props.title && React__namespace.default.createElement(ModalHeader, { title: props.title, onCloseClick: props.onCloseClick }),
     React__namespace.default.createElement(
-      ReactModal__default.default,
-      { isOpen, data: { "test-id": (_a = props.dataTestId) !== null && _a !== void 0 ? _a : "react-modal" }, contentLabel: props.title, overlayClassName: classNames__default.default("ui-px-2 ui-py-15", "ui-z-20", "ui-fixed ui-top-0 ui-bottom-0 ui-left-0 ui-right-0", "ui-overflow-x-hidden ui-overflow-y-auto", "ui-bg-overlay"), onRequestClose: props.onCloseClick, shouldFocusAfterRender: false, shouldCloseOnOverlayClick: false, className: classNames__default.default("ui-mx-auto ui-my-0", "ui-relative", "ui-rounded-lg ui-bg-white ui-shadow-lg ui-outline-none", {
-        "ui-overflow-y-hidden": props.scrollableContent,
-        "ui-mt-17": props.withExtraMarginTop,
-        "md:ui-w-80": size === "small",
-        "md:ui-w-132": size === "medium",
-        "md:ui-w-216": size === "wide"
+      "div",
+      { className: classNames__default.default({
+        "ui-rounded-t-lg": !props.title,
+        "ui-max-h-135 ui-overflow-y-auto": props.scrollableContent
       }) },
-      props.title && React__namespace.default.createElement(ModalHeader, { title: props.title, onCloseClick: props.onCloseClick }),
-      React__namespace.default.createElement(
-        "div",
-        { className: classNames__default.default({
-          "ui-rounded-t-lg": !props.title,
-          "ui-max-h-135 ui-overflow-y-auto": props.scrollableContent
-        }) },
-        React__namespace.default.createElement("div", { className: classNames__default.default("ui-px-6", {
-          "ui-py-6": withContentPaddingY
-        }) }, props.children)
-      ),
-      React__namespace.default.createElement(ModalFooter, { footerLeadingComponent: props.footerLeadingComponent, footerTrailingComponents: props.footerTrailingComponents })
-    )
+      React__namespace.default.createElement("div", { className: classNames__default.default("ui-px-6", {
+        "ui-py-6": withContentPaddingY
+      }) }, props.children)
+    ),
+    React__namespace.default.createElement(ModalFooter, { footerLeadingComponent: props.footerLeadingComponent, footerTrailingComponents: props.footerTrailingComponents })
   );
 };