@altinn/altinn-components 0.56.4 → 0.56.6

package/dist/components/Forms/index.js

@@ -12,7 +12,7 @@ import { FieldBase as B } from "./FieldBase.js";
 import { TextField as C } from "./TextField.js";
 import { TextareaField as R } from "./TextareaField.js";
 import { SelectField as u } from "./SelectField.js";
-import { S as I } from "../../SearchField-B7o23RCl.js";
+import { S as I } from "../../SearchField-d2UqvD48.js";
 import { TextFieldDropdown as q } from "./TextFieldDropdown.js";
 import { FieldsetBase as y } from "./FieldsetBase.js";
 import { OptionsBase as A } from "./OptionsBase.js";

package/dist/components/GlobalHeader/AccountSelector.js

@@ -7,7 +7,7 @@ import { AccountMenu as L } from "../Account/AccountMenu.js";
 import { Button as A } from "../Button/Button.js";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-B7o23RCl.js";
+import { S as H } from "../../SearchField-d2UqvD48.js";
 import { S as T } from "../../button-BB5sYVKY.js";
 import { H as V, S as B } from "../../switch-Cemfhx0H.js";
 import { u as j } from "../../useId-BVFxCjkq.js";

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useState as d, useCallback as G, useEffect as L, useMemo as C } from "react";
-import { M as S } from "../../SearchField-B7o23RCl.js";
+import { M as S } from "../../SearchField-d2UqvD48.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu/LocaleSwitcher.js

@@ -2,7 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { useRef as g, useMemo as l } from "react";
 import { useEnterKey as v } from "../../hooks/useEnterKey.js";
-import { a as h } from "../../SearchField-B7o23RCl.js";
+import { a as h } from "../../SearchField-d2UqvD48.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import { useRootContext as b } from "../RootProvider/RootProvider.js";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-B7o23RCl.js";
+import { M as f } from "../../SearchField-d2UqvD48.js";
 import { MenuListItem as h } from "../Menu/MenuListItem.js";
 import { CurrentAccount as y } from "./CurrentAccount.js";
 import { BackButton as j } from "./BackButton.js";

package/dist/components/Header/LocaleSwitcher.js

@@ -6,7 +6,7 @@ import { useIsDesktop as b } from "../../hooks/useIsDesktop.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-B7o23RCl.js";
+import { a as p } from "../../SearchField-d2UqvD48.js";
 import { useRootContext as I } from "../RootProvider/RootProvider.js";
 import { LocaleButton as S } from "./LocaleButton.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Layout/Layout.js

@@ -9,7 +9,7 @@ import { GlobalHeader as L } from "../GlobalHeader/GlobalHeader.js";
 import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
-import { M as S } from "../../SearchField-B7o23RCl.js";
+import { M as S } from "../../SearchField-d2UqvD48.js";
 import { useRootContext as j } from "../RootProvider/RootProvider.js";
 import { Header as B } from "../Header/Header.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Menu/Menu.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../SearchField-B7o23RCl.js";
+import { M as t } from "../../SearchField-d2UqvD48.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItem.js

@@ -1,208 +1,210 @@
 "use client";
-import { jsxs as m, jsx as l, Fragment as U } from "react/jsx-runtime";
-import { c as z } from "../../index-p1eeF8LQ.js";
-import { Badge as A } from "../Badge/Badge.js";
+import { jsxs as m, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { c as A } from "../../index-p1eeF8LQ.js";
+import { Badge as C } from "../Badge/Badge.js";
 import { Icon as V } from "../Icon/Icon.js";
-import b, { forwardRef as X } from "react";
+import h, { forwardRef as X } from "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { ItemMedia as C } from "../Item/ItemMedia.js";
-import { ItemLabel as F } from "../Item/ItemLabel.js";
-import { ItemControls as K } from "../Item/ItemControls.js";
+import { ItemMedia as F } from "../Item/ItemMedia.js";
+import { ItemLabel as K } from "../Item/ItemLabel.js";
+import { ItemControls as q } from "../Item/ItemControls.js";
 import "../Snackbar/useSnackbar.js";
 import { pickAriaProps as Y } from "./aria.js";
 import { S as Z } from "../../Checkmark-Byz_C9x4.js";
 import { u as $ } from "../../useId-BVFxCjkq.js";
 import { S as T } from "../../ChevronRight-ANFWmIs1.js";
-import '../../assets/MenuItem.css';var W = function(e, o) {
+import '../../assets/MenuItem.css';var W = function(t, o) {
   var a = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (a[t] = e[t]);
-  if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
-      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (a[t[r]] = e[t[r]]);
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && o.indexOf(e) < 0 && (a[e] = t[e]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
+      o.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (a[e[r]] = t[e[r]]);
   return a;
 };
-const ee = X((e, o) => {
-  var { title: a, titleId: t } = e, r = W(e, ["title", "titleId"]);
-  let n = $();
-  return n = a ? t || "title-" + n : void 0, b.createElement(
+const tt = X((t, o) => {
+  var { title: a, titleId: e } = t, r = W(t, ["title", "titleId"]);
+  let l = $();
+  return l = a ? e || "title-" + l : void 0, h.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: o, "aria-labelledby": n }, r),
-    a ? b.createElement("title", { id: n }, a) : null,
-    b.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", 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: o, "aria-labelledby": l }, r),
+    a ? h.createElement("title", { id: l }, a) : null,
+    h.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
-}), te = "_item_hle97_3", ae = "_media_hle97_129", ie = "_label_hle97_150", re = "_title_hle97_165", le = "_description_hle97_169", ne = "_count_hle97_181", oe = "_linkIcon_hle97_189", i = {
-  item: te,
-  media: ae,
-  label: ie,
-  title: re,
-  description: le,
-  count: ne,
-  linkIcon: oe
-}, Ne = ({
-  id: e,
+}), et = "_item_uhbxn_3", at = "_media_uhbxn_129", it = "_label_uhbxn_150", rt = "_title_uhbxn_165", nt = "_description_uhbxn_169", lt = "_count_uhbxn_181", ot = "_linkIcon_uhbxn_189", i = {
+  item: et,
+  media: at,
+  label: it,
+  title: rt,
+  description: nt,
+  count: lt,
+  linkIcon: ot
+}, wt = ({
+  id: t,
   groupId: o,
   role: a = "menuItem",
-  as: t,
+  as: e,
   href: r,
-  onClick: n,
+  onClick: l,
   onChange: v,
   onKeyPress: y,
-  onMouseEnter: I,
-  size: g = "sm",
-  variant: w,
-  color: N,
-  name: q,
-  value: D,
-  checked: c,
-  icon: h,
+  onMouseEnter: x,
+  size: I = "sm",
+  variant: g,
+  color: w,
+  name: D,
+  value: G,
+  checked: s,
+  icon: b,
   label: _,
   badge: d,
-  controls: O,
+  controls: N,
   title: p,
-  description: x,
+  description: O,
   highlightWords: P,
-  count: f,
+  count: u,
   linkIcon: j = !1,
-  disabled: s,
-  selected: G,
-  active: S,
+  disabled: c,
+  selected: S,
+  active: E,
   tabIndex: k = 0,
-  className: E,
-  "data-testid": R,
+  className: R,
+  "data-testid": B,
   ...H
 }) => {
-  const B = typeof _ == "function" ? _() : _, L = Y(H);
+  const L = typeof _ == "function" ? _() : _, M = Y(H);
   if (a === "checkbox" || a === "radio") {
-    const u = h || (c ? Z : ee);
+    const f = b || (s ? Z : tt);
     return /* @__PURE__ */ m(
       "label",
       {
-        ...L,
-        className: z(i.item, E),
-        id: e,
-        "data-id": e,
+        ...M,
+        className: A(i.item, R),
+        id: t,
+        "data-id": t,
         "data-group-id": o,
-        "data-size": g,
-        "data-variant": w,
-        "data-color": N,
-        "data-active": S,
+        "data-size": I,
+        "data-variant": g,
+        "data-color": w,
+        "data-active": E,
         role: a,
-        "aria-disabled": s,
-        "aria-checked": c,
-        "aria-selected": c,
+        "aria-disabled": c,
+        "aria-checked": s,
+        "aria-selected": s,
+        "data-selected": s,
         "aria-label": p,
-        "data-testid": R,
-        onKeyUp: (M) => {
-          s || (M.key === "Enter" && n?.(), y?.(M));
+        "data-testid": B,
+        onKeyUp: (U) => {
+          c || (U.key === "Enter" && l?.(), y?.(U));
         },
-        onClick: n,
-        onMouseEnter: I,
+        onClick: l,
+        onMouseEnter: x,
         tabIndex: k,
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ n(
             "input",
             {
-              name: q,
-              value: D,
+              name: D,
+              value: G,
               type: a,
-              checked: !!c,
+              checked: !!s,
               onChange: v,
               readOnly: !v,
               style: { opacity: 0, position: "absolute" },
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ l(C, { icon: u, className: i.media }),
-          /* @__PURE__ */ l(
-            F,
+          /* @__PURE__ */ n(F, { icon: f, className: i.media }),
+          /* @__PURE__ */ n(
+            K,
             {
               className: i.label,
               highlightWords: P,
-              title: /* @__PURE__ */ m(U, { children: [
+              title: /* @__PURE__ */ m(z, { children: [
                 p,
                 " ",
-                f && /* @__PURE__ */ l("i", { className: i.count, children: f })
+                u && /* @__PURE__ */ n("i", { className: i.count, children: u })
               ] }),
               titleProps: {
                 weight: "medium",
                 className: i.title
               },
-              description: x,
+              description: O,
               descriptionProps: {
                 weight: "normal",
                 variant: "subtle",
                 className: i.description
               },
-              children: B
+              children: L
             }
           ),
-          /* @__PURE__ */ m(K, { children: [
-            d && /* @__PURE__ */ l(A, { ...d }),
-            O
+          /* @__PURE__ */ m(q, { children: [
+            d && /* @__PURE__ */ n(C, { ...d }),
+            N
           ] })
         ]
       }
     );
   }
-  const J = t || (r ? "a" : "button"), Q = j && T;
+  const J = e || (r ? "a" : "button"), Q = j && T;
   return /* @__PURE__ */ m(
     J,
     {
       href: r,
-      className: z(i.item, E),
-      id: e,
-      "data-id": e,
+      className: A(i.item, R),
+      id: t,
+      "data-id": t,
       "data-group-id": o,
-      "data-size": g,
-      "data-variant": w,
-      "data-color": N,
-      "data-active": S,
-      "aria-disabled": s,
-      "aria-selected": G,
+      "data-size": I,
+      "data-variant": g,
+      "data-color": w,
+      "data-active": E,
+      "aria-disabled": c,
+      "aria-selected": S,
+      "data-selected": S,
       "aria-label": p,
-      "data-testid": R,
-      onKeyUp: (u) => {
-        s || (u.key === "Enter" && n?.(), y?.(u));
+      "data-testid": B,
+      onKeyUp: (f) => {
+        c || (f.key === "Enter" && l?.(), y?.(f));
       },
-      onClick: n,
-      onMouseEnter: I,
-      tabIndex: s ? -1 : k ?? 0,
+      onClick: l,
+      onMouseEnter: x,
+      tabIndex: c ? -1 : k ?? 0,
       role: a === "menuItem" ? "menuitem" : a,
-      ...L,
+      ...M,
       children: [
-        h && /* @__PURE__ */ l(C, { icon: h, className: i.media }),
-        /* @__PURE__ */ l(
-          F,
+        b && /* @__PURE__ */ n(F, { icon: b, className: i.media }),
+        /* @__PURE__ */ n(
+          K,
           {
             className: i.label,
             highlightWords: P,
-            title: /* @__PURE__ */ m(U, { children: [
+            title: /* @__PURE__ */ m(z, { children: [
               p,
               " ",
-              f && /* @__PURE__ */ l("i", { className: i.count, children: f })
+              u && /* @__PURE__ */ n("i", { className: i.count, children: u })
             ] }),
             titleProps: {
               weight: "medium",
               className: i.title
             },
-            description: x,
+            description: O,
             descriptionProps: {
               variant: "subtle",
               className: i.description
             },
-            children: B
+            children: L
           }
         ),
-        /* @__PURE__ */ m(K, { children: [
-          d && /* @__PURE__ */ l(A, { ...d }),
-          O,
-          j && /* @__PURE__ */ l(V, { svgElement: Q, className: i.linkIcon })
+        /* @__PURE__ */ m(q, { children: [
+          d && /* @__PURE__ */ n(C, { ...d }),
+          N,
+          j && /* @__PURE__ */ n(V, { svgElement: Q, className: i.linkIcon })
         ] })
       ]
     }
   );
 };
 export {
-  Ne as MenuItem
+  wt as MenuItem
 };

package/dist/components/Menu/MenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { a as b } from "../../SearchField-B7o23RCl.js";
+import { a as b } from "../../SearchField-d2UqvD48.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -3,7 +3,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { b as s } from "../../SearchField-B7o23RCl.js";
+import { b as s } from "../../SearchField-d2UqvD48.js";
 import "../Snackbar/useSnackbar.js";
 export {
   s as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { V as z } from "../../SearchField-B7o23RCl.js";
+import { V as z } from "../../SearchField-d2UqvD48.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/index.js

@@ -1,4 +1,4 @@
-import { M as t, a as o, b as n, V as u } from "../../SearchField-B7o23RCl.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-d2UqvD48.js";
 import { MenuItem as M } from "./MenuItem.js";
 import { MenuList as s } from "./MenuList.js";
 import { MenuListItem as a } from "./MenuListItem.js";

package/dist/components/Toolbar/SelectDateFilter.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import { useState as b } from "react";
-import { M as g } from "../../SearchField-B7o23RCl.js";
+import { M as g } from "../../SearchField-d2UqvD48.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";

package/dist/components/Toolbar/ToolbarFilterAddMenu.js

@@ -5,7 +5,7 @@ import { Button as b } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import { Dropdown as O } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as I } from "../../SearchField-B7o23RCl.js";
+import { M as I } from "../../SearchField-d2UqvD48.js";
 import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { u as R } from "../../useId-BVFxCjkq.js";

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as H } from "../../SearchField-B7o23RCl.js";
+import { M as H } from "../../SearchField-d2UqvD48.js";
 import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";

package/dist/components/Toolbar/ToolbarMenu.js

@@ -4,7 +4,7 @@ import "../../index-p1eeF8LQ.js";
 import "react";
 import { Dropdown as c } from "../Dropdown/Dropdown.js";
 import "../RootProvider/RootProvider.js";
-import { M as b } from "../../SearchField-B7o23RCl.js";
+import { M as b } from "../../SearchField-d2UqvD48.js";
 import { useDropdownMenuController as f } from "../Menu/useDropdownMenuController.js";
 import "../Snackbar/useSnackbar.js";
 import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";

package/dist/components/Toolbar/ToolbarSearch.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as f } from "../../SearchField-B7o23RCl.js";
+import { S as f } from "../../SearchField-d2UqvD48.js";
 const z = ({
   value: r,
   name: o,

package/dist/components/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./List/ListItemSelect.js";
 import { ListItem as Re } from "./List/ListItem.js";
 import { List as Ve } from "./List/List.js";
-import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-B7o23RCl.js";
+import { M as Qe, a as _e, b as je, S as qe, V as Je } from "../SearchField-d2UqvD48.js";
 import { MenuItem as We } from "./Menu/MenuItem.js";
 import { MenuList as Ye } from "./Menu/MenuList.js";
 import { MenuListItem as $e } from "./Menu/MenuListItem.js";

package/dist/index.js

@@ -96,7 +96,7 @@ import { ListItemControls as Ge } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Ee } from "./components/List/ListItemSelect.js";
 import { ListItem as Re } from "./components/List/ListItem.js";
 import { List as Ve } from "./components/List/List.js";
-import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-B7o23RCl.js";
+import { M as Qe, a as _e, b as Ke, S as je, V as qe } from "./SearchField-d2UqvD48.js";
 import { MenuItem as We } from "./components/Menu/MenuItem.js";
 import { MenuList as Ye } from "./components/Menu/MenuList.js";
 import { MenuListItem as $e } from "./components/Menu/MenuListItem.js";

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

@@ -1,13 +1,11 @@
-import { StoryObj } from '@storybook/react-vite';
+import { ToolbarFilterProps } from './ToolbarFilter';
 declare const meta: {
     title: string;
-    component: ({ filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ filters, filterState, onFilterStateChange, addLabel, addNextLabel, resetLabel, removeLabel, submitLabel, getFilterLabel, virtualized, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Uncontrolled: Story;
 export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
 export declare const Removable: () => import("react/jsx-runtime").JSX.Element;
 export declare const Datepicker: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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