@altinn/altinn-components 0.18.2 → 0.18.3

package/dist/components/Search/Autocomplete.js

@@ -1,44 +1,46 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useRef as v, createElement as x } from "react";
+import { useRef as v, createElement as A } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as A } from "../../hooks/useMenu.js";
+import { useMenu as I } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { AutocompleteBase as I } from "./AutocompleteBase.js";
-import { AutocompleteGroup as l } from "./AutocompleteGroup.js";
+import { AutocompleteBase as l } from "./AutocompleteBase.js";
+import { AutocompleteGroup as x } from "./AutocompleteGroup.js";
 import { AutocompleteItem as h } from "./AutocompleteItem.js";
 import "../Snackbar/useSnackbar.js";
 import { useEnterKey as k } from "../../hooks/useEnterKey.js";
-const C = ({ className: u, items: s, groups: i = {}, expanded: n, onSelect: r }) => {
+const C = ({ className: s, items: i, groups: n = {}, expanded: u, onSelect: r }) => {
   const p = v(null);
   k(() => {
-    var e;
-    const t = (e = p.current) == null ? void 0 : e.querySelector('[data-active="true"]');
-    t == null || t.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
+    var t;
+    if (u) {
+      const e = (t = p.current) == null ? void 0 : t.querySelector('[data-active="true"]');
+      e == null || e.dispatchEvent(new MouseEvent("click", { bubbles: !0 })), r == null || r();
+    }
   });
-  const { menu: a, setActiveIndex: c } = A({
-    items: s,
-    groups: i,
+  const { menu: c, setActiveIndex: f } = I({
+    items: i,
+    groups: n,
     groupByKey: "groupId",
     keyboardEvents: !0
   });
-  return /* @__PURE__ */ m(I, { className: u, expanded: n, ref: p, children: a.map((t, e) => /* @__PURE__ */ x(l, { ...t.props, key: e }, /* @__PURE__ */ m("ul", { children: t.items.map((d, f) => {
+  return /* @__PURE__ */ m(l, { className: s, expanded: u, ref: p, children: c.map((t, e) => /* @__PURE__ */ A(x, { ...t.props, key: e }, /* @__PURE__ */ m("ul", { children: t.items.map((a, d) => {
     const {
       active: y,
       menuIndex: E,
       props: { groupId: M, onClick: o, ...b }
-    } = d;
+    } = a;
     return /* @__PURE__ */ m(
       h,
       {
         tabIndex: -1,
-        onMouseEnter: () => c(E),
+        onMouseEnter: () => f(E),
         ...b,
         onClick: () => {
           o == null || o(), r == null || r();
         },
         active: y
       },
-      f
+      d
     );
   }) }))) });
 };

package/dist/components/Toolbar/ToolbarAccountMenu.js

@@ -1,20 +1,34 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, jsx as m } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { useRootContext as a } from "../RootProvider/RootProvider.js";
-import { ToolbarButton as d } from "./ToolbarButton.js";
-import { ToolbarFilterBase as f } from "./ToolbarFilterBase.js";
-import { DrawerOrDropdown as x } from "../Dropdown/DrawerOrDropdown.js";
-import { AccountMenu as T } from "../GlobalMenu/AccountMenu.js";
+import { useRootContext as n } from "../RootProvider/RootProvider.js";
+import { ToolbarButton as x } from "./ToolbarButton.js";
+import { ToolbarFilterBase as T } from "./ToolbarFilterBase.js";
+import { DrawerOrDropdown as b } from "../Dropdown/DrawerOrDropdown.js";
+import { AccountMenu as g } from "../GlobalMenu/AccountMenu.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-const k = ({ currentAccount: o, id: t = "toolbar-accounts", ...m }) => {
-  const { currentId: i, toggleId: l, closeAll: p } = a(), s = () => l(t), e = i === t;
-  return /* @__PURE__ */ n(f, { expanded: e, children: [
-    /* @__PURE__ */ r(d, { type: "switch", onToggle: s, active: !!o, children: o == null ? void 0 : o.name }),
-    /* @__PURE__ */ r(x, { open: e, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ r(T, { ...m, currentAccount: o }) })
+const y = ({
+  currentAccount: o,
+  id: i = "toolbar-accounts",
+  onSelectAccount: r,
+  ...e
+}) => {
+  const { currentId: s, toggleId: l, closeAll: p } = n(), a = () => l(i), t = s === i;
+  return /* @__PURE__ */ f(T, { expanded: t, children: [
+    /* @__PURE__ */ m(x, { type: "switch", onToggle: a, active: !!o, children: o == null ? void 0 : o.name }),
+    /* @__PURE__ */ m(b, { open: t, drawerTitle: "Endre konto", onClose: p, children: /* @__PURE__ */ m(
+      g,
+      {
+        ...e,
+        onSelectAccount: (d) => {
+          r == null || r(d), p();
+        },
+        currentAccount: o
+      }
+    ) })
   ] });
 };
 export {
-  k as ToolbarAccountMenu
+  y as ToolbarAccountMenu
 };

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

@@ -19,3 +19,4 @@ export declare const HiddenFilters: Story;
 export declare const WithAccountMenu: Story;
 export declare const WithSearch: Story;
 export declare const ControlledStateFilters: (args: typeof Toolbar) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledStateAccount: () => import("react/jsx-runtime").JSX.Element;

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

@@ -2,4 +2,4 @@ import { AccountMenuProps } from '../';
 export interface ToolbarAccountMenuProps extends AccountMenuProps {
     id?: string;
 }
-export declare const ToolbarAccountMenu: ({ currentAccount, id, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarAccountMenu: ({ currentAccount, id, onSelectAccount, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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