@altinn/altinn-components 0.26.1 → 0.27.1

package/dist/components/Forms/Fieldset.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { c as d } from "../../lite-1fxw3LjI.js";
+import { forwardRef as n } from "react";
+import { P as a } from "../../Paragraph-CFjOkbXa.js";
+import { F as c } from "../../FieldsetLegend-Dwb3U0vQ.js";
+const l = n(function({ className: e, ...t }, i) {
+  return r("fieldset", { className: d("ds-fieldset", e), ref: i, ...t });
+}), p = n(function(e, t) {
+  return r(a, { ref: t, ...e });
+}), o = Object.assign(l, {
+  Legend: c,
+  Description: p
+});
+o.Legend.displayName = "Fieldset.Legend";
+o.Description.displayName = "Fieldset.Description";
+const D = ({ size: s, color: e, children: t, ...i }) => /* @__PURE__ */ r(
+  o,
+  {
+    ...i,
+    "data-size": s,
+    "data-color": e,
+    children: t
+  }
+);
+export {
+  D as Fieldset
+};

package/dist/components/Forms/FieldsetBase.js

@@ -0,0 +1,15 @@
+import { jsxs as i, jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Fieldset as e } from "./Fieldset.js";
+import { Legend as p } from "./Legend.js";
+const j = ({ legend: r, children: o, ...t }) => /* @__PURE__ */ i(e, { ...t, children: [
+  !!r && /* @__PURE__ */ m(p, { children: r }),
+  o
+] });
+export {
+  j as FieldsetBase
+};

package/dist/components/Forms/Input.js

@@ -0,0 +1,14 @@
+import { jsx as p } from "react/jsx-runtime";
+import { I as s } from "../../Input-B_w6SBmg.js";
+const m = ({ inputSize: t, size: o, color: r, ...a }) => /* @__PURE__ */ p(
+  s,
+  {
+    size: t,
+    "data-color": r,
+    "data-size": o,
+    ...a
+  }
+);
+export {
+  m as Input
+};

package/dist/components/Forms/Label.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { L as m } from "../../Label-DjSEhgyW.js";
+const l = ({ size: o, color: r, children: a, ...t }) => /* @__PURE__ */ e(m, { ...t, "data-size": o, "data-color": r, children: a });
+export {
+  l as Label
+};

package/dist/components/Forms/Legend.js

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { F as d } from "../../FieldsetLegend-Dwb3U0vQ.js";
+const m = ({ size: e, color: o, children: r, ...t }) => /* @__PURE__ */ a(
+  d,
+  {
+    ...t,
+    "data-size": e,
+    "data-color": o,
+    children: r
+  }
+);
+export {
+  m as Legend
+};

package/dist/components/Forms/OptionsBase.js

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+const l = ({ size: o, color: r, inline: e, children: t }) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-color": r,
+    "data-size": o,
+    style: {
+      display: "flex",
+      flexDirection: e ? "row" : "column",
+      rowGap: "1rem",
+      columnGap: "1rem"
+    },
+    children: t
+  }
+);
+export {
+  l as OptionsBase
+};

package/dist/components/Forms/Radio.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as e } from "./Field.js";
+import { Label as d } from "./Label.js";
+import { Input as n } from "./Input.js";
+const y = ({ size: i, color: t, label: r, ...m }) => /* @__PURE__ */ p(e, { size: i, color: t, children: [
+  /* @__PURE__ */ o(n, { ...m, type: "radio" }),
+  !!r && /* @__PURE__ */ o(d, { children: r })
+] });
+export {
+  y as Radio
+};

package/dist/components/Forms/RadioOptions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Radio as a } from "./Radio.js";
+import { OptionsBase as e } from "./OptionsBase.js";
+const h = ({ name: i, options: t = [], ...o }) => /* @__PURE__ */ m(e, { ...o, children: t.map((r, p) => /* @__PURE__ */ m(a, { name: (r == null ? void 0 : r.name) || i, ...r }, p)) });
+export {
+  h as RadioOptions
+};

package/dist/components/Forms/Select.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../lite-1fxw3LjI.js";
+import { forwardRef as l } from "react";
+import { S as f } from "../../index-C8BS_2GY.js";
+const u = l(function({ className: r, onKeyDown: t, onMouseDown: e, width: n, ...i }, m) {
+  return c("select", { className: s("ds-input", r), "data-width": n, ref: m, onKeyDown: (p) => {
+    p.key !== "Tab" && (i.readOnly && p.preventDefault(), t == null || t(p));
+  }, onMouseDown: (p) => {
+    i.readOnly && p.preventDefault(), e == null || e(p);
+  }, ...i });
+}), O = l(function({ asChild: r, ...t }, e) {
+  return c(r ? f : "optgroup", { ...t, ref: e });
+}), S = l(function({ asChild: r, ...t }, e) {
+  return c(r ? f : "option", { ...t, ref: e });
+}), a = Object.assign(u, {
+  Option: S,
+  Optgroup: O
+});
+a.Option.displayName = "Select.Option";
+a.Optgroup.displayName = "Select.Optgroup";
+const N = ({ size: o = "md", color: r, children: t, ...e }) => /* @__PURE__ */ c(a, { "data-color": r, "data-size": o, ...e, children: t });
+export {
+  N as Select
+};

package/dist/components/Forms/SelectField.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Select as e } from "./Select.js";
+import { FieldBase as p } from "./FieldBase.js";
+const S = ({ size: r = "md", label: t, children: m, ...i }) => /* @__PURE__ */ o(p, { label: t, size: r, children: /* @__PURE__ */ o(e, { ...i, size: r, children: m }) });
+export {
+  S as SelectField
+};

package/dist/components/Forms/Switch.js

@@ -0,0 +1,16 @@
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Field as e } from "./Field.js";
+import { Label as c } from "./Label.js";
+import { Input as h } from "./Input.js";
+const b = ({ size: t, color: i, label: r, ...m }) => /* @__PURE__ */ p(e, { size: t, color: i, children: [
+  /* @__PURE__ */ o(h, { ...m, type: "checkbox", role: "switch" }),
+  !!r && /* @__PURE__ */ o(c, { children: r })
+] });
+export {
+  b as Switch
+};

package/dist/components/Forms/SwitchOptions.js

@@ -0,0 +1,12 @@
+import { jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Switch as o } from "./Switch.js";
+import { OptionsBase as s } from "./OptionsBase.js";
+const S = ({ name: t, options: i = [], ...p }) => /* @__PURE__ */ m(s, { ...p, children: i.map((r, e) => /* @__PURE__ */ m(o, { name: (r == null ? void 0 : r.name) || t, ...r }, e)) });
+export {
+  S as SwitchOptions
+};

package/dist/components/Forms/TextField.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Input as e } from "./Input.js";
+import { FieldBase as n } from "./FieldBase.js";
+const a = ({ size: o, color: t, label: i, helperText: m, ...p }) => /* @__PURE__ */ r(n, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(e, { ...p }) });
+export {
+  a as TextField
+};

package/dist/components/Forms/Textarea.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { T as e } from "../../Textarea-BBstVlPT.js";
+const x = ({ size: r, color: a, ...t }) => /* @__PURE__ */ o(e, { ...t, "data-size": r, "data-color": a });
+export {
+  x as Textarea
+};

package/dist/components/Forms/TextareaField.js

@@ -0,0 +1,12 @@
+import { jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "react";
+import "../RootProvider/RootProvider.js";
+import "../Search/AutocompleteBase.js";
+import "../Snackbar/useSnackbar.js";
+import { Textarea as p } from "./Textarea.js";
+import { FieldBase as a } from "./FieldBase.js";
+const T = ({ size: o, color: t, label: i, helperText: m, ...e }) => /* @__PURE__ */ r(a, { size: o, color: t, label: i, helperText: m, children: /* @__PURE__ */ r(p, { ...e }) });
+export {
+  T as TextareaField
+};

package/dist/components/Forms/index.js

@@ -0,0 +1,40 @@
+import { Field as r } from "./Field.js";
+import { Fieldset as p } from "./Fieldset.js";
+import { Legend as f } from "./Legend.js";
+import { Label as i } from "./Label.js";
+import { Input as d } from "./Input.js";
+import { Textarea as s } from "./Textarea.js";
+import { Select as c } from "./Select.js";
+import { Radio as h } from "./Radio.js";
+import { Checkbox as S } from "./Checkbox.js";
+import { Switch as B } from "./Switch.js";
+import { FieldBase as k } 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 { FieldsetBase as j } from "./FieldsetBase.js";
+import { OptionsBase as v } from "./OptionsBase.js";
+import { RadioOptions as z } from "./RadioOptions.js";
+import { SwitchOptions as D } from "./SwitchOptions.js";
+import { CheckboxOptions as G } from "./CheckboxOptions.js";
+export {
+  S as Checkbox,
+  G as CheckboxOptions,
+  r as Field,
+  k as FieldBase,
+  p as Fieldset,
+  j as FieldsetBase,
+  d as Input,
+  i as Label,
+  f as Legend,
+  v as OptionsBase,
+  h as Radio,
+  z as RadioOptions,
+  c as Select,
+  u as SelectField,
+  B as Switch,
+  D as SwitchOptions,
+  C as TextField,
+  s as Textarea,
+  R as TextareaField
+};

package/dist/components/GlobalMenu/AccountMenu.js

@@ -12,7 +12,7 @@ const w = (d) => `${d} hits`, k = ({
   accountSearch: s,
   onSelectAccount: m,
   currentAccount: p,
-  isVirtualized: C
+  menuItemsVirtual: C
 }) => {
   var f;
   const t = d.map((e) => ({
@@ -65,7 +65,7 @@ const w = (d) => `${d} hits`, k = ({
       search: s && b,
       groups: I,
       items: h,
-      isVirtualized: C
+      menuItemsVirtual: C
     }
   );
 };

package/dist/components/GlobalMenu/GlobalMenu.js

@@ -1,88 +1,95 @@
 "use client";
-import { jsxs as m, jsx as i, Fragment as g } from "react/jsx-runtime";
-import { useState as I, useMemo as S } from "react";
+import { jsxs as e, jsx as i, Fragment as g } from "react/jsx-runtime";
+import { useState as w, useMemo as z } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { AccountMenu as W } from "./AccountMenu.js";
-import { AccountButton as q } from "./AccountButton.js";
-import { BackButton as w } from "./BackButton.js";
-import { LogoutButton as k } from "./LogoutButton.js";
-import { EndUserLabel as v } from "./EndUserLabel.js";
+import { AccountMenu as D } from "./AccountMenu.js";
+import { AccountButton as J } from "./AccountButton.js";
+import { BackButton as K } from "./BackButton.js";
+import { LogoutButton as v } from "./LogoutButton.js";
+import { EndUserLabel as x } from "./EndUserLabel.js";
 import "../Search/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { MenuListItem as o } from "../Menu/MenuBase.js";
-import { Menu as x } from "../Menu/Menu.js";
-import { GlobalMenuBase as h, GlobalMenuHeader as z, GlobalMenuFooter as G } from "./GlobalMenuBase.js";
-const $ = ({
-  accounts: f = [],
-  accountGroups: b = {},
-  accountSearch: B,
-  items: n = [],
-  groups: s,
-  changeLabel: T = "Change",
-  backLabel: j = "Back",
-  currentAccount: a,
-  currentEndUserLabel: t = "Signed in",
-  onSelectAccount: p,
-  onClose: e,
-  logoutButton: l,
-  isVirtualized: F
+import { MenuListItem as d } from "../Menu/MenuBase.js";
+import { Menu as G } from "../Menu/Menu.js";
+import { GlobalMenuBase as o, GlobalMenuHeader as L, GlobalMenuFooter as y } from "./GlobalMenuBase.js";
+const U = ({
+  accounts: n = [],
+  accountGroups: B = {},
+  accountSearch: T,
+  items: c = [],
+  groups: k,
+  changeLabel: j = "Change",
+  backLabel: F = "Back",
+  currentAccount: p,
+  currentEndUserLabel: l = "Signed in",
+  onSelectAccount: f,
+  onClose: r,
+  logoutButton: t,
+  menuItemsVirtual: H
 }) => {
-  const [u, y] = I(!1), d = () => {
-    y((r) => !r);
-  }, H = (r) => {
-    d(), e == null || e(), p == null || p(r);
-  }, M = S(() => n.map((r) => ({
-    ...r,
+  const [S, W] = w(!1), h = () => {
+    W((a) => !a);
+  }, q = (a) => {
+    h(), r == null || r(), f == null || f(a);
+  }, s = z(() => c.map((a) => ({
+    ...a,
     onClick: () => {
-      var c;
-      (c = r.onClick) == null || c.call(r), e == null || e();
-    }
-  })), [n, e]);
-  return u ? /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(z, { children: /* @__PURE__ */ i(w, { onClick: d, label: j }) }),
-    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
+      var m;
+      (m = a.onClick) == null || m.call(a), r == null || r();
+    },
+    items: Array.isArray(a.items) ? a.items.map((m) => ({
+      ...m,
+      onClick: () => {
+        var M;
+        (M = m.onClick) == null || M.call(m), r == null || r();
+      }
+    })) : void 0
+  })), [c, r]);
+  return S ? /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(K, { onClick: h, label: F }) }),
+    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
     /* @__PURE__ */ i(
-      W,
+      D,
       {
-        currentAccount: a,
-        accounts: f,
-        accountGroups: b,
-        accountSearch: B,
-        onSelectAccount: H,
-        isVirtualized: F
+        currentAccount: p,
+        accounts: n,
+        accountGroups: B,
+        accountSearch: T,
+        onSelectAccount: q,
+        menuItemsVirtual: H
       }
     )
-  ] }) : a ? /* @__PURE__ */ m(h, { color: a == null ? void 0 : a.type, children: [
+  ] }) : p ? /* @__PURE__ */ e(o, { color: p == null ? void 0 : p.type, children: [
     /* @__PURE__ */ i(
-      q,
+      J,
       {
-        account: a,
-        linkText: T,
-        multipleAccounts: f.length > 1,
-        onClick: d
+        account: p,
+        linkText: j,
+        multipleAccounts: n.length > 1,
+        onClick: h
       }
     ),
-    /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-    /* @__PURE__ */ i(x, { groups: s, items: M, theme: "default" }),
-    l && /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-      /* @__PURE__ */ m(G, { children: [
-        t && /* @__PURE__ */ i(v, { children: t }),
-        /* @__PURE__ */ i(k, { ...l })
+    /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+    /* @__PURE__ */ i(G, { groups: k, items: s, theme: "default" }),
+    t && /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+      /* @__PURE__ */ e(y, { children: [
+        l && /* @__PURE__ */ i(x, { children: l }),
+        /* @__PURE__ */ i(v, { ...t })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ m(h, { children: [
-    /* @__PURE__ */ i(x, { groups: s, items: M }),
-    l && /* @__PURE__ */ m(g, { children: [
-      /* @__PURE__ */ i(o, { as: "div", role: "separator" }),
-      /* @__PURE__ */ m(G, { children: [
-        t && /* @__PURE__ */ i(v, { children: t }),
-        /* @__PURE__ */ i(k, { ...l })
+  ] }) : /* @__PURE__ */ e(o, { children: [
+    /* @__PURE__ */ i(G, { groups: k, items: s }),
+    t && /* @__PURE__ */ e(g, { children: [
+      /* @__PURE__ */ i(d, { as: "div", role: "separator" }),
+      /* @__PURE__ */ e(y, { children: [
+        l && /* @__PURE__ */ i(x, { children: l }),
+        /* @__PURE__ */ i(v, { ...t })
       ] })
     ] })
   ] });
 };
 export {
-  $ as GlobalMenu
+  U as GlobalMenu
 };

package/dist/components/List/ListItem.js

@@ -1,7 +1,7 @@
-import { jsxs as q, jsx as w } from "react/jsx-runtime";
-import { ListItemBase as z } from "./ListItemBase.js";
-import { ListItemHeader as A } from "./ListItemHeader.js";
-const F = ({
+import { jsxs as w, jsx as z } from "react/jsx-runtime";
+import { ListItemBase as A } from "./ListItemBase.js";
+import { ListItemHeader as C } from "./ListItemHeader.js";
+const G = ({
   className: p,
   variant: c = "solid",
   color: r,
@@ -25,11 +25,12 @@ const F = ({
   controls: H,
   children: b,
   interactive: i,
-  ...d
+  id: d,
+  ...k
 }) => {
-  const k = typeof t == "function" ? t() : t;
-  return /* @__PURE__ */ q(
-    z,
+  const q = typeof t == "function" ? t() : t;
+  return /* @__PURE__ */ w(
+    A,
     {
       variant: c,
       color: r,
@@ -40,9 +41,10 @@ const F = ({
       title: f,
       loading: o,
       interactive: i,
+      id: d,
       children: [
-        /* @__PURE__ */ w(
-          A,
+        /* @__PURE__ */ z(
+          C,
           {
             className: p,
             color: r,
@@ -62,8 +64,8 @@ const F = ({
             controls: H,
             titleAs: j,
             interactive: i,
-            ...d,
-            children: k
+            ...k,
+            children: q
           }
         ),
         s ? b : null
@@ -72,5 +74,5 @@ const F = ({
   );
 };
 export {
-  F as ListItem
+  G as ListItem
 };

package/dist/components/List/ListItemBase.js

@@ -1,11 +1,11 @@
-import { jsx as S } from "react/jsx-runtime";
-import { c as q } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemBase.css';const H = "_item_2saqu_1", f = "_interactiveSelected_2saqu_83", x = "_interactiveHidden_2saqu_87", h = "_interactive_2saqu_83", t = {
-  item: H,
-  interactiveSelected: f,
-  interactiveHidden: x,
-  interactive: h
-}, j = ({
+import { jsx as q } from "react/jsx-runtime";
+import { c as H } from "../../index-L8X2o7IH.js";
+import '../../assets/ListItemBase.css';const f = "_item_2saqu_1", x = "_interactiveSelected_2saqu_83", h = "_interactiveHidden_2saqu_87", w = "_interactive_2saqu_83", t = {
+  item: f,
+  interactiveSelected: x,
+  interactiveHidden: h,
+  interactive: w
+}, y = ({
   as: i,
   interactive: n = !0,
   size: c,
@@ -17,30 +17,32 @@ import '../../assets/ListItemBase.css';const H = "_item_2saqu_1", f = "_interact
   selected: d,
   className: v,
   onMouseEnter: m,
-  children: _
+  id: _,
+  children: l
 }) => {
-  const l = i || "li", p = e === "transparent" ? "none" : o, u = q(
+  const p = i || "li", u = e === "transparent" ? "none" : o, S = H(
     t.item,
     v,
     n && t.interactive,
     d && t.interactiveSelected,
     a && t.interactiveHidden
   );
-  return /* @__PURE__ */ S(
-    l,
+  return /* @__PURE__ */ q(
+    p,
     {
-      className: u,
+      className: S,
       "data-variant": s,
       "data-color": r,
       "data-theme": e,
       "data-size": c,
-      "data-shadow": p,
+      "data-shadow": u,
       "aria-hidden": a,
       onMouseEnter: m,
-      children: _
+      id: _,
+      children: l
     }
   );
 };
 export {
-  j as ListItemBase
+  y as ListItemBase
 };