@altinn/altinn-components 0.18.3 → 0.18.4

package/dist/components/Toolbar/Toolbar.js

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

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

@@ -11,7 +11,8 @@ export interface ToolbarProps {
     getFilterLabel?: (name: string, value: ToolbarFilterProps['value']) => string;
     onFilterStateChange?: (state: FilterState) => void;
     showResultsLabel?: string;
+    addFilterButtonLabel?: string;
     removeButtonAltText?: string;
     children?: ReactNode;
 }
-export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, addFilterButtonLabel, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { Toolbar } from './Toolbar';
 declare const meta: {
     title: string;
-    component: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, addFilterButtonLabel, }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/package.json

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