@altinn/altinn-components 0.8.1 → 0.8.2

package/dist/components/Toolbar/Toolbar.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as V, jsx as c } from "react/jsx-runtime";
+import { jsxs as V, jsx as i } from "react/jsx-runtime";
 import { useState as d, useMemo as C } from "react";
 import { useRootContext as q } from "../RootProvider/RootProvider.js";
 import { ToolbarAdd as w } from "./ToolbarAdd.js";
@@ -16,44 +16,44 @@ const Y = ({
   getFilterLabel: A,
   children: N
 }) => {
-  const { currentId: i, openId: R, closeAll: y } = q(), [e, s] = d(null), [j, v] = d(
+  const { currentId: c, openId: R, closeAll: y } = q(), [e, s] = d(null), [j, v] = d(
     u ?? {}
-  ), p = typeof g == "function" ? g : v, r = u || j, [b, S] = d(
-    (l == null ? void 0 : l.filter((o) => !(o.removable && typeof r[o.name] > "u")).map((o) => o.name)) ?? []
+  ), p = typeof g == "function" ? g : v, t = u || j, [b, S] = d(
+    (l == null ? void 0 : l.filter((o) => !(o.removable && typeof t[o.name] > "u")).map((o) => o.name)) ?? []
   ), h = l == null ? void 0 : l.filter((o) => !b.includes(o.name)), L = C(
     () => b.map((o) => l.find((n) => n.name === o)).filter((o) => typeof o < "u"),
     [l, b]
   ), a = C(
     () => l.filter((o) => h.includes(o)),
     [l, h]
-  ), t = (o, n) => {
+  ), r = (o, n) => {
     (e == null ? void 0 : e.name) === n && e.type === o ? (y(), s(null)) : (R("toolbar"), s({ name: n, type: o }));
   }, M = () => {
     s(null), y();
   }, k = (o, n, m) => {
     m === "radio" ? (p({
-      ...r,
+      ...t,
       [o]: n
-    }), t("filter", o)) : p({
-      ...r,
-      [o]: r[o] ? r[o].some((f) => n == null ? void 0 : n.includes(f)) ? r[o].filter((f) => !(n || []).includes(f)) : [...r[o], ...n || []] : n
+    }), r("filter", o)) : p({
+      ...t,
+      [o]: t[o] ? t[o].some((f) => n == null ? void 0 : n.includes(f)) ? t[o].filter((f) => !(n || []).includes(f)) : [...t[o], ...n || []] : n
     });
   }, B = (o) => {
     S((n) => n.filter((m) => m !== o)), p({
-      ...r,
+      ...t,
       [o]: void 0
     });
   }, E = (o) => {
-    S((n) => [...n, o]), t("filter", o);
+    S((n) => [...n, o]), r("filter", o);
   };
-  return /* @__PURE__ */ V(z, { open: i === "toolbar", onClose: M, children: [
-    F && /* @__PURE__ */ c(G, { onToggle: () => t("menu", ""), expanded: (e == null ? void 0 : e.type) === "menu", ...F }),
-    T && /* @__PURE__ */ c(H, { ...T }),
-    L.map((o) => /* @__PURE__ */ c(
+  return /* @__PURE__ */ V(z, { open: c === "toolbar", onClose: M, children: [
+    F && /* @__PURE__ */ i(G, { onToggle: () => r("menu", ""), expanded: (e == null ? void 0 : e.type) === "menu", ...F }),
+    T && /* @__PURE__ */ i(H, { ...T }),
+    L.map((o) => /* @__PURE__ */ i(
       D,
       {
-        onToggle: () => t("filter", o.name),
-        expanded: i === "toolbar" && o.name === (e == null ? void 0 : e.name) && (e == null ? void 0 : e.type) === "filter",
+        onToggle: () => r("filter", o.name),
+        expanded: c === "toolbar" && o.name === (e == null ? void 0 : e.name) && (e == null ? void 0 : e.type) === "filter",
         onRemove: () => {
           B(o.name);
         },
@@ -63,21 +63,21 @@ const Y = ({
         name: o.name,
         options: o.options,
         label: o.label,
-        value: r[o.name],
+        value: t[o.name],
         optionType: o.optionType,
         removable: o.removable,
         getSelectedLabel: A
       },
       o.name
     )),
-    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ c(
+    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
       w,
       {
-        expanded: i === "toolbar" && (e == null ? void 0 : e.type) === "add-filter",
-        onToggle: () => t("add-filter", ""),
+        expanded: c === "toolbar" && (e == null ? void 0 : e.type) === "add-filter",
+        onToggle: () => r("add-filter", ""),
         items: a.map((o) => ({
           id: o.name,
-          label: o.label,
+          title: o.label,
           name: o.name,
           onClick: () => {
             E(o.name);

package/dist/components/Toolbar/Toolbar.stories.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import n from "react";
 import { Toolbar as o } from "./Toolbar.js";
-const d = {
+const b = {
   title: "Toolbar/Toolbar",
   component: o,
   tags: ["autodocs"],
@@ -17,13 +17,15 @@ const d = {
           avatar: {
             name: "Ola Nordmann"
           },
-          label: "Ola Nordmann"
+          title: "Ola Nordmann",
+          id: "ola"
         },
         {
           avatar: {
             name: "Kari Nordmann"
           },
-          label: "Kari Nordmann"
+          title: "Kari Nordmann",
+          id: "kari"
         }
       ]
     },
@@ -110,12 +112,12 @@ const d = {
       }
     ]
   }
-}, m = {
+}, g = {
   args: {
     ...a.args,
     getFilterLabel: (t, e) => Array.isArray(e) && e.length > 1 ? `${e.length} selected` : e
   }
-}, g = {
+}, m = {
   args: {
     ...a.args,
     filters: []
@@ -177,10 +179,10 @@ const p = {
 };
 export {
   v as ControlledStateFilters,
-  m as CustomFilterLabel,
+  g as CustomFilterLabel,
   a as Default,
   c as FilterAndSearch,
-  g as NoFilters,
+  m as NoFilters,
   p as StaticFilters,
-  d as default
+  b as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [