@altinn/altinn-components 0.35.3 → 0.35.5

package/dist/components/ActivityLog/ActivityLog.js

@@ -1,15 +1,15 @@
 "use client";
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { useState as m, createElement as u } from "react";
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import { useState as f, createElement as u } from "react";
 import "../../index-L8X2o7IH.js";
 import { Button as h } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
-import { Timeline as y } from "../Timeline/Timeline.js";
+import { Timeline as m } from "../Timeline/Timeline.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as v } from "../Page/Section.js";
-import { ActivityLogSegment as x } from "./ActivityLogSegment.js";
-const q = ({
+import { Section as y } from "../Page/Section.js";
+import { ActivityLogSegment as v } from "./ActivityLogSegment.js";
+const b = ({
   items: o,
   maxItems: t,
   expandLabel: i = "Expand history",
@@ -17,14 +17,14 @@ const q = ({
 }) => {
   if (!(o != null && o.length))
     return null;
-  const [n, p] = m(!1), c = () => {
+  const [n, p] = f(!1), c = () => {
     p((r) => !r);
   }, d = t ? o.slice(0, t) : o, s = n ? o : d, a = t && o.length > t;
-  return /* @__PURE__ */ f(v, { spacing: 4, children: [
-    /* @__PURE__ */ e(y, { children: s.map((r, g) => /* @__PURE__ */ u(x, { ...r, key: g })) }),
+  return /* @__PURE__ */ g(y, { spacing: 4, children: [
+    /* @__PURE__ */ e(m, { children: s.map((r) => /* @__PURE__ */ u(v, { ...r, key: r.id })) }),
     a && /* @__PURE__ */ e(h, { variant: "outline", onClick: c, children: n ? l : i })
   ] });
 };
 export {
-  q as ActivityLog
+  b as ActivityLog
 };

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as b, jsx as s } from "react/jsx-runtime";
-import { c as h } from "../../index-L8X2o7IH.js";
-import * as m from "react";
-import { forwardRef as w, useRef as y } from "react";
-import { IconButton as I } from "../Button/IconButton.js";
-import { useClickOutside as j } from "../../hooks/useClickOutside.js";
-import { DropdownBase as C } from "../Dropdown/DropdownBase.js";
-import { MenuItems as _ } from "../Menu/MenuItems.js";
-import { useRootContext as R } from "../RootProvider/RootProvider.js";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { c as O } from "../../index-L8X2o7IH.js";
+import * as a from "react";
+import { forwardRef as b, useRef as h, useMemo as w } from "react";
+import { IconButton as y } from "../Button/IconButton.js";
+import { useClickOutside as I } from "../../hooks/useClickOutside.js";
+import { DropdownBase as j } from "../Dropdown/DropdownBase.js";
+import { MenuItems as C } from "../Menu/MenuItems.js";
+import { useRootContext as _ } from "../RootProvider/RootProvider.js";
 import "../Searchbar/AutocompleteBase.js";
 import "../Snackbar/useSnackbar.js";
-import { u as E } from "../../useId-BVFxCjkq.js";
-import '../../assets/ContextMenu.css';var k = function(e, l) {
+import { u as R } from "../../useId-BVFxCjkq.js";
+import '../../assets/ContextMenu.css';var E = function(e, l) {
   var r = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,18 +19,18 @@ import '../../assets/ContextMenu.css';var k = function(e, l) {
       l.indexOf(t[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[o]) && (r[t[o]] = e[t[o]]);
   return r;
 };
-const M = w((e, l) => {
-  var { title: r, titleId: t } = e, o = k(e, ["title", "titleId"]);
-  let n = E();
-  return n = r ? t || "title-" + n : void 0, m.createElement(
+const M = b((e, l) => {
+  var { title: r, titleId: t } = e, o = E(e, ["title", "titleId"]);
+  let n = R();
+  return n = r ? t || "title-" + n : void 0, a.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: l, "aria-labelledby": n }, o),
-    r ? m.createElement("title", { id: n }, r) : null,
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
+    r ? a.createElement("title", { id: n }, r) : null,
+    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), B = "_toggle_nol5i_1", P = {
-  toggle: B
-}, G = ({
+}), k = "_toggle_nol5i_1", B = {
+  toggle: k
+}, F = ({
   id: e = "context-menu",
   ariaLabel: l,
   placement: r = "right",
@@ -38,21 +38,20 @@ const M = w((e, l) => {
   className: o,
   items: n
 }) => {
-  const { currentId: u, toggleId: a, closeAll: d } = R(), f = y(null), g = () => a(e), i = u === e;
-  j(f, () => {
-    i && a(e);
+  const { currentId: d, toggleId: m, closeAll: u } = _(), f = h(null), g = () => m(e), c = d === e;
+  I(f, () => {
+    c && m(e);
   });
-  const x = n.map((v, O) => ({
-    ...v,
+  const x = w(() => n.map((i) => ({
+    ...i,
     onClick: () => {
       var p;
-      const c = n[O];
-      (p = c.onClick) == null || p.call(c), d();
+      (p = i.onClick) == null || p.call(i), u();
     }
-  }));
-  return /* @__PURE__ */ b("div", { className: h(P.toggle, o), "data-color": "neutral", ref: f, children: [
+  })), [n, u]);
+  return /* @__PURE__ */ v("div", { className: O(B.toggle, o), "data-color": "neutral", ref: f, children: [
     /* @__PURE__ */ s(
-      I,
+      y,
       {
         size: "xs",
         rounded: !0,
@@ -62,9 +61,9 @@ const M = w((e, l) => {
         iconAltText: l || `Open ${e}`
       }
     ),
-    i && /* @__PURE__ */ s(C, { placement: r, open: i, children: /* @__PURE__ */ s(_, { groups: t, items: x }) })
+    c && /* @__PURE__ */ s(j, { placement: r, open: c, children: /* @__PURE__ */ s(C, { groups: t, items: x }) })
   ] });
 };
 export {
-  G as ContextMenu
+  F as ContextMenu
 };

package/dist/hooks/useClickOutside.js

@@ -1,13 +1,14 @@
 "use client";
-import { useEffect as o } from "react";
-const s = (e, t) => (o(() => {
-  const n = (u) => {
-    e.current && !e.current.contains(u.target) && (t == null || t());
+import { useEffect as u } from "react";
+const c = (t, e) => (u(() => {
+  const n = (r) => {
+    const o = r.target;
+    o.closest("button[data-context-menu-trigger]") || o.closest(".context-menu-trigger") || o.closest("button") || o.closest('[role="button"]') || t.current && !t.current.contains(r.target) && (e == null || e());
   };
   return document.addEventListener("mouseup", n), document.addEventListener("touchend", n), () => {
     document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n);
   };
-}, [t, e]), e);
+}, [e, t]), t);
 export {
-  s as useClickOutside
+  c as useClickOutside
 };

package/package.json

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