@altinn/altinn-components 0.60.2 → 0.61.1

package/dist/components/Pagination/Pagination.js

@@ -1,27 +1,27 @@
-import { jsx as i, jsxs as h } from "react/jsx-runtime";
-import { Button as r } from "../Button/Button.js";
+import { jsx as i, jsxs as p } from "react/jsx-runtime";
+import { Button as e } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../ToolbarSearch-56Sm2j7P.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/Pagination.css';const m = "_pagination_jpqmb_1", g = "_list_jpqmb_5", o = {
-  pagination: m,
-  list: g
-}, x = ({
+import '../../assets/Pagination.css';const b = "_pagination_jpqmb_1", m = "_list_jpqmb_5", t = {
+  pagination: b,
+  list: m
+}, y = ({
   size: a,
-  variant: t = "tinted",
+  variant: o = "tinted",
   selectedVariant: d = "solid",
-  prev: e,
+  prev: r,
   next: n,
   items: s = [],
   "aria-label": c = "Velg side"
-}) => /* @__PURE__ */ i("nav", { className: o.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ h("ul", { className: o.list, children: [
-  e && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": e["aria-label"] || "Forrige side", variant: t, children: e.title || "Forrige" }) }),
-  s?.map((l, p) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(r, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(r, { ...l, size: a, variant: l?.selected ? d : t, children: l.title }) }, p)),
-  n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(r, { size: a, "aria-label": n["aria-label"] || "Forrige side", variant: t, children: n.title || "Neste" }) })
+}) => /* @__PURE__ */ i("nav", { className: t.pagination, "data-size": a, "aria-label": c, children: /* @__PURE__ */ p("ul", { className: t.list, children: [
+  r && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...r, size: a, "aria-label": r["aria-label"] || "Forrige side", variant: o, children: r.label || "Forrige" }) }),
+  s?.map((l, h) => /* @__PURE__ */ i("li", { "aria-hidden": l.hidden, children: l.hidden ? /* @__PURE__ */ i(e, { as: "div", size: a, variant: "ghost", children: "…" }) : /* @__PURE__ */ i(e, { ...l, size: a, variant: l?.selected ? d : o, children: l.label }) }, h)),
+  n && /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(e, { ...n, size: a, "aria-label": n["aria-label"] || "Forrige side", variant: o, children: n.label || "Neste" }) })
 ] }) });
 export {
-  x as Pagination
+  y as Pagination
 };

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/types/lib/components/Pagination/Pagination.d.ts

@@ -1,13 +1,14 @@
 import { ButtonProps } from '../Button';
 export interface PaginationButtonProps extends ButtonProps {
+    label?: string;
     selected?: boolean;
 }
 export interface PaginationProps {
     size?: ButtonProps['size'];
     variant?: ButtonProps['variant'];
     selectedVariant?: ButtonProps['variant'];
-    prev?: ButtonProps;
-    next?: ButtonProps;
+    prev?: PaginationButtonProps;
+    next?: PaginationButtonProps;
     items?: PaginationButtonProps[];
     'aria-label': string;
 }

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

@@ -6,29 +6,29 @@ declare const meta: {
     args: {
         'aria-label': string;
         prev: {
-            title: string;
+            label: string;
             'aria-label': string;
         };
         next: {
-            title: string;
+            label: string;
             'aria-label': string;
         };
         items: ({
             id: string;
-            title: string;
+            label: string;
             'aria-label': string;
             selected?: undefined;
             hidden?: undefined;
         } | {
             id: string;
-            title: string;
+            label: string;
             'aria-label': string;
             selected: true;
             hidden?: undefined;
         } | {
             hidden: true;
             id?: undefined;
-            title?: undefined;
+            label?: undefined;
             'aria-label'?: undefined;
             selected?: undefined;
         })[];

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.2",
+  "version": "0.61.1",
   "main": "dist/index.js",
   "files": [
     "dist/",