@altinn/altinn-components 0.67.1 → 0.67.2

package/dist/assets/Tooltip.css

@@ -1 +1 @@
-._tooltip_10ebf_1{padding:.5em}._tooltip_10ebf_1[aria-hidden=true]{display:none}
+._tooltip_t2itc_1{padding:.5em}

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,81 +1,91 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import u, { forwardRef as c, useMemo as f } from "react";
-import { Button as g } from "../Button/Button.js";
+import s, { forwardRef as v, useRef as O, useEffect as h, useMemo as w } from "react";
+import { Button as y } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
-import { w as h, g as b, M as x } from "../../ToolbarSearch-bv2opbAj.js";
+import { w as x, g as C, M as R } from "../../ToolbarSearch-bv2opbAj.js";
 import "../Typography/Link.js";
-import { Tooltip as v } from "../Tooltip/Tooltip.js";
+import { Tooltip as I } from "../Tooltip/Tooltip.js";
 import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import { useDropdownMenuController as w } from "../Menu/useDropdownMenuController.js";
-import { u as y } from "../../useId-BVFxCjkq.js";
-var O = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
-      i.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
-  return r;
+import { useDropdownMenuController as M } from "../Menu/useDropdownMenuController.js";
+import { u as A } from "../../useId-BVFxCjkq.js";
+var E = function(r, i) {
+  var o = {};
+  for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && i.indexOf(t) < 0 && (o[t] = r[t]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(r); n < t.length; n++)
+      i.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(r, t[n]) && (o[t[n]] = r[t[n]]);
+  return o;
 };
-const C = c((t, i) => {
-  var { title: r, titleId: e } = t, o = O(t, ["title", "titleId"]);
-  let l = y();
-  return l = r ? e || "title-" + l : void 0, u.createElement(
+const j = v((r, i) => {
+  var { title: o, titleId: t } = r, n = E(r, ["title", "titleId"]);
+  let l = A();
+  return l = o ? t || "title-" + l : void 0, s.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: i, "aria-labelledby": l }, o),
-    r ? u.createElement("title", { id: l }, r) : null,
-    u.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" })
+    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: i, "aria-labelledby": l }, n),
+    o ? s.createElement("title", { id: l }, o) : null,
+    s.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" })
   );
-}), F = ({
-  groups: t = {},
+}), G = ({
+  groups: r = {},
   items: i,
-  title: r,
-  color: e,
-  id: o = "context-menu",
+  title: o,
+  color: t,
+  id: n = "context-menu",
   placement: l = "right",
-  "aria-label": p
+  "aria-label": m
 }) => {
-  const n = w({ id: o, returnFocusOnClose: !0 }), { languageCode: d } = h(), m = f(() => i.map((s) => ({
-    ...s,
+  const e = M({ id: n, returnFocusOnClose: !0 }), { languageCode: f } = x(), c = O(e.open);
+  h(() => {
+    const u = c.current;
+    if (c.current = e.open, !u || e.open) return;
+    const p = e.triggerRef.current, d = p?.getAttribute("data-tooltip");
+    if (!p || d == null) return;
+    p.removeAttribute("data-tooltip");
+    const b = requestAnimationFrame(() => p.setAttribute("data-tooltip", d));
+    return () => cancelAnimationFrame(b);
+  }, [e.open, e.triggerRef]);
+  const g = w(() => i.map((u) => ({
+    ...u,
     onClick: () => {
-      n.setOpen(!1), s.onClick?.();
+      e.setOpen(!1), u.onClick?.();
     }
-  })), [i, n]);
+  })), [i, e]);
   return /* @__PURE__ */ a(
-    b,
+    C,
     {
       backdrop: !1,
-      color: e,
-      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(v, { content: r || M(d).title, hidden: n.open, children: /* @__PURE__ */ a(
-        g,
+      color: t,
+      trigger: /* @__PURE__ */ a(I, { content: e.open ? "" : o || P(f).title, children: /* @__PURE__ */ a(
+        y,
         {
-          ref: n.triggerRef,
+          ref: e.triggerRef,
           icon: !0,
           variant: "ghost",
           rounded: !0,
           size: "xs",
-          "aria-label": p,
-          onClick: () => n.toggleMenu(),
+          "aria-label": m,
+          onClick: () => e.toggleMenu(),
           "aria-haspopup": "menu",
-          "aria-expanded": n.open,
-          "aria-controls": n.open ? n.menuId : void 0,
-          color: e,
-          children: /* @__PURE__ */ a(C, { "aria-hidden": "true" })
+          "aria-expanded": e.open,
+          "aria-controls": e.open ? e.menuId : void 0,
+          color: t,
+          children: /* @__PURE__ */ a(j, { "aria-hidden": "true" })
         }
-      ) }), {}),
-      open: n.open,
-      onClose: () => n.setOpen(!1),
-      id: n.menuId,
+      ) }),
+      open: e.open,
+      onClose: () => e.setOpen(!1),
+      id: e.menuId,
       placement: l,
       useFixedPosition: !0,
-      ...n.dropdownA11yProps,
-      children: /* @__PURE__ */ a(x, { groups: t, items: m, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
+      ...e.dropdownA11yProps,
+      children: /* @__PURE__ */ a(R, { groups: r, items: g, maxLevels: 1, keyboardEvents: e.open, ...e.menuA11yProps })
     }
   );
-}, M = (t) => {
-  switch (t) {
+}, P = (r) => {
+  switch (r) {
     case "nb":
       return {
         title: "Åpne meny"
@@ -91,5 +101,5 @@ const C = c((t, i) => {
   }
 };
 export {
-  F as ContextMenu
+  G as ContextMenu
 };

package/dist/components/Settings/SettingsModal.js

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { createElement as u } from "react";
+import { createElement as h } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../../tooltip-Ct39-719.js";
 import "../../ToolbarSearch-bv2opbAj.js";
@@ -13,7 +13,7 @@ import "../GlobalMenu/GlobalMenuBase.js";
 import "../Snackbar/useSnackbar.js";
 import { ModalBase as j } from "../Modal/ModalBase.js";
 import { ModalHeader as y } from "../Modal/ModalHeader.js";
-import { ModalBody as E } from "../Modal/ModalBody.js";
+import { ModalBody as w } from "../Modal/ModalBody.js";
 const K = ({
   icon: e,
   title: n,
@@ -25,17 +25,17 @@ const K = ({
   ...d
 }) => /* @__PURE__ */ p(j, { ...d, open: l, onClose: r, children: [
   /* @__PURE__ */ o(y, { icon: e, title: n, description: c, onClose: r }),
-  /* @__PURE__ */ p(E, { children: [
+  /* @__PURE__ */ p(w, { children: [
     a,
-    m?.length && /* @__PURE__ */ o(g, { children: m?.map((t, f) => {
-      const { icon: i, label: s, ...B } = t;
-      return /* @__PURE__ */ u(
+    m?.length && /* @__PURE__ */ o(g, { wrap: !0, children: m?.map((t, f) => {
+      const { icon: i, label: s, ...u } = t;
+      return /* @__PURE__ */ h(
         M,
         {
-          ...B,
+          ...u,
           key: f,
-          onClick: (h) => {
-            t?.onClick?.(h), t?.close && r?.();
+          onClick: (B) => {
+            t?.onClick?.(B), t?.close && r?.();
           }
         },
         i && /* @__PURE__ */ o(k, { icon: i }),

package/dist/components/Tooltip/Tooltip.js

@@ -1,9 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { v as a } from "../../tooltip-Ct39-719.js";
+import { jsx as p } from "react/jsx-runtime";
+import { v as r } from "../../tooltip-Ct39-719.js";
 import "react";
-import '../../assets/Tooltip.css';const l = "_tooltip_10ebf_1", e = {
+import '../../assets/Tooltip.css';const l = "_tooltip_t2itc_1", m = {
   tooltip: l
-}, x = ({ size: i = "xs", placement: s, children: o, content: t, hidden: p }) => t ? /* @__PURE__ */ r(a, { "aria-hidden": p, "data-size": i, content: t, placement: s, className: e.tooltip, children: o }) : o;
+}, f = ({ size: i = "xs", placement: s, children: t, content: o }) => o ? /* @__PURE__ */ p(r, { "data-size": i, content: o, placement: s, className: m.tooltip, children: t }) : t;
 export {
-  x as Tooltip
+  f as Tooltip
 };

package/dist/types/lib/components/Tooltip/Tooltip.d.ts

@@ -2,7 +2,6 @@ import { TooltipProps as DsTooltipProps, Size } from '@digdir/designsystemet-rea
 export type TooltipProps = {
     children: React.ReactNode;
     content: string;
-    hidden?: boolean;
     size?: Size;
 } & Omit<DsTooltipProps, 'content | children'>;
-export declare const Tooltip: ({ size, placement, children, content, hidden }: TooltipProps) => string | import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ size, placement, children, content }: TooltipProps) => string | import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Tooltip/Tooltip.stories.d.ts

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ size, placement, children, content, hidden }: import('./Tooltip').TooltipProps) => string | import("react/jsx-runtime").JSX.Element;
+    component: ({ size, placement, children, content }: import('./Tooltip').TooltipProps) => string | import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {};

package/package.json

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