@altinn/altinn-components 0.68.2 → 0.68.4

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -3,7 +3,7 @@ import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Caqi75cv.js";
-import { s as h, q as x } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { s as h, q as x } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { useRef as H, useEffect as J } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Caqi75cv.js";
-import { g as O, M as K } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { g as O, M as K } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { useDropdownMenuController as Q } from "../Menu/useDropdownMenuController.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -3,7 +3,7 @@ import "react";
 import "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Caqi75cv.js";
-import { T as l } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { T as l } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../Typography/Link.js";
 import "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../tooltip-Caqi75cv.js";
 import "../../index-p1eeF8LQ.js";
-import { t as h } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { t as h } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import { Toolbar as e } from "./Toolbar.js";
 import { ToolbarFilter as l } from "./ToolbarFilter.js";
 import { ToolbarFilterMenu as m } from "./ToolbarFilterMenu.js";
-import { T as p, t as x } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { T as p, t as x } from "../../ToolbarSearch-DdsPkd-G.js";
 import { useFilter as T } from "./useFilter.js";
 import { SelectDateFilter as i } from "./SelectDateFilter.js";
 import { QueryLabel as s } from "./QueryLabel.js";

package/dist/components/Transmission/Transmission.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as t, jsxs as r, Fragment as g } from "react/jsx-runtime";
 import { useState as _ } from "react";
-import { B as v } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { B as v } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../../index-p1eeF8LQ.js";
 import { AttachmentList as L } from "../Attachment/AttachmentList.js";
 import "../../tooltip-Caqi75cv.js";

package/dist/components/Transmission/TransmissionList.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { createElement as l } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Caqi75cv.js";
-import { a } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { a } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Transmission/TransmissionType.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { B as o } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { B as o } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Caqi75cv.js";

package/dist/components/Typography/Heading.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Skeleton/Skeleton.js";
 import "../../tooltip-Caqi75cv.js";
-import { H as s } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { H as s } from "../../ToolbarSearch-DdsPkd-G.js";
 import "./useHighlightedText.js";
 import "./Link.js";
 import "../Button/Button.js";

package/dist/components/Typography/index.js

@@ -1,5 +1,5 @@
 import { Typography as p } from "./Typography.js";
-import { H as a } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { H as a } from "../../ToolbarSearch-DdsPkd-G.js";
 import { Link as m } from "./Link.js";
 export {
   a as Heading,

package/dist/components/UserListItem/UserListItem.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as _ } from "react/jsx-runtime";
-import { B as h } from "../../ToolbarSearch-B7BeGXrJ.js";
+import { B as h } from "../../ToolbarSearch-DdsPkd-G.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Caqi75cv.js";

package/dist/components/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as A } from "./Account/AccountNotificationS
 import { AccountOrganization as y } from "./Account/AccountOrganization.js";
 import { AccountSelector as k } from "./AccountSelector/AccountSelector.js";
 import { Alert as v } from "./Alert/Alert.js";
-import { B as P, a as C, D as H, b as w, c as E, d as G, e as O, f as R, g as N, F as V, H as U, I as z, h as j, i as Q, M as q, j as J, k as K, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "../ToolbarSearch-B7BeGXrJ.js";
+import { B as P, a as C, D as H, b as w, c as E, d as G, e as O, f as R, g as N, F as V, H as U, I as z, h as j, i as Q, M as q, j as J, k as K, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "../ToolbarSearch-DdsPkd-G.js";
 import { Banner as ao, BannerColorEnum as po, BannerVariantEnum as io } from "./Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as no } from "./Bookmarks/BookmarkSettingsList.js";

package/dist/functions/name/name.js

@@ -1,20 +1,39 @@
-const g = ({ fullName: a, type: r, reverseNameOrder: l }) => {
+const d = ({ fullName: a, type: o, reverseNameOrder: c }) => {
   if (!a) return "";
-  const p = ["enk", "as", "da", "sa", "asa", "ba", "ans", "sti", "nuf"], u = ["kommune", "fylkeskommune", "og"], i = a.split(" "), f = (s) => {
+  const f = [
+    "enk",
+    "as",
+    "da",
+    "sa",
+    "asa",
+    "ba",
+    "ans",
+    "sti",
+    "nuf",
+    "se",
+    "fkf",
+    "kf",
+    "ks",
+    "iks",
+    "gfs",
+    "sf",
+    "hf",
+    "rhf"
+  ], p = ["kommune", "fylkeskommune", "og"], u = ["von", "van", "der", "de", "la", "dos"], i = a.split(" "), m = (s) => {
     if (!s.includes(".")) return !1;
-    const e = s.split(".").filter((n) => n.length > 0);
-    return e.length > 0 && e.every((n) => n.length <= 3);
-  }, m = (s, e) => {
-    const n = e === i.length - 1, t = s.toLowerCase();
-    return r === "company" && n && p.includes(t) ? t.toUpperCase() : r === "company" && e > 0 && u.includes(t) ? t : r === "company" && f(s) ? s : t.split("-").map((c) => c.charAt(0).toUpperCase() + c.slice(1)).join("-");
+    const e = s.split(".").filter((t) => t.length > 0);
+    return e.length > 0 && e.every((t) => t.length <= 3);
+  }, g = (s, e) => {
+    const t = e === i.length - 1, n = s.toLowerCase();
+    return o === "company" && t && f.includes(n) ? n.toUpperCase() : o === "company" && e > 0 && p.includes(n) || e > 0 && u.includes(n) ? n : m(s) ? s.toUpperCase() : n.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("-");
   };
-  let o = i.map(m);
-  if (r === "person" && l && o.length > 1) {
-    const [s, ...e] = o;
-    o = [...e, s];
+  let r = i.map(g);
+  if (o === "person" && c && r.length > 1) {
+    const [s, ...e] = r;
+    r = [...e, s];
   }
-  return o.join(" ");
+  return r.join(" ");
 };
 export {
-  g as formatDisplayName
+  d as formatDisplayName
 };

package/dist/functions/name/name.spec.js

@@ -29,8 +29,21 @@ o("formatDisplayName", () => {
     e(a({ fullName: "A.B. services AS", type: "company" })).toBe("A.B. Services AS");
   }), t("does not treat long segments as abbreviations", () => {
     e(a({ fullName: "test.company AS", type: "company" })).toBe("Test.company AS");
-  }), t("does not affect person names with periods", () => {
-    e(a({ fullName: "TEST A.B.C", type: "person" })).toBe("Test A.b.c");
+  }), t("preserves and uppercases initials in person names", () => {
+    e(a({ fullName: "TEST A.B.C", type: "person" })).toBe("Test A.B.C"), e(a({ fullName: "ola j. k. nordmann", type: "person" })).toBe("Ola J. K. Nordmann");
+  }), o("legal entity suffixes", () => {
+    t.each(["se", "fkf", "kf", "ks", "iks", "gfs", "sf", "hf", "rhf", "sti"])(
+      'uppercases the "%s" suffix for companies',
+      (n) => {
+        e(a({ fullName: `test ${n}`, type: "company" })).toBe(`Test ${n.toUpperCase()}`);
+      }
+    );
+  }), o("nobiliary particles", () => {
+    t("lowercases particles when not the first word", () => {
+      e(a({ fullName: "CHARLES DE GAULLE", type: "person" })).toBe("Charles de Gaulle"), e(a({ fullName: "LUDWIG VAN BEETHOVEN", type: "person" })).toBe("Ludwig van Beethoven");
+    }), t("capitalizes a particle when it is the first word", () => {
+      e(a({ fullName: "DE GAULLE CHARLES", type: "person" })).toBe("De Gaulle Charles");
+    });
   }), o("municipalities (kommuner)", () => {
     t('lowercases "kommune" for a single-word municipality', () => {
       e(a({ fullName: "OSLO KOMMUNE", type: "company" })).toBe("Oslo kommune");

package/dist/hooks/useAccountSelector.js

@@ -2,7 +2,7 @@ import { jsx as F } from "react/jsx-runtime";
 import { useRef as R, useMemo as h } from "react";
 import "../index-p1eeF8LQ.js";
 import "../tooltip-Caqi75cv.js";
-import "../ToolbarSearch-B7BeGXrJ.js";
+import "../ToolbarSearch-DdsPkd-G.js";
 import "../components/Typography/Link.js";
 import { Button as q } from "../components/Button/Button.js";
 import "react-dom";

package/dist/index.js

@@ -11,7 +11,7 @@ import { AccountNotificationSettings as b } from "./components/Account/AccountNo
 import { AccountOrganization as y } from "./components/Account/AccountOrganization.js";
 import { AccountSelector as k } from "./components/AccountSelector/AccountSelector.js";
 import { Alert as v } from "./components/Alert/Alert.js";
-import { B as C, a as P, D as H, b as w, c as E, d as G, e as O, f as N, g as R, F as V, H as U, I as z, h as j, i as Q, M as K, j as q, k as J, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "./ToolbarSearch-B7BeGXrJ.js";
+import { B as C, a as P, D as H, b as w, c as E, d as G, e as O, f as N, g as R, F as V, H as U, I as z, h as j, i as Q, M as K, j as q, k as J, l as W, m as X, n as Y, R as Z, S as _, T as $, t as oo, V as ro, u as eo, w as to } from "./ToolbarSearch-DdsPkd-G.js";
 import { Banner as ao, BannerColorEnum as po, BannerVariantEnum as xo } from "./components/Banner/Banner.js";
 import { BookmarkSettingsItem as fo } from "./components/Bookmarks/BookmarkSettingsItem.js";
 import { BookmarkSettingsList as no } from "./components/Bookmarks/BookmarkSettingsList.js";

package/dist/types/lib/components/Layout/Layout.d.ts

@@ -9,6 +9,8 @@ import { MenuProps } from '../Menu';
 import { SkipLinkProps } from '../SkipLink';
 interface SidebarProps extends LayoutSidebarProps {
     menu?: MenuProps;
+    /** Accessible label for the sidebar navigation landmark. */
+    ariaLabel?: string;
     children?: ReactNode;
 }
 interface ContentProps {

package/dist/types/lib/components/Menu/Menu.stories.d.ts

@@ -11,7 +11,7 @@ declare const meta: {
         level?: number | undefined;
         maxLevels?: number | undefined;
         expanded?: boolean | undefined;
-        a11yMode?: "menu" | "combobox" | undefined;
+        a11yMode?: "menu" | "combobox" | "navigation" | undefined;
         open?: boolean | undefined;
         scrollToTopOnOpen?: boolean | undefined;
         autoActivateFirstItem?: boolean | undefined;
@@ -36,7 +36,7 @@ declare const meta: {
         level?: number | undefined;
         maxLevels?: number | undefined;
         expanded?: boolean | undefined;
-        a11yMode?: "menu" | "combobox" | undefined;
+        a11yMode?: "menu" | "combobox" | "navigation" | undefined;
         open?: boolean | undefined;
         scrollToTopOnOpen?: boolean | undefined;
         autoActivateFirstItem?: boolean | undefined;

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -9,6 +9,8 @@ export interface MenuItemProps extends AriaAttributes {
     id?: string;
     groupId?: string;
     role?: MenuItemRole;
+    /** @internal a11y context set by the parent list. In `navigation` mode the item renders without a menu role. */
+    a11yMode?: 'menu' | 'combobox' | 'navigation';
     as?: ElementType;
     /** Size, default is sm */
     size?: MenuItemSize;
@@ -58,4 +60,4 @@ export interface MenuItemProps extends AriaAttributes {
     /** data-testid */
     'data-testid'?: string;
 }
-export declare const MenuItem: ({ id, groupId, role, as, href, onClick, onKeyPress, onMouseEnter, size, variant, color, checked, icon, label, badge, controls, title, htmlTitle, description, highlightWords, count, linkIcon, disabled, selected, active, tabIndex, className, "data-testid": dataTestId, ...attributes }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ id, groupId, role, a11yMode, as, href, onClick, onKeyPress, onMouseEnter, size, variant, color, checked, icon, label, badge, controls, title, htmlTitle, description, highlightWords, count, linkIcon, disabled, selected, active, tabIndex, className, "data-testid": dataTestId, ...attributes }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItems.d.ts

@@ -15,7 +15,7 @@ export interface MenuItemsProps {
     level?: number;
     maxLevels?: number;
     expanded?: boolean;
-    a11yMode?: 'menu' | 'combobox';
+    a11yMode?: 'menu' | 'combobox' | 'navigation';
     open?: boolean;
     scrollToTopOnOpen?: boolean;
     autoActivateFirstItem?: boolean;

package/dist/types/lib/components/Menu/useMenuSearch.d.ts

@@ -22,6 +22,7 @@ export declare const useMenuSearch: ({ placeholder, name, onChange, onClear, cle
         id?: string;
         groupId?: string;
         role?: import('./MenuItem').MenuItemRole;
+        a11yMode?: "menu" | "combobox" | "navigation";
         as?: React.ElementType;
         size?: import('./MenuItem').MenuItemSize;
         variant?: import('./MenuItem').MenuItemVariant;

package/dist/types/lib/components/Toolbar/useFilter.d.ts

@@ -30,6 +30,7 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
             id?: string;
             groupId?: string;
             role?: import('..').MenuItemRole;
+            a11yMode?: "menu" | "combobox" | "navigation";
             as?: import('react').ElementType;
             size?: import('..').MenuItemSize;
             variant?: import('..').MenuItemVariant;
@@ -140,7 +141,7 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         level?: number | undefined;
         maxLevels?: number | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
-        a11yMode?: "menu" | "combobox" | undefined;
+        a11yMode?: "menu" | "combobox" | "navigation" | undefined;
         scrollToTopOnOpen?: boolean | undefined;
         autoFocusList?: boolean | undefined;
         autoActivateFirstItem?: boolean | undefined;
@@ -174,7 +175,7 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         level?: number | undefined;
         maxLevels?: number | undefined;
         onActiveItemIdChange?: ((id: string | undefined) => void) | undefined;
-        a11yMode?: "menu" | "combobox" | undefined;
+        a11yMode?: "menu" | "combobox" | "navigation" | undefined;
         scrollToTopOnOpen?: boolean | undefined;
         autoFocusList?: boolean | undefined;
         autoActivateFirstItem?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.68.2",
+  "version": "0.68.4",
   "main": "dist/index.js",
   "files": [
     "dist/",