@altinn/altinn-components 0.25.2 → 0.25.4

package/dist/components/Profile/AccountList.js

@@ -1,12 +1,12 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { createElement as m } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as p } from "../List/ListBase.js";
+import { ListBase as i } from "../List/ListBase.js";
 import "../Search/AutocompleteBase.js";
-import { AccountListItem as i } from "./AccountListItem.js";
+import { AccountListItem as e } from "./AccountListItem.js";
 import "../Snackbar/useSnackbar.js";
-const L = ({ items: r }) => /* @__PURE__ */ t(p, { children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ m(i, { ...o, key: o.id }, "Details")) });
+const d = ({ items: t }) => /* @__PURE__ */ o(i, { children: t.map((r) => /* @__PURE__ */ m(e, { ...r, key: r.id })) });
 export {
-  L as AccountList
+  d as AccountList
 };

package/dist/components/Toolbar/Toolbar.js

@@ -1,102 +1,102 @@
 "use client";
-import { jsxs as E, jsx as m } from "react/jsx-runtime";
-import { useState as v, useEffect as M, useMemo as T } from "react";
-import { useRootContext as V } from "../RootProvider/RootProvider.js";
-import { ToolbarAccountMenu as $ } from "./ToolbarAccountMenu.js";
-import { ToolbarAdd as q } from "./ToolbarAdd.js";
-import { ToolbarBase as w } from "./ToolbarBase.js";
-import { ToolbarFilter as z } from "./ToolbarFilter.js";
-import { ToolbarSearch as D } from "./ToolbarSearch.js";
-const g = (n, r) => r || `toolbar-filter-${n}`, X = ({
-  filters: n = [],
-  filterState: r,
-  onFilterStateChange: b,
-  search: u,
-  accountMenu: f,
-  getFilterLabel: S,
-  children: y,
-  showResultsLabel: x,
-  removeButtonAltText: A,
-  addFilterButtonLabel: h
+import { jsxs as G, jsx as c } from "react/jsx-runtime";
+import { useState as V, useMemo as v, useEffect as k } from "react";
+import { useRootContext as w } from "../RootProvider/RootProvider.js";
+import { ToolbarAccountMenu as B } from "./ToolbarAccountMenu.js";
+import { ToolbarAdd as E } from "./ToolbarAdd.js";
+import { ToolbarBase as L } from "./ToolbarBase.js";
+import { ToolbarFilter as M } from "./ToolbarFilter.js";
+import { ToolbarSearch as $ } from "./ToolbarSearch.js";
+const T = (t, m) => m || `toolbar-filter-${t}`, Q = ({
+  filters: t = [],
+  filterState: m,
+  onFilterStateChange: u,
+  search: b,
+  accountMenu: g,
+  getFilterLabel: y,
+  children: F,
+  showResultsLabel: S,
+  removeButtonAltText: x,
+  addFilterButtonLabel: A
 }) => {
-  const { openId: C, closeAll: I } = V(), [N, R] = v(r || {}), p = typeof b == "function" ? b : R, t = r || N, [c, d] = v(
-    (n == null ? void 0 : n.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
+  const { openId: h, closeAll: C } = w(), n = m || {}, i = typeof u == "function" ? u : () => {
+  }, [r, p] = V(
+    () => t.filter((e) => !e.removable || typeof n[e.name] < "u").map((e) => e.name)
+  ), I = v(
+    () => r.map((e) => t.find((o) => o.name === e)).filter((e) => typeof e < "u"),
+    [t, r]
+  ), s = v(
+    () => t.filter((e) => !r.includes(e.name)),
+    [t, r]
   );
-  M(() => {
-    d(
-      (n == null ? void 0 : n.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
-    );
-  }, [t]);
-  const F = n == null ? void 0 : n.filter((o) => !c.includes(o.name)), j = T(
-    () => c.map((o) => n.find((e) => e.name === o)).filter((o) => typeof o < "u"),
-    [n, c]
-  ), i = T(
-    () => n.filter((o) => F.includes(o)),
-    [n, F]
-  ), G = (o) => {
-    const { name: e, value: l, type: B } = o.target, a = [l];
-    B === "radio" ? (I(), p({
-      ...t,
-      [e]: a
-    })) : p({
-      ...t,
-      [e]: t[e] ? t[e].some((s) => a == null ? void 0 : a.includes(String(s))) ? t[e].filter((s) => !a.includes(String(s))) : [...t[e], ...a] : a
+  k(() => {
+    const e = t.filter((o) => !o.removable || typeof n[o.name] < "u").map((o) => o.name);
+    p((o) => {
+      const l = e.filter((d) => !o.includes(d));
+      return l.length === 0 ? o : [...o, ...l];
     });
-  }, L = (o) => {
-    d((e) => e.filter((l) => l !== o)), p({
-      ...t,
-      [o]: void 0
+  }, [t, n]);
+  const N = (e) => {
+    const { name: o, value: l, type: d } = e.target, a = [l];
+    d === "radio" ? (C(), i({
+      ...n,
+      [o]: a
+    })) : i({
+      ...n,
+      [o]: n[o] ? n[o].some((f) => a.includes(String(f))) ? n[o].filter((f) => !a.includes(String(f))) : [...n[o], ...a] : a
+    });
+  }, R = (e) => {
+    p((o) => o.filter((l) => l !== e)), i({
+      ...n,
+      [e]: void 0
+    });
+  }, j = (e, o) => {
+    r.includes(e) || p((l) => [...l, e]), h(o), i({
+      ...n,
+      [e]: n[e] ?? []
     });
-  }, k = (o, e) => {
-    d((l) => [...l, o]), C(e);
   };
-  return /* @__PURE__ */ E(w, { children: [
-    f && /* @__PURE__ */ m($, { ...f }),
-    u && /* @__PURE__ */ m(D, { ...u }),
-    j.map((o) => /* @__PURE__ */ m(
-      z,
+  return /* @__PURE__ */ G(L, { children: [
+    g && /* @__PURE__ */ c(B, { ...g }),
+    b && /* @__PURE__ */ c($, { ...b }),
+    I.map((e) => /* @__PURE__ */ c(
+      M,
       {
-        id: g(o.name, o.id),
-        showResultsLabel: x,
-        onRemove: () => {
-          L(o.name);
-        },
-        onChange: (e) => {
-          G(e);
-        },
-        name: o.name,
-        options: o.options,
-        label: o.label,
-        optionType: o.optionType,
-        removable: o.removable,
-        getSelectedLabel: S,
-        buttonAltText: A,
-        optionGroups: o.optionGroups,
-        filterState: t
+        id: T(e.name, e.id),
+        showResultsLabel: S,
+        onRemove: () => R(e.name),
+        onChange: N,
+        name: e.name,
+        options: e.options,
+        label: e.label,
+        optionType: e.optionType,
+        removable: e.removable,
+        getSelectedLabel: y,
+        buttonAltText: x,
+        optionGroups: e.optionGroups,
+        filterState: n
       },
-      o.name
+      e.name
     )),
-    (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ m(
-      q,
+    (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ c(
+      E,
       {
         id: "toolbar-filter-add",
-        label: h,
-        items: i.map((o) => {
-          const e = g(o.name, o.id);
+        label: A,
+        items: s.map((e) => {
+          const o = T(e.name, e.id);
           return {
-            id: e,
-            title: o.label,
-            name: o.name,
-            onClick: () => {
-              k(o.name, e);
-            }
+            id: o,
+            title: e.label,
+            name: e.name,
+            onClick: () => j(e.name, o)
           };
         })
       }
     ),
-    y
+    F
   ] });
 };
 export {
-  X as Toolbar
+  Q as Toolbar
 };

package/dist/types/lib/components/Page/Patterns.stories.d.ts

@@ -1,7 +1,9 @@
 declare const meta: {
     title: string;
     tags: string[];
-    parameters: {};
+    parameters: {
+        layout: string;
+    };
     args: {
         owner: import('..').AvatarProps;
         contact: import('..').DialogContactProps;
@@ -18,6 +20,6 @@ declare const meta: {
 };
 export default meta;
 export declare const ProfileDashboard: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileAccounts: () => import("react/jsx-runtime").JSX.Element;
 export declare const CompanyDashboard: () => import("react/jsx-runtime").JSX.Element;
 export declare const ServicePage: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountsPage: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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