@altinn/altinn-components 0.52.2 → 0.52.4

package/dist/components/Searchbar/SearchbarField.js

@@ -1,92 +1,91 @@
 "use client";
-import { jsxs as I, jsx as t } from "react/jsx-runtime";
-import { c as N } from "../../index-L8X2o7IH.js";
-import { useRef as v } from "react";
-import { Icon as T } from "../Icon/Icon.js";
-import { IconButton as n } from "../Button/IconButton.js";
+import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { c as g } from "../../index-p1eeF8LQ.js";
+import { useRef as I } from "react";
+import { Icon as N } from "../Icon/Icon.js";
+import { IconButton as r } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as z } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as m } from "../../XMark-tKk6aExO.js";
-import '../../assets/SearchbarField.css';const K = "_field_1u3c6_1", j = "_icon_1u3c6_10", A = "_input_1u3c6_17", M = "_clear_1u3c6_44", U = "_dismiss_1u3c6_61", s = {
-  field: K,
-  icon: j,
-  input: A,
-  clear: M,
-  dismiss: U
-}, D = ({
-  className: u,
-  expanded: c,
-  name: p = "q",
-  value: a,
-  placeholder: f = "Search",
-  closeButtonAltText: d = "Close search",
-  clearButtonAltText: _ = "Clear search",
-  onFocus: h,
-  onBlur: x,
-  onChange: b,
-  onClear: y,
-  onClose: C,
-  onEnter: e,
-  tabIndex: k,
-  controlsId: S
+import { S as v } from "../../MagnifyingGlass-bwVhw07z.js";
+import { S as c } from "../../XMark-tKk6aExO.js";
+import '../../assets/SearchbarField.css';const T = "_field_uxhly_1", z = "_icon_uxhly_10", E = "_input_uxhly_17", K = "_clear_uxhly_45", j = "_dismiss_uxhly_62", e = {
+  field: T,
+  icon: z,
+  input: E,
+  clear: K,
+  dismiss: j
+}, R = ({
+  className: n,
+  expanded: i,
+  name: l = "q",
+  value: o,
+  placeholder: m = "Search",
+  closeButtonAltText: p = "Close search",
+  clearButtonAltText: u = "Clear search",
+  onFocus: f,
+  onBlur: d,
+  onChange: h,
+  onClear: x,
+  onClose: _,
+  onEnter: y,
+  tabIndex: b,
+  controlsId: C
 }) => {
-  const i = v(null), g = (o) => {
-    var r, l;
-    o.key === "Escape" && ((r = i.current) == null || r.blur()), o.key === "Enter" && ((l = i.current) == null || l.blur(), e == null || e());
+  const s = I(null), k = (a) => {
+    a.key === "Escape" && s.current?.blur(), a.key === "Enter" && (s.current?.blur(), y?.());
   };
-  return /* @__PURE__ */ I("div", { className: N(s.field, u), children: [
+  return /* @__PURE__ */ S("div", { className: g(e.field, n), children: [
     /* @__PURE__ */ t(
       "input",
       {
-        ref: i,
-        onFocus: h,
-        onBlur: x,
-        name: p,
-        value: a,
-        onChange: b,
-        placeholder: f,
-        className: s.input,
-        onKeyUp: g,
+        ref: s,
+        onFocus: f,
+        onBlur: d,
+        name: l,
+        value: o,
+        onChange: h,
+        placeholder: m,
+        className: e.input,
+        onKeyUp: k,
         type: "text",
         autoComplete: "off",
         autoCapitalize: "off",
         enterKeyHint: "search",
         spellCheck: !1,
         "aria-autocomplete": "list",
-        tabIndex: k ?? 0,
-        "aria-expanded": c,
+        tabIndex: b ?? 0,
+        "aria-expanded": i,
         "data-testid": "searchbar-input",
-        "aria-controls": S,
+        "aria-controls": C,
         role: "combobox"
       }
     ),
-    /* @__PURE__ */ t(T, { svgElement: z, className: s.icon }),
-    a && /* @__PURE__ */ t(
-      n,
+    /* @__PURE__ */ t(N, { svgElement: v, className: e.icon }),
+    o && /* @__PURE__ */ t(
+      r,
       {
-        icon: m,
+        icon: c,
         variant: "solid",
-        size: "custom",
-        className: s.clear,
-        onClick: y,
+        size: "xs",
+        className: e.clear,
+        onClick: x,
         dataTestId: "search-button-clear",
-        iconAltText: _
+        iconAltText: u
       }
-    ) || c && /* @__PURE__ */ t(
-      n,
+    ) || i && /* @__PURE__ */ t(
+      r,
       {
-        icon: m,
+        icon: c,
         size: "sm",
         variant: "text",
-        className: s.dismiss,
-        onClick: C,
+        className: e.dismiss,
+        onClick: _,
         dataTestId: "search-button-close",
-        iconAltText: d
+        iconAltText: p
       }
     )
   ] });
 };
 export {
-  D as SearchbarField
+  R as SearchbarField
 };

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,81 +1,79 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import { useState as z } from "react";
-import { Button as x } from "../Button/Button.js";
-import { ButtonGroup as C } from "../Button/ButtonGroup.js";
-import { ContextMenu as G } from "../ContextMenu/ContextMenu.js";
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import { useState as b } from "react";
+import { Button as d } from "../Button/Button.js";
+import { ButtonGroup as h } from "../Button/ButtonGroup.js";
+import { ContextMenu as z } from "../ContextMenu/ContextMenu.js";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as S } from "../Searchbar/QueryLabel.js";
-import { TextField as j } from "../Forms/TextField.js";
+import { QueryLabel as k } from "../Searchbar/QueryLabel.js";
+import { TextField as C } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as M } from "./SettingsItemBase.js";
-import { SettingsModal as L } from "./SettingsModal.js";
-import { S as Q } from "../../MagnifyingGlass-bwVhw07z.js";
-const U = ({
-  id: d,
-  icon: s = Q,
-  loading: y,
-  title: a,
-  params: p,
-  controls: T,
-  inputValue: c,
-  titleField: l,
-  saveButton: i,
-  removeButton: m,
-  contextMenu: g,
-  onChange: t,
-  open: e = !1,
-  onClose: n,
-  ...I
+import { SettingsItemBase as G } from "./SettingsItemBase.js";
+import { SettingsModal as j } from "./SettingsModal.js";
+import { S as M } from "../../MagnifyingGlass-bwVhw07z.js";
+const N = ({
+  id: u,
+  icon: m = M,
+  loading: x,
+  title: l,
+  params: n,
+  controls: L,
+  inputValue: s,
+  titleField: a,
+  saveButton: t,
+  removeButton: o,
+  contextMenu: f,
+  onChange: p,
+  open: c = !1,
+  onClose: e,
+  ...S
 }) => {
-  const [b, h] = z("");
+  const [y, I] = b("");
   return /* @__PURE__ */ r(
-    M,
+    G,
     {
-      ...I,
-      id: d,
-      expanded: e,
-      icon: s,
-      loading: y,
-      title: a,
-      value: /* @__PURE__ */ r(S, { params: p, size: "xs" }),
-      controls: g && /* @__PURE__ */ r(G, { ...g }),
+      ...S,
+      id: u,
+      expanded: c,
+      icon: m,
+      loading: x,
+      title: l,
+      value: /* @__PURE__ */ r(k, { params: n, size: "xs" }),
+      controls: f && /* @__PURE__ */ r(z, { ...f }),
       linkIcon: !0,
-      children: /* @__PURE__ */ k(L, { icon: s, title: a, open: e, onClose: n, children: [
-        /* @__PURE__ */ r(S, { params: p }),
+      children: /* @__PURE__ */ g(j, { icon: m, title: l, open: c, onClose: e, children: [
+        /* @__PURE__ */ r(k, { params: n }),
         /* @__PURE__ */ r(
-          j,
+          C,
           {
-            ...l,
-            label: (l == null ? void 0 : l.label) || "Gi søket et navn",
+            ...a,
+            label: a?.label || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof c == "string" ? c : b,
-            onChange: (o) => {
-              typeof t == "function" ? t(o) : h(o.target.value);
+            value: typeof s == "string" ? s : y,
+            onChange: (i) => {
+              typeof p == "function" ? p(i) : I(i.target.value);
             }
           }
         ),
-        (i || m) && /* @__PURE__ */ k(C, { size: "md", children: [
-          i && /* @__PURE__ */ r(
-            x,
+        (t || o) && /* @__PURE__ */ g(h, { size: "md", children: [
+          t && /* @__PURE__ */ r(
+            d,
             {
-              ...i,
-              onClick: (o) => {
-                var f;
-                (f = i.onClick) == null || f.call(i, o), n();
+              ...t,
+              onClick: (i) => {
+                t.onClick?.(i), e();
               }
             }
           ),
-          m && /* @__PURE__ */ r(
-            x,
+          o && /* @__PURE__ */ r(
+            d,
             {
-              ...m,
+              ...o,
               variant: "outline",
               color: "danger",
-              onClick: (o) => {
-                var f;
-                (f = m.onClick) == null || f.call(m, o), n();
+              onClick: (i) => {
+                o.onClick?.(i), e();
               }
             }
           )
@@ -85,5 +83,5 @@ const U = ({
   );
 };
 export {
-  U as BookmarksSettingsItem
+  N as BookmarksSettingsItem
 };

package/dist/components/Settings/BookmarksSettingsList.js

@@ -1,43 +1,43 @@
-import { jsxs as t, Fragment as n, jsx as i } from "react/jsx-runtime";
+import { jsxs as i, Fragment as e, jsx as o } from "react/jsx-runtime";
 import { createElement as c } from "react";
-import "../../index-L8X2o7IH.js";
-import { Typography as h } from "../Typography/Typography.js";
-import { Heading as f } from "../Typography/Heading.js";
+import "../../index-p1eeF8LQ.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { Heading as h } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
-import { Divider as k } from "../Divider/Divider.js";
-import { List as x } from "../List/List.js";
+import { Divider as f } from "../Divider/Divider.js";
+import { List as k } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as g } from "../Page/Flex.js";
+import { Flex as x } from "../Page/Flex.js";
 import { SettingsSection as S } from "./SettingsSection.js";
 import { BookmarksSettingsItem as u } from "./BookmarksSettingsItem.js";
-const U = ({
-  loading: d,
+const I = ({
+  loading: n,
   title: m,
-  description: p,
-  items: e,
-  untitled: l = "Untitled bookmark",
-  expandedId: s,
-  onToggle: o
-}) => /* @__PURE__ */ t(n, { children: [
-  /* @__PURE__ */ i(f, { size: "lg", children: m }),
-  e.length > 0 && /* @__PURE__ */ t(g, { direction: "col", spacing: 4, children: [
-    /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(x, { size: "sm", children: e.map((r, a) => /* @__PURE__ */ t(n, { children: [
-      a > 0 && /* @__PURE__ */ i(k, {}),
+  description: l,
+  items: t,
+  untitled: d = "Untitled bookmark",
+  expandedId: p,
+  onToggle: s
+}) => /* @__PURE__ */ i(e, { children: [
+  /* @__PURE__ */ o(h, { size: "lg", children: m }),
+  t.length > 0 && /* @__PURE__ */ i(x, { direction: "col", spacing: 4, children: [
+    /* @__PURE__ */ o(S, { children: /* @__PURE__ */ o(k, { size: "sm", children: t.map((r, a) => /* @__PURE__ */ i(e, { children: [
+      a > 0 && /* @__PURE__ */ o(f, {}),
       /* @__PURE__ */ c(
         u,
         {
           ...r,
           key: r.id,
-          title: (r == null ? void 0 : r.title) || l,
-          loading: d || r.loading,
-          onToggle: () => o == null ? void 0 : o(r.id),
-          expanded: s === r.id
+          title: r?.title || d,
+          loading: n || r.loading,
+          onToggle: () => s?.(r.id),
+          expanded: p === r.id
         }
       )
     ] })) }) }),
-    /* @__PURE__ */ i(h, { color: "neutral", variant: "subtle", size: "xs", children: /* @__PURE__ */ i("p", { children: p }) })
+    /* @__PURE__ */ o(g, { color: "neutral", variant: "subtle", size: "xs", children: /* @__PURE__ */ o("p", { children: l }) })
   ] })
 ] });
 export {
-  U as BookmarksSettingsList
+  I as BookmarksSettingsList
 };

package/dist/components/Settings/SettingsItem.js

@@ -1,105 +1,105 @@
-import { jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import { useState as b } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import "../../index-p1eeF8LQ.js";
+import { useState as s } from "react";
 import "../RootProvider/RootProvider.js";
-import { Input as w } from "../Forms/Input.js";
+import { Input as f } from "../Forms/Input.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as n } from "./SettingsItemBase.js";
-import { SettingsModal as d } from "./SettingsModal.js";
-const M = ({
-  loading: u,
-  variant: h = "default",
-  id: c = "settings",
-  name: f,
+import { SettingsItemBase as i } from "./SettingsItemBase.js";
+import { SettingsModal as v } from "./SettingsModal.js";
+const j = ({
+  loading: c,
+  variant: o = "default",
+  id: a = "settings",
+  name: u,
   checked: m,
-  onChange: v,
-  modalProps: e,
-  children: g,
+  onChange: d,
+  modalProps: l,
+  children: h,
   ...t
 }) => {
-  const [l, a] = b(!1);
-  if (u)
-    return /* @__PURE__ */ i(n, { icon: t == null ? void 0 : t.icon, title: t == null ? void 0 : t.title, loading: !0 });
-  switch (h) {
+  const [n, r] = s(!1);
+  if (c)
+    return /* @__PURE__ */ e(i, { icon: t?.icon, title: t?.title, loading: !0 });
+  switch (o) {
     case "link":
-      return /* @__PURE__ */ i(
-        n,
+      return /* @__PURE__ */ e(
+        i,
         {
           ...t,
           title: {
-            children: t == null ? void 0 : t.title
+            children: t?.title
           },
           value: void 0
         }
       );
     case "switch":
-      return /* @__PURE__ */ i(
-        n,
+      return /* @__PURE__ */ e(
+        i,
         {
           ...t,
           title: {
-            id: c,
+            id: a,
             as: "label",
-            children: [t == null ? void 0 : t.title, t == null ? void 0 : t.value].join(": ")
+            children: [t?.title, t?.value].join(": ")
           },
           value: void 0,
           interactive: !1,
-          controls: /* @__PURE__ */ i(
-            w,
+          controls: /* @__PURE__ */ e(
+            f,
             {
               type: "checkbox",
               role: "switch",
-              "aria-labelledby": c,
-              name: f,
-              value: t == null ? void 0 : t.value,
+              "aria-labelledby": a,
+              name: u,
+              value: t?.value,
               checked: m,
-              onChange: v,
+              onChange: d,
               style: { marginRight: "0.5em" }
             }
           )
         }
       );
     case "modal":
-      return /* @__PURE__ */ i(
-        n,
+      return /* @__PURE__ */ e(
+        i,
         {
           ...t,
           title: {
             variant: "subtle",
             weight: "normal",
-            children: t == null ? void 0 : t.title
+            children: t?.title
           },
           as: "button",
           linkIcon: !0,
-          onClick: () => a(!0),
-          expanded: l,
-          children: l && /* @__PURE__ */ i(
-            d,
+          onClick: () => r(!0),
+          expanded: n,
+          children: n && /* @__PURE__ */ e(
+            v,
             {
-              ...e,
-              icon: (e == null ? void 0 : e.icon) || (t == null ? void 0 : t.icon),
-              title: (e == null ? void 0 : e.title) || (t == null ? void 0 : t.title),
-              open: l,
-              onClose: () => a(!1),
-              children: g
+              ...l,
+              icon: l?.icon || t?.icon,
+              title: l?.title || t?.title,
+              open: n,
+              onClose: () => r(!1),
+              children: h
             }
           )
         }
       );
     default:
-      return /* @__PURE__ */ i(
-        n,
+      return /* @__PURE__ */ e(
+        i,
         {
           ...t,
           title: {
             variant: "subtle",
             weight: "normal",
-            children: t == null ? void 0 : t.title
+            children: t?.title
           }
         }
       );
   }
 };
 export {
-  M as SettingsItem
+  j as SettingsItem
 };

package/dist/components/Settings/SettingsItemBase.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { getAriaLabelFromTitle as f } from "../Menu/MenuItemLabel.js";

package/dist/components/Settings/SettingsList.js

@@ -1,37 +1,37 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import { Fragment as s, createElement as f } from "react";
-import "../../index-L8X2o7IH.js";
-import { useMenu as h } from "../../hooks/useMenu.js";
-import { Heading as g } from "../Typography/Heading.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { Fragment as m, createElement as d } from "react";
+import "../../index-p1eeF8LQ.js";
+import { useMenu as f } from "../../hooks/useMenu.js";
+import { Heading as u } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
-import { Divider as y } from "../Divider/Divider.js";
-import { List as S } from "../List/List.js";
+import { Divider as h } from "../Divider/Divider.js";
+import { List as y } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as v } from "../Page/Flex.js";
-import { SettingsItem as j } from "./SettingsItem.js";
-import { SettingsSection as k } from "./SettingsSection.js";
-const q = ({ items: n, groups: p = {}, sortGroupBy: c }) => {
-  const { menu: r } = h({
-    items: n,
+import { Flex as S } from "../Page/Flex.js";
+import { SettingsItem as v } from "./SettingsItem.js";
+import { SettingsSection as j } from "./SettingsSection.js";
+const K = ({ items: s, groups: p = {}, sortGroupBy: n }) => {
+  const { menu: c } = f({
+    items: s,
     groups: p,
     groupByKey: "groupId",
     keyboardEvents: !1,
-    sortGroupBy: c
+    sortGroupBy: n
   });
-  return /* @__PURE__ */ t(v, { as: "div", spacing: "page", direction: "col", children: r == null ? void 0 : r.map((i, l) => {
-    const e = i.props || {};
-    return /* @__PURE__ */ o(s, { children: [
-      (e == null ? void 0 : e.title) && /* @__PURE__ */ t(g, { size: "lg", children: e.title }),
-      /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(S, { size: "sm", children: i == null ? void 0 : i.items.map((a, m) => {
-        const d = a.props || {};
-        return /* @__PURE__ */ o(s, { children: [
-          m > 0 && /* @__PURE__ */ t(y, { as: "li" }),
-          /* @__PURE__ */ f(j, { ...d, key: "settings-list-item" + m })
-        ] }, m);
+  return /* @__PURE__ */ r(S, { as: "div", spacing: "page", direction: "col", children: c?.map((e, l) => {
+    const i = e.props || {};
+    return /* @__PURE__ */ o(m, { children: [
+      i?.title && /* @__PURE__ */ r(u, { size: "lg", children: i.title }),
+      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(y, { size: "sm", children: e?.items.map((a, t) => {
+        const g = a.props || {};
+        return /* @__PURE__ */ o(m, { children: [
+          t > 0 && /* @__PURE__ */ r(h, { as: "li" }),
+          /* @__PURE__ */ d(v, { ...g, key: "settings-list-item" + t })
+        ] }, t);
       }) }) })
     ] }, l);
   }) });
 };
 export {
-  q as SettingsList
+  K as SettingsList
 };