baaz-custom-components 3.2.14 → 3.2.15

package/dist/index.js

@@ -82,10 +82,10 @@ function useIsMobile() {
 }
 
 // src/components/custom/navbar/navbar.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/components/custom/navbar/desktopNavbar.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/components/ui/dropdown-menu.tsx
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
@@ -924,18 +924,22 @@ var Notifications = ({
 var notifications_default = Notifications;
 
 // src/components/custom/navbar/sub-nav.tsx
+var import_react2 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function SubNav({
   base,
   childrenRoutes,
   router
 }) {
-  const pathname = typeof window !== "undefined" ? window.location.pathname : "";
+  const [path, setPath] = (0, import_react2.useState)(router.pathname);
+  (0, import_react2.useEffect)(() => {
+    setPath(router.pathname);
+  }, [router.pathname]);
   if (!childrenRoutes || childrenRoutes.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "bg-transparent border rounded-md px-2 py-1 shadow-lg flex gap-2", children: childrenRoutes.map((child) => {
     if (typeof child.routes !== "string") return null;
     const href = buildFullHref(base, child.routes);
-    const active = isRouteActive(href, pathname);
+    const active = isRouteActive(href, path);
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "button",
       {
@@ -965,7 +969,7 @@ function DesktopNavbar({
   hubIdChangeHandler
 }) {
   const pathname = router.pathname;
-  const activeEntry = (0, import_react2.useMemo)(() => {
+  const activeEntry = (0, import_react3.useMemo)(() => {
     return navbarData == null ? void 0 : navbarData.find(
       (entry) => treeContainsPath({
         data: entry.routes,
@@ -974,7 +978,7 @@ function DesktopNavbar({
       })
     );
   }, [navbarData, pathname]);
-  const subNavData = (0, import_react2.useMemo)(() => {
+  const subNavData = (0, import_react3.useMemo)(() => {
     if (!activeEntry) return null;
     return getActiveRouteSiblings(
       activeEntry.routes,
@@ -1787,8 +1791,8 @@ function Navbar({
   notificationHandler
 }) {
   const isMobile = useIsMobile();
-  const [mounted, setMounted] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [mounted, setMounted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     setMounted(true);
   }, []);
   if (!mounted) return null;

package/dist/index.mjs

@@ -48,7 +48,7 @@ function useIsMobile() {
 }
 
 // src/components/custom/navbar/navbar.tsx
-import { useEffect as useEffect3, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 
 // src/components/custom/navbar/desktopNavbar.tsx
 import { useMemo } from "react";
@@ -890,18 +890,22 @@ var Notifications = ({
 var notifications_default = Notifications;
 
 // src/components/custom/navbar/sub-nav.tsx
+import { useEffect as useEffect2, useState as useState3 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function SubNav({
   base,
   childrenRoutes,
   router
 }) {
-  const pathname = typeof window !== "undefined" ? window.location.pathname : "";
+  const [path, setPath] = useState3(router.pathname);
+  useEffect2(() => {
+    setPath(router.pathname);
+  }, [router.pathname]);
   if (!childrenRoutes || childrenRoutes.length === 0) return null;
   return /* @__PURE__ */ jsx11("div", { className: "bg-transparent border rounded-md px-2 py-1 shadow-lg flex gap-2", children: childrenRoutes.map((child) => {
     if (typeof child.routes !== "string") return null;
     const href = buildFullHref(base, child.routes);
-    const active = isRouteActive(href, pathname);
+    const active = isRouteActive(href, path);
     return /* @__PURE__ */ jsx11(
       "button",
       {
@@ -1753,8 +1757,8 @@ function Navbar({
   notificationHandler
 }) {
   const isMobile = useIsMobile();
-  const [mounted, setMounted] = useState4(false);
-  useEffect3(() => {
+  const [mounted, setMounted] = useState5(false);
+  useEffect4(() => {
     setMounted(true);
   }, []);
   if (!mounted) return null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "baaz-custom-components",
-    "version": "3.2.14",
+    "version": "3.2.15",
     "private": false,
     "sideEffects": false,
     "main": "dist/index.js",