@inera/ids-react 9.3.0 → 9.4.1

package/components/header-inera-general/header-inera-general-avatar-mobile-base.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralAvatarMobileBaseProps extends HTMLAttributes<HTMLDivElement> {
+    username?: string;
+    unit?: string;
+    expanded?: boolean;
+    hide?: boolean;
+    unresponsive?: boolean;
+    onToggleMenu?: () => void;
+    componentRef?: React.RefObject<HTMLDivElement>;
+    buttonRef?: React.RefObject<HTMLButtonElement>;
+    client?: boolean;
+}
+export declare function IDSHeaderIneraGeneralAvatarMobileBase({ username, unit, expanded, hide, unresponsive, componentRef, buttonRef, children, onToggleMenu, client, ...props }: IDSHeaderIneraGeneralAvatarMobileBaseProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralAvatarMobileBase {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-avatar-mobile-base.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId } from 'react';
+import clsx from 'clsx';
+
+function IDSHeaderIneraGeneralAvatarMobileBase({ username = "", unit = "", expanded, hide, unresponsive, componentRef, buttonRef, children, onToggleMenu, client = false, ...props }) {
+    if (hide)
+        return null;
+    const menuId = `header-inera-general-menu-${useId()}`;
+    const toggleHandler = client && onToggleMenu
+        ? {
+            onClick: onToggleMenu
+        }
+        : {};
+    return (jsx("div", { ...props, ref: componentRef, className: clsx("ids-header-inera-general-avatar-mobile", {
+            "ids-header-inera-general-avatar-mobile--unresponsive": unresponsive
+        }), children: jsxs("div", { className: "ids-header-inera-general-avatar-mobile__menu-wrapper", children: [jsx("button", { type: "button", ...toggleHandler, ref: buttonRef, className: clsx("ids-header-inera-general-avatar-mobile__button", {
+                        "ids-header-inera-general-avatar-mobile__button--expanded": expanded
+                    }), "aria-controls": menuId, "aria-expanded": expanded, children: jsx("div", { className: "ids-header-inera-general-avatar-mobile-content__name", title: username, children: username }) }), jsxs("div", { id: menuId, className: clsx("ids-header-inera-general-avatar-mobile__menu", {
+                        "ids-header-inera-general-avatar-mobile__menu--expanded": expanded
+                    }), children: [unit && jsx("div", { className: "ids-header-inera-general-avatar-mobile__unit", children: unit }), jsx("div", { className: "ids-header-inera-general-avatar-mobile__menu-links", children: children })] })] }) }));
+}
+IDSHeaderIneraGeneralAvatarMobileBase.displayName = "IDSHeaderIneraGeneralAvatarMobileBase";
+
+export { IDSHeaderIneraGeneralAvatarMobileBase };

package/components/header-inera-general/header-inera-general-avatar-mobile.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralAvatarMobileProps extends HTMLAttributes<HTMLDivElement> {
+    username?: string;
+    unit?: string;
+    expanded?: boolean;
+    persistent?: boolean;
+}
+export declare function IDSHeaderIneraGeneralAvatarMobile({ username, unit, expanded, persistent, children, ...props }: IDSHeaderIneraGeneralAvatarMobileProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralAvatarMobile {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-avatar-mobile.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
+import { IDSHeaderIneraGeneralAvatarMobileBase } from './header-inera-general-avatar-mobile-base.js';
+import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
+import { useFocusTrap } from '../utils/hooks/useFocusTrap.js';
+import { useClickOutside } from '../utils/hooks/useClickOutside.js';
+import { useEsc } from '../utils/hooks/useEsc.js';
+import { useLinkClick } from '../utils/hooks/useLinkClick.js';
+
+function IDSHeaderIneraGeneralAvatarMobile({ username = "", unit = "", expanded = false, persistent = false, children, ...props }) {
+    const headerContext = useHeaderContext();
+    if (headerContext?.hideAvatar)
+        return null;
+    const [isExpanded, setIsExpanded] = useState(expanded);
+    const componentRef = useRef(null);
+    const buttonRef = useRef(null);
+    useFocusTrap(componentRef.current, isExpanded && !persistent);
+    const closeMenu = () => setIsExpanded(false);
+    useClickOutside(closeMenu, componentRef, buttonRef, !persistent && isExpanded);
+    useEsc(closeMenu, buttonRef, componentRef, !persistent && isExpanded);
+    useLinkClick(closeMenu, componentRef, buttonRef, !persistent && isExpanded);
+    const toggleAvatar = () => setIsExpanded(prev => !prev);
+    return (jsx(IDSHeaderIneraGeneralAvatarMobileBase, { ...props, client: true, username: username, unit: unit, expanded: isExpanded, componentRef: componentRef, buttonRef: buttonRef, onToggleMenu: username ? toggleAvatar : undefined, unresponsive: headerContext?.unresponsive ?? false, children: children }));
+}
+IDSHeaderIneraGeneralAvatarMobile.displayName = "IDSHeaderIneraGeneralAvatarMobile";
+
+export { IDSHeaderIneraGeneralAvatarMobile };

package/components/header-inera-general/header-inera-general-avatar.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralAvatarProps extends HTMLAttributes<HTMLDivElement> {
+    username?: string;
+    unit?: string;
+    expanded?: boolean;
+    persistent?: boolean;
+}
+export declare function IDSHeaderIneraGeneralAvatar({ username, unit, expanded, children, persistent, ...props }: IDSHeaderIneraGeneralAvatarProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralAvatar {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-avatar.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
+import { IDSHeaderIneraGeneralAvatarBase } from './header-inera-general-avatar-base.js';
+import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
+import { useFocusTrap } from '../utils/hooks/useFocusTrap.js';
+import { useClickOutside } from '../utils/hooks/useClickOutside.js';
+import { useEsc } from '../utils/hooks/useEsc.js';
+import { useLinkClick } from '../utils/hooks/useLinkClick.js';
+
+function IDSHeaderIneraGeneralAvatar({ username, unit, expanded = false, children, persistent = false, ...props }) {
+    const headerContext = useHeaderContext();
+    if (headerContext?.hideAvatar)
+        return null;
+    const [isExpanded, setIsExpanded] = useState(expanded);
+    const componentRef = useRef(null);
+    const menuRef = useRef(null);
+    const buttonRef = useRef(null);
+    useFocusTrap(componentRef.current, isExpanded && !persistent);
+    const closeMenu = () => setIsExpanded(false);
+    useClickOutside(closeMenu, componentRef, buttonRef, !persistent && isExpanded);
+    useEsc(closeMenu, buttonRef, componentRef, !persistent && isExpanded);
+    useLinkClick(closeMenu, componentRef, buttonRef, !persistent && isExpanded);
+    const toggleAvatar = () => setIsExpanded(prev => !prev);
+    return (jsx(IDSHeaderIneraGeneralAvatarBase, { ...props, client: true, username: username, unit: unit, children: children, componentRef: componentRef, menuRef: menuRef, buttonRef: buttonRef, expanded: isExpanded, onToggleAvatar: toggleAvatar, unresponsive: headerContext?.unresponsive ?? false }));
+}
+IDSHeaderIneraGeneralAvatar.displayName = "IDSHeaderIneraGeneralAvatar";
+
+export { IDSHeaderIneraGeneralAvatar };

package/components/header-inera-general/header-inera-general-base.d.ts

@@ -8,8 +8,9 @@ interface IDSHeaderIneraGeneralBaseProps extends React.HTMLAttributes<HTMLDivEle
     mobileMenu?: ReactNode;
     skipToContent?: ReactNode;
     logo?: ReactNode;
+    avatar?: ReactNode;
 }
-export declare function IDSHeaderIneraGeneralBase({ brandLink, brandText, unresponsive, items, mobileMenu, skipToContent, className, children, ...props }: IDSHeaderIneraGeneralBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralBase({ brandLink, brandText, unresponsive, items, avatar, mobileMenu, skipToContent, className, children, ...props }: IDSHeaderIneraGeneralBaseProps): React.JSX.Element;
 export declare namespace IDSHeaderIneraGeneralBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-base.js

@@ -2,10 +2,10 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/header-inera-general/composite-header-inera-general.css';
 
-function IDSHeaderIneraGeneralBase({ brandLink, brandText = "Logotyp inera", unresponsive = false, items, mobileMenu, skipToContent, className, children, ...props }) {
+function IDSHeaderIneraGeneralBase({ brandLink, brandText = "Logotyp inera", unresponsive = false, items, avatar, mobileMenu, skipToContent, className, children, ...props }) {
     return (jsxs("header", { ...props, className: clsx("ids-header-inera-general", {
             "ids-header-inera-general--unresponsive": unresponsive
-        }, className), children: [skipToContent && jsx("div", { className: "ids-header-inera-general__skip-to-content", children: skipToContent }), jsxs("div", { className: "ids-header-inera-general__inner", children: [jsxs("div", { className: "ids-header-inera-general__main", children: [jsx("div", { className: "ids-header-inera-general__brand", children: brandLink ? (jsxs(Fragment, { children: [jsx("span", { className: "ids-header-inera-general__brand-text", children: brandText }), jsx("span", { className: "ids-header-inera-general__brand-link", children: brandLink })] })) : (jsx("h1", { className: "ids-header-inera-general__brand-text", children: brandText })) }), jsxs("div", { className: "ids-header-inera-general__items", children: [items, " ", mobileMenu] })] }), children] })] }));
+        }, className), children: [skipToContent && jsx("div", { className: "ids-header-inera-general__skip-to-content", children: skipToContent }), jsxs("div", { className: "ids-header-inera-general__inner", children: [jsxs("div", { className: "ids-header-inera-general__main", children: [jsx("div", { className: "ids-header-inera-general__brand", children: brandLink ? (jsxs(Fragment, { children: [jsx("span", { className: "ids-header-inera-general__brand-text", children: brandText }), jsx("span", { className: "ids-header-inera-general__brand-link", children: brandLink })] })) : (jsx("h1", { className: "ids-header-inera-general__brand-text", children: brandText })) }), jsxs("div", { className: "ids-header-inera-general__items", children: [items, " ", avatar, " ", mobileMenu && jsx("div", { className: "ids-header-inera-general__mobile-menu", children: mobileMenu })] })] }), children] })] }));
 }
 IDSHeaderIneraGeneralBase.displayName = "IDSHeaderIneraGeneralBase";
 

package/components/header-inera-general/header-inera-general-item-base.d.ts

@@ -5,7 +5,7 @@ export interface IDSHeaderIneraGeneralItemBaseProps extends HTMLAttributes<HTMLE
     separatorLeft?: boolean;
     icon?: string;
 }
-export declare function IDSHeaderIneraGeneralItemBase({ mobile, unresponsive, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralItemBase({ mobile, unresponsive, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralItemBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-item-base.js

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 
 function IDSHeaderIneraGeneralItemBase({ mobile = false, unresponsive = false, separatorLeft = false, icon = "", children, ...props }) {
-    const renderContent = () => (jsx("div", { className: "ids-header-inera-general-item__icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}` }) }));
     return (jsxs("div", { className: clsx("ids-header-inera-general-item", {
             "ids-header-inera-general-item--mobile": mobile,
+            "ids-header-inera-general-item--separator": separatorLeft,
             "ids-header-inera-general-item--unresponsive": unresponsive
-        }), ...props, children: [renderContent(), children] }));
+        }), ...props, children: [jsx("div", { className: "ids-header-inera-general-item__icon", "aria-hidden": "true", children: jsx("span", { className: `ids-icon-${icon}` }) }), children] }));
 }
 IDSHeaderIneraGeneralItemBase.displayName = "IDSHeaderIneraItemBase";
 

package/components/header-inera-general/header-inera-general-item.d.ts

@@ -4,7 +4,7 @@ export interface IDSHeaderIneraGeneralItemProps extends HTMLAttributes<HTMLEleme
     separatorLeft?: boolean;
     icon?: string;
 }
-export declare function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }: IDSHeaderIneraGeneralItemProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralItem {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-item.js

@@ -5,7 +5,7 @@ import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
 
 function IDSHeaderIneraGeneralItem({ mobile, separatorLeft, icon, children, ...props }) {
     const headerContext = useHeaderContext() || { unresponsive: false };
-    return (jsx(IDSHeaderIneraGeneralItemBase, { ...props, mobile: mobile, icon: icon, unresponsive: headerContext.unresponsive, children: children }));
+    return (jsx(IDSHeaderIneraGeneralItemBase, { ...props, separatorLeft: separatorLeft, mobile: mobile, icon: icon, unresponsive: headerContext.unresponsive, children: children }));
 }
 IDSHeaderIneraGeneralItem.displayName = "IDSHeaderIneraGeneralItem";
 

package/components/header-inera-general/header-inera-general-menu-mobile-base.d.ts

@@ -8,7 +8,7 @@ interface IDSHeaderIneraGeneralMenuMobileBaseProps extends HTMLAttributes<HTMLEl
     buttonRef?: React.RefObject<HTMLButtonElement>;
     client?: boolean;
 }
-export declare function IDSHeaderIneraGeneralMenuMobileBase({ srLabel, expanded, unresponsive, children, componentRef, buttonRef, onToggleMenu, client, ...props }: IDSHeaderIneraGeneralMenuMobileBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralMenuMobileBase({ srLabel, expanded, unresponsive, children, componentRef, buttonRef, onToggleMenu, client, ...props }: IDSHeaderIneraGeneralMenuMobileBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralMenuMobileBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-menu-mobile.d.ts

@@ -6,7 +6,7 @@ interface IDSHeaderIneraGeneralMenuMobileProps extends HTMLAttributes<HTMLElemen
     onExpanded?: () => void;
     onClosed?: () => void;
 }
-export declare function IDSHeaderIneraGeneralMenuMobile({ srLabel, expanded, persistent, children, onExpanded, onClosed, ...props }: IDSHeaderIneraGeneralMenuMobileProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralMenuMobile({ srLabel, expanded, persistent, children, onExpanded, onClosed, ...props }: IDSHeaderIneraGeneralMenuMobileProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralMenuMobile {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-base.d.ts

@@ -3,7 +3,7 @@ interface IDSHeaderIneraGeneralNavBaseProps {
     children?: ReactNode;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavBase({ children, unresponsive, ...props }: IDSHeaderIneraGeneralNavBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavBase({ children, unresponsive, ...props }: IDSHeaderIneraGeneralNavBaseProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-base.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 function IDSHeaderIneraGeneralNavBase({ children, unresponsive = false, ...props }) {
     return (jsx("nav", { className: clsx("ids-header-inera-general-nav", {
             "ids-header-inera-general-nav--unresponsive": unresponsive
-        }), "aria-label": "Huvudmeny", ...props, children: jsx("div", { className: "ids-header-inera-general-nav__nav-items", children: children }) }));
+        }), "aria-label": "Huvudmeny", ...props, children: jsx("div", { className: "ids-header-inera-general-nav__inner", children: children }) }));
 }
 IDSHeaderIneraGeneralNavBase.displayName = "IDSHeaderIneraGeneralNavBase";
 

package/components/header-inera-general/header-inera-general-nav-item-base.d.ts

@@ -15,7 +15,7 @@ export interface IDSHeaderIneraGeneralNavItemBaseProps extends HTMLAttributes<HT
     onToggleItem?: () => void;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }: IDSHeaderIneraGeneralNavItemBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }: IDSHeaderIneraGeneralNavItemBaseProps): React.JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavItemBase {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-item-base.js

@@ -1,24 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId } from 'react';
+import { useId } from 'react';
 import clsx from 'clsx';
+import { IDSHeaderIneraGeneralNavItemLink } from './header-inera-general-nav-item-link.js';
 
 function IDSHeaderIneraGeneralNavItemBase({ label, active, expanded, children, col1, col2, col3, col4, componentRef, menuRef, buttonRef, onToggleItem, unresponsive, ...props }) {
     const itemId = `header-inera-item-${useId()}`;
-    return (jsxs("div", { ...props, ref: componentRef, className: clsx("ids-header-inera-general-nav-item", {
+    return (jsxs("div", { ref: componentRef, className: clsx("ids-header-inera-general-nav-item", {
             "ids-header-inera-general-nav-item--unresponsive": unresponsive,
             "ids-header-inera-general-nav-item--expanded": expanded,
             "ids-header-inera-general-nav-item--active": active
-        }), children: [!!label && (jsx("button", { type: "button", ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-inera-general-nav-item__button", onClick: onToggleItem, children: label })), !label && (jsx("span", { className: "ids-header-inera-general-nav-item__link", children: React.Children.map(children, child => {
-                    if (!React.isValidElement(child))
-                        return child;
-                    const element = child;
-                    if (active && !element.props["aria-current"]) {
-                        return React.cloneElement(element, {
-                            "aria-current": "page"
-                        });
-                    }
-                    return element;
-                }) })), jsx("div", { ref: menuRef, id: itemId, className: clsx("ids-header-inera-general-nav-item__menu", {
+        }), ...props, children: [!label && jsx(IDSHeaderIneraGeneralNavItemLink, { active: active, children: children }), !!label && (jsx("button", { type: "button", ref: buttonRef, "aria-controls": itemId, "aria-expanded": expanded, className: "ids-header-inera-general-nav-item__button", onClick: onToggleItem, children: label })), jsx("div", { ref: menuRef, id: itemId, className: clsx("ids-header-inera-general-nav-item__menu", {
                     "ids-header-inera-general-nav-item__menu--expanded": expanded
                 }), children: jsxs("div", { className: "ids-header-inera-general-nav-item__menu-content", children: [jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-1", children: col1?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-2", children: col2?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-3", children: col3?.map((link, idx) => (jsx("div", { className: "ids-header-inera-general-nav__menu-item-wrapper", children: link }, idx))) }), jsx("div", { className: "ids-header-inera-general-nav-item__menu-col-4", children: col4 })] }) })] }));
 }

package/components/header-inera-general/header-inera-general-nav-item-link.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface IDSHeaderIneraGeneralNavItemLinkProps {
+    active?: boolean;
+    children?: React.ReactNode;
+}
+export declare function IDSHeaderIneraGeneralNavItemLink({ active, children }: IDSHeaderIneraGeneralNavItemLinkProps): React.JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemLink {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-link.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+function IDSHeaderIneraGeneralNavItemLink({ active, children }) {
+    return (jsx("span", { className: "ids-header-inera-general-nav-item__link", children: React.Children.map(children, child => {
+            if (!React.isValidElement(child))
+                return child;
+            const element = child;
+            if (active && !element.props["aria-current"]) {
+                return React.cloneElement(element, {
+                    "aria-current": "page"
+                });
+            }
+            return element;
+        }) }));
+}
+IDSHeaderIneraGeneralNavItemLink.displayName = "IDSHeaderIneraGeneralNavItemLink";
+
+export { IDSHeaderIneraGeneralNavItemLink };

package/components/header-inera-general/header-inera-general-nav-item-mobile-base.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralNavItemMobileBaseProps extends HTMLAttributes<HTMLElement> {
+    icon?: string;
+    unresponsive?: boolean;
+}
+export declare function IDSHeaderIneraGeneralNavItemMobileBase({ icon, unresponsive, children, ...props }: IDSHeaderIneraGeneralNavItemMobileBaseProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemMobileBase {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-mobile-base.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import clsx from 'clsx';
+
+function IDSHeaderIneraGeneralNavItemMobileBase({ icon = "", unresponsive = false, children, ...props }) {
+    return (jsxs("div", { ...props, className: clsx("ids-header-inera-general-nav-item-mobile", {
+            "ids-header-inera-general-nav-item-mobile--unresponsive": unresponsive
+        }), children: [icon && (jsx("span", { className: "ids-header-inera-general-nav-item-mobile__icon", children: jsx("span", { className: `ids-icon-${icon}` }) })), children] }));
+}
+IDSHeaderIneraGeneralNavItemMobileBase.displayName = "IDSHeaderIneraGeneralNavItemMobileBase";
+
+export { IDSHeaderIneraGeneralNavItemMobileBase };

package/components/header-inera-general/header-inera-general-nav-item-mobile.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from "react";
+interface IDSHeaderIneraGeneralNavItemMobileProps extends HTMLAttributes<HTMLElement> {
+    icon?: string;
+    unresponsive?: boolean;
+}
+export declare function IDSHeaderIneraGeneralNavItemMobile({ icon, unresponsive, children, ...props }: IDSHeaderIneraGeneralNavItemMobileProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavItemMobile {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-item-mobile.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useHeaderContext } from '../utils/contexts/HeaderContext.js';
+import { IDSHeaderIneraGeneralNavItemMobileBase } from './header-inera-general-nav-item-mobile-base.js';
+
+function IDSHeaderIneraGeneralNavItemMobile({ icon, unresponsive, children, ...props }) {
+    const headerContext = useHeaderContext();
+    return (jsx(IDSHeaderIneraGeneralNavItemMobileBase, { ...props, unresponsive: headerContext?.unresponsive, icon: icon, children: children }));
+}
+IDSHeaderIneraGeneralNavItemMobile.displayName = "IDSHeaderIneraGeneralNavItemMobile";
+
+export { IDSHeaderIneraGeneralNavItemMobile };

package/components/header-inera-general/header-inera-general-nav-item.d.ts

@@ -12,7 +12,7 @@ export interface IDSHeaderIneraGeneralNavItemProps extends HTMLAttributes<HTMLEl
     itemId?: string;
     unresponsive?: boolean;
 }
-export declare function IDSHeaderIneraGeneralNavItem({ expanded, ...props }: IDSHeaderIneraGeneralNavItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNavItem({ expanded, ...props }: IDSHeaderIneraGeneralNavItemProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNavItem {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general-nav-mobile.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+interface IDSHeaderIneraGeneralNavMobileProps {
+    children?: ReactNode;
+    srLabel?: string;
+}
+export declare function IDSHeaderIneraGeneralNavMobile({ children, srLabel, ...props }: IDSHeaderIneraGeneralNavMobileProps): import("react").JSX.Element;
+export declare namespace IDSHeaderIneraGeneralNavMobile {
+    var displayName: string;
+}
+export {};

package/components/header-inera-general/header-inera-general-nav-mobile.js

@@ -0,0 +1,8 @@
+import { jsx } from 'react/jsx-runtime';
+
+function IDSHeaderIneraGeneralNavMobile({ children, srLabel = "Huvudmeny", ...props }) {
+    return (!!children && (jsx("nav", { className: "ids-header-inera-general-nav-mobile", "aria-label": srLabel, ...props, children: children })));
+}
+IDSHeaderIneraGeneralNavMobile.displayName = "IDSHeaderIneraGeneralNavMobile";
+
+export { IDSHeaderIneraGeneralNavMobile };

package/components/header-inera-general/header-inera-general-nav.d.ts

@@ -1,7 +1,7 @@
 import { HTMLAttributes } from "react";
 interface IDSHeaderIneraGeneralNavProps extends HTMLAttributes<HTMLElement> {
 }
-export declare function IDSHeaderIneraGeneralNav({ children, ...props }: IDSHeaderIneraGeneralNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneralNav({ children, ...props }: IDSHeaderIneraGeneralNavProps): import("react").JSX.Element;
 export declare namespace IDSHeaderIneraGeneralNav {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general.d.ts

@@ -7,8 +7,10 @@ interface IDSHeaderIneraGeneralProps extends React.HTMLAttributes<HTMLDivElement
     mobileMenu?: ReactNode;
     skipToContent?: ReactNode;
     logo?: ReactNode;
+    avatar?: ReactNode;
+    hideAvatar?: boolean;
 }
-export declare function IDSHeaderIneraGeneral({ unresponsive, children, ...props }: IDSHeaderIneraGeneralProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderIneraGeneral({ unresponsive, hideAvatar, children, ...props }: IDSHeaderIneraGeneralProps): React.JSX.Element;
 export declare namespace IDSHeaderIneraGeneral {
     var displayName: string;
 }

package/components/header-inera-general/header-inera-general.js

@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { HeaderProvider } from '../utils/contexts/HeaderContext.js';
 import { IDSHeaderIneraGeneralBase } from './header-inera-general-base.js';
 
-function IDSHeaderIneraGeneral({ unresponsive = false, children, ...props }) {
-    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker: true, hideAvatar: true }, children: jsx(IDSHeaderIneraGeneralBase, { ...props, unresponsive: unresponsive, children: children }) }));
+function IDSHeaderIneraGeneral({ unresponsive = false, hideAvatar, children, ...props }) {
+    return (jsx(HeaderProvider, { value: { unresponsive, hideRegionPicker: true, hideAvatar }, children: jsx(IDSHeaderIneraGeneralBase, { ...props, unresponsive: unresponsive, children: children }) }));
 }
 IDSHeaderIneraGeneral.displayName = "IDSHeaderIneraGeneral";
 

package/components/header-patient/header-patient.d.ts

@@ -7,7 +7,7 @@ interface IDSHeaderPatientProps extends React.HTMLAttributes<HTMLDivElement> {
     ssn?: string;
     stack?: boolean;
 }
-export declare function IDSHeaderPatient({ srLabel, name, ssn, collapse, stack, buttons, className, children, ...props }: IDSHeaderPatientProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSHeaderPatient({ srLabel, name, ssn, collapse, stack, buttons, className, children, ...props }: IDSHeaderPatientProps): import("react").JSX.Element;
 export declare namespace IDSHeaderPatient {
     var displayName: string;
 }

package/components/link/action-link.d.ts

@@ -3,7 +3,7 @@ import "@inera/ids-design/components/action-link/action-link.css";
 export interface IDSActionLinkProps extends React.HTMLAttributes<HTMLDivElement> {
     image?: ReactNode;
 }
-export declare function IDSActionLink({ image, children, className, ...props }: IDSActionLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSActionLink({ image, children, className, ...props }: IDSActionLinkProps): React.JSX.Element;
 export declare namespace IDSActionLink {
     var displayName: string;
 }

package/components/link/box-link.d.ts

@@ -3,7 +3,7 @@ import "@inera/ids-design/components/box-link/box-link.css";
 export interface IDSBoxLinkProps extends React.HTMLAttributes<HTMLDivElement> {
     button?: ReactNode;
 }
-export declare function IDSBoxLink({ button, children, className, ...props }: IDSBoxLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSBoxLink({ button, children, className, ...props }: IDSBoxLinkProps): React.JSX.Element;
 export declare namespace IDSBoxLink {
     var displayName: string;
 }

package/components/list-pagination/list-pagination-links.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import "@inera/ids-design/components/list-pagination/list-pagination.css";
 export interface IDSListPaginationLinksProps extends React.HTMLAttributes<HTMLDivElement> {
     showing?: string;
@@ -15,8 +15,9 @@ export interface IDSListPaginationLinksProps extends React.HTMLAttributes<HTMLDi
     linkPrefix?: string;
     prevHref?: string;
     nextHref?: string;
+    noSummary?: boolean;
 }
-export declare function IDSListPaginationLinks({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, linkPrefix, prevHref, nextHref, className, ...props }: IDSListPaginationLinksProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSListPaginationLinks({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, linkPrefix, prevHref, nextHref, noSummary, className, ...props }: IDSListPaginationLinksProps): JSX.Element;
 export declare namespace IDSListPaginationLinks {
     var displayName: string;
 }

package/components/list-pagination/list-pagination-links.js

@@ -1,26 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import '@inera/ids-design/components/list-pagination/list-pagination.css';
+import { IDSListPaginationSummary } from './list-pagination-summary.js';
 
-function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", linkPrefix, prevHref, nextHref, className, ...props }) {
-    const renderSummary = () => {
-        if (from && to && total) {
-            return jsx("div", { className: "ids-list-pagination__summary", children: `${showing} ${from} - ${to} ${of} ${total}` });
-        }
-        return null;
-    };
-    const renderPrevLink = () => {
-        if (current > 1) {
-            return jsx("a", { "aria-label": srPrevious, href: linkPrefix + (current - 1), id: "prev-link" });
-        }
-        return null;
-    };
-    const renderNextLink = () => {
-        if (current < pages) {
-            return jsx("a", { "aria-label": srNext, href: linkPrefix + (current + 1), id: "next-link" });
-        }
-        return null;
-    };
+function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, current = 1, pages = 1, srCurrentPage = "Aktuell sida", srGoToPage = "Gå till sida", srPrevious = "Föregående sida", srNext = "Nästa sida", linkPrefix, prevHref, nextHref, noSummary = false, className, ...props }) {
     const renderLinks = () => {
         const linkArray = [];
         for (let i = 1; i <= pages; i++) {
@@ -42,7 +25,7 @@ function IDSListPaginationLinks({ showing = "Visar", from = 0, to = 0, of = "av"
         }
         return (jsx("nav", { children: jsx("ul", { className: "ids-list-pagination__list", children: linkArray }) }));
     };
-    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [renderSummary(), jsxs("div", { className: "ids-list-pagination__content", children: [jsx("div", { className: "ids-list-pagination__prev-link", children: renderPrevLink() }), jsx("div", { className: "ids-list-pagination__nav-links", children: renderLinks() }), jsx("div", { className: "ids-list-pagination__next-link", children: renderNextLink() })] })] }));
+    return (jsxs("div", { className: clsx("ids-list-pagination", className), ...props, children: [!!total && !noSummary && jsx(IDSListPaginationSummary, { showing: showing, from: from, to: to, of: of, total: total }), jsxs("div", { className: "ids-list-pagination__content", children: [current > 1 && (jsx("div", { className: "ids-list-pagination__prev-link", children: jsx("a", { "aria-label": srPrevious, href: linkPrefix + (current - 1), id: "prev-link" }) })), jsx("div", { className: "ids-list-pagination__nav-links", children: renderLinks() }), current < pages && (jsx("div", { className: "ids-list-pagination__next-link", children: jsx("a", { "aria-label": srNext, href: linkPrefix + (current + 1), id: "next-link" }) }))] })] }));
 }
 IDSListPaginationLinks.displayName = "IDSListPaginationLinks";
 

package/components/list-pagination/list-pagination-summary.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "@inera/ids-design/components/list-pagination/list-pagination.css";
+export interface IDSListPaginationSummaryProps extends React.HTMLAttributes<HTMLDivElement> {
+    showing?: string;
+    from?: number;
+    to?: number;
+    of?: string;
+    total?: number;
+}
+export declare function IDSListPaginationSummary({ showing, from, to, of, total, className, ...props }: IDSListPaginationSummaryProps): React.JSX.Element;
+export declare namespace IDSListPaginationSummary {
+    var displayName: string;
+}

package/components/list-pagination/list-pagination-summary.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import '@inera/ids-design/components/list-pagination/list-pagination.css';
+
+function IDSListPaginationSummary({ showing = "Visar", from = 0, to = 0, of = "av", total = 0, className, ...props }) {
+    return jsx("div", { className: "ids-list-pagination__summary", ...props, children: `${showing} ${from} - ${to} ${of} ${total}` });
+}
+IDSListPaginationSummary.displayName = "IDSListPaginationSummary";
+
+export { IDSListPaginationSummary };

package/components/list-pagination/list-pagination.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { JSX } from "react";
 import "@inera/ids-design/components/list-pagination/list-pagination.css";
 export interface IDSListPaginationProps extends React.HTMLAttributes<HTMLDivElement> {
     showing?: string;
@@ -13,11 +13,12 @@ export interface IDSListPaginationProps extends React.HTMLAttributes<HTMLDivElem
     srPrevious?: string;
     srNext?: string;
     srNav?: string;
+    noSummary?: boolean;
     onChangePage?: (page: number) => void;
     onPrevPage?: (page: number) => void;
     onNextPage?: (page: number) => void;
 }
-export declare function IDSListPagination({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, srNav, onChangePage, onPrevPage, onNextPage, className, ...props }: IDSListPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function IDSListPagination({ showing, from, to, of, total, current, pages, srCurrentPage, srGoToPage, srPrevious, srNext, srNav, noSummary, onChangePage, onPrevPage, onNextPage, className, ...props }: IDSListPaginationProps): JSX.Element;
 export declare namespace IDSListPagination {
     var displayName: string;
 }