@digital-b2c/coreui-kit 0.15.5 → 0.15.6

package/LICENSE.txt

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2026 Luxottica
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2026 Luxottica
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,52 +1,52 @@
-# CoreUI Kit
-
-A React‑based design system and component library.
-
-## 🚀 Getting Started
-
-Install
-
-```bash
-npm install
-```
-
-Development
-
-- Run the build in watch mode
-
-```bash
-npm run dev
-```
-
-Start Storybook
-
-```bash
-npm run storybook
-```
-
-Run tests
-
-```bash
-npm test
-```
-
-Lint/format
-
-```bash
-npm run lint
-```
-
-## 🛠️ Usage
-
-Import components in other projects:
-
-```ts
-import '@digital-b2c/coreui-kit/styles.css'
-
-import { MiniSectionCta } from '@digital-b2c/coreui-kit'
-
-<MiniSectionCta>
-  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
-  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
-</MiniSectionCta>
-```
+# CoreUI Kit
+
+A React‑based design system and component library.
+
+## 🚀 Getting Started
+
+Install
+
+```bash
+npm install
+```
+
+Development
+
+- Run the build in watch mode
+
+```bash
+npm run dev
+```
+
+Start Storybook
+
+```bash
+npm run storybook
+```
+
+Run tests
+
+```bash
+npm test
+```
+
+Lint/format
+
+```bash
+npm run lint
+```
+
+## 🛠️ Usage
+
+Import components in other projects:
+
+```ts
+import '@digital-b2c/coreui-kit/styles.css'
+
+import { MiniSectionCta } from '@digital-b2c/coreui-kit'
+
+<MiniSectionCta>
+  <MiniSectionCta.Title>Header</MiniSectionCta.Title>
+  <MiniSectionCta.Subtitle>Description</MiniSectionCta.Subtitle>
+</MiniSectionCta>
+```

package/dist/index.cjs

@@ -3297,6 +3297,29 @@ var NavigationBrandBars = ({
     }
   );
 };
+var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
+var useActivePath = () => {
+  const [pathname, setPathname] = React70.useState(getPathname);
+  React70.useEffect(() => {
+    const handlePopState = () => setPathname(getPathname());
+    window.addEventListener("popstate", handlePopState);
+    return () => window.removeEventListener("popstate", handlePopState);
+  }, []);
+  return pathname;
+};
+
+// src/utils/isPathActive.ts
+var normalize = (path) => path.replace(/\/+$/, "") || "/";
+var isPathActive = (url, pathname) => {
+  if (!url || !pathname) return false;
+  let targetPath;
+  try {
+    targetPath = new URL(url, "http://localhost").pathname;
+  } catch (e) {
+    return false;
+  }
+  return normalize(targetPath) === normalize(pathname);
+};
 var NavigationDesktop = ({
   navItems,
   openIndex,
@@ -3305,6 +3328,7 @@ var NavigationDesktop = ({
   baseId,
   isTransparent = false
 }) => {
+  const pathname = useActivePath();
   if (!(navItems == null ? void 0 : navItems.length)) return null;
   const handleTriggerKeyDown = (e, index) => {
     var _a;
@@ -3322,23 +3346,28 @@ var NavigationDesktop = ({
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: Navigation_module_default.navTabs, children: navItems.map((item, index) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const isOpen = openIndex === index;
     if (item.type === "link") {
+      const isCurrent2 = item.isActive || isPathActive((_a = item.cta) == null ? void 0 : _a.url, pathname);
       return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsx(
         "a",
         {
-          href: (_a = item.cta) == null ? void 0 : _a.url,
-          className: clsx47__default.default(Navigation_module_default.navTabLink, item.isActive && Navigation_module_default.navTabActive),
-          "aria-current": item.isActive ? "page" : void 0,
-          target: ((_b = item.cta) == null ? void 0 : _b.isExternal) ? "_blank" : void 0,
-          rel: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "noopener noreferrer" : void 0,
+          href: (_b = item.cta) == null ? void 0 : _b.url,
+          className: clsx47__default.default(Navigation_module_default.navTabLink, isCurrent2 && Navigation_module_default.navTabActive),
+          "aria-current": isCurrent2 ? "page" : void 0,
+          target: ((_c = item.cta) == null ? void 0 : _c.isExternal) ? "_blank" : void 0,
+          rel: ((_d = item.cta) == null ? void 0 : _d.isExternal) ? "noopener noreferrer" : void 0,
           onMouseEnter: () => onOpen(null),
           onFocus: () => onOpen(null),
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: (_d = item.cta) == null ? void 0 : _d.label })
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: (_e = item.cta) == null ? void 0 : _e.label })
         }
       ) }, index);
     }
+    const isCurrent = item.isActive || item.items.some((sub) => {
+      var _a2;
+      return sub.type === "link" && isPathActive((_a2 = sub.cta) == null ? void 0 : _a2.url, pathname);
+    });
     return /* @__PURE__ */ jsxRuntime.jsx("li", { className: Navigation_module_default.navTab, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -3347,7 +3376,7 @@ var NavigationDesktop = ({
         className: clsx47__default.default(
           Navigation_module_default.navTabLink,
           Navigation_module_default.navTabTrigger,
-          (item.isActive || isOpen) && Navigation_module_default.navTabActive,
+          (isCurrent || isOpen) && Navigation_module_default.navTabActive,
           isOpen && Navigation_module_default.navTabTriggerOpen
         ),
         "aria-expanded": isOpen,
@@ -3826,8 +3855,8 @@ var Navigation2 = (props) => {
         ),
         "aria-label": "Main",
         onKeyDown: handleNavKeyDown,
-        onMouseEnter: isExternal ? () => setIsHovered(true) : void 0,
-        onMouseLeave: isExternal ? () => setIsHovered(false) : scheduleClose,
+        onMouseEnter: isExternal && !isTabletBelow ? () => setIsHovered(true) : void 0,
+        onMouseLeave: isExternal ? !isTabletBelow ? () => setIsHovered(false) : void 0 : scheduleClose,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: Navigation_module_default.mainBar, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.inner, children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Navigation_module_default.topRow, children: [
@@ -5387,6 +5416,7 @@ exports.UpcomingEventCard = UpcomingEventCard;
 exports.UserMenu = UserMenu;
 exports.resolveCompoundSlots = resolveCompoundSlots;
 exports.svgs = svgs;
+exports.useActivePath = useActivePath;
 exports.useIntersectionObserver = useIntersectionObserver;
 exports.useIsAtTop = useIsAtTop;
 //# sourceMappingURL=index.cjs.map