ui-layout-manager-dev 0.0.31-dev → 0.0.33-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-layout-manager-dev",
-  "version": "0.0.31-dev",
+  "version": "0.0.33-dev",
   "description": "A react component to manage layout and themes in single page applications.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/LayoutManager/Components/RootContainer/RootContainer.jsx

@@ -124,7 +124,7 @@ export const RootContainer = () => {
                 observer.disconnect();
             }
         }
-    }, [layoutController, setShowLoadingScreen, showLoadingScreen]);
+    }, [layoutController]);
 
     const sensors = useSensors(
         useSensor(PointerSensor, {

package/src/components/LayoutManager/Controller/LayoutController.js

@@ -171,6 +171,8 @@ export class LayoutController {
             };
             if (isInitial) {
                 this.layoutLoaded = true;
+                // After initial layout is applied, we can hide the loading screen.
+                this.containers[this.ldf.layoutRoot].current.hideLoadingScreen();
             }
         });
     };
@@ -185,8 +187,6 @@ export class LayoutController {
             case LAYOUT_WORKER_PROTOCOL.INITIALIZE_FLEXBOX:
                 transformations = event.data.data;
                 this.applyTransformations(transformations, true);
-                // After initial layout is applied, we can hide the loading screen.
-                this.containers["root"].current.hideLoadingScreen();
                 break;
             case LAYOUT_WORKER_PROTOCOL.TRANSFORMATIONS:
                 transformations = event.data.data;