@altinn/altinn-components 0.53.0 → 0.53.1

package/dist/assets/AccountSelector.css

@@ -1 +1 @@
-._accountSelector_1f74n_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_1f74n_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_1f74n_17{width:100%;padding:0 var(--horizontal-padding)}._searchField_1f74n_22{width:50%}._accountMenu_1f74n_26{height:40vh;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_1f74n_26._fullScreen_1f74n_34{height:fit-content}._accountMenu_1f74n_26._virtualized_1f74n_38{overflow-y:hidden}._btnIcon_1f74n_42{font-size:1.5rem}._spinner_1f74n_46{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_1f74n_1{--horizontal-padding: .1rem}._searchField_1f74n_22{width:100%}}
+._accountSelector_qwjt5_1{display:flex;flex-direction:column;align-items:center;padding:1rem 0;max-width:1000px;margin:0 auto;--horizontal-padding: .7rem}._heading_qwjt5_11{margin-bottom:1rem;width:100%;padding:.3rem var(--horizontal-padding)}._searchSection_qwjt5_17{width:100%;padding:0 var(--horizontal-padding);display:flex;align-items:center;gap:1rem}._searchField_qwjt5_25{width:50%}._accountMenu_qwjt5_29{height:40vh;width:100%;overflow-y:auto;margin-bottom:1rem;padding:0 var(--horizontal-padding)}._accountMenu_qwjt5_29._fullScreen_qwjt5_37{height:fit-content}._accountMenu_qwjt5_29._virtualized_qwjt5_41{overflow-y:hidden}._btnIcon_qwjt5_45{font-size:1.5rem}._spinner_qwjt5_49{margin:auto;width:100%;overflow:hidden}@media(max-width:1023px){._accountSelector_qwjt5_1{--horizontal-padding: .1rem}._searchField_qwjt5_25{width:100%}._searchSection_qwjt5_17{flex-direction:column;align-items:stretch;gap:.5rem}}

package/dist/components/DsComponents/index.js

@@ -1,33 +1,33 @@
 import { A as o } from "../../alert-BzifOfXl.js";
-import { B as D, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as g, f as d, S, g as l, T as P, u as b } from "../../textfield-C_c2H05R.js";
-import { B as c, S as B } from "../../button-BB5sYVKY.js";
-import { D as L } from "../../index-Q0EA2XB0.js";
-import { H as u } from "../../heading-C_XYsUfi.js";
+import { B as D, C as r, a as t, b as i, D as n, L as p, c as x, d as f, P as m, e as S, S as d, f as g, T as l, u as P } from "../../textfield-DAuYWtUj.js";
+import { B as h, S as c } from "../../button-BB5sYVKY.js";
+import { H as C, S as L } from "../../switch-Cemfhx0H.js";
+import { D as u } from "../../index-Q0EA2XB0.js";
 import { P as A } from "../../paragraph-BRiIBpbY.js";
 import { S as V } from "../../index-DttADHE1.js";
 import { V as w } from "../../index-z82sbSVU.js";
 export {
   o as DsAlert,
   D as DsBadge,
-  c as DsButton,
+  h as DsButton,
   r as DsCheckbox,
   t as DsChip,
   i as DsCombobox,
-  L as DsDetails,
+  u as DsDetails,
   n as DsDialog,
-  u as DsHeading,
+  C as DsHeading,
   p as DsLink,
   x as DsListItem,
   f as DsListUnordered,
   m as DsPagination,
   A as DsParagraph,
-  g as DsPopover,
+  S as DsPopover,
   V as DsSearch,
   d as DsSkeleton,
-  B as DsSpinner,
-  S as DsSwitch,
-  l as DsTabs,
-  P as DsTextfield,
+  c as DsSpinner,
+  L as DsSwitch,
+  g as DsTabs,
+  l as DsTextfield,
   w as DsValidationMessage,
-  b as useDsPagination
+  P as useDsPagination
 };

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,149 +1,169 @@
 "use client";
-import { jsx as a, jsxs as k } from "react/jsx-runtime";
-import { c as _ } from "../../index-p1eeF8LQ.js";
-import s, { forwardRef as y, useState as b, useEffect as w } from "react";
-import { useIsDesktop as C } from "../../hooks/useIsDesktop.js";
-import { AccountMenu as F } from "../Account/AccountMenu.js";
-import { Button as M } from "../Button/Button.js";
-import { useRootContext as N } from "../RootProvider/RootProvider.js";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { c as y } from "../../index-p1eeF8LQ.js";
+import u, { forwardRef as I, useState as j, useEffect as x } from "react";
+import { useIsDesktop as N } from "../../hooks/useIsDesktop.js";
+import { AccountMenu as q } from "../Account/AccountMenu.js";
+import { Button as R } from "../Button/Button.js";
+import { useRootContext as L } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as R } from "../Forms/SearchField.js";
-import { S as A } from "../../button-BB5sYVKY.js";
-import { H as P } from "../../heading-C_XYsUfi.js";
-import { u as x } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var H = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+import { SearchField as A } from "../Forms/SearchField.js";
+import { S as P } from "../../button-BB5sYVKY.js";
+import { H as V, S as H } from "../../switch-Cemfhx0H.js";
+import { u as O } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var T = function(e, l) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
-  return r;
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
 };
-const T = y((e, l) => {
-  var { title: r, titleId: t } = e, n = H(e, ["title", "titleId"]);
-  let i = x();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const B = I((e, l) => {
+  var { title: n, titleId: t } = e, r = T(e, ["title", "titleId"]);
+  let i = O();
+  return i = n ? t || "title-" + i : void 0, u.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
-    r ? s.createElement("title", { id: i }, r) : null,
-    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
+    n ? u.createElement("title", { id: i }, n) : null,
+    u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
   );
 });
-var V = function(e, l) {
-  var r = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
+var $ = function(e, l) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
-      l.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
-  return r;
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
 };
-const B = y((e, l) => {
-  var { title: r, titleId: t } = e, n = V(e, ["title", "titleId"]);
-  let i = x();
-  return i = r ? t || "title-" + i : void 0, s.createElement(
+const D = I((e, l) => {
+  var { title: n, titleId: t } = e, r = $(e, ["title", "titleId"]);
+  let i = O();
+  return i = n ? t || "title-" + i : void 0, u.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, n),
-    r ? s.createElement("title", { id: i }, r) : null,
-    s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
+    n ? u.createElement("title", { id: i }, n) : null,
+    u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
   );
-}), D = "_accountSelector_1f74n_1", L = "_heading_1f74n_11", $ = "_searchSection_1f74n_17", K = "_searchField_1f74n_22", U = "_accountMenu_1f74n_26", W = "_fullScreen_1f74n_34", q = "_virtualized_1f74n_38", G = "_btnIcon_1f74n_42", J = "_spinner_1f74n_46", c = {
-  accountSelector: D,
-  heading: L,
-  searchSection: $,
-  searchField: K,
-  accountMenu: U,
-  fullScreen: W,
-  virtualized: q,
-  btnIcon: G,
-  spinner: J
-}, ue = ({ accountMenu: e, forceOpenFullScreen: l, className: r, loading: t }) => {
-  const { currentId: n, openId: i, closeAll: m, languageCode: h } = N(), f = C(), o = n === "accountFullscreen", [p, g] = b(""), [d, v] = b(l);
-  w(() => {
-    !l && d && o && m(), v(l);
-  }, [l]), w(() => {
-    (d === !0 && !o || !f && n === "account") && i("accountFullscreen");
-  }, [d, o, f, n, i]);
-  const { minimize: I, fullscreen: O, searchText: S, heading: z } = Q(h), j = () => {
-    i(o ? "account" : "accountFullscreen");
-  }, E = (u) => {
-    e.onSelectAccount?.(u), m(), v(!1);
+}), K = "_accountSelector_qwjt5_1", W = "_heading_qwjt5_11", G = "_searchSection_qwjt5_17", J = "_searchField_qwjt5_25", Q = "_accountMenu_qwjt5_29", U = "_fullScreen_qwjt5_37", X = "_virtualized_qwjt5_41", Y = "_btnIcon_qwjt5_45", Z = "_spinner_qwjt5_49", c = {
+  accountSelector: K,
+  heading: W,
+  searchSection: G,
+  searchField: J,
+  accountMenu: Q,
+  fullScreen: U,
+  virtualized: X,
+  btnIcon: Y,
+  spinner: Z
+}, he = ({
+  accountMenu: e,
+  forceOpenFullScreen: l,
+  className: n,
+  loading: t,
+  showDeletedUnits: r,
+  onShowDeletedUnitsChange: i
+}) => {
+  const { currentId: m, openId: d, closeAll: p, languageCode: g } = L(), h = N(), a = m === "accountFullscreen", [v, S] = j(""), [f, w] = j(l);
+  x(() => {
+    !l && f && a && p(), w(l);
+  }, [l]), x(() => {
+    (f === !0 && !a || !h && m === "account") && d("accountFullscreen");
+  }, [f, a, h, m, d]);
+  const { minimize: z, fullscreen: k, searchText: _, heading: C, switchLabel: E } = ee(g), F = () => {
+    d(a ? "account" : "accountFullscreen");
+  }, M = (s) => {
+    e.onSelectAccount?.(s), p(), w(!1);
   };
-  return t ? /* @__PURE__ */ a(A, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ k("div", { className: _(r, c.accountSelector), children: [
-    o && /* @__PURE__ */ a(P, { "data-size": "md", level: 2, className: c.heading, children: z }),
-    /* @__PURE__ */ a("div", { className: c.searchSection, children: /* @__PURE__ */ a(
-      R,
-      {
-        name: S,
-        placeholder: S,
-        value: p,
-        onChange: (u) => g(u.target.value),
-        onClear: () => g(""),
-        className: c.searchField
-      }
-    ) }),
-    /* @__PURE__ */ a(
+  return t ? /* @__PURE__ */ o(P, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ b("div", { className: y(n, c.accountSelector), children: [
+    /* @__PURE__ */ o(V, { "data-size": "sm", level: 2, className: c.heading, children: C }),
+    /* @__PURE__ */ b("div", { className: c.searchSection, children: [
+      /* @__PURE__ */ o(
+        A,
+        {
+          name: _,
+          placeholder: _,
+          value: v,
+          onChange: (s) => S(s.target.value),
+          onClear: () => S(""),
+          className: c.searchField
+        }
+      ),
+      r !== void 0 && /* @__PURE__ */ o(
+        H,
+        {
+          checked: r,
+          onChange: (s) => i?.(s.target.checked),
+          label: E
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(
       "div",
       {
-        className: _(
+        className: y(
           c.accountMenu,
-          o && c.fullScreen,
+          a && c.fullScreen,
           e.isVirtualized && c.virtualized
         ),
-        children: /* @__PURE__ */ a(
-          F,
+        children: /* @__PURE__ */ o(
+          q,
           {
             ...e,
-            onSelectAccount: E,
+            onSelectAccount: M,
             keyboardEvents: !1,
             search: {
               hidden: !0,
               name: "",
-              value: p,
-              getResultsLabel: (u) => X(u, h)
+              value: v,
+              getResultsLabel: (s) => te(s, g)
             },
-            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    d !== !0 && f && /* @__PURE__ */ a(
-      M,
+    f !== !0 && h && /* @__PURE__ */ o(
+      R,
       {
-        icon: o ? /* @__PURE__ */ a(B, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(T, { className: c.btnIcon, "aria-hidden": "true" }),
+        icon: a ? /* @__PURE__ */ o(D, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(B, { className: c.btnIcon, "aria-hidden": "true" }),
         variant: "ghost",
-        onClick: j,
-        children: o ? I : O
+        onClick: F,
+        children: a ? z : k
       }
     )
   ] });
-}, Q = (e) => {
+}, ee = (e) => {
   switch (e) {
     case "nn":
       return {
         minimize: "Minimer",
         fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktørar",
-        heading: "Kven vil du representere?"
+        heading: "Kven vil du representere?",
+        switchLabel: "Vis slettede"
       };
     case "en":
       return {
         minimize: "Minimize",
         fullscreen: "Show in fullscreen",
         searchText: "Search in actors",
-        heading: "Who do you want to represent?"
+        heading: "Who do you want to represent?",
+        switchLabel: "Show deleted"
       };
     default:
       return {
         minimize: "Minimer",
         fullscreen: "Vis i fullskjerm",
         searchText: "Søk i aktører",
-        heading: "Hvem vil du representere?"
+        heading: "Hvem vil du representere?",
+        switchLabel: "Vis slettede"
       };
   }
-}, X = (e, l) => {
-  const r = l === "nb" || l === "nn";
-  return e === 0 ? r ? "Ingen treff" : "No hits" : r ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
+}, te = (e, l) => {
+  const n = l === "nb" || l === "nn";
+  return e === 0 ? n ? "Ingen treff" : "No hits" : n ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  ue as AccountSelector
+  he as AccountSelector
 };

package/dist/components/index.js

@@ -211,10 +211,10 @@ import { ModalIcon as px } from "./Modal/ModalIcon.js";
 import { ModalBody as xx } from "./Modal/ModalBody.js";
 import { Modal as ix } from "./Modal/Modal.js";
 import { A as sx } from "../alert-BzifOfXl.js";
-import { B as lx, C as ux, a as dx, b as gx, D as Dx, L as Bx, c as Lx, d as Ix, P as Sx, e as bx, f as Ax, S as Mx, g as yx, T as Tx, u as hx } from "../textfield-C_c2H05R.js";
-import { B as Hx, S as Cx } from "../button-BB5sYVKY.js";
-import { D as Px } from "../index-Q0EA2XB0.js";
-import { H as wx } from "../heading-C_XYsUfi.js";
+import { B as lx, C as ux, a as dx, b as gx, D as Dx, L as Bx, c as Lx, d as Ix, P as Sx, e as bx, S as Ax, f as Mx, T as yx, u as Tx } from "../textfield-DAuYWtUj.js";
+import { B as kx, S as Hx } from "../button-BB5sYVKY.js";
+import { H as Fx, S as Px } from "../switch-Cemfhx0H.js";
+import { D as wx } from "../index-Q0EA2XB0.js";
 import { P as Ox } from "../paragraph-BRiIBpbY.js";
 import { S as Nx } from "../index-DttADHE1.js";
 import { V as Ux } from "../index-z82sbSVU.js";
@@ -303,13 +303,13 @@ export {
   Yo as DropdownBase,
   sx as DsAlert,
   lx as DsBadge,
-  Hx as DsButton,
+  kx as DsButton,
   ux as DsCheckbox,
   dx as DsChip,
   gx as DsCombobox,
-  Px as DsDetails,
+  wx as DsDetails,
   Dx as DsDialog,
-  wx as DsHeading,
+  Fx as DsHeading,
   Bx as DsLink,
   Lx as DsListItem,
   Ix as DsListUnordered,
@@ -318,10 +318,10 @@ export {
   bx as DsPopover,
   Nx as DsSearch,
   Ax as DsSkeleton,
-  Cx as DsSpinner,
-  Mx as DsSwitch,
-  yx as DsTabs,
-  Tx as DsTextfield,
+  Hx as DsSpinner,
+  Px as DsSwitch,
+  Mx as DsTabs,
+  yx as DsTextfield,
   Ux as DsValidationMessage,
   Ar as EndUserLabel,
   vp as Field,
@@ -467,7 +467,7 @@ export {
   i as isAvatarProps,
   ye as isHeadingProps,
   qr as isIconProps,
-  hx as useDsPagination,
+  Tx as useDsPagination,
   wt as useRootContext,
   fm as useSnackbar
 };