ui-layout-manager-dev 0.0.24-dev → 0.0.25-dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-layout-manager-dev",
-  "version": "0.0.24-dev",
+  "version": "0.0.25-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

@@ -147,7 +147,7 @@ export const RootContainer = () => {
             onDragEnd={dragController.onDragEnd}
             onDragCancel={dragController.onDragCancel}>
             
-            <div id="layout-root" className="root-container">
+            <div className="root-container">
                 <div ref={rootRef} className="relative-container">
                     {childElements}
                 </div>

package/src/components/LayoutManager/LayoutManager.jsx

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { RootContainer } from "./Components/RootContainer/RootContainer";
 import ComponentRegistryContext from "./Providers/ComponentRegistryContext";
 import { LayoutControllerProvider } from "./Providers/LayoutProvider";
-import { LayoutEventProvider } from "./Providers/LayoutEventProvider";
 import { ModalProvider } from "./Providers/ModalProvider";
 
 import "./LayoutManager.scss";
@@ -17,17 +16,14 @@ import "./LayoutManager.scss";
  * @return {React.ReactElement}
  */
 export const LayoutManager = ({ldf, registry}) => {
-    
 
     return (
         <LayoutControllerProvider layout={ldf}>
-            <LayoutEventProvider>
-                <ComponentRegistryContext.Provider value={registry}>
-                    <ModalProvider>
-                        <RootContainer/>
-                    </ModalProvider>
-                </ComponentRegistryContext.Provider>
-            </LayoutEventProvider>
+            <ComponentRegistryContext.Provider value={registry}>
+                <ModalProvider>
+                    <RootContainer/>
+                </ModalProvider>
+            </ComponentRegistryContext.Provider>
         </LayoutControllerProvider> 
     );
 }

package/src/index.js

@@ -1,4 +1,5 @@
 export * from "./components/LayoutManager";
 export { useLayoutEventPublisher } from "./components/LayoutManager/Providers/LayoutEventProvider";
 export { useLayoutEventSubscription } from "./components/LayoutManager/Providers/LayoutEventProvider";
-export { useModalManager } from "./components/LayoutManager/Providers/ModalProvider";
+export { useModalManager } from "./components/LayoutManager/Providers/ModalProvider";
+export { LayoutEventProvider } from "./components/LayoutManager/Providers/LayoutEventProvider";

package/src/stories/LayoutManager.stories.js

@@ -7,6 +7,8 @@ import workbenchJSON from "./layouts/vsCode/workbench.json";
 import workbench2JSON from "./layouts/vsCode/workbench2.json";
 import workbench3JSON from "./layouts/vsCode/workbench3.json";
 
+import { LayoutEventProvider } from "../components/LayoutManager/Providers/LayoutEventProvider";
+
 import "./LayoutManager.stories.scss";
 
 export default {
@@ -50,9 +52,11 @@ const Template = (args) => {
     }, [updateArgs, registry]);
 
     return (
-        <div className="rootContainer">
-            <LayoutManager  {...args}/> 
-        </div>
+        <LayoutEventProvider>
+            <div className="rootContainer">
+                <LayoutManager  {...args}/> 
+            </div>
+        </LayoutEventProvider>
     )
 }