@colisweb/rescript-toolkit 4.11.2 → 4.11.3

package/package.json

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

package/src/router/Toolkit__Router.res

@@ -206,6 +206,7 @@ module Make = (Config: RouterConfig) => {
   and link =
     | Legacy(legacyLink)
     | App(appLink)
+    | Custom(React.element)
   and groupInfo = {
     label: React.element,
     icon: React.element,
@@ -215,6 +216,7 @@ module Make = (Config: RouterConfig) => {
     route: Config.t,
     icon?: React.element,
     label: React.element,
+    disabledActiveLink?: bool,
   }
   and legacyLink = {
     url: string,
@@ -239,6 +241,7 @@ module Make = (Config: RouterConfig) => {
       ~onLinkClick=() => (),
     ) =>
       switch link {
+      | Custom(element) => element
       | Legacy(config) =>
         let {label, url} = config
         <a
@@ -267,6 +270,9 @@ module Make = (Config: RouterConfig) => {
         </a>
       | App(config) =>
         let {label, route} = config
+
+        let disabledActiveLink = config.disabledActiveLink->Option.getWithDefault(false)
+
         <Link
           route
           className={cx([
@@ -274,7 +280,7 @@ module Make = (Config: RouterConfig) => {
             isSubLink ? "ml-3" : "",
             config.icon->Option.isNone ? "py-5" : "",
             "sidenav-link",
-            isActive ? "bg-primary-100/75 text-neutral-700" : "",
+            isActive && !disabledActiveLink ? "bg-primary-100/75 text-neutral-700" : "",
           ])}
           activeClassName="bg-primary-100/75 text-neutral-700"
           onClick={_ => onLinkClick()}>
@@ -316,6 +322,7 @@ module Make = (Config: RouterConfig) => {
       let hasActiveSubRoute = links->Array.some(link => {
         switch link {
         | Legacy(_) => false
+        | Custom(_) => false
         | App({route}) => isRouteEqual(currentRoute, route)
         }
       })
@@ -325,6 +332,7 @@ module Make = (Config: RouterConfig) => {
         links->Array.getBy(link => {
           switch link {
           | Legacy(_) => false
+          | Custom(_) => false
           | App({route}) =>
             breadcrumbLinks->Array.some(breadcrumbLink => breadcrumbLink.route->isRouteEqual(route))
           }