@linzjs/lui 21.38.1 → 21.38.2

package/dist/lui.esm.js

@@ -42235,6 +42235,11 @@ var LuiModalV2 = function (props) {
     var showHelpButton = Boolean(props.helpLink);
     var showButtons = showCloseButton || showHelpButton;
     var showHeadingIcon = props.headingIcon && !props.isLoading;
+    // this is here for the tests
+    useEffect(function () {
+        if (isProcess && !isTest)
+            Modal.setAppElement('#root');
+    }, []);
     return (React__default.createElement(Modal, { key: props.key, isOpen: true, 
         // disble the `shouldClose` props as we handle them ourselves
         shouldCloseOnOverlayClick: false, shouldCloseOnEsc: false, overlayClassName: "modal", className: props.lowContrast ? 'lui-scrim-low-contrast' : 'lui-scrim', 
@@ -42275,10 +42280,8 @@ var HeaderTitle = function (props) {
     return createPortal(React__default.createElement("h2", { className: clsx('lui-modal-v2-header-title lui-modal-v2-header-title-portal', props.className) }, props.children), target);
 };
 LuiModalV2.HeaderTitle = HeaderTitle;
-// this is here for the tests
-var isTest = typeof process !== 'undefined' && ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test';
-if (!isTest)
-    Modal.setAppElement('#root');
+var isProcess = typeof process !== 'undefined';
+var isTest = isProcess && ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'test';
 
 var LuiAlertModalV2 = function (props) {
     var level = props.level, className = props.className, children = props.children, rest = __rest(props, ["level", "className", "children"]);