@altinn/altinn-components 0.67.8 → 0.67.10

package/dist/components/Menu/MenuListDivider.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import '../../assets/MenuListDivider.css';const d = "_item_10r5c_1", n = "_divider_10r5c_6", i = {
-  item: d,
+import '../../assets/MenuListDivider.css';const s = "_item_10r5c_1", n = "_divider_10r5c_6", i = {
+  item: s,
   divider: n
-}, o = ({ ref: r, style: t, index: s }) => /* @__PURE__ */ e("li", { className: i.item, role: "presentation", ref: r, style: t, "data-index": s, children: /* @__PURE__ */ e("hr", { className: i.divider }) });
+}, c = ({ ref: r, style: t, index: d }) => /* @__PURE__ */ e("li", { className: i.item, role: "presentation", "aria-hidden": "true", ref: r, style: t, "data-index": d, children: /* @__PURE__ */ e("hr", { className: i.divider }) });
 export {
-  o as MenuListDivider
+  c as MenuListDivider
 };

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,6 +1,6 @@
-import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
-import { useMemo as N, useState as O, createElement as y } from "react";
-import { Button as E } from "../Button/Button.js";
+import { jsxs as l, Fragment as N, jsx as i } from "react/jsx-runtime";
+import { useMemo as O, useState as y, createElement as E } from "react";
+import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
 import { s as X } from "../../ToolbarSearch-DyVcALSw.js";
@@ -17,7 +17,7 @@ const oo = ({
   filters: r,
   filterState: e = {},
   onFilterStateChange: t,
-  addLabel: b = "Legg til filter",
+  addLabel: s = "Legg til filter",
   addNextLabel: T = "Legg til",
   resetLabel: j = "Nullstill",
   removeLabel: M = "Fjern filter",
@@ -25,39 +25,39 @@ const oo = ({
   getFilterLabel: x,
   virtualized: A,
   showResetButton: R = !0,
-  controls: s
+  controls: a
 }) => {
-  const { visibleFilters: a, hiddenFilters: d, onFilterAdd: f, onFilterChange: B, onFilterRemove: p } = w({
+  const { visibleFilters: p, hiddenFilters: d, onFilterAdd: f, onFilterChange: B, onFilterRemove: c } = w({
     filters: r,
     filterState: e,
     onFilterStateChange: t
-  }), c = N(
+  }), g = O(
     () => r?.filter((o) => o.removable)?.map((o) => o.name) ?? [],
     [r]
-  ), g = R && c.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [u, h] = O(void 0), v = (o) => {
-    h((m) => m === o ? void 0 : o);
-  }, F = () => {
-    h(void 0);
+  ), u = R && g.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [h, v] = y(void 0), F = (o) => {
+    v((m) => m === o ? void 0 : o);
+  }, b = () => {
+    v(void 0);
   }, C = () => {
-    for (const o of c)
-      p(o);
+    for (const o of g)
+      c(o);
     t?.({});
   };
-  return /* @__PURE__ */ l(L, { children: [
-    a?.map((o, m) => {
+  return /* @__PURE__ */ l(N, { children: [
+    p?.map((o, m) => {
       const I = x?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ y(
+      return /* @__PURE__ */ E(
         q,
         {
           ...o,
           disabled: n,
           submitLabel: k,
           key: m,
-          onToggle: () => v(o.name),
-          onClose: F,
-          open: u === o.name,
+          onToggle: () => F(o.name),
+          onClose: b,
+          open: h === o.name,
           label: I,
-          onRemove: () => p(o.name),
+          onRemove: () => c(o.name),
           removeLabel: M,
           onFilterChange: B,
           onFilterStateChange: t,
@@ -69,21 +69,22 @@ const oo = ({
       D,
       {
         name: "add",
-        onToggle: () => v("add"),
-        onClose: F,
-        open: u === "add",
+        onToggle: () => F("add"),
+        onClose: b,
+        open: h === "add",
         items: d,
         onAdd: f,
-        label: a?.length > 0 ? T : b,
-        virtualized: A
+        label: p?.length > 0 ? T : s,
+        virtualized: A,
+        title: s
       }
     ),
-    (g || s) && /* @__PURE__ */ l(z, { children: [
-      !n && g && /* @__PURE__ */ l(E, { onClick: C, variant: "ghost", children: [
+    (u || a) && /* @__PURE__ */ l(z, { children: [
+      !n && u && /* @__PURE__ */ l(L, { onClick: C, variant: "ghost", children: [
         /* @__PURE__ */ i(X, { "aria-hidden": "true" }),
         /* @__PURE__ */ i("span", { children: j })
       ] }),
-      s
+      a
     ] })
   ] });
 };

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -1,15 +1,15 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { useRef as a, useEffect as y } from "react";
-import { Button as v } from "../Button/Button.js";
+import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { useRef as a, useEffect as v } from "react";
+import { Button as w } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { g as w, M as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { g as x, M as C } from "../../ToolbarSearch-DyVcALSw.js";
 import "../Typography/Link.js";
-import { useDropdownMenuController as C } from "../Menu/useDropdownMenuController.js";
+import { useDropdownMenuController as R } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as R } from "../../Plus-Cj3oOc3N.js";
-const D = ({
+import { S as I } from "../../Plus-Cj3oOc3N.js";
+const L = ({
   label: i = "Legg til filter",
   items: d,
   groups: l = {},
@@ -17,29 +17,31 @@ const D = ({
   onToggle: u,
   onClose: c,
   open: r,
-  dropdownSize: p = "sm"
+  title: p,
+  dropdownSize: f = "sm"
 }) => {
-  const e = C({ id: "tool-filter-add" }), n = a(r), f = a(!1), s = d?.map((o) => ({
+  const e = R({ id: "tool-filter-add" }), n = a(r), g = a(!1), s = d?.map((o) => ({
     linkIcon: !0,
     ...o,
     onClick: () => m?.(o?.name ?? "")
   }));
-  if (y(() => {
+  if (v(() => {
     const o = n.current;
     n.current = r, o && !r && e?.triggerRef?.current?.focus();
   }, [r, e.triggerRef]), !s?.length)
     return null;
-  const g = () => {
+  const h = () => {
     const o = document.getElementById(e.menuId);
-    f.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
+    g.current = !!o?.querySelector('[aria-haspopup="menu"][aria-expanded="true"]'), c();
   };
   return /* @__PURE__ */ t(
-    w,
+    x,
     {
       variant: "drawer-dropdown",
-      size: p,
-      trigger: /* @__PURE__ */ h(
-        v,
+      size: f,
+      title: p,
+      trigger: /* @__PURE__ */ y(
+        w,
         {
           variant: "secondary",
           style: {
@@ -51,18 +53,18 @@ const D = ({
           onClick: u,
           ref: e.triggerRef,
           children: [
-            /* @__PURE__ */ t(R, { "aria-hidden": "true", focusable: "false" }),
+            /* @__PURE__ */ t(I, { "aria-hidden": "true", focusable: "false" }),
             /* @__PURE__ */ t("span", { children: i })
           ]
         }
       ),
       open: r,
-      onClose: g,
+      onClose: h,
       ...e.dropdownA11yProps,
-      children: /* @__PURE__ */ t(x, { groups: l, items: s, maxLevels: 1, keyboardEvents: r, open: r, ...e.menuA11yProps })
+      children: /* @__PURE__ */ t(C, { groups: l, items: s, maxLevels: 1, keyboardEvents: r, open: r, ...e.menuA11yProps })
     }
   );
 };
 export {
-  D as ToolbarFilterAddMenu
+  L as ToolbarFilterAddMenu
 };

package/dist/functions/name/name.js

@@ -1,19 +1,19 @@
-const g = ({ fullName: a, type: r, reverseNameOrder: c }) => {
+const g = ({ fullName: a, type: r, reverseNameOrder: l }) => {
   if (!a) return "";
-  const p = ["enk", "as", "da", "sa", "asa", "ba", "ans", "sti", "nuf"], i = a.split(" "), f = (t) => {
-    if (!t.includes(".")) return !1;
-    const s = t.split(".").filter((e) => e.length > 0);
-    return s.length > 0 && s.every((e) => e.length <= 3);
-  }, u = (t, s) => {
-    const e = s === i.length - 1, o = t.toLowerCase();
-    return r === "company" && e && p.includes(o) ? o.toUpperCase() : r === "company" && f(t) ? t : o.split("-").map((l) => l.charAt(0).toUpperCase() + l.slice(1)).join("-");
+  const p = ["enk", "as", "da", "sa", "asa", "ba", "ans", "sti", "nuf"], u = ["kommune", "fylkeskommune", "og"], i = a.split(" "), f = (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("-");
   };
-  let n = i.map(u);
-  if (r === "person" && c && n.length > 1) {
-    const [t, ...s] = n;
-    n = [...s, t];
+  let o = i.map(m);
+  if (r === "person" && l && o.length > 1) {
+    const [s, ...e] = o;
+    o = [...e, s];
   }
-  return n.join(" ");
+  return o.join(" ");
 };
 export {
   g as formatDisplayName

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

@@ -1,35 +1,65 @@
-import { describe as s, it as e, expect as t } from "vitest";
+import { describe as o, it as t, expect as e } from "vitest";
 import { formatDisplayName as a } from "./name.js";
-s("formatDisplayName", () => {
-  e("formats a simple person name", () => {
-    t(a({ fullName: "TEST TESTESEN", type: "person" })).toBe("Test Testesen");
-  }), e("formats a person name with reordering (surname first)", () => {
-    t(a({ fullName: "TESTESEN TEST", type: "person", reverseNameOrder: !0 })).toBe(
+o("formatDisplayName", () => {
+  t("formats a simple person name", () => {
+    e(a({ fullName: "TEST TESTESEN", type: "person" })).toBe("Test Testesen");
+  }), t("formats a person name with reordering (surname first)", () => {
+    e(a({ fullName: "TESTESEN TEST", type: "person", reverseNameOrder: !0 })).toBe(
       "Test Testesen"
     );
-  }), e("formats a person name with hyphenated last name", () => {
-    t(a({ fullName: "TEST TESTY-TEST", type: "person" })).toBe("Test Testy-Test");
-  }), e("formats a company name and uppercases legal entity suffix", () => {
-    t(a({ fullName: "test as", type: "company" })).toBe("Test AS");
-  }), e("formats a company name and uppercases legal entity suffix", () => {
-    t(a({ fullName: "WORK AS FRIENDS AS", type: "company" })).toBe("Work As Friends AS");
-  }), e("handles company names with hyphenation and suffix", () => {
-    t(a({ fullName: "test testy-test da", type: "company" })).toBe("Test Testy-Test DA");
-  }), e("returns empty string for empty input", () => {
-    t(a({ fullName: "", type: "person" })).toBe("");
-  }), e("preserves abbreviations with periods in company names", () => {
-    t(a({ fullName: "A.B.C AS", type: "company" })).toBe("A.B.C AS");
-  }), e("preserves multiple abbreviations in company name", () => {
-    t(a({ fullName: "A.B.C X.Y.Z AS", type: "company" })).toBe("A.B.C X.Y.Z AS");
-  }), e("preserves abbreviation and formats regular words in company name", () => {
-    t(a({ fullName: "A.B.C consulting AS", type: "company" })).toBe("A.B.C Consulting AS");
-  }), e("formats regular company name without abbreviations", () => {
-    t(a({ fullName: "acme corporation AS", type: "company" })).toBe("Acme Corporation AS");
-  }), e("preserves two-letter abbreviation with period", () => {
-    t(a({ fullName: "A.B. services AS", type: "company" })).toBe("A.B. Services AS");
-  }), e("does not treat long segments as abbreviations", () => {
-    t(a({ fullName: "test.company AS", type: "company" })).toBe("Test.company AS");
-  }), e("does not affect person names with periods", () => {
-    t(a({ fullName: "TEST A.B.C", type: "person" })).toBe("Test A.b.c");
+  }), t("formats a person name with hyphenated last name", () => {
+    e(a({ fullName: "TEST TESTY-TEST", type: "person" })).toBe("Test Testy-Test");
+  }), t("formats a company name and uppercases legal entity suffix", () => {
+    e(a({ fullName: "test as", type: "company" })).toBe("Test AS");
+  }), t("formats a company name and uppercases legal entity suffix", () => {
+    e(a({ fullName: "WORK AS FRIENDS AS", type: "company" })).toBe("Work As Friends AS");
+  }), t("handles company names with hyphenation and suffix", () => {
+    e(a({ fullName: "test testy-test da", type: "company" })).toBe("Test Testy-Test DA");
+  }), t("returns empty string for empty input", () => {
+    e(a({ fullName: "", type: "person" })).toBe("");
+  }), t("preserves abbreviations with periods in company names", () => {
+    e(a({ fullName: "A.B.C AS", type: "company" })).toBe("A.B.C AS");
+  }), t("preserves multiple abbreviations in company name", () => {
+    e(a({ fullName: "A.B.C X.Y.Z AS", type: "company" })).toBe("A.B.C X.Y.Z AS");
+  }), t("preserves abbreviation and formats regular words in company name", () => {
+    e(a({ fullName: "A.B.C consulting AS", type: "company" })).toBe("A.B.C Consulting AS");
+  }), t("formats regular company name without abbreviations", () => {
+    e(a({ fullName: "acme corporation AS", type: "company" })).toBe("Acme Corporation AS");
+  }), t("preserves two-letter abbreviation with period", () => {
+    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");
+  }), o("municipalities (kommuner)", () => {
+    t('lowercases "kommune" for a single-word municipality', () => {
+      e(a({ fullName: "OSLO KOMMUNE", type: "company" })).toBe("Oslo kommune");
+    }), t('lowercases "kommune" for a multi-word place name', () => {
+      e(a({ fullName: "NORDRE LAND KOMMUNE", type: "company" })).toBe("Nordre Land kommune");
+    }), t("handles hyphenated municipality names", () => {
+      e(a({ fullName: "NORD-AURDAL KOMMUNE", type: "company" })).toBe("Nord-Aurdal kommune");
+    }), t("handles Norwegian characters in municipality names", () => {
+      e(a({ fullName: "BÆRUM KOMMUNE", type: "company" })).toBe("Bærum kommune"), e(a({ fullName: "TRØNDELAG FYLKESKOMMUNE", type: "company" })).toBe(
+        "Trøndelag fylkeskommune"
+      );
+    }), t('lowercases "fylkeskommune" for county municipalities', () => {
+      e(a({ fullName: "VIKEN FYLKESKOMMUNE", type: "company" })).toBe("Viken fylkeskommune");
+    }), t('lowercases the conjunction "og" in county municipality names', () => {
+      e(a({ fullName: "MØRE OG ROMSDAL FYLKESKOMMUNE", type: "company" })).toBe(
+        "Møre og Romsdal fylkeskommune"
+      ), e(a({ fullName: "TROMS OG FINNMARK FYLKESKOMMUNE", type: "company" })).toBe(
+        "Troms og Finnmark fylkeskommune"
+      );
+    }), t("keeps capitalizing subsequent words (e.g. sub-units)", () => {
+      e(a({ fullName: "OSLO KOMMUNE UTDANNINGSETATEN", type: "company" })).toBe(
+        "Oslo kommune Utdanningsetaten"
+      );
+    }), t('capitalizes "Kommune" when it is the first word of the name', () => {
+      e(a({ fullName: "KOMMUNE TEST AS", type: "company" })).toBe("Kommune Test AS");
+    }), t('capitalizes "Og" when it is the first word of the name', () => {
+      e(a({ fullName: "OG TEST AS", type: "company" })).toBe("Og Test AS");
+    }), t("does not lowercase generic nouns for person names", () => {
+      e(a({ fullName: "OLA KOMMUNE", type: "person" })).toBe("Ola Kommune");
+    });
   });
 });

package/dist/types/lib/components/Inbox/InboxPage.stories.d.ts

@@ -25,12 +25,13 @@ export declare const Trash: () => import("react/jsx-runtime").JSX.Element;
 export declare const AllCompanies: () => import("react/jsx-runtime").JSX.Element;
 export declare const AllCompaniesLimit: () => import("react/jsx-runtime").JSX.Element;
 export declare const AllCompaniesPage: () => import("react/jsx-runtime").JSX.Element;
-export declare const Search: ({ pageId, title, description, query, children, }: {
+export declare const Search: ({ pageId, title, hightlightWords, description, query, children, }: {
     pageId?: string;
     title?: string;
     description?: ReactNode;
     query?: UseInboxQuery;
     children?: ReactNode;
+    hightlightWords?: string[];
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchInbox: () => import("react/jsx-runtime").JSX.Element;
 export declare const SearchArchive: () => import("react/jsx-runtime").JSX.Element;

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

@@ -7,4 +7,4 @@ export interface ToolbarFilterAddMenuProps extends FilterProps {
     onClose: () => void;
     onAdd?: (name: string) => void;
 }
-export declare const ToolbarFilterAddMenu: ({ label, items, groups, onAdd, onToggle, onClose, open, dropdownSize, }: ToolbarFilterAddMenuProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ToolbarFilterAddMenu: ({ label, items, groups, onAdd, onToggle, onClose, open, title, dropdownSize, }: ToolbarFilterAddMenuProps) => import("react/jsx-runtime").JSX.Element | null;

package/package.json

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