@colisweb/rescript-toolkit 4.11.3 → 4.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "4.11.3",
+  "version": "4.12.1",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/router/Toolkit__Router.res

@@ -210,7 +210,7 @@ module Make = (Config: RouterConfig) => {
   and groupInfo = {
     label: React.element,
     icon: React.element,
-    activeForCurrentRoute?: Config.t => bool,
+    hideContentWhenClosed?: bool,
   }
   and appLink = {
     route: Config.t,
@@ -282,7 +282,7 @@ module Make = (Config: RouterConfig) => {
             "sidenav-link",
             isActive && !disabledActiveLink ? "bg-primary-100/75 text-neutral-700" : "",
           ])}
-          activeClassName="bg-primary-100/75 text-neutral-700"
+          activeClassName={disabledActiveLink ? "" : "bg-primary-100/75 text-neutral-700"}
           onClick={_ => onLinkClick()}>
           <span className="overflow-hidden flex">
             {config.icon->Option.mapWithDefault(React.null, icon =>
@@ -308,6 +308,28 @@ module Make = (Config: RouterConfig) => {
   }
 
   module GroupedLinks = {
+    module LinksList = {
+      @react.component
+      let make = (~links, ~relativeRoute, ~isNavOpen, ~onLinkClick) => {
+        links
+        ->Array.mapWithIndex((i, link) => {
+          let isActive = switch (relativeRoute, link) {
+          | (Some(App({route: relativeRoute})), App({route})) => relativeRoute->isRouteEqual(route)
+          | _ => false
+          }
+          <SingleLink
+            key={"sidenav-grouped-" ++ i->Int.toString}
+            link
+            isNavOpen
+            isSubLink=true
+            onLinkClick
+            isActive
+          />
+        })
+        ->React.array
+      }
+    }
+
     @react.component
     let make = (
       ~groupInfo: groupInfo,
@@ -388,23 +410,11 @@ module Make = (Config: RouterConfig) => {
             "transition ease-linear duration-300",
             isOpen ? "h-auto" : "h-0 overflow-hidden",
           ])}>
-          {links
-          ->Array.mapWithIndex((i, link) => {
-            let isActive = switch (relativeRoute, link) {
-            | (Some(App({route: relativeRoute})), App({route})) =>
-              relativeRoute->isRouteEqual(route)
-            | _ => false
-            }
-            <SingleLink
-              key={"sidenav-grouped-" ++ i->Int.toString}
-              link
-              isNavOpen
-              isSubLink=true
-              onLinkClick
-              isActive
-            />
-          })
-          ->React.array}
+          {switch groupInfo.hideContentWhenClosed {
+          | Some(true) =>
+            isOpen ? <LinksList links relativeRoute onLinkClick isNavOpen /> : React.null
+          | _ => <LinksList links relativeRoute onLinkClick isNavOpen />
+          }}
         </div>
       </>
     }