@norges-domstoler/dds-components 0.0.0-dev-20240822123852 → 0.0.0-dev-20240826095821

package/dist/index.mjs

@@ -8422,7 +8422,7 @@ var InternalHeader_default = {
 // src/components/InternalHeader/NavigationItem.tsx
 import { forwardRef as forwardRef60 } from "react";
 import { jsx as jsx246 } from "react/jsx-runtime";
-var NavigationItem = forwardRef60(({ title, isCurrent, ...rest }, ref) => {
+var NavigationItem = forwardRef60(({ isCurrent, ...rest }, ref) => {
   return /* @__PURE__ */ jsx246(
     "a",
     {
@@ -8434,8 +8434,7 @@ var NavigationItem = forwardRef60(({ title, isCurrent, ...rest }, ref) => {
         isCurrent && InternalHeader_default["nav-list__item__link--active"],
         typographyStyles_default["body-sans-02"],
         focusable
-      ),
-      children: title
+      )
     }
   );
 });
@@ -8448,10 +8447,10 @@ var InternalHeader = (props) => {
     applicationName,
     applicationHref,
     smallScreenBreakpoint,
-    navigationElements,
-    contextMenuElements,
+    navItems,
+    contextMenuItems,
     currentPageHref,
-    userProps,
+    user,
     onCurrentPageChange,
     id,
     className,
@@ -8471,8 +8470,8 @@ var InternalHeader = (props) => {
     setContextMenuIsClosed(!contextMenuIsClosed);
   };
   const onOveflowMenuClose = () => setContextMenuIsClosed(true);
-  const hasNavigationElements = !!navigationElements && navigationElements.length > 0;
-  const hasContextMenuElements = !!contextMenuElements && contextMenuElements.length > 0;
+  const hasNavigationElements = !!navItems && navItems.length > 0;
+  const hasContextMenuElements = !!contextMenuItems && contextMenuItems.length > 0;
   const hasSmallScreenBreakpoint = !!smallScreenBreakpoint;
   const hasNavInContextMenu = hasSmallScreenBreakpoint && hasNavigationElements;
   const navigation = hasNavigationElements ? /* @__PURE__ */ jsx247("nav", { "aria-label": "sidenavigasjon", children: /* @__PURE__ */ jsx247(
@@ -8483,7 +8482,7 @@ var InternalHeader = (props) => {
         hasSmallScreenBreakpoint && InternalHeader_default[`nav-list--small-screen-${smallScreenBreakpoint}`],
         utilStyles_default["remove-list-styling"]
       ),
-      children: navigationElements.map((item, index) => {
+      children: navItems.map((item, index) => {
         const { href, ...rest2 } = item;
         const isCurrent = href === currentPage;
         return /* @__PURE__ */ jsx247("li", { className: InternalHeader_default["nav-list__item"], children: /* @__PURE__ */ jsx247(
@@ -8498,8 +8497,8 @@ var InternalHeader = (props) => {
       })
     }
   ) }) : null;
-  const hasContextMenu = hasContextMenuElements || !!userProps || hasNavInContextMenu;
-  const hasContextMenuLargeScreen = hasContextMenuElements || !!userProps;
+  const hasContextMenu = hasContextMenuElements || !!user || hasNavInContextMenu;
+  const hasContextMenuLargeScreen = hasContextMenuElements || !!user;
   return /* @__PURE__ */ jsxs54(
     "div",
     {
@@ -8556,7 +8555,7 @@ var InternalHeader = (props) => {
                   anchorRef: buttonRef,
                   className: InternalHeader_default["context-menu"],
                   children: [
-                    userProps && /* @__PURE__ */ jsx247(OverflowMenuList, { children: userProps.href ? /* @__PURE__ */ jsx247(OverflowMenuLink, { icon: PersonIcon, href: userProps.href, children: userProps.name }) : /* @__PURE__ */ jsx247(OverflowMenuSpan, { icon: PersonIcon, children: userProps.name }) }),
+                    user && /* @__PURE__ */ jsx247(OverflowMenuList, { children: user.href ? /* @__PURE__ */ jsx247(OverflowMenuLink, { icon: PersonIcon, ...user }) : /* @__PURE__ */ jsx247(OverflowMenuSpan, { icon: PersonIcon, ...user }) }),
                     hasNavInContextMenu && /* @__PURE__ */ jsx247(
                       "nav",
                       {
@@ -8565,7 +8564,7 @@ var InternalHeader = (props) => {
                           InternalHeader_default["nav--in-menu--small-screen"],
                           InternalHeader_default[`nav--in-menu--small-screen-${smallScreenBreakpoint}`]
                         ),
-                        children: /* @__PURE__ */ jsx247(OverflowMenuList, { children: navigationElements.map((item) => /* @__PURE__ */ jsx247(OverflowMenuLink, { ...item, children: item.title })) })
+                        children: /* @__PURE__ */ jsx247(OverflowMenuList, { children: navItems.map((item) => /* @__PURE__ */ jsx247(OverflowMenuLink, { ...item })) })
                       }
                     ),
                     hasNavInContextMenu && hasContextMenuElements && /* @__PURE__ */ jsx247(
@@ -8577,9 +8576,13 @@ var InternalHeader = (props) => {
                         )
                       }
                     ),
-                    hasContextMenuElements && /* @__PURE__ */ jsx247(OverflowMenuList, { children: contextMenuElements.map((item) => {
-                      const { title } = item;
-                      return item.href ? /* @__PURE__ */ jsx247(OverflowMenuLink, { ...item, children: title }) : /* @__PURE__ */ jsx247(OverflowMenuButton, { ...item, children: title });
+                    hasContextMenuElements && /* @__PURE__ */ jsx247(OverflowMenuList, { children: contextMenuItems.map((item) => {
+                      return item.href ? /* @__PURE__ */ jsx247(OverflowMenuLink, { ...item }) : /* @__PURE__ */ jsx247(
+                        OverflowMenuButton,
+                        {
+                          ...item
+                        }
+                      );
                     }) })
                   ]
                 }