@inera/ids-react 7.1.1 → 7.2.1

package/components/dialog/dialog.js

@@ -51,7 +51,6 @@ const IDSDialog = ({ show = false, srClose = "Stäng", dismissible = false, auto
                 const focusable = bodyRef.current?.querySelector(".ids-focus-anchor") ||
                     bodyRef.current?.querySelector("h1, h2, h3, [tabindex]:not([tabindex='-1']), button:not([disabled]), a, input:not([disabled]), textarea:not([disabled])") ||
                     dialogRef.current?.querySelector("button.ids-dialog__header__button");
-                console.log("focusable", focusable);
                 focusable?.focus();
             });
         }

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

@@ -5,6 +5,7 @@ export interface IDSHeaderIneraAdminProps extends React.HTMLAttributes<HTMLDivEl
     serviceName?: string;
     fluid?: boolean;
     unresponsive?: boolean;
+    showLogo?: boolean;
     items?: ReactNode;
     avatar?: ReactNode;
     skipToContent?: ReactNode;

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

@@ -5,23 +5,19 @@ import '@inera/ids-design/components/header-inera-admin/header-inera-admin.css';
 import clsx from 'clsx';
 import { HeaderProvider } from '../utils/contexts/HeaderContext.js';
 
-const IDSHeaderIneraAdmin = ({ brandText = "", fluid = false, unresponsive = false, items, avatar, skipToContent, brandLink, serviceName = "EN TJÄNST FRÅN INERA", mobileMenu, className, children }) => {
+const IDSHeaderIneraAdmin = ({ brandText = "", fluid = false, unresponsive = false, showLogo = false, items, avatar, skipToContent, brandLink, serviceName = "EN TJÄNST FRÅN INERA", mobileMenu, className, children }) => {
     const renderBrandText = () => {
         if (brandLink && isValidElement(brandLink)) {
-            return (jsx("span", { className: "ids-header-inera-admin__brand-text-link", children: cloneElement(brandLink, {
-                    ...brandLink.props,
-                    children: brandText
+            return (jsx("span", { className: "ids-header-inera-admin__brand-link", children: cloneElement(brandLink, {
+                    ...brandLink.props
                 }) }));
         }
-        if (brandText) {
-            return jsx("h1", { className: "ids-header-inera-admin__brand-text", children: brandText });
-        }
         return null;
     };
     return (jsx(HeaderProvider, { value: { unresponsive, fluid, hideRegionPicker: true, regionPickerText: "" }, children: jsxs("header", { className: clsx("ids-header-inera-admin", {
                 "ids-header-inera-admin--unresponsive": unresponsive,
                 "ids-header-inera-admin--fluid": fluid
-            }, className), children: [skipToContent && (jsx("div", { className: "ids-header-inera-admin__skip-to-content", children: skipToContent })), jsxs("div", { className: "ids-header-inera-admin__inner", children: [jsxs("div", { className: "ids-header-inera-admin__service-wrapper", children: [renderBrandText(), jsx("h2", { className: "ids-header-inera-admin__service-name", children: serviceName })] }), jsxs("div", { className: "ids-header-inera-admin__items", children: [items, " ", avatar, " ", mobileMenu] })] }), children] }) }));
+            }, className), children: [skipToContent && jsx("div", { className: "ids-header-inera-admin__skip-to-content", children: skipToContent }), jsxs("div", { className: "ids-header-inera-admin__inner", children: [jsx("div", { className: "ids-header-inera-admin__service-wrapper", children: jsxs("div", { className: "ids-header-inera-admin__brand", children: [showLogo && jsx("div", { className: "ids-header-inera-admin__logo", "aria-label": "Logotyp inera" }), jsxs("div", { className: "ids-header-inera-admin__brand-inner", children: [renderBrandText(), jsx("h1", { className: "ids-header-inera-admin__brand-text", children: brandText }), jsx("h2", { className: "ids-header-inera-admin__service-name", children: serviceName })] })] }) }), jsxs("div", { className: "ids-header-inera-admin__items", children: [items, " ", avatar, " ", mobileMenu] })] }), children] }) }));
 };
 
 export { IDSHeaderIneraAdmin };

package/components/tabs/tabs.d.ts

@@ -3,6 +3,7 @@ import "@inera/ids-design/components/tabs/tabs.css";
 import { IDSTabProps } from "./tab";
 interface IDSTabsProps extends React.HTMLAttributes<HTMLDivElement> {
     unresponsive?: boolean;
+    light?: boolean;
     compact?: boolean;
     breakpoint?: "m" | "s";
     selectLabel?: string;

package/components/tabs/tabs.js

@@ -6,7 +6,7 @@ import '@inera/ids-design/components/tabs/tabs.css';
 import { useElementId } from '../utils/hooks/useElementId.js';
 import clsx from 'clsx';
 
-const IDSTabs = ({ unresponsive = false, compact = false, breakpoint = "m", selectLabel = "", tabs = [], children, className, onTabChange }) => {
+const IDSTabs = ({ unresponsive = false, light = false, compact = false, breakpoint = "m", selectLabel = "", tabs = [], children, className, onTabChange }) => {
     const tabsId = useElementId();
     const initialSelectedIndex = tabs.findIndex(tab => React__default.isValidElement(tab) && tab.props.selected === true);
     const [activeTab, setActiveTab] = useState(initialSelectedIndex !== -1 ? initialSelectedIndex : 0);
@@ -68,14 +68,28 @@ const IDSTabs = ({ unresponsive = false, compact = false, breakpoint = "m", sele
         handleSelect(index);
     };
     const renderTabOptions = () => tabs?.map((tab, i) => {
-        const label = React__default.isValidElement(tab) ? tab.props.label || `Tab ${i + 1}` : `Tab ${i + 1}`;
-        return (jsx("option", { value: i, children: label }, i));
+        if (!React__default.isValidElement(tab))
+            return null;
+        const { label, notification } = tab.props;
+        let notificationText = "";
+        if (typeof notification === "string" || typeof notification === "number") {
+            notificationText = String(notification);
+        }
+        else if (React__default.isValidElement(notification)) {
+            const badge = notification;
+            const childTexts = React__default.Children.toArray(badge.props.children)
+                .map(child => (typeof child === "string" || typeof child === "number" ? child : ""))
+                .join("");
+            notificationText = childTexts.trim();
+        }
+        const optionLabel = notificationText ? `${label} (${notificationText})` : label;
+        return (jsx("option", { value: i, children: optionLabel }, i));
     });
     return (jsxs("div", { className: clsx("ids-tabs", {
             "ids-tabs--unresponsive": unresponsive,
             "ids-tabs--responsive-on-m": responsiveOnM,
             "ids-tabs--responsive-on-s": responsiveOnS
-        }, className), children: [jsx("div", { className: "ids-tabs__select", children: jsx(IDSSelect, { label: selectLabel, onChange: tabChangedFromSelect, value: activeTab, children: renderTabOptions() }) }), jsx("div", { className: "ids-tabs__tabs", role: "tablist", children: enhancedTabs }), jsx("div", { className: "ids-tabs__panels", children: enhancedTabPanels })] }));
+        }, className), children: [jsx("div", { className: "ids-tabs__select", children: jsx(IDSSelect, { label: selectLabel, onChange: tabChangedFromSelect, value: activeTab, light: light, children: renderTabOptions() }) }), jsx("div", { className: "ids-tabs__tabs", role: "tablist", children: enhancedTabs }), jsx("div", { className: "ids-tabs__panels", children: enhancedTabPanels })] }));
 };
 
 export { IDSTabs };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@inera/ids-react",
-  "version": "7.1.1",
+  "version": "7.2.1",
   "type": "module",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "7.1.x",
+    "@inera/ids-core": "7.2.x",
     "@lit-labs/react": "^1.1.0",
     "clsx": "*"
   },