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

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;
+export declare const Modal: ({ children, visible, centered, width, onEnter, onEscape, }: IModalProps) => JSX_2.Element | null;
 
 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

@@ -10,7 +10,7 @@ import React__default, { useContext, isValidElement, useState, useRef, useEffect
 import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
-import _$1, { set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, uniqueId as uniqueId$2, debounce as debounce$2, isObject as isObject$5, isObjectLike, has as has$1, isEqual as isEqual$4 } from "lodash";
+import _$1, { set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isObjectLike, has as has$1, isEqual as isEqual$4 } from "lodash";
 import { validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, checkAndCleanDecimalComma, label as label$b, altUnitsList, getUnitsForQuantity, convertAndGetValue, isScientificStringNum, roundToPrecision } from "@oliasoft-open-source/units";
 import { isValueWithUnit as isValueWithUnit$1 } from "@oliasoft-open-source/units/dist/units";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -19473,15 +19473,6 @@ 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";
@@ -19524,7 +19515,6 @@ const Modal = ({
   onEnter,
   onEscape
 }) => {
-  const id2 = uniqueId$2("modal-");
   useKeyboardEvent(
     "Enter",
     () => {
@@ -19543,10 +19533,7 @@ const Modal = ({
     },
     [visible, onEscape]
   );
-  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-    /* @__PURE__ */ jsx(Portal, { id: id2, children: visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null }),
-    /* @__PURE__ */ jsx("div", { id: id2 })
-  ] });
+  return visible ? /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsx(Content$2, { width: width2, centered: centered2, children }) }) : null;
 };
 const menu$1 = "_menu_12x4u_1";
 const header = "_header_12x4u_11";
@@ -22056,6 +22043,15 @@ 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