@altinn/altinn-components 0.67.2 → 0.67.3

package/dist/components/GlobalHeader/HeaderDrawer.js

@@ -1,90 +1,83 @@
-import { jsxs as c, Fragment as m, jsx as r } from "react/jsx-runtime";
-import { useRef as N, useEffect as v } from "react";
+import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { useRef as E, useEffect as h } from "react";
 import { Button as D } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { w as L } from "../../ToolbarSearch-bv2opbAj.js";
+import { w as j } from "../../ToolbarSearch-bv2opbAj.js";
 import "../Typography/Link.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { S as j } from "../../ChevronUp-hn05LboH.js";
-import { S as I } from "../../ChevronDown-D_a7nb-G.js";
-import '../../assets/HeaderDrawer.css';const M = "_backdrop_yn0zc_11", R = "_drawer_yn0zc_28", F = "_footer_yn0zc_60", V = "_body_yn0zc_64", q = "_toggleButton_yn0zc_104", t = {
+import { S as I } from "../../ChevronUp-hn05LboH.js";
+import { S as L } from "../../ChevronDown-D_a7nb-G.js";
+import '../../assets/HeaderDrawer.css';const M = "_backdrop_yn0zc_11", R = "_drawer_yn0zc_28", B = "_footer_yn0zc_60", F = "_body_yn0zc_64", V = "_toggleButton_yn0zc_104", n = {
   backdrop: M,
   drawer: R,
-  footer: F,
-  body: V,
-  toggleButton: q
+  footer: B,
+  body: F,
+  toggleButton: V
 }, Z = ({
-  id: l,
-  open: i,
-  onClose: a,
+  id: c,
+  open: r,
+  onClose: v,
   closedBy: o = "any",
-  expanded: u,
-  expandable: y = !0,
+  expanded: d,
+  expandable: _ = !0,
   onToggle: b,
-  children: _
+  children: w
 }) => {
-  const { languageCode: w } = L(), f = A(w), d = N(null);
-  v(() => {
-    const e = d.current, s = (n) => {
-      const { clientY: p, clientX: h, target: z } = n;
-      if (n instanceof KeyboardEvent && n.key === "Escape") {
-        if (o === "none") {
-          n.preventDefault();
-          return;
-        }
-        a();
-        return;
+  const { languageCode: k } = j(), m = q(k), s = E(null);
+  h(() => {
+    const e = s.current, u = (i) => {
+      if (window.getSelection()?.toString()) return;
+      const { clientY: g, clientX: p, target: z } = i;
+      if (e && z === e && o === "any") {
+        const { top: C, left: x, right: S, bottom: N } = e.getBoundingClientRect();
+        C <= g && g <= N && x <= p && p <= S || e.close();
       }
-      if (!window.getSelection()?.toString() && e && z === e && o === "any") {
-        const { top: E, left: x, right: S, bottom: C } = e.getBoundingClientRect();
-        E <= p && p <= C && x <= h && h <= S || e?.close();
-      }
-    }, g = () => {
-      const n = e?.querySelector("[autofocus]");
-      document.activeElement !== n && n?.focus();
+    }, f = () => {
+      const i = e?.querySelector("[autofocus]");
+      document.activeElement !== i && i?.focus();
     };
-    return e?.addEventListener("animationend", g), e?.addEventListener("click", s), e?.addEventListener("keydown", s), () => {
-      e?.removeEventListener("animationend", g), e?.removeEventListener("click", s), e?.removeEventListener("keydown", s);
+    return e?.addEventListener("animationend", f), e?.addEventListener("click", u), () => {
+      e?.removeEventListener("animationend", f), e?.removeEventListener("click", u);
     };
-  }, [o, a]), v(() => {
-    const e = d.current;
-    e && (i ? e.open || e.showModal() : e.open && e.close());
-  }, [i]);
-  const k = (e) => {
-    e.preventDefault(), o === "any" && a();
+  }, [o]), h(() => {
+    const e = s.current;
+    e && (r ? e.open || e.showModal() : e.open && e.close());
+  }, [r]);
+  const y = (e) => {
+    o === "none" && e.preventDefault();
   };
-  return /* @__PURE__ */ c(m, { children: [
-    /* @__PURE__ */ r("div", { className: t.backdrop, "aria-hidden": !i }),
-    /* @__PURE__ */ c(
+  return /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ t("div", { className: n.backdrop, "aria-hidden": !r }),
+    /* @__PURE__ */ a(
       "dialog",
       {
-        id: l,
-        ref: d,
+        id: c,
+        ref: s,
         "aria-modal": "true",
         "aria-labelledby": "modal-title",
-        "data-open": i,
-        "data-expanded": u,
-        onCancel: k,
-        className: t.drawer,
-        onClose: o !== "none" ? a : void 0,
+        "data-open": r,
+        "data-expanded": d,
+        onCancel: y,
+        className: n.drawer,
+        onClose: o !== "none" ? v : void 0,
         children: [
-          /* @__PURE__ */ r("div", { className: t.body, children: _ }),
-          o !== "none" && y && /* @__PURE__ */ r("footer", { className: t.footer, children: /* @__PURE__ */ r(D, { className: t.toggleButton, size: "xs", variant: "outline", onClick: b, children: u ? /* @__PURE__ */ c(m, { children: [
-            /* @__PURE__ */ r(j, { className: t.btnIcon, "aria-hidden": "true" }),
-            f.minimize
-          ] }) : /* @__PURE__ */ c(m, { children: [
-            /* @__PURE__ */ r(I, { className: t.btnIcon, "aria-hidden": "true" }),
-            f.fullscreen
+          /* @__PURE__ */ t("div", { className: n.body, children: w }),
+          o !== "none" && _ && /* @__PURE__ */ t("footer", { className: n.footer, children: /* @__PURE__ */ t(D, { className: n.toggleButton, size: "xs", variant: "outline", onClick: b, children: d ? /* @__PURE__ */ a(l, { children: [
+            /* @__PURE__ */ t(I, { className: n.btnIcon, "aria-hidden": "true" }),
+            m.minimize
+          ] }) : /* @__PURE__ */ a(l, { children: [
+            /* @__PURE__ */ t(L, { className: n.btnIcon, "aria-hidden": "true" }),
+            m.fullscreen
           ] }) }) })
         ]
       }
     )
   ] });
-}, A = (l) => {
-  switch (l) {
+}, q = (c) => {
+  switch (c) {
     case "nn":
       return {
         minimize: "Minimer",

package/dist/components/Modal/ModalBase.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import { useRef as D, useEffect as m } from "react";
+import { useRef as w, useEffect as d } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
 import "../../ToolbarSearch-bv2opbAj.js";
@@ -9,73 +9,66 @@ import "../Button/Button.js";
 import "react-dom";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as S } from "../Page/Section.js";
-import '../../assets/ModalBase.css';const C = "_modal_3d5cx_1", R = "_content_3d5cx_41", f = {
-  modal: C,
+import { Section as y } from "../Page/Section.js";
+import '../../assets/ModalBase.css';const D = "_modal_3d5cx_1", R = "_content_3d5cx_41", m = {
+  modal: D,
   content: R
 }, J = ({
-  open: r,
-  onClose: o,
-  closedBy: n = "any",
-  children: u,
+  open: a,
+  onClose: u,
+  closedBy: e = "any",
+  children: f,
   backdropColor: p = "inherit",
   size: g,
-  color: v,
-  padding: h = 0,
-  spacing: E = 0,
-  height: y = "auto",
-  variant: b = "default"
+  color: h,
+  padding: v = 0,
+  spacing: C = 0,
+  height: E = "auto",
+  variant: _ = "default"
 }) => {
-  const i = D(null);
-  return m(() => {
-    const t = i.current, a = (e) => {
-      const { clientY: l, clientX: d, target: k } = e;
-      if (e instanceof KeyboardEvent && e.key === "Escape") {
-        if (n === "none") {
-          e.preventDefault();
-          return;
-        }
-        o();
-        return;
-      }
-      if (!window.getSelection()?.toString() && t && k === t && n === "any") {
-        const { top: L, left: _, right: w, bottom: x } = t.getBoundingClientRect();
-        L <= l && l <= x && _ <= d && d <= w || t?.close();
+  const n = w(null);
+  return d(() => {
+    const t = n.current, i = (o) => {
+      if (window.getSelection()?.toString()) return;
+      const { clientY: r, clientX: l, target: b } = o;
+      if (t && b === t && e === "any") {
+        const { top: k, left: x, right: L, bottom: S } = t.getBoundingClientRect();
+        k <= r && r <= S && x <= l && l <= L || t.close();
       }
     }, c = () => {
-      const e = t?.querySelector("[autofocus]");
-      document.activeElement !== e && e?.focus();
+      const o = t?.querySelector("[autofocus]");
+      document.activeElement !== o && o?.focus();
     };
-    return t?.addEventListener("animationend", c), t?.addEventListener("click", a), t?.addEventListener("keydown", a), () => {
-      t?.removeEventListener("animationend", c), t?.removeEventListener("click", a), t?.removeEventListener("keydown", a);
+    return t?.addEventListener("animationend", c), t?.addEventListener("click", i), () => {
+      t?.removeEventListener("animationend", c), t?.removeEventListener("click", i);
     };
-  }, [n, o]), m(() => {
-    const t = i.current;
-    t && (r ? t.open || t.showModal() : t.open && t.close());
-  }, [r]), /* @__PURE__ */ s(
+  }, [e]), d(() => {
+    const t = n.current;
+    t && (a ? t.open || t.showModal() : t.open && t.close());
+  }, [a]), /* @__PURE__ */ s(
     "dialog",
     {
-      ref: i,
+      ref: n,
       "aria-modal": "true",
       "aria-labelledby": "modal-title",
       onCancel: (t) => {
-        t.preventDefault(), n === "any" && o();
+        e === "none" && t.preventDefault();
       },
       "data-backdrop-color": p,
-      className: f.modal,
-      "data-variant": b,
-      "data-height": y,
-      onClose: n !== "none" ? o : void 0,
+      className: m.modal,
+      "data-variant": _,
+      "data-height": E,
+      onClose: e !== "none" ? u : void 0,
       children: /* @__PURE__ */ s(
-        S,
+        y,
         {
-          className: f.content,
+          className: m.content,
           "aria-label": "modal content",
           size: g,
-          color: v,
-          padding: h,
-          spacing: E,
-          children: u
+          color: h,
+          padding: v,
+          spacing: C,
+          children: f
         }
       )
     }

package/package.json

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