@colisweb/rescript-toolkit 1.30.0 → 1.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "1.30.0",
+  "version": "1.31.0",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/ui/Toolkit__Ui_Layout.res

@@ -23,6 +23,19 @@ module Footer = {
     </footer>
 }
 
+module NavOpenContext = {
+  let context = React.createContext(false)
+
+  module Provider = {
+    let provider = React.Context.provider(context)
+
+    @react.component
+    let make = (~value, ~children) => {
+      React.createElement(provider, {"value": value, "children": children})
+    }
+  }
+}
+
 module App = {
   let localStorageNavKey = "@colisweb/navOpen"
 
@@ -149,19 +162,21 @@ module App = {
 
     let hideMenu = React.useCallback(_ => setOpen(_ => false))
 
-    <div>
-      <TopNavigationBar username logout logoutLabel toggleMenu onLogoClick />
-      <div className="flex">
-        <LeftNavigationBar isNavOpen ?bottom hideMenu> sideNavRender </LeftNavigationBar>
-        <main
-          className={cx([
-            className,
-            "flex-initial w-full transition-all duration-300 ease-in-out mt-16 z-20",
-            isNavOpen ? "navOpen lg:pl-64" : "lg:pl-16",
-          ])}>
-          children
-        </main>
+    <NavOpenContext.Provider value={isNavOpen}>
+      <div>
+        <TopNavigationBar username logout logoutLabel toggleMenu onLogoClick />
+        <div className="flex">
+          <LeftNavigationBar isNavOpen ?bottom hideMenu> sideNavRender </LeftNavigationBar>
+          <main
+            className={cx([
+              className,
+              "flex-initial w-full transition-all duration-300 ease-in-out mt-16 z-20",
+              isNavOpen ? "navOpen lg:pl-64" : "lg:pl-16",
+            ])}>
+            children
+          </main>
+        </div>
       </div>
-    </div>
+    </NavOpenContext.Provider>
   }
 }