@qite/tide-booking-component 1.4.50 → 1.4.51

package/build/build-cjs/index.js

@@ -28752,7 +28752,8 @@ var LanguageSwitcher = function (_a) {
 };
 
 var Navbar = function (_a) {
-  var logo = _a.logo,
+  var currentPath = _a.currentPath,
+    logo = _a.logo,
     topLinks = _a.topLinks,
     items = _a.items,
     language = _a.language,
@@ -28768,7 +28769,6 @@ var Navbar = function (_a) {
   var _d = React.useState(),
     activeMobileGroup = _d[0],
     setActiveMobileGroup = _d[1];
-  var location = reactRouter.useLocation();
   var normalizePath = function (path) {
     return path.replace(/\/+$/, '');
   };
@@ -28807,7 +28807,7 @@ var Navbar = function (_a) {
   };
   var isActive = function (item) {
     var _a;
-    return location && normalizePath(location.pathname) === normalizePath('/' + ((_a = item.href) !== null && _a !== void 0 ? _a : ''));
+    return currentPath && normalizePath(currentPath) === normalizePath('/' + ((_a = item.href) !== null && _a !== void 0 ? _a : ''));
   };
   var renderNavItem = function (item) {
     var _a, _b;

package/build/build-cjs/src/content/navbar/types.d.ts

@@ -16,6 +16,7 @@ export interface NavItem {
   items?: NavLink[];
 }
 export interface NavbarProps {
+  currentPath?: string;
   logo: React.ReactNode;
   topLinks: NavLink[];
   items: NavItem[];

package/build/build-esm/index.js

@@ -28655,7 +28655,8 @@ var LanguageSwitcher = function (_a) {
 };
 
 var Navbar = function (_a) {
-  var logo = _a.logo,
+  var currentPath = _a.currentPath,
+    logo = _a.logo,
     topLinks = _a.topLinks,
     items = _a.items,
     language = _a.language,
@@ -28671,7 +28672,6 @@ var Navbar = function (_a) {
   var _d = useState(),
     activeMobileGroup = _d[0],
     setActiveMobileGroup = _d[1];
-  var location = useLocation();
   var normalizePath = function (path) {
     return path.replace(/\/+$/, '');
   };
@@ -28710,7 +28710,7 @@ var Navbar = function (_a) {
   };
   var isActive = function (item) {
     var _a;
-    return location && normalizePath(location.pathname) === normalizePath('/' + ((_a = item.href) !== null && _a !== void 0 ? _a : ''));
+    return currentPath && normalizePath(currentPath) === normalizePath('/' + ((_a = item.href) !== null && _a !== void 0 ? _a : ''));
   };
   var renderNavItem = function (item) {
     var _a, _b;

package/build/build-esm/src/content/navbar/types.d.ts

@@ -16,6 +16,7 @@ export interface NavItem {
   items?: NavLink[];
 }
 export interface NavbarProps {
+  currentPath?: string;
   logo: React.ReactNode;
   topLinks: NavLink[];
   items: NavItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qite/tide-booking-component",
-  "version": "1.4.50",
+  "version": "1.4.51",
   "description": "React Booking wizard & Booking product component for Tide",
   "main": "build/build-cjs/index.js",
   "types": "build/build-cjs/src/index.d.ts",

package/src/content/navbar/index.tsx

@@ -2,14 +2,12 @@ import React, { useEffect, useState } from 'react';
 import LanguageSwitcher from '../components/LanguageSwitcher';
 import Icon from '../components/icon';
 import { NavbarProps, NavItem } from '../navbar/types';
-import { useLocation } from 'react-router-dom';
 
-const Navbar: React.FC<NavbarProps> = ({ logo, topLinks, items, language, languages, onLanguageChange, onSearch }) => {
+const Navbar: React.FC<NavbarProps> = ({ currentPath, logo, topLinks, items, language, languages, onLanguageChange, onSearch }) => {
   const [menuOpen, setMenuOpen] = useState(false);
   const [query, setQuery] = useState('');
   const [activeMobileGroup, setActiveMobileGroup] = useState<string>();
 
-  const location = useLocation();
   const normalizePath = (path: string) => path.replace(/\/+$/, '');
 
   useEffect(() => {
@@ -45,7 +43,7 @@ const Navbar: React.FC<NavbarProps> = ({ logo, topLinks, items, language, langua
   };
 
   const isActive = (item: NavItem) => {
-    return location && normalizePath(location.pathname) === normalizePath('/' + (item.href ?? ''));
+    return currentPath && normalizePath(currentPath) === normalizePath('/' + (item.href ?? ''));
   };
 
   const renderNavItem = (item: NavItem) => {

package/src/content/navbar/types.ts

@@ -21,6 +21,8 @@ export interface NavItem {
 }
 
 export interface NavbarProps {
+  currentPath?: string;
+
   logo: React.ReactNode;
 
   topLinks: NavLink[];