@altinn/altinn-components 0.38.2 → 0.38.5

package/dist/components/Account/AccountMenu.js

@@ -1,56 +1,56 @@
 "use client";
-import { jsx as w } from "react/jsx-runtime";
-import { useState as I } from "react";
+import { jsx as I } from "react/jsx-runtime";
+import { useState as c } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
 import { Menu as M } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
 const b = (n) => `${n} hits`, k = ({
   items: n = [],
-  groups: h = {},
+  groups: f = {},
   search: t,
   onSelectAccount: r,
   currentAccount: s,
-  menuItemsVirtual: C
+  menuItemsVirtual: h
 }) => {
-  var p;
+  var u;
   const d = n.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (s == null ? void 0 : s.id) === o.id,
     onClick: () => r == null ? void 0 : r(o.id)
-  })), [l, a] = I(""), e = l ? d.filter(
+  })), [l, a] = c(""), e = l ? d.filter(
     (o) => {
-      var g, i, f;
-      return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(l.toLowerCase())) || ((f = (i = o == null ? void 0 : o.description) == null ? void 0 : i.toString()) == null ? void 0 : f.toLowerCase().includes(l.toLowerCase()));
+      var p, g, i;
+      return ((p = o == null ? void 0 : o.name) == null ? void 0 : p.toLowerCase().includes(l.toLowerCase())) || ((i = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : i.toLowerCase().includes(l.toLowerCase()));
     }
   ).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
     highlightWords: [l]
-  })) : d, L = l ? {
+  })) : d, C = l ? {
     search: {
-      title: ((p = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : p.call(t, e.length)) ?? b(e.length)
+      title: ((u = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : u.call(t, e.length)) ?? b(e.length)
     }
-  } : h, c = {
+  } : f, L = {
     name: "account-search",
     value: l,
     placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
     onChange: (o) => a(o.target.value),
     onClear: () => a("")
-  }, u = [
+  }, w = [
     ...e.length > 0 ? e : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return console.log("items", u), /* @__PURE__ */ w(
+  return /* @__PURE__ */ I(
     M,
     {
       theme: "default",
-      search: t && c,
-      groups: L,
-      items: u,
-      menuItemsVirtual: C
+      search: t && L,
+      groups: C,
+      items: w,
+      menuItemsVirtual: h
     }
   );
 };

package/dist/components/Dialog/DialogListGroup.js

@@ -1,21 +1,17 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Button as n } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Heading as e } from "../Typography/Heading.js";
-import { List as p } from "../List/List.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { Heading as s } from "../Typography/Heading.js";
+import { List as e } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as s } from "../Page/Flex.js";
-import { Section as c } from "../Page/Section.js";
-import { S as a } from "../../Checkmark-D17Nyv_u.js";
-const z = ({ title: i, children: m, checkAllLabel: o }) => /* @__PURE__ */ t(c, { spacing: 3, children: [
-  i && /* @__PURE__ */ t(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ r(e, { size: "lg", children: i }),
-    o && /* @__PURE__ */ r(n, { variant: "text", icon: a, size: "sm", children: o })
-  ] }),
-  /* @__PURE__ */ r(p, { spacing: 3, children: m })
+import { Section as n } from "../Page/Section.js";
+const j = ({ title: o, description: i, children: m }) => /* @__PURE__ */ t(n, { spacing: 3, children: [
+  o && /* @__PURE__ */ r(s, { size: "lg", children: o }),
+  i && /* @__PURE__ */ r(p, { size: "sm", style: { marginBottom: ".5em" }, children: i }),
+  /* @__PURE__ */ r(e, { spacing: 3, children: m })
 ] });
 export {
-  z as DialogListGroup
+  j as DialogListGroup
 };

package/dist/components/Menu/MenuBase.js

@@ -1,19 +1,50 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import '../../assets/MenuBase.css';const r = "_menu_sxyub_1", l = "_list_sxyub_16", p = "_item_sxyub_22", i = {
-  menu: r,
-  list: l,
-  item: p
-}, C = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ a(t, { className: c(i.menu, o), "data-color": n, "data-theme": e, children: s }), d = ({ as: t = "ul", role: n = "group", className: e, children: o, ref: s, onMouseEnter: m }) => /* @__PURE__ */ a(t, { className: c(i.list, e), role: n, ref: s, onMouseEnter: m, children: o }), y = ({
+import { jsx as c } from "react/jsx-runtime";
+import { c as i } from "../../index-L8X2o7IH.js";
+import '../../assets/MenuBase.css';const l = "_menu_sxyub_1", p = "_list_sxyub_16", _ = "_item_sxyub_22", u = {
+  menu: l,
+  list: p,
+  item: _
+}, y = ({ as: t = "nav", color: n, theme: e, className: o, children: s }) => /* @__PURE__ */ c(t, { className: i(u.menu, o), "data-color": n, "data-theme": e, children: s }), b = ({
+  as: t = "ul",
+  role: n = "group",
+  className: e,
+  children: o,
+  ref: s,
+  onMouseEnter: m,
+  onMouseLeave: a
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    className: i(u.list, e),
+    role: n,
+    ref: s,
+    onMouseEnter: m,
+    onMouseLeave: a,
+    children: o
+  }
+), M = ({
   as: t = "li",
   role: n = "presentation",
   className: e,
   children: o,
   style: s,
-  dataIndex: m
-}) => /* @__PURE__ */ a(t, { className: c(i.item, e), role: n, style: s, "data-index": m, children: o });
+  dataIndex: m,
+  onMouseEnter: a,
+  onMouseLeave: r
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    className: i(u.item, e),
+    role: n,
+    style: s,
+    "data-index": m,
+    onMouseEnter: a,
+    onMouseLeave: r,
+    children: o
+  }
+);
 export {
-  C as MenuBase,
-  d as MenuList,
-  y as MenuListItem
+  y as MenuBase,
+  b as MenuList,
+  M as MenuListItem
 };

package/dist/components/Menu/MenuItems.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as c, jsx as d, Fragment as K } from "react/jsx-runtime";
+import { jsxs as m, jsx as d, Fragment as K } from "react/jsx-runtime";
 import { useRef as R, Fragment as S } from "react";
 import "../../index-L8X2o7IH.js";
 import { useMenu as _ } from "../../hooks/useMenu.js";
@@ -7,44 +7,44 @@ import "../RootProvider/RootProvider.js";
 import { MenuItem as $ } from "./MenuItem.js";
 import { MenuSearch as q } from "./MenuSearch.js";
 import { MenuHeader as w } from "./MenuHeader.js";
-import { MenuList as A, MenuListItem as i } from "./MenuBase.js";
+import { MenuList as C, MenuListItem as i } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const C = ({
+const D = ({
   level: f = 0,
   expanded: F,
   search: h,
-  items: j,
+  items: L,
   groups: r = {},
   defaultItemSize: x,
   defaultItemColor: M,
   defaultItemTheme: I,
-  defaultIconTheme: b,
-  as: z,
-  keyboardEvents: E,
-  onSelect: L = () => {
+  defaultIconTheme: o,
+  as: j,
+  keyboardEvents: z,
+  onSelect: E = () => {
   }
 }) => {
-  const o = R(null), { menu: v } = _({
-    items: j,
+  const v = R(null), { menu: b, setActiveIndex: T } = _({
+    items: L,
     groups: r,
     groupByKey: "groupId",
-    keyboardEvents: E ?? !1,
-    onSelect: L,
-    ref: o
+    keyboardEvents: z ?? !1,
+    onSelect: E,
+    ref: v
   });
-  return /* @__PURE__ */ c(A, { expanded: F, as: z, ref: o, children: [
+  return /* @__PURE__ */ m(C, { expanded: F, as: j, ref: v, children: [
     h && /* @__PURE__ */ d(q, { ...h }),
-    v.map((t, l) => {
-      const n = (t == null ? void 0 : t.props) || {}, { title: y, divider: T = !0 } = n, k = v[l + 1];
-      return /* @__PURE__ */ c(S, { children: [
-        (f > 0 || l) && T ? /* @__PURE__ */ d(i, { role: "separator" }) : "",
+    b.map((t, s) => {
+      const n = (t == null ? void 0 : t.props) || {}, { title: y, divider: k = !0 } = n, A = b[s + 1];
+      return /* @__PURE__ */ m(S, { children: [
+        (f > 0 || s) && k ? /* @__PURE__ */ d(i, { role: "separator" }) : "",
         y && /* @__PURE__ */ d(i, { children: /* @__PURE__ */ d(w, { title: y }) }),
-        t == null ? void 0 : t.items.filter((m) => {
+        t == null ? void 0 : t.items.filter((c) => {
           var a;
-          return !((a = m.props) != null && a.hidden);
-        }).map((m, a) => {
-          const { active: B, onMouseEnter: G } = m, { groupId: D, ...e } = m.props || {}, { expanded: s } = e, H = t == null ? void 0 : t.items[a + 1];
-          return /* @__PURE__ */ c(i, { expanded: s, children: [
+          return !((a = c.props) != null && a.hidden);
+        }).map((c, a) => {
+          const { active: B, onMouseEnter: G } = c, { groupId: J, ...e } = c.props || {}, { expanded: l } = e, H = t == null ? void 0 : t.items[a + 1];
+          return /* @__PURE__ */ m(i, { expanded: l, onMouseLeave: () => T(-1), children: [
             /* @__PURE__ */ d(
               $,
               {
@@ -52,34 +52,34 @@ const C = ({
                 size: (e == null ? void 0 : e.size) || (n == null ? void 0 : n.defaultItemSize) || x,
                 color: (e == null ? void 0 : e.color) || (n == null ? void 0 : n.defaultItemColor) || M,
                 theme: (e == null ? void 0 : e.theme) || (n == null ? void 0 : n.defaultItemTheme) || I,
-                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || b,
+                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || o,
                 active: B,
                 tabIndex: e != null && e.disabled ? -1 : e.tabIndex ?? 0,
                 onMouseEnter: G
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ c(K, { children: [
+            l && (e == null ? void 0 : e.items) && /* @__PURE__ */ m(K, { children: [
               /* @__PURE__ */ d(
-                C,
+                D,
                 {
-                  expanded: s,
+                  expanded: l,
                   level: f + 1,
                   items: e == null ? void 0 : e.items,
                   groups: r,
                   defaultItemSize: x,
                   defaultItemColor: M,
                   defaultItemTheme: I,
-                  defaultIconTheme: b
+                  defaultIconTheme: o
                 }
               ),
-              (k || H) && /* @__PURE__ */ d(i, { role: "separator", as: "div" })
+              (A || H) && /* @__PURE__ */ d(i, { role: "separator", as: "div" })
             ] })
           ] }, a);
         })
-      ] }, l);
+      ] }, s);
     })
   ] });
 };
 export {
-  C as MenuItems
+  D as MenuItems
 };

package/dist/components/Typography/Heading.js

@@ -1,45 +1,43 @@
 "use client";
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { c as x } from "../../index-L8X2o7IH.js";
 import "react";
 import { Skeleton as f } from "../Skeleton/Skeleton.js";
 import "../RootProvider/RootProvider.js";
 import { useHighlightedText as u } from "./useHighlightedText.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Heading.css';const H = "_heading_1dyne_1", N = {
+import '../../assets/Heading.css';const H = "_heading_1dyne_1", _ = {
   heading: H
-}, L = ({
-  loading: i,
-  highlightWords: n = [],
-  as: r = "h2",
+}, T = ({
+  loading: e,
+  highlightWords: i = [],
+  as: o = "h2",
   size: t,
-  leading: d = "tight",
-  weight: s = "medium",
-  color: m,
-  variant: c,
-  maxRows: l,
-  className: g,
+  leading: n = "tight",
+  weight: r = "medium",
+  color: d,
+  variant: m,
+  maxRows: s,
+  className: c,
   style: h,
-  children: o
+  children: g
 }) => {
-  const p = r;
-  console.log("CHILDREN", o);
-  const a = u(o, n || []);
-  return console.log("CHILDREN", a), /* @__PURE__ */ e(f, { loading: i, children: /* @__PURE__ */ e(
-    p,
+  const l = o, p = u(g, i || []);
+  return /* @__PURE__ */ a(f, { loading: e, children: /* @__PURE__ */ a(
+    l,
     {
-      className: x(N.heading, g),
+      className: x(_.heading, c),
       style: h,
       "data-size": t,
-      "data-leading": d,
-      "data-weight": s,
-      "data-color": m,
-      "data-variant": t === "xxs" && "default" || c,
-      "data-max-rows": l,
-      children: a
+      "data-leading": n,
+      "data-weight": r,
+      "data-color": d,
+      "data-variant": t === "xxs" && "default" || m,
+      "data-max-rows": s,
+      children: p
     }
   ) });
 };
 export {
-  L as Heading
+  T as Heading
 };

package/dist/types/lib/components/Dialog/DialogList.stories.d.ts

@@ -13,6 +13,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
 export declare const GroupedByDate: Story;
-export declare const GroupedByRoute: Story;
+export declare const SearchResults: Story;
+export declare const SingleGroup: Story;
+export declare const Ungrouped: Story;

package/dist/types/lib/components/Dialog/DialogListGroup.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export interface DialogListGroupProps {
-    title?: string;
+    title?: string | ReactNode;
+    description?: string | ReactNode;
     children?: ReactNode;
-    checkAllLabel?: string;
 }
-export declare const DialogListGroup: ({ title, children, checkAllLabel }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListGroup: ({ title, description, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,6 +19,7 @@ export interface MenuListProps {
     children?: ReactNode;
     ref?: React.Ref<HTMLUListElement>;
     onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
 }
 export interface MenuListItemProps {
     as?: ElementType;
@@ -28,7 +29,9 @@ export interface MenuListItemProps {
     children?: ReactNode;
     style?: React.CSSProperties;
     dataIndex?: number;
+    onMouseEnter?: MouseEventHandler;
+    onMouseLeave?: MouseEventHandler;
 }
 export declare const MenuBase: ({ as, color, theme, className, children }: MenuBaseProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuList: ({ as, role, className, children, ref, onMouseEnter }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MenuListItem: ({ as, role, className, children, style, dataIndex, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuList: ({ as, role, className, children, ref, onMouseEnter, onMouseLeave, }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuListItem: ({ as, role, className, children, style, dataIndex, onMouseEnter, onMouseLeave, }: MenuListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/stories/Error.stories.d.ts

@@ -10,4 +10,6 @@ export default meta;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithContact: () => import("react/jsx-runtime").JSX.Element;
 export declare const PageNotFound: () => import("react/jsx-runtime").JSX.Element;
+export declare const UnknownError: () => import("react/jsx-runtime").JSX.Element;
+export declare const DownForMaintenance: () => import("react/jsx-runtime").JSX.Element;
 export declare const LoginError: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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