@altinn/altinn-components 0.67.12 → 0.68.1

package/dist/components/RootProvider/index.js

@@ -1,4 +1,4 @@
-import { R as e, w as r } from "../../ToolbarSearch-DyVcALSw.js";
+import { R as e, w as r } from "../../ToolbarSearch-CpAUv-Lw.js";
 export {
   e as RootProvider,
   r as useRootContext

package/dist/components/Search/SearchItem.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { H as m, a as p } from "../../ToolbarSearch-DyVcALSw.js";
+import { H as m, a as p } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/Autocomplete.js

@@ -3,7 +3,7 @@ import { useRef as B, Fragment as C } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as P } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import { MenuList as k } from "../Menu/MenuList.js";
 import { MenuListItem as y } from "../Menu/MenuListItem.js";

package/dist/components/Searchbar/AutocompleteItem.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { j as n, B as e } from "../../ToolbarSearch-DyVcALSw.js";
+import { j as n, B as e } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Searchbar/Searchbar.js

@@ -3,7 +3,7 @@ import { useState as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
 import "../../tooltip-Ct39-719.js";
-import { w as I } from "../../ToolbarSearch-DyVcALSw.js";
+import { w as I } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Searchbar/SearchbarField.js

@@ -2,7 +2,7 @@
 import { jsxs as k, jsx as e } from "react/jsx-runtime";
 import { c as N } from "../../index-p1eeF8LQ.js";
 import { useRef as v } from "react";
-import { I as S, r as z, s as o } from "../../ToolbarSearch-DyVcALSw.js";
+import { I as S, r as z, s as o } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import { Button as l } from "../Button/Button.js";

package/dist/components/Settings/SettingsItem.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import { useState as b } from "react";
 import "../../tooltip-Ct39-719.js";
 import { Input as P } from "../Forms/Input.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsItemBase.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as a, Fragment as g } from "react/jsx-runtime";
-import { i as u, H as p, B, p as C } from "../../ToolbarSearch-DyVcALSw.js";
+import { i as u, H as p, B, p as C } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Settings/SettingsList.js

@@ -3,7 +3,7 @@ import { Fragment as f, createElement as g } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as x } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import { H as h } from "../../ToolbarSearch-DyVcALSw.js";
+import { H as h } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import { s as i } from "../../settlingsList.module-So3_AYgj.js";

package/dist/components/Settings/SettingsListVirtual.js

@@ -5,7 +5,7 @@ import { useRef as h, useEffect as y } from "react";
 import "../../index-p1eeF8LQ.js";
 import { useMenu as L } from "../../hooks/useMenu.js";
 import "../../tooltip-Ct39-719.js";
-import { H as f } from "../../ToolbarSearch-DyVcALSw.js";
+import { H as f } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/SettingsModal.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { createElement as h } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import { Button as M } from "../Button/Button.js";
 import { ButtonIcon as k } from "../Button/ButtonIcon.js";

package/dist/components/Settings/SettingsSection.js

@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLog.js

@@ -3,7 +3,7 @@ import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useState as y, createElement as B, useMemo as L, Fragment as S } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Settings/UsedByLogItem.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as l } from "react/jsx-runtime";
-import { a as n, B as c } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as n, B as c } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Snackbar/SnackbarItem.js

@@ -2,7 +2,7 @@
 import { jsx as a, jsxs as v } from "react/jsx-runtime";
 import { c as h } from "../../index-p1eeF8LQ.js";
 import d, { forwardRef as _, useEffect as g } from "react";
-import { I as b, s as y } from "../../ToolbarSearch-DyVcALSw.js";
+import { I as b, s as y } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";
 import { Button as w } from "../Button/Button.js";

package/dist/components/Timeline/Timeline.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineActivity.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as c } from "../../ToolbarSearch-CpAUv-Lw.js";
 import { Typography as n } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineBase.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import "../../ToolbarSearch-DyVcALSw.js";
+import "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineFooter.js

@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as l } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as l } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineHeader.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Skeleton as a } from "../Skeleton/Skeleton.js";
 import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as c } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Timeline/TimelineIcon.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { isValidElement as e } from "react";
 import "../../index-p1eeF8LQ.js";
-import { I as s, s as n, u as l } from "../../ToolbarSearch-DyVcALSw.js";
+import { I as s, s as n, u as l } from "../../ToolbarSearch-CpAUv-Lw.js";
 import { isAvatarProps as f, Avatar as c } from "../Avatar/Avatar.js";
 import { isAvatarGroupProps as u, AvatarGroup as d } from "../Avatar/AvatarGroup.js";
 import "../../tooltip-Ct39-719.js";

package/dist/components/Timeline/TimelineSection.js

@@ -2,7 +2,7 @@ import { jsxs as T, jsx as t } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as c } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as c } from "../../ToolbarSearch-CpAUv-Lw.js";
 import { Typography as j } from "../Typography/Typography.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";

package/dist/components/Timeline/TimelineSegment.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { a as S } from "../../ToolbarSearch-DyVcALSw.js";
+import { a as S } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/Toolbar/DatepickerFilter.js

@@ -1,28 +1,28 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Datepicker as T } from "../Datepicker/Datepicker.js";
-import { Field as n } from "../Forms/Field.js";
+import { Field as m } from "../Forms/Field.js";
 import { Fieldset as v } from "../Forms/Fieldset.js";
 import "../../tooltip-Ct39-719.js";
 import "react";
-import { Label as c } from "../Forms/Label.js";
-import { Input as s } from "../Forms/Input.js";
+import { Label as s } from "../Forms/Label.js";
+import { Input as c } from "../Forms/Input.js";
 import "../../index-p1eeF8LQ.js";
-import { w as x, j as g } from "../../ToolbarSearch-DyVcALSw.js";
+import { w as x, j as g } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
-import { MenuList as M } from "../Menu/MenuList.js";
-import { MenuListItem as m } from "../Menu/MenuListItem.js";
+import { MenuList as C } from "../Menu/MenuList.js";
+import { MenuListItem as n } from "../Menu/MenuListItem.js";
 import { MenuListDivider as p } from "../Menu/MenuListDivider.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S } from "../../ArrowUndo-hge1gMu8.js";
+import { S as M } from "../../ArrowUndo-hge1gMu8.js";
 import '../../assets/DatepickerFilter.css';const u = {}, W = ({
   formData: t = { fromDate: "", toDate: "" },
   onChange: r,
-  onSubmit: b
+  onSubmit: f
 }) => {
-  const { fromDate: i, toDate: a } = t, { languageCode: f } = x(), { backLabel: d, fromLabel: L, toLabel: D } = j(f), k = (o) => {
+  const { fromDate: a, toDate: i } = t, { languageCode: b } = x(), { backLabel: d, fromLabel: L, toLabel: D } = S(b), k = (o) => {
     r?.({
       ...t,
       fromDate: o.target.value
@@ -33,7 +33,7 @@ import '../../assets/DatepickerFilter.css';const u = {}, W = ({
       toDate: o.target.value
     });
   }, F = (o) => {
-    if (a) {
+    if (i) {
       r?.({
         ...t,
         fromDate: o,
@@ -41,41 +41,61 @@ import '../../assets/DatepickerFilter.css';const u = {}, W = ({
       });
       return;
     }
-    if (!i) {
+    if (!a) {
       r?.({
         ...t,
         fromDate: o
       });
       return;
     }
-    o < i ? r?.({
+    o < a ? r?.({
       ...t,
-      toDate: i,
+      toDate: a,
       fromDate: o
     }) : r?.({
       ...t,
       toDate: o
     });
   };
-  return /* @__PURE__ */ l(M, { children: [
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(g, { variant: "default", icon: S, title: d, onClick: () => {
-      b?.({ fromDate: i, toDate: a });
+  return /* @__PURE__ */ l(C, { role: "presentation", children: [
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ e(g, { variant: "default", role: "button", icon: M, title: d, onClick: () => {
+      f?.({ fromDate: a, toDate: i });
     } }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ l(v, { size: "xs", children: [
-      /* @__PURE__ */ l(n, { children: [
-        /* @__PURE__ */ e(c, { children: L }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "fromDate", value: i, type: "date", onChange: k })
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ l(v, { size: "xs", children: [
+      /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ e(s, { children: L }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: u.input,
+            name: "fromDate",
+            value: a,
+            type: "date",
+            autoComplete: "off",
+            onChange: k
+          }
+        )
       ] }),
-      /* @__PURE__ */ l(n, { children: [
-        /* @__PURE__ */ e(c, { children: D }),
-        /* @__PURE__ */ e(s, { className: u.input, name: "toDate", value: a, type: "date", onChange: h })
+      /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ e(s, { children: D }),
+        /* @__PURE__ */ e(
+          c,
+          {
+            className: u.input,
+            name: "toDate",
+            value: i,
+            type: "date",
+            autoComplete: "off",
+            onChange: h
+          }
+        )
       ] })
     ] }) }),
     /* @__PURE__ */ e(p, {}),
-    /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: i, selectTo: a }) })
+    /* @__PURE__ */ e(n, { role: "presentation", children: /* @__PURE__ */ e(T, { onSelect: F, selectFrom: a, selectTo: i }) })
   ] });
-}, j = (t) => {
+}, S = (t) => {
   switch (t) {
     case "nn":
       return {

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useRef as A, useState as p, useCallback as C, useEffect as R } from "react";
-import { M as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { M as x } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
 import "../Typography/Link.js";

package/dist/components/Toolbar/Toolbar.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { ToolbarFilter as T } from "./ToolbarFilter.js";
-import { T as l, t as x } from "../../ToolbarSearch-DyVcALSw.js";
+import { T as l, t as x } from "../../ToolbarSearch-CpAUv-Lw.js";
 import '../../assets/Toolbar.css';const z = "_toolbar_ibn1z_1", c = {
   toolbar: z
 }, u = ({ accountMenu: t, menus: m, search: a, filter: s, disabled: o, controls: b, children: e }) => /* @__PURE__ */ p("span", { className: c.toolbar, "data-size": "xs", children: [

package/dist/components/Toolbar/ToolbarFilter.js

@@ -3,7 +3,7 @@ import { useMemo as O, useState as y, createElement as E } from "react";
 import { Button as L } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { s as X } from "../../ToolbarSearch-DyVcALSw.js";
+import { s as X } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -3,7 +3,7 @@ import { useRef as a, useEffect as v } from "react";
 import { Button as w } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { g as x, M as C } from "../../ToolbarSearch-DyVcALSw.js";
+import { g as x, M as C } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import { useDropdownMenuController as R } from "../Menu/useDropdownMenuController.js";
 import "../GlobalMenu/GlobalMenuBase.js";

package/dist/components/Toolbar/ToolbarFilterButton.js

@@ -3,42 +3,44 @@ import { Button as t } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../../tooltip-Ct39-719.js";
-import { s as c, q as h } from "../../ToolbarSearch-DyVcALSw.js";
+import { s as h, q as x } from "../../ToolbarSearch-CpAUv-Lw.js";
 import "../Typography/Link.js";
 import "react-dom";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { ButtonGroup as x } from "../Button/ButtonGroup.js";
-import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
-function M({
-  disabled: e,
-  name: i,
+import { ButtonGroup as B } from "../Button/ButtonGroup.js";
+import { ButtonGroupDivider as j } from "../Button/ButtonGroupDivider.js";
+function R({
+  disabled: i,
+  name: e,
   onClick: p,
-  removable: d,
+  removable: s,
   removeLabel: f = "Fjern filter",
   onRemove: l,
   children: n,
-  open: s,
+  open: a,
+  menuId: m,
   variant: o,
-  ref: a,
-  htmlTitle: m
+  ref: c,
+  htmlTitle: d
 }) {
-  return d ? /* @__PURE__ */ u(x, { disabled: e, variant: o, connected: !0, children: [
+  return s ? /* @__PURE__ */ u(B, { disabled: i, variant: o, connected: !0, children: [
     /* @__PURE__ */ r(
       t,
       {
         variant: o,
         onClick: p,
-        "data-id": `filter-button-${i}`,
+        "data-id": `filter-button-${e}`,
         "aria-haspopup": "menu",
-        "aria-expanded": s,
-        title: m,
-        ref: a,
+        "aria-expanded": a,
+        "aria-controls": m,
+        title: d,
+        ref: c,
         children: /* @__PURE__ */ r("span", { children: n })
       }
     ),
-    /* @__PURE__ */ r(B, { variant: o }),
+    /* @__PURE__ */ r(j, { variant: o }),
     /* @__PURE__ */ r(b, { content: f, children: /* @__PURE__ */ r(
       t,
       {
@@ -48,14 +50,27 @@ function M({
           borderLeft: "none",
           borderRadius: "0 .25em .25em 0"
         },
-        children: /* @__PURE__ */ r(c, { "aria-hidden": "true" })
+        children: /* @__PURE__ */ r(h, { "aria-hidden": "true" })
       }
     ) })
-  ] }) : /* @__PURE__ */ u(t, { disabled: e, variant: o, onClick: p, "data-id": `filter-button-${i}`, title: m, children: [
-    /* @__PURE__ */ r("span", { children: n }),
-    /* @__PURE__ */ r(h, {})
-  ] });
+  ] }) : /* @__PURE__ */ u(
+    t,
+    {
+      disabled: i,
+      variant: o,
+      onClick: p,
+      "data-id": `filter-button-${e}`,
+      title: d,
+      "aria-haspopup": "menu",
+      "aria-expanded": a,
+      "aria-controls": m,
+      children: [
+        /* @__PURE__ */ r("span", { children: n }),
+        /* @__PURE__ */ r(x, { "aria-hidden": "true" })
+      ]
+    }
+  );
 }
 export {
-  M as ToolbarFilterButton
+  R as ToolbarFilterButton
 };