@altinn/altinn-components 0.56.14 → 0.56.15

package/dist/{SearchField-DhPNZyyE.js → SearchField-QTfebYdU.js}

@@ -34,7 +34,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   onClear: y,
   onNavigate: k,
   combobox: f = !1,
-  listId: c,
+  listId: a,
   "aria-activedescendant": w,
   onKeyDown: p,
   onInput: m,
@@ -44,7 +44,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
-  /* @__PURE__ */ o("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": c, children: /* @__PURE__ */ o(
+  /* @__PURE__ */ o("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": a, children: /* @__PURE__ */ o(
     ue,
     {
       size: "xs",
@@ -59,7 +59,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       autoCorrect: "off",
       autoCapitalize: "off",
       "aria-autocomplete": "list",
-      "aria-controls": c,
+      "aria-controls": a,
       "aria-activedescendant": w,
       autoFocus: !0,
       onKeyDown: (r) => {
@@ -103,7 +103,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   autoFocusList: y = !0,
   announceNoResults: k = !1,
   search: f,
-  items: c,
+  items: a,
   groups: w = {},
   size: p,
   id: m,
@@ -118,11 +118,11 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   if (b && v >= b)
     return null;
   const d = M === "combobox", i = d && m ? `${m}-listbox` : m, F = j(u), P = j(u), [R, C] = Q(!1), Y = V(
-    () => c.map((n, I) => ({
+    () => a.map((n, I) => ({
       ...n,
       id: n.id || `${m}-item-${I}`
     })),
-    [c, m]
+    [a, m]
   ), O = j(null), { menu: s, setActiveIndex: S, activeItem: W } = de({
     items: Y,
     groups: w,
@@ -190,7 +190,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
             /* @__PURE__ */ o(me, { hidden: q, children: /* @__PURE__ */ E(Z, { role: "presentation", children: [
               z && /* @__PURE__ */ o(ye, { title: z, level: v }),
               n?.items.filter((H) => !H.props?.hidden).map((H, e) => {
-                const { active: t, onMouseEnter: l } = H, { groupId: K, ...a } = H.props || {}, { expanded: L } = a, U = Array.isArray(a?.items) && a.items.length > 0, J = a.role === "checkbox" || a.role === "radio", ee = d && !J ? "option" : a.role;
+                const { active: t, onMouseEnter: l } = H, { groupId: K, ...c } = H.props || {}, { expanded: L } = c, U = Array.isArray(c?.items) && c.items.length > 0, J = c.role === "checkbox" || c.role === "radio", ee = d && !J ? "option" : c.role;
                 return /* @__PURE__ */ E(
                   pe,
                   {
@@ -201,28 +201,28 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
                       /* @__PURE__ */ o(
                         fe,
                         {
-                          ...a,
-                          size: a?.size || $?.size || p,
-                          color: a?.color || $?.color || _,
-                          variant: a?.variant || $?.variant || x,
+                          ...c,
+                          size: c?.size || $?.size || p,
+                          color: c?.color || $?.color || _,
+                          variant: c?.variant || $?.variant || x,
                           active: t,
                           role: ee,
-                          selected: a.selected,
-                          tabIndex: a?.disabled || g ? -1 : a.tabIndex ?? 0,
+                          selected: c.selected,
+                          tabIndex: c?.disabled || g ? -1 : c.tabIndex ?? 0,
                           onMouseEnter: l,
                           "aria-haspopup": U ? "menu" : void 0,
                           "aria-expanded": U ? L : void 0,
-                          "aria-controls": U ? a.id + "-menu" : void 0
+                          "aria-controls": U ? c.id + "-menu" : void 0
                         }
                       ),
-                      L && a?.items && /* @__PURE__ */ o(
+                      L && c?.items && /* @__PURE__ */ o(
                         ge,
                         {
-                          id: a.id + "-menu",
+                          id: c.id + "-menu",
                           expanded: L,
                           level: v + 1,
                           maxLevels: b,
-                          items: a?.items,
+                          items: c?.items,
                           groups: w,
                           size: p,
                           color: _,
@@ -247,7 +247,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     groups: y = {},
     size: k,
     color: f,
-    variant: c,
+    variant: a,
     keyboardEvents: w,
     scrollRefStyles: p = {},
     id: m,
@@ -310,8 +310,8 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     }
     const K = I.getOffsetForIndex(z - 1, "auto");
     if (!K) return;
-    const [a, L] = K;
-    L !== "auto" && I.scrollToOffset(a + M + 10, { align: "start" });
+    const [c, L] = K;
+    L !== "auto" && I.scrollToOffset(c + M + 10, { align: "start" });
   }, [z, M, I, q]);
   const X = V(() => {
     const e = /* @__PURE__ */ new Map();
@@ -349,7 +349,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
     {
       ref: b,
       style: H,
-      variant: c,
+      variant: a,
       color: f,
       expanded: _,
       id: F,
@@ -415,19 +415,19 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
                 case "header":
                   return /* @__PURE__ */ o(ye, { ...K, title: t.title || "", level: 1 }, e.key);
                 default: {
-                  const a = t.itemProps?.role === "checkbox" || t.itemProps?.role === "radio", L = i && !a ? "option" : t.itemProps?.role;
+                  const c = t.itemProps?.role === "checkbox" || t.itemProps?.role === "radio", L = i && !c ? "option" : t.itemProps?.role;
                   return /* @__PURE__ */ o(
                     pe,
                     {
                       ...K,
-                      role: i || a ? "presentation" : "menuitem",
+                      role: i || c ? "presentation" : "menuitem",
                       children: /* @__PURE__ */ o(
                         fe,
                         {
                           ...t.itemProps || {},
                           size: t.itemProps?.size || k,
                           color: t.itemProps?.color || f,
-                          variant: t.itemProps?.variant || c,
+                          variant: t.itemProps?.variant || a,
                           active: t.active,
                           role: L,
                           selected: t.itemProps?.selected,
@@ -458,7 +458,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   maxLevels: y = 3,
   virtualized: k = !1,
   keyboardEvents: f = !1,
-  scrollRefStyles: c = {},
+  scrollRefStyles: a = {},
   onActiveItemIdChange: w,
   a11yMode: p = "menu",
   open: m,
@@ -480,7 +480,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       level: A,
       maxLevels: y,
       keyboardEvents: f,
-      scrollRefStyles: c,
+      scrollRefStyles: a,
       onActiveItemIdChange: w,
       a11yMode: p,
       open: m,
@@ -501,7 +501,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
       level: A,
       maxLevels: y,
       keyboardEvents: f,
-      scrollRefStyles: c,
+      scrollRefStyles: a,
       onActiveItemIdChange: w,
       a11yMode: p,
       open: m,
@@ -529,22 +529,22 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   value: y,
   onClear: k,
   clearButtonAltText: f = "Clear search",
-  menu: c,
+  menu: a,
   minLength: w,
   ...p
 }) => {
-  const m = re(), [_, x] = Q(!1), r = p.id || `search-field-${m}`, g = `${r}-listbox`, [T, N] = Q(void 0), d = "searchfield-clear-button-" + re(), i = V(() => !y || typeof w == "number" && typeof y == "string" && y.length < w ? !1 : _, [_, w, y]), F = V(() => (c?.items ?? []).map((s) => ({
+  const m = re(), [_, x] = Q(!1), r = p.id || `search-field-${m}`, g = `${r}-listbox`, [T, N] = Q(void 0), d = "searchfield-clear-button-" + re(), i = V(() => !a || !y || typeof w == "number" && typeof y == "string" && y.length < w ? !1 : _, [a, _, w, y]), F = V(() => (a?.items ?? []).map((s) => ({
     ...s,
     onClick: () => {
       s.onClick?.(), x(!1);
     }
-  })), [c]), P = (s) => {
+  })), [a]), P = (s) => {
     if (s.key === "Enter" && i) {
-      c?.items?.[0]?.onClick?.(), x(!1);
+      a?.items?.[0]?.onClick?.(), x(!1);
       return;
     }
     if (s.key === "Escape" && i) {
-      s.preventDefault(), s.stopPropagation(), x(!1), c?.onClose(), document.getElementById(r)?.focus();
+      s.preventDefault(), s.stopPropagation(), x(!1), a?.onClose(), document.getElementById(r)?.focus();
       return;
     }
     p.onKeyDown?.(s), x(!0);
@@ -559,7 +559,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
   }, O = (s) => {
     s.relatedTarget?.id === d && N(void 0), p.onBlur?.(s);
   };
-  return c ? /* @__PURE__ */ E("div", { className: D.fieldContainer, children: [
+  return a ? /* @__PURE__ */ E("div", { className: D.fieldContainer, children: [
     /* @__PURE__ */ E(
       ae,
       {
@@ -583,7 +583,7 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
               minLength: w,
               onKeyDown: P,
               onBlur: O,
-              ...c && {
+              ...a && {
                 role: "combobox",
                 "aria-autocomplete": "list",
                 "aria-expanded": !!i,
@@ -616,13 +616,13 @@ import './assets/SearchField.css';const Ce = "_search_18jfe_1", ke = "_searchInp
         ]
       }
     ),
-    c && i && /* @__PURE__ */ o("div", { className: D.autocomplete, "aria-hidden": !i, onMouseDown: Y, children: /* @__PURE__ */ o(
+    a && i && /* @__PURE__ */ o("div", { className: D.autocomplete, "aria-hidden": !i, onMouseDown: Y, children: /* @__PURE__ */ o(
       Me,
       {
-        ...c,
+        ...a,
         id: g,
         items: F,
-        groups: c?.groups,
+        groups: a?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
         open: i,

package/dist/components/Account/AccountMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as S } from "../../SearchField-DhPNZyyE.js";
+import { M as S } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 const F = (n) => `${n} hits`, G = ({
   items: n = [],

package/dist/components/ContextMenu/ContextMenu.js

@@ -5,7 +5,7 @@ import "../../index-p1eeF8LQ.js";
 import u, { forwardRef as s } from "react";
 import { Dropdown as m } from "../Dropdown/Dropdown.js";
 import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-DhPNZyyE.js";
+import { M as f } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
 import { Tooltip as b } from "../Tooltip/Tooltip.js";

package/dist/components/Dialog/DialogActions.js

@@ -8,7 +8,7 @@ import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
 import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "react-dom";
 import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-DhPNZyyE.js";
+import { M as v } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
 import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {

package/dist/components/Forms/SearchField.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { S as s } from "../../SearchField-DhPNZyyE.js";
+import { S as s } from "../../SearchField-QTfebYdU.js";
 import "./Input.js";
 import "./FieldBase.js";
 import "../Snackbar/useSnackbar.js";

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-DhPNZyyE.js";
+import { S as I } from "../../SearchField-QTfebYdU.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

@@ -8,7 +8,7 @@ import { Button as A } from "../Button/Button.js";
 import "react-dom";
 import { useRootContext as P } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as H } from "../../SearchField-DhPNZyyE.js";
+import { S as H } from "../../SearchField-QTfebYdU.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 f, 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-DhPNZyyE.js";
+import { M as S } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

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-DhPNZyyE.js";
+import { a as h } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

package/dist/components/GlobalMenu_old/GlobalMenu.js

@@ -6,7 +6,7 @@ import { AccountMenu as x } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-DhPNZyyE.js";
+import { M as f } from "../../SearchField-QTfebYdU.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

@@ -7,7 +7,7 @@ import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
 import "../../index-p1eeF8LQ.js";
 import "react-dom";
 import "../Button/Button.js";
-import { a as p } from "../../SearchField-DhPNZyyE.js";
+import { a as p } from "../../SearchField-QTfebYdU.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

@@ -11,7 +11,7 @@ import { Footer as B } from "../Footer/Footer.js";
 import { GlobalHeader as j } from "../GlobalHeader/GlobalHeader.js";
 import "react";
 import "../Button/Button.js";
-import { M as k } from "../../SearchField-DhPNZyyE.js";
+import { M as k } from "../../SearchField-QTfebYdU.js";
 import { useRootContext as C } from "../RootProvider/RootProvider.js";
 import { Header as F } 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-DhPNZyyE.js";
+import { M as t } from "../../SearchField-QTfebYdU.js";
 import "./useMenuSearch.js";
 export {
   t as Menu

package/dist/components/Menu/MenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { a as c } from "../../SearchField-DhPNZyyE.js";
+import { a as c } from "../../SearchField-QTfebYdU.js";
 import "./MenuItem.js";
 import "./MenuList.js";
 import "./MenuListItem.js";

package/dist/components/Menu/MenuListSearch.js

@@ -4,7 +4,7 @@ import "react";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { b } from "../../SearchField-DhPNZyyE.js";
+import { b } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
 export {
   b as MenuListSearch

package/dist/components/Menu/VirtualizedMenuItems.js

@@ -5,7 +5,7 @@ import "../../hooks/useMenu.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
-import { V as I } from "../../SearchField-DhPNZyyE.js";
+import { V as I } from "../../SearchField-QTfebYdU.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-DhPNZyyE.js";
+import { M as t, a as o, b as n, V as u } from "../../SearchField-QTfebYdU.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 d } from "react/jsx-runtime";
 import { useRef as L, useState as u, useCallback as O, useEffect as R } from "react";
-import { M as x } from "../../SearchField-DhPNZyyE.js";
+import { M as x } from "../../SearchField-QTfebYdU.js";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
 import "react-dom";

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-DhPNZyyE.js";
+import { M as I } from "../../SearchField-QTfebYdU.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 n } 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-DhPNZyyE.js";
+import { M as H } from "../../SearchField-QTfebYdU.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-DhPNZyyE.js";
+import { M as b } from "../../SearchField-QTfebYdU.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

@@ -5,7 +5,7 @@ import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as l } from "../../SearchField-DhPNZyyE.js";
+import { S as l } from "../../SearchField-QTfebYdU.js";
 const j = ({
   value: r,
   name: o,

package/dist/components/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./List/ListItemSelect.js";
 import { ListItem as je } from "./List/ListItem.js";
 import { List as Je } from "./List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-DhPNZyyE.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "../SearchField-QTfebYdU.js";
 import { MenuItem as rt } from "./Menu/MenuItem.js";
 import { MenuList as tt } from "./Menu/MenuList.js";
 import { MenuListItem as pt } from "./Menu/MenuListItem.js";

package/dist/index.js

@@ -99,7 +99,7 @@ import { ListItemControls as Ve } from "./components/List/ListItemControls.js";
 import { ListItemSelect as Qe } from "./components/List/ListItemSelect.js";
 import { ListItem as Ke } from "./components/List/ListItem.js";
 import { List as qe } from "./components/List/List.js";
-import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-DhPNZyyE.js";
+import { M as We, a as Xe, b as Ye, S as Ze, V as $e } from "./SearchField-QTfebYdU.js";
 import { MenuItem as rt } from "./components/Menu/MenuItem.js";
 import { MenuList as tt } from "./components/Menu/MenuList.js";
 import { MenuListItem as pt } from "./components/Menu/MenuListItem.js";

package/package.json

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