@altinn/altinn-components 0.60.1 → 0.61.0

package/dist/components/Toolbar/ToolbarFilter.js

@@ -1,89 +1,90 @@
-import { jsxs as l, Fragment as I, jsx as s } from "react/jsx-runtime";
-import { useMemo as L, useState as N, createElement as O } from "react";
-import { Button as w } from "../Button/Button.js";
+import { jsxs as l, Fragment as L, jsx as i } from "react/jsx-runtime";
+import { useMemo as N, useState as O, createElement as y } from "react";
+import { Button as E } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import { s as y } from "../../ToolbarSearch-56Sm2j7P.js";
+import { s as X } from "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarFilterMenu as E } from "./ToolbarFilterMenu.js";
-import { useFilter as X } from "./useFilter.js";
-import { ToolbarControls as q } from "./ToolbarControls.js";
-import { ToolbarFilterAddMenu as z } from "./ToolbarFilterAddMenu.js";
-const _ = ({
+import { ToolbarFilterMenu as q } from "./ToolbarFilterMenu.js";
+import { useFilter as w } from "./useFilter.js";
+import { ToolbarControls as z } from "./ToolbarControls.js";
+import { ToolbarFilterAddMenu as D } from "./ToolbarFilterAddMenu.js";
+const $ = ({
   disabled: n,
   filters: r,
   filterState: e = {},
   onFilterStateChange: t,
-  addLabel: v = "Legg til filter",
-  addNextLabel: F = "Legg til",
-  resetLabel: b = "Nullstill",
-  removeLabel: T = "Fjern filter",
-  submitLabel: j,
-  getFilterLabel: M,
-  virtualized: R,
-  controls: k
+  addLabel: b = "Legg til filter",
+  addNextLabel: T = "Legg til",
+  resetLabel: j = "Nullstill",
+  removeLabel: M = "Fjern filter",
+  submitLabel: k,
+  getFilterLabel: x,
+  virtualized: A,
+  showResetButton: R = !0,
+  controls: s
 }) => {
-  const { visibleFilters: i, hiddenFilters: a, onFilterAdd: x, onFilterChange: A, onFilterRemove: d } = X({
+  const { visibleFilters: a, hiddenFilters: d, onFilterAdd: f, onFilterChange: B, onFilterRemove: p } = w({
     filters: r,
     filterState: e,
     onFilterStateChange: t
-  }), p = L(
+  }), c = N(
     () => r?.filter((o) => o.removable)?.map((o) => o.name) ?? [],
     [r]
-  ), f = p.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [c, g] = N(void 0), h = (o) => {
-    g((m) => m === o ? void 0 : o);
-  }, u = () => {
-    g(void 0);
-  }, B = () => {
-    for (const o of p)
-      d(o);
+  ), g = R && c.length > 0 && Object.values(e)?.some((o) => o && o?.length > 0), [u, h] = O(void 0), v = (o) => {
+    h((m) => m === o ? void 0 : o);
+  }, F = () => {
+    h(void 0);
+  }, C = () => {
+    for (const o of c)
+      p(o);
     t?.({});
   };
-  return /* @__PURE__ */ l(I, { children: [
-    i?.map((o, m) => {
-      const C = M?.(o?.name, e?.[o?.id]) ?? o?.label;
-      return /* @__PURE__ */ O(
-        E,
+  return /* @__PURE__ */ l(L, { children: [
+    a?.map((o, m) => {
+      const I = x?.(o?.name, e?.[o?.id]) ?? o?.label;
+      return /* @__PURE__ */ y(
+        q,
         {
           ...o,
           disabled: n,
-          submitLabel: j,
+          submitLabel: k,
           key: m,
-          onToggle: () => h(o.name),
-          onClose: u,
-          open: c === o.name,
-          label: C,
-          onRemove: () => d(o.name),
-          removeLabel: T,
-          onFilterChange: A,
+          onToggle: () => v(o.name),
+          onClose: F,
+          open: u === o.name,
+          label: I,
+          onRemove: () => p(o.name),
+          removeLabel: M,
+          onFilterChange: B,
           onFilterStateChange: t,
           filterState: e
         }
       );
     }),
-    !n && a?.length > 0 && /* @__PURE__ */ s(
-      z,
+    !n && d?.length > 0 && /* @__PURE__ */ i(
+      D,
       {
         name: "add",
-        onToggle: () => h("add"),
-        onClose: u,
-        open: c === "add",
-        items: a,
-        onAdd: x,
-        label: i?.length > 0 ? F : v,
-        virtualized: R
+        onToggle: () => v("add"),
+        onClose: F,
+        open: u === "add",
+        items: d,
+        onAdd: f,
+        label: a?.length > 0 ? T : b,
+        virtualized: A
       }
     ),
-    /* @__PURE__ */ l(q, { children: [
-      !n && f && /* @__PURE__ */ l(w, { onClick: B, variant: "ghost", children: [
-        /* @__PURE__ */ s(y, { "aria-hidden": "true" }),
-        /* @__PURE__ */ s("span", { children: b })
+    (g || s) && /* @__PURE__ */ l(z, { children: [
+      !n && g && /* @__PURE__ */ l(E, { onClick: C, variant: "ghost", children: [
+        /* @__PURE__ */ i(X, { "aria-hidden": "true" }),
+        /* @__PURE__ */ i("span", { children: j })
       ] }),
-      k
+      s
     ] })
   ] });
 };
 export {
-  _ as ToolbarFilter
+  $ as ToolbarFilter
 };

package/dist/components/Toolbar/useFilter.js

@@ -1,39 +1,42 @@
 "use client";
-import { useState as g, useMemo as f, useEffect as h } from "react";
-const m = (l, c) => c || `toolbar-filter-${l}`, N = ({ filters: l = [], filterState: c, onFilterStateChange: u }) => {
-  const i = c || {}, d = typeof u == "function" ? u : () => {
-  }, [r, o] = g(
-    () => l.filter((e) => !e.removable || typeof i[e.name] < "u").map((e) => e.name)
+import { useState as h, useMemo as f, useEffect as p } from "react";
+const m = (n, o) => o || `toolbar-filter-${n}`, x = ({ filters: n = [], filterState: o, onFilterStateChange: u }) => {
+  const i = o || {}, c = typeof u == "function" ? u : () => {
+  }, [d, a] = h(
+    () => n.filter((e) => !e.removable || typeof i[e.name] < "u").map((e) => e.name)
   ), F = f(
-    () => r.map((e) => l.find((t) => t.name === e)).filter((e) => typeof e < "u"),
-    [l, r]
+    () => d.map((e) => n.find((t) => t.name === e)).filter((e) => typeof e < "u"),
+    [n, d]
   ), b = f(
-    () => l.filter((e) => !r.includes(e.name)),
-    [l, r]
+    () => n.filter((e) => !d.includes(e.name)),
+    [n, d]
   );
-  h(() => {
-    const e = l.filter((t) => !t.removable || typeof i[t.name] < "u").map((t) => t.name);
-    o((t) => {
-      const s = e.filter((n) => !t.includes(n));
-      return s.length === 0 ? t : [...t, ...s];
+  p(() => {
+    const e = n.filter((t) => !t.removable || typeof i[t.name] < "u").map((t) => t.name);
+    a((t) => {
+      const s = [
+        ...t.filter((l) => e.includes(l)),
+        ...e.filter((l) => !t.includes(l))
+      ];
+      return s.length === t.length && s.every((l, r) => l === t[r]) ? t : s;
     });
-  }, [l, i]);
+  }, [n, i]);
   const v = (e, t, s) => {
-    const n = [s];
-    d(e === "radio" ? {
+    const l = [s];
+    c(e === "radio" ? {
       ...i,
-      [t]: n
+      [t]: l
     } : {
       ...i,
-      [t]: i[t] ? i[t].some((a) => n.includes(String(a))) ? i[t].filter((a) => !(n || []).includes(String(a))) : [...i[t], ...n || []] : n
+      [t]: i[t] ? i[t].some((r) => l.includes(String(r))) ? i[t].filter((r) => !(l || []).includes(String(r))) : [...i[t], ...l || []] : l
     });
-  }, p = (e) => {
-    o((t) => t.filter((s) => s !== e)), d({
+  }, y = (e) => {
+    a((t) => t.filter((s) => s !== e)), c({
       ...i,
       [e]: void 0
     });
-  }, y = (e) => {
-    r.includes(e) || o((t) => [...t, e]), d({
+  }, g = (e) => {
+    d.includes(e) || a((t) => [...t, e]), c({
       ...i,
       [e]: i[e] ?? []
     }), requestAnimationFrame(() => {
@@ -55,10 +58,10 @@ const m = (l, c) => c || `toolbar-filter-${l}`, N = ({ filters: l = [], filterSt
       id: m(e.name, e.id)
     })),
     onFilterChange: v,
-    onFilterRemove: p,
-    onFilterAdd: y
+    onFilterRemove: y,
+    onFilterAdd: g
   };
 };
 export {
-  N as useFilter
+  x as useFilter
 };

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

@@ -13,5 +13,6 @@ export interface ToolbarFilterProps {
     onFilterStateChange?: (state: FilterState) => void;
     virtualized?: boolean;
     controls?: ReactNode;
+    showResetButton?: boolean;
 }
-export declare const ToolbarFilter: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilter: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, showResetButton, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { ToolbarFilterProps } from './ToolbarFilter';
 declare const meta: {
     title: string;
-    component: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ disabled, filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, showResetButton, controls, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };

package/package.json

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