@altinn/altinn-components 0.18.3 → 0.18.5

package/dist/components/Dialog/DialogListGroup.js

@@ -1,40 +1,40 @@
 "use client";
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import * as a from "react";
+import * as m from "react";
 import { forwardRef as f } from "react";
-import { Button as c } from "../Button/Button.js";
+import { Button as p } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ListBase as p } from "../List/ListBase.js";
+import { ListBase as c } from "../List/ListBase.js";
 import { Heading as d } from "../Typography/Heading.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as s } from "../Page/Flex.js";
 import { Section as u } from "../Page/Section.js";
 import { u as g } from "../../useId-CsCRkvK3.js";
-var b = function(e, i) {
-  var o = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (o[t] = e[t]);
+var v = function(e, i) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      i.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
-  return o;
+    for (var o = 0, t = Object.getOwnPropertySymbols(e); o < t.length; o++)
+      i.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
+  return r;
 };
-const h = f((e, i) => {
-  var { title: o, titleId: t } = e, r = b(e, ["title", "titleId"]);
-  let l = g();
-  return l = o ? t || "title-" + l : void 0, a.createElement(
+const w = f((e, i) => {
+  var { title: r, titleId: t } = e, o = v(e, ["title", "titleId"]);
+  let n = g();
+  return n = r ? t || "title-" + n : void 0, m.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: i, "aria-labelledby": l }, r),
-    o ? a.createElement("title", { id: l }, o) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", 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: i, "aria-labelledby": n }, o),
+    r ? m.createElement("title", { id: n }, r) : null,
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
-}), P = ({ title: e, children: i }) => /* @__PURE__ */ m(u, { spacing: 3, children: [
-  e && /* @__PURE__ */ m(s, { direction: "row", align: "center", justify: "between", children: [
-    /* @__PURE__ */ n(d, { size: "lg", children: e }),
-    /* @__PURE__ */ n(c, { variant: "text", icon: h, size: "sm", children: "Velg alle" })
+}), P = ({ title: e, children: i, checkAllLabel: r }) => /* @__PURE__ */ a(u, { spacing: 3, children: [
+  e && /* @__PURE__ */ a(s, { direction: "row", align: "center", justify: "between", children: [
+    /* @__PURE__ */ l(d, { size: "lg", children: e }),
+    r && /* @__PURE__ */ l(p, { variant: "text", icon: w, size: "sm", children: r })
   ] }),
-  /* @__PURE__ */ n(p, { spacing: 3, children: i })
+  /* @__PURE__ */ l(c, { spacing: 3, children: i })
 ] });
 export {
   P as DialogListGroup

package/dist/components/Search/SearchField.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
 import { c as I } from "../../index-L8X2o7IH.js";
 import { useRef as N } from "react";
 import { Icon as v } from "../Icon/Icon.js";
@@ -19,31 +19,31 @@ import '../../assets/SearchField.css';const j = "_field_1y3oc_1", A = "_icon_1y3
   className: m,
   expanded: p,
   name: u = "q",
-  value: i,
+  value: o,
   placeholder: d = "Search",
   closeButtonAltText: f = "Close search",
   clearButtonAltText: _ = "Clear search",
   onFocus: y,
   onBlur: h,
   onChange: x,
-  onClear: S,
-  onClose: b,
-  onEnter: t,
+  onClear: b,
+  onClose: S,
+  onEnter: c,
   tabIndex: g
 }) => {
-  const c = N(null), k = (e) => {
+  const i = N(null), k = (e) => {
     var a, r;
-    e.key === "Escape" && ((a = c.current) == null || a.blur()), e.key === "Enter" && ((r = c.current) == null || r.blur(), t == null || t());
+    e.key === "Escape" && ((a = i.current) == null || a.blur()), e.key === "Enter" && ((r = i.current) == null || r.blur(), c == null || c());
   };
   return /* @__PURE__ */ C("div", { className: I(s.field, m), children: [
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t(
       "input",
       {
-        ref: c,
+        ref: i,
         onFocus: y,
         onBlur: h,
         name: u,
-        value: i,
+        value: o,
         onChange: x,
         placeholder: d,
         className: s.input,
@@ -52,28 +52,29 @@ import '../../assets/SearchField.css';const j = "_field_1y3oc_1", A = "_icon_1y3
         "aria-haspopup": !0,
         autoComplete: "off",
         "aria-autocomplete": "list",
-        tabIndex: g ?? 0
+        tabIndex: g ?? 0,
+        "data-testid": "searchbar-input"
       }
     ),
-    /* @__PURE__ */ o(v, { svgElement: T, className: s.icon }),
-    i && /* @__PURE__ */ o(
+    /* @__PURE__ */ t(v, { svgElement: T, className: s.icon }),
+    o && /* @__PURE__ */ t(
       n,
       {
         icon: l,
         variant: "solid",
         size: "custom",
         className: s.clear,
-        onClick: S,
+        onClick: b,
         dataTestId: "search-button-clear",
         iconAltText: _
       }
-    ) || p && /* @__PURE__ */ o(
+    ) || p && /* @__PURE__ */ t(
       n,
       {
         icon: l,
         variant: "text",
         className: s.dismiss,
-        onClick: b,
+        onClick: S,
         dataTestId: "search-button-close",
         iconAltText: f
       }

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/Dialog/DialogListGroup.d.ts

@@ -2,5 +2,6 @@ import { ReactNode } from 'react';
 export interface DialogListGroupProps {
     title?: string;
     children?: ReactNode;
+    checkAllLabel?: string;
 }
-export declare const DialogListGroup: ({ title, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListGroup: ({ title, children, checkAllLabel }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;

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.5",
   "main": "dist/index.js",
   "files": [
     "dist/",