@altinn/altinn-components 0.46.1 → 0.46.3

package/dist/assets/SearchbarBase.css

@@ -1 +1 @@
-._searchbar_13e7s_1{position:relative}._searchbar_13e7s_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_13e7s_1 nav{display:none}._searchbarExpanded_13e7s_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._searchbarLocal_13e7s_22{width:100%;padding:var(--dsc-spacing-4) 0;z-index:100;margin-bottom:16px}@media (min-width: 1024px){._searchbarLocal_13e7s_22{max-width:320px;margin-right:auto}._searchbarLocal_13e7s_22._searchbarExpanded_13e7s_14{max-width:640px}}
+._searchbar_1sz2n_1{position:relative}._searchbar_1sz2n_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_1sz2n_1 nav{display:none}._searchbarExpanded_1sz2n_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._searchbarLocal_1sz2n_22{width:100%;padding:var(--dsc-spacing-4) 0;margin-bottom:16px}._searchbarLocal_1sz2n_22._searchbarExpanded_1sz2n_14{z-index:100}@media (min-width: 1024px){._searchbarLocal_1sz2n_22{max-width:320px;margin-right:auto;z-index:100}._searchbarLocal_1sz2n_22._searchbarExpanded_1sz2n_14{max-width:640px}}

package/dist/components/GlobalHeader/GlobalHeader.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { useIsDesktop as F } from "../../hooks/useIsDesktop.js";
-import { AccountMenuButton as y } from "../Account/AccountMenuButton.js";
-import { DropdownBase as D } from "../Dropdown/DropdownBase.js";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useIsDesktop as O } from "../../hooks/useIsDesktop.js";
+import { AccountMenuButton as F } from "../Account/AccountMenuButton.js";
+import { DropdownBase as y } from "../Dropdown/DropdownBase.js";
 import { c as h } from "../../index-L8X2o7IH.js";
 import { DrawerBase as p } from "../Dropdown/DrawerBase.js";
 import "react";
-import { useRootContext as H } from "../RootProvider/RootProvider.js";
-import { GlobalHeaderBase as I } from "./GlobalHeaderBase.js";
+import { useRootContext as D } from "../RootProvider/RootProvider.js";
+import { GlobalHeaderBase as H } from "./GlobalHeaderBase.js";
 import "../Snackbar/useSnackbar.js";
 import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
-import { GlobalMenuButton as L } from "../GlobalMenu/GlobalMenuButton.js";
-import { AccountSelector as O } from "./AccountSelector.js";
+import { GlobalMenuButton as I } from "../GlobalMenu/GlobalMenuButton.js";
+import { AccountSelector as L } from "./AccountSelector.js";
 import { GlobalSearch as T } from "./GlobalSearch.js";
 import { GlobalSearchButton as j } from "./GlobalSearchButton.js";
 import { HeaderGroup as z } from "./HeaderGroup.js";
@@ -24,7 +24,7 @@ import '../../assets/GlobalHeader.css';const q = "_drawer_1r5ak_1", E = "_dropdo
   globalMenu: e,
   desktopMenu: k,
   mobileMenu: _,
-  globalSearch: c,
+  globalSearch: i,
   locale: a,
   accountSelector: n,
   logo: x = {},
@@ -32,82 +32,84 @@ import '../../assets/GlobalHeader.css';const q = "_drawer_1r5ak_1", E = "_dropdo
   onLoginClick: A
 }) => {
   var f, l;
-  const { currentId: o, toggleId: u, openId: C, closeAll: m } = H(), G = () => {
+  const { currentId: r, toggleId: u, openId: C, closeAll: m } = D(), G = () => {
     u("search");
   }, v = () => {
-    o === "account" || o === "accountFullscreen" ? m() : C("account");
+    r === "account" || r === "accountFullscreen" ? m() : C("account");
   }, N = () => {
     u("menu");
-  }, d = o === "account" || o === "accountFullscreen" || (n == null ? void 0 : n.forceOpenFullScreen), s = F();
-  return /* @__PURE__ */ i(I, { currentId: o, openBackdrop: o === "menu", onCloseBackdrop: m, children: [
-    /* @__PURE__ */ r(R, { ...x, badge: B, className: t.logo }),
-    /* @__PURE__ */ i(z, { children: [
-      n && /* @__PURE__ */ r(
-        y,
+  }, c = r === "account" || r === "accountFullscreen" || (n == null ? void 0 : n.forceOpenFullScreen), s = O();
+  return /* @__PURE__ */ d(H, { currentId: r, openBackdrop: r === "menu", onCloseBackdrop: m, children: [
+    /* @__PURE__ */ o(R, { ...x, badge: B, className: t.logo }),
+    /* @__PURE__ */ d(z, { children: [
+      n && /* @__PURE__ */ o(
+        F,
         {
           currentAccount: (f = n.accountMenu) == null ? void 0 : f.currentAccount,
           minimized: !s,
           onClick: (l = n.accountMenu) != null && l.currentAccount ? v : A,
-          expanded: d,
+          expanded: c,
           loading: n.loading
         }
       ),
-      c && /* @__PURE__ */ r(j, { onClick: G, expanded: o === "search" }),
-      /* @__PURE__ */ i("div", { className: t.relative, children: [
-        /* @__PURE__ */ r(L, { onClick: N, expanded: o === "menu", label: e == null ? void 0 : e.menuLabel }),
-        e && /* @__PURE__ */ r(
-          D,
+      i && /* @__PURE__ */ o(j, { onClick: G, expanded: r === "search" }),
+      /* @__PURE__ */ d("div", { className: t.relative, children: [
+        /* @__PURE__ */ o(I, { onClick: N, expanded: r === "menu", label: e == null ? void 0 : e.menuLabel }),
+        e && /* @__PURE__ */ o(
+          y,
           {
             layout: "desktop",
             padding: !0,
             size: "lg",
             placement: "right",
-            open: o === "menu",
+            open: r === "menu",
             className: t.dropdown,
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ o(
               w,
               {
                 ...e,
                 menu: k || (e == null ? void 0 : e.menu),
                 onClose: m,
-                localeSwitcher: a
+                localeSwitcher: a,
+                isOpen: r === "menu"
               }
             )
           }
         )
       ] })
     ] }),
-    e && /* @__PURE__ */ r(p, { open: o === "menu", className: t.drawer, children: /* @__PURE__ */ r(
+    e && /* @__PURE__ */ o(p, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
       w,
       {
         ...e,
         menu: _ || (e == null ? void 0 : e.menu),
         onClose: m,
-        localeSwitcher: a
+        localeSwitcher: a,
+        isOpen: r === "menu"
       }
     ) }),
-    n && /* @__PURE__ */ r(
+    n && /* @__PURE__ */ o(
       p,
       {
-        open: d,
+        open: c,
         className: h(t.drawer),
         dataLayout: s ? "desktop" : "mobile",
-        children: /* @__PURE__ */ r(
-          O,
+        children: /* @__PURE__ */ o(
+          L,
           {
             ...n,
-            forceOpenFullScreen: n.forceOpenFullScreen || !s ? d : void 0
+            forceOpenFullScreen: n.forceOpenFullScreen || !s ? c : void 0
           }
         )
       }
     ),
-    c && /* @__PURE__ */ r(
+    i && /* @__PURE__ */ o(
       p,
       {
-        open: o === "search",
+        open: r === "search",
         className: h(t.drawer),
         dataLayout: s ? "desktop" : "mobile",
-        children: /* @__PURE__ */ r(T, { ...c })
+        children: /* @__PURE__ */ o(T, { ...i })
       }
     )
   ] });

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,27 +1,32 @@
 "use client";
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useState as g, useMemo as L } from "react";
+import { useState as L, useEffect as B, useMemo as h } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { LocaleSwitcher as B } from "./LocaleSwitcher.js";
+import { LocaleSwitcher as u } from "./LocaleSwitcher.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as h } from "../Menu/MenuBase.js";
-import { Menu as G } from "../Menu/Menu.js";
-import { BackButton as u } from "./BackButton.js";
-import { GlobalMenuBase as f, GlobalMenuHeader as x, GlobalMenuFooter as j } from "./GlobalMenuBase.js";
-import { LocaleButton as v } from "./LocaleButton.js";
-import { LogoutButton as y } from "./LogoutButton.js";
-const K = ({
+import { MenuListItem as G } from "../Menu/MenuBase.js";
+import { Menu as x } from "../Menu/Menu.js";
+import { BackButton as j } from "./BackButton.js";
+import { GlobalMenuBase as k, GlobalMenuHeader as v, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
+import { LocaleButton as A } from "./LocaleButton.js";
+import { LogoutButton as S } from "./LogoutButton.js";
+const P = ({
   menu: a,
-  backLabel: s = "Back",
+  backLabel: M = "Back",
   onClose: i,
   logoutButton: e,
-  ariaLabel: p = "Menu",
-  localeSwitcher: c
+  ariaLabel: f = "Menu",
+  localeSwitcher: c,
+  isOpen: p = !1
 }) => {
-  const [k, M] = g(!1), n = () => {
-    M((r) => !r);
-  }, d = L(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
+  const [d, n] = L(!1), m = () => {
+    n((r) => !r);
+  };
+  B(() => {
+    p || n(!1);
+  }, [p]);
+  const g = h(() => ((a == null ? void 0 : a.items) ?? []).map((r) => ({
     ...r,
     onClick: () => {
       var o;
@@ -30,23 +35,23 @@ const K = ({
     items: Array.isArray(r.items) ? r.items.map((o) => ({
       ...o,
       onClick: () => {
-        var m;
-        (m = o.onClick) == null || m.call(o), i == null || i();
+        var s;
+        (s = o.onClick) == null || s.call(o), i == null || i();
       }
     })) : void 0
   })), [a, i]);
-  return k ? /* @__PURE__ */ l(f, { "aria-label": p, children: [
-    /* @__PURE__ */ l(x, { children: [
-      /* @__PURE__ */ t(u, { onClick: n, label: s }),
-      c && /* @__PURE__ */ t(B, { ...c })
+  return d ? /* @__PURE__ */ l(k, { "aria-label": f, children: [
+    /* @__PURE__ */ l(v, { children: [
+      /* @__PURE__ */ t(j, { onClick: m, label: M }),
+      c && /* @__PURE__ */ t(u, { ...c })
     ] }),
-    /* @__PURE__ */ t(h, { as: "div", role: "separator" })
-  ] }) : /* @__PURE__ */ l(f, { "aria-label": p, children: [
-    a && /* @__PURE__ */ t(G, { ...a, items: d }),
-    c && /* @__PURE__ */ t(v, { onClick: n }),
-    e && /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(y, { ...e }) })
+    /* @__PURE__ */ t(G, { as: "div", role: "separator" })
+  ] }) : /* @__PURE__ */ l(k, { "aria-label": f, children: [
+    a && /* @__PURE__ */ t(x, { ...a, items: g }),
+    c && /* @__PURE__ */ t(A, { onClick: m }),
+    e && /* @__PURE__ */ t(y, { children: /* @__PURE__ */ t(S, { ...e }) })
   ] });
 };
 export {
-  K as GlobalMenu
+  P as GlobalMenu
 };

package/dist/components/Searchbar/SearchbarBase.js

@@ -1,7 +1,7 @@
-import { jsx as b } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import '../../assets/SearchbarBase.css';const n = "_searchbar_13e7s_1", d = "_searchbarExpanded_13e7s_14", _ = "_searchbarLocal_13e7s_22", a = {
-  searchbar: n,
+import { jsx as n } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import '../../assets/SearchbarBase.css';const l = "_searchbar_1sz2n_1", d = "_searchbarExpanded_1sz2n_14", _ = "_searchbarLocal_1sz2n_22", a = {
+  searchbar: l,
   searchbarExpanded: d,
   searchbarLocal: _
 }, m = ({
@@ -12,13 +12,13 @@ import '../../assets/SearchbarBase.css';const n = "_searchbar_13e7s_1", d = "_se
   autocomplete: o = !1,
   useGlobalHeader: t = !1
 }) => {
-  const h = l(
+  const h = b(
     a.searchbar,
     r,
     e && a.searchbarExpanded,
     t && a.searchbarLocal
   );
-  return /* @__PURE__ */ b("div", { className: h, "data-autocomplete": o, onBlurCapture: c, children: s });
+  return /* @__PURE__ */ n("div", { className: h, "data-autocomplete": o, onBlurCapture: c, children: s });
 };
 export {
   m as SearchbarBase

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,67 +1,87 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { useState as g } from "react";
-import { Button as x } from "../Button/Button.js";
-import { IconButton as z } from "../Button/IconButton.js";
-import { ButtonGroup as b } from "../Button/ButtonGroup.js";
+import { useState as x } from "react";
+import { Button as S } from "../Button/Button.js";
+import { IconButton as h } from "../Button/IconButton.js";
+import { ButtonGroup as G } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as S } from "../Searchbar/QueryLabel.js";
-import { TextField as h } from "../Forms/TextField.js";
+import { QueryLabel as C } from "../Searchbar/QueryLabel.js";
+import { TextField as j } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as G } from "./SettingsItemBase.js";
-import { SettingsModal as j } from "./SettingsModal.js";
-import { S as C } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as M } from "../../Pencil-BVHLEoQy.js";
-const K = ({
+import { SettingsItemBase as M } from "./SettingsItemBase.js";
+import { SettingsModal as T } from "./SettingsModal.js";
+import { S as u } from "../../MagnifyingGlass-bwVhw07z.js";
+import { S as A } from "../../Pencil-BVHLEoQy.js";
+const U = ({
   id: d,
-  icon: n = C,
-  loading: k,
-  title: i,
-  params: m,
-  controls: s,
-  inputValue: a,
-  titleField: r,
-  saveButton: t,
-  removeButton: e,
-  onChange: p,
-  ...I
+  icon: m = u,
+  loading: I,
+  title: a,
+  params: f,
+  controls: p,
+  inputValue: t,
+  titleField: l,
+  saveButton: i,
+  removeButton: o,
+  onChange: c,
+  ...y
 }) => {
-  const [f, l] = g(!1), [v, y] = g("");
-  return /* @__PURE__ */ o(
-    G,
+  const [g, e] = x(!1), [z, b] = x("");
+  return /* @__PURE__ */ r(
+    M,
     {
-      ...I,
+      ...y,
       id: d,
-      expanded: f,
-      icon: n,
-      loading: k,
-      title: i,
-      value: /* @__PURE__ */ o(S, { params: m, size: "xs" }),
-      controls: s || /* @__PURE__ */ o(z, { size: "xs", icon: M, iconAltText: "Edit", variant: "outline", onClick: () => l(!0) }),
+      expanded: g,
+      icon: m,
+      loading: I,
+      title: a,
+      value: /* @__PURE__ */ r(C, { params: f, size: "xs" }),
+      controls: p || /* @__PURE__ */ r(h, { size: "xs", icon: A, iconAltText: "Edit", variant: "outline", onClick: () => e(!0) }),
       linkIcon: !0,
-      children: /* @__PURE__ */ u(j, { icon: n, title: i, open: f, onClose: () => l(!1), children: [
-        /* @__PURE__ */ o(S, { params: m }),
-        /* @__PURE__ */ o(
-          h,
+      children: /* @__PURE__ */ k(T, { icon: m, title: a, open: g, onClose: () => e(!1), children: [
+        /* @__PURE__ */ r(C, { params: f }),
+        /* @__PURE__ */ r(
+          j,
           {
-            ...r,
-            label: (r == null ? void 0 : r.label) || "Gi søket et navn",
+            ...l,
+            label: (l == null ? void 0 : l.label) || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof a == "string" ? a : v,
-            onChange: (c) => {
-              typeof p == "function" ? p(c) : y(c.target.value);
+            value: typeof t == "string" ? t : z,
+            onChange: (n) => {
+              typeof c == "function" ? c(n) : b(n.target.value);
             }
           }
         ),
-        (t || e) && /* @__PURE__ */ u(b, { size: "md", children: [
-          t && /* @__PURE__ */ o(x, { ...t }),
-          e && /* @__PURE__ */ o(x, { ...e, variant: "outline", color: "danger" })
+        (i || o) && /* @__PURE__ */ k(G, { size: "md", children: [
+          i && /* @__PURE__ */ r(
+            S,
+            {
+              ...i,
+              onClick: (n) => {
+                var s;
+                (s = i.onClick) == null || s.call(i, n), e(!1);
+              }
+            }
+          ),
+          o && /* @__PURE__ */ r(
+            S,
+            {
+              ...o,
+              variant: "outline",
+              color: "danger",
+              onClick: (n) => {
+                var s;
+                (s = o.onClick) == null || s.call(o, n), e(!1);
+              }
+            }
+          )
         ] })
       ] })
     }
   );
 };
 export {
-  K as BookmarksSettingsItem
+  U as BookmarksSettingsItem
 };

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

@@ -1,6 +1,6 @@
-import { BadgeProps } from '../Badge/index.tsx';
-import { GlobalMenuProps, LocaleSwitcherProps } from '../GlobalMenu/index.tsx';
-import { MenuProps } from '../Menu/index.ts';
+import { BadgeProps } from '../Badge';
+import { GlobalMenuProps, LocaleSwitcherProps } from '../GlobalMenu';
+import { MenuProps } from '../Menu';
 import { AccountSelectorProps } from './AccountSelector.tsx';
 import { GlobalSearchProps } from './GlobalSearch.tsx';
 import { HeaderLogoProps } from './HeaderLogo.tsx';

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

@@ -12,5 +12,6 @@ export interface GlobalMenuProps {
     onClose?: () => void;
     ariaLabel?: string;
     localeSwitcher?: LocaleSwitcherProps;
+    isOpen?: boolean;
 }
-export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalMenu: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ import { MenuProps } from '../Menu';
 import { GlobalMenuProps } from './GlobalMenu';
 declare const meta: {
     title: string;
-    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ menu, backLabel, onClose, logoutButton, ariaLabel, localeSwitcher, isOpen, }: GlobalMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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