@oliasoft-open-source/react-ui-library 4.5.2-beta-4 → 4.5.2-beta-6

package/dist/index.d.ts

@@ -1613,7 +1613,7 @@ export declare enum MessageType {
     ERROR = "Error"
 }
 
-export declare const Modal: ({ children, visible, centered, width, onEnter, onEscape, }: IModalProps) => JSX_2.Element | null;
+export declare const Modal: ({ children, visible, centered, width, onEnter, onEscape, }: IModalProps) => JSX_2.Element;
 
 export declare const NativeSelect: ({ disabled, error, warning, tooltip, options, onChange, onFocus, onBlur, right, small, tabIndex, selectedOption, width, groupOrder, testId, isInTable, clearable, placeholder, hasNonExistentValue, maxTooltipWidth, borderRadius, }: INativeSelectProps) => JSX_2.Element;
 

package/dist/index.js

@@ -19473,6 +19473,15 @@ const useKeyboardEvent = (key2, fn, dependencyList = []) => {
     };
   }, dependencyList);
 };
+const Portal = ({ id: id2, children }) => {
+  const parent = document.querySelector(`#${id2}`);
+  const [mounted, setMounted] = useState(false);
+  useLayoutEffect$1(() => {
+    if (!mounted)
+      setMounted(true);
+  }, [id2]);
+  return parent ? createPortal(children, parent) : null;
+};
 const wrapper$2 = "_wrapper_sb0hc_1";
 const contentContainer = "_contentContainer_sb0hc_15";
 const centered = "_centered_sb0hc_24";
@@ -19533,7 +19542,10 @@ const Modal = ({
     },
     [visible, onEscape]
   );
-  return visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null;
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsx(Portal, { id: "modalContainer", children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }),
+    /* @__PURE__ */ jsx("div", { id: "modalContainer" })
+  ] });
 };
 const menu$1 = "_menu_12x4u_1";
 const header = "_header_12x4u_11";
@@ -22043,15 +22055,6 @@ const Popover = ({
     )
   ] });
 };
-const Portal = ({ id: id2, children }) => {
-  const parent = document.querySelector(`#${id2}`);
-  const [mounted, setMounted] = useState(false);
-  useLayoutEffect$1(() => {
-    if (!mounted)
-      setMounted(true);
-  }, [id2]);
-  return parent ? createPortal(children, parent) : null;
-};
 const printHeader = "_printHeader_o7xxx_1";
 const styles$j = {
   printHeader