asma-ui-core 3.104.0 → 3.106.0

package/dist/table/components/columns/action-column/components/RowActionMenu.js

@@ -1,31 +1,27 @@
-import { DotsVerticalIcon as S } from "../../../../../components/icons/dots-vertical-icon/DotsVerticalIcon.js";
-import { CircleWarningOutlineIcon as A } from "../../../../../components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
-import { StyledPopover as D } from "../../../../../components/utils/popover/StyledPopover.js";
-import { StyledMenuList as O } from "../../../../../components/navigation/menu/StyledMenuList.js";
-import { isCustomAction as j } from "../../../../types.js";
-import { StyledTooltip as g } from "../../../../shared-components/tooltip/index.js";
-import { useToggleMenuVisibility as k } from "../../../../hooks/useToggleMenuVisibility.hook.js";
-import { StyledButton as I } from "../../../../shared-components/button/StyledButton.js";
-import { StyledMenuItem as R } from "../../../../shared-components/StyledMenuItem.js";
-import w, { useEffect as V, useMemo as z, useState as E } from "react";
+import { DotsVerticalIcon as y } from "../../../../../components/icons/dots-vertical-icon/DotsVerticalIcon.js";
+import { CircleWarningOutlineIcon as D } from "../../../../../components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
+import { StyledPopover as T } from "../../../../../components/utils/popover/StyledPopover.js";
+import { StyledMenuList as A } from "../../../../../components/navigation/menu/StyledMenuList.js";
+import { isCustomAction as S } from "../../../../types.js";
+import { StyledTooltip as f } from "../../../../shared-components/tooltip/index.js";
+import { useToggleMenuVisibility as j } from "../../../../hooks/useToggleMenuVisibility.hook.js";
+import { StyledButton as k } from "../../../../shared-components/button/StyledButton.js";
+import { StyledMenuItem as h } from "../../../../shared-components/StyledMenuItem.js";
+import g, { useMemo as O } from "react";
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
-function X({ tableData: l, actions: v, rowActionsState: x }) {
-  const { anchorEl: C, open: a, handleClose: r, handleOpen: P } = k(), i = v(l.row), o = x?.(l.row) ?? { state: "enabled" }, d = l.table.options.meta?.locale, T = d === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", y = d === "no" ? "Radhandlinger" : "Row actions", N = z(() => i.every((e) => "component" in e ? !1 : e.hide), [i]), u = i.length > 0 && !N, m = o.state === "enabled" && !u, M = o.state !== "hidden" && (u || m || o.state === "disabled"), [c, s] = E(!1);
-  if (V(() => {
-    if (!c) return;
-    const e = window.setTimeout(() => s(!1), 1600);
-    return () => window.clearTimeout(e);
-  }, [c]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
-  const p = o.state === "disabled", f = /* @__PURE__ */ t(I, {
+function q({ tableData: l, actions: v, rowActionsState: w }) {
+  const { anchorEl: P, open: s, handleClose: r, handleOpen: x } = j(), i = v(l.row), n = w?.(l.row) ?? { state: "enabled" }, d = l.table.options.meta?.locale, N = d === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", C = d === "no" ? "Radhandlinger" : "Row actions", M = O(() => i.every((e) => "component" in e ? !1 : e.hide), [i]), c = i.length > 0 && !M, m = n.state === "enabled" && !c;
+  if (!(n.state !== "hidden" && (c || m || n.state === "disabled"))) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
+  const a = n.state === "disabled", u = /* @__PURE__ */ t(k, {
     dataTest: "row-actions-button",
-    "aria-label": y,
+    "aria-label": C,
     "aria-haspopup": "true",
-    "aria-expanded": a,
+    "aria-expanded": s,
     variant: "text",
     size: "small",
-    disabled: p,
+    "aria-disabled": a || void 0,
     onClick: (e) => {
-      e.stopPropagation(), e.preventDefault(), !p && (e.currentTarget.focus({ preventScroll: !0 }), a ? r() : P(e));
+      e.stopPropagation(), e.preventDefault(), !a && (e.currentTarget.focus({ preventScroll: !0 }), s ? r() : x(e));
     },
     onMouseDown: (e) => {
       e.stopPropagation(), e.preventDefault();
@@ -33,8 +29,8 @@ function X({ tableData: l, actions: v, rowActionsState: x }) {
     onMouseUp: (e) => {
       e.stopPropagation(), e.preventDefault();
     },
-    children: /* @__PURE__ */ t(S, {
-      className: p ? "text-delta-300" : "text-delta-700",
+    children: /* @__PURE__ */ t(y, {
+      className: a ? "text-delta-300" : "text-delta-700",
       width: 20,
       height: 20
     })
@@ -43,26 +39,25 @@ function X({ tableData: l, actions: v, rowActionsState: x }) {
     className: "flex w-[40px] items-center justify-center",
     children: /* @__PURE__ */ b("div", {
       className: "flex items-center justify-center",
-      children: [o.state === "disabled" ? /* @__PURE__ */ t(g, {
-        title: o.tooltipTitle,
+      children: [n.state === "disabled" ? /* @__PURE__ */ t(f, {
+        title: n.tooltipTitle,
         arrow: !0,
-        placement: o.tooltipPlacement ?? "top",
-        open: c,
-        onOpen: () => s(!0),
-        onClose: () => s(!1),
+        placement: n.tooltipPlacement ?? "top",
+        openOnTap: !0,
+        persistentDescription: !0,
         children: /* @__PURE__ */ t("span", {
           className: "cursor-not-allowed",
           onTouchStart: (e) => {
-            e.stopPropagation(), e.preventDefault(), s(!0);
+            e.stopPropagation(), e.preventDefault();
           },
           onClick: (e) => {
             e.stopPropagation(), e.preventDefault();
           },
-          children: f
+          children: u
         })
-      }) : f, o.state === "enabled" && /* @__PURE__ */ t(D, {
-        open: a,
-        anchorEl: C,
+      }) : u, n.state === "enabled" && /* @__PURE__ */ t(T, {
+        open: s,
+        anchorEl: P,
         onClose: r,
         onClick: r,
         anchorOrigin: {
@@ -75,36 +70,48 @@ function X({ tableData: l, actions: v, rowActionsState: x }) {
         },
         children: m ? /* @__PURE__ */ b("div", {
           className: "flex items-center gap-2 p-3 text-base text-delta-700",
-          children: [/* @__PURE__ */ t(A, {
+          children: [/* @__PURE__ */ t(D, {
             width: 20,
             height: 20
-          }), /* @__PURE__ */ t("span", { children: T })]
-        }) : /* @__PURE__ */ t(O, {
+          }), /* @__PURE__ */ t("span", { children: N })]
+        }) : /* @__PURE__ */ t(A, {
           disablePadding: !0,
-          children: i.map((e, h) => {
-            if (j(e)) {
-              const n = e.component(l.row, r);
-              return w.isValidElement(n) ? /* @__PURE__ */ t(w.Fragment, { children: n }, h) : null;
+          children: i.map((e, p) => {
+            if (S(e)) {
+              const o = e.component(l.row, r);
+              return g.isValidElement(o) ? /* @__PURE__ */ t(g.Fragment, { children: o }, p) : null;
             }
-            return e.hide ? null : /* @__PURE__ */ t(g, {
+            return e.hide ? null : e.disabled && e.tooltipTitle ? /* @__PURE__ */ t(h, {
+              className: e.className,
+              disabled: !0,
+              disabledReason: e.tooltipTitle,
+              reasonPlacement: e.tooltipPlacement ?? "left",
+              onMouseDown: (o) => {
+                o.stopPropagation(), o.preventDefault();
+              },
+              onMouseUp: (o) => {
+                o.stopPropagation(), o.preventDefault();
+              },
+              children: e.label
+            }, p) : /* @__PURE__ */ t(f, {
               title: e?.tooltipTitle,
               arrow: !0,
               placement: e?.tooltipPlacement ?? "left",
-              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(R, {
+              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(h, {
                 className: e.className,
                 disabled: e.disabled,
                 onClick: () => {
                   e.disabled || e.onClick?.(l.row);
                 },
-                onMouseDown: (n) => {
-                  n.stopPropagation(), n.preventDefault();
+                onMouseDown: (o) => {
+                  o.stopPropagation(), o.preventDefault();
                 },
-                onMouseUp: (n) => {
-                  n.stopPropagation(), n.preventDefault();
+                onMouseUp: (o) => {
+                  o.stopPropagation(), o.preventDefault();
                 },
                 children: e.label
               }) })
-            }, h);
+            }, p);
           })
         })
       })]
@@ -112,5 +119,5 @@ function X({ tableData: l, actions: v, rowActionsState: x }) {
   });
 }
 export {
-  X as RowActionMenu
+  q as RowActionMenu
 };

package/dist/table/shared-components/StyledMenuItem.js

@@ -1,18 +1,30 @@
-import { cn as u } from "../../helpers/cn.js";
-import { jsx as x } from "react/jsx-runtime";
-var c = ({ children: o, disabled: e, selected: n, className: a, classes: i, onClick: t, onMouseDown: l, onMouseUp: m }) => /* @__PURE__ */ x("li", {
-  role: "menuitem",
-  "aria-disabled": e ? !0 : void 0,
-  tabIndex: -1,
-  onClick: e ? void 0 : t,
-  onKeyDown: (r) => {
-    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t?.(r));
-  },
-  onMouseDown: l,
-  onMouseUp: m,
-  className: u("box-border flex min-h-10 items-center px-3 py-2 text-base text-delta-700 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", n && "bg-gama-50", i?.root, a, e && "aria-disabled:text-delta-300"),
-  children: o
-});
+import { cn as y } from "../../helpers/cn.js";
+import { StyledTooltip as d } from "../../components/data-display/tooltip/StyledTooltip.js";
+import { jsx as i } from "react/jsx-runtime";
+var D = ({ children: l, disabled: e, disabledReason: o, reasonPlacement: p = "left", selected: m, className: u, classes: s, onClick: r, onMouseDown: c, onMouseUp: f }) => {
+  const x = (t) => {
+    e || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), r?.(t));
+  }, n = !!e && !!o, a = /* @__PURE__ */ i("li", {
+    role: "menuitem",
+    "aria-disabled": e ? !0 : void 0,
+    "data-has-reason": n || void 0,
+    tabIndex: -1,
+    onClick: e ? (t) => t.stopPropagation() : r,
+    onKeyDown: x,
+    onMouseDown: c,
+    onMouseUp: f,
+    className: y("box-border flex min-h-10 items-center px-3 py-2 text-base text-delta-700 outline-none", e ? "cursor-not-allowed" : "cursor-pointer hover:bg-delta-50", m && "bg-gama-50", s?.root, u, e && "aria-disabled:text-delta-300"),
+    children: l
+  });
+  return n ? /* @__PURE__ */ i(d, {
+    title: o,
+    arrow: !0,
+    placement: p,
+    openOnTap: !0,
+    persistentDescription: !0,
+    children: a
+  }) : a;
+};
 export {
-  c as StyledMenuItem
+  D as StyledMenuItem
 };

package/dist/table/shared-components/button/StyledButton.module.js

@@ -1,15 +1,15 @@
-var _ = "_contained_1ysgm_6", t = "_common_1ysgm_6", a = "_medium_1ysgm_56", e = "_small_1ysgm_61", m = "_large_1ysgm_66", r = "_error_1ysgm_76", o = "_outlined_1ysgm_146", s = "_text_1ysgm_286", y = "_textGray_1ysgm_426", g = "_textWhite_1ysgm_496", l = {
-  "asma-core-ui-button": "_asma-core-ui-button_1ysgm_1",
-  contained: _,
-  common: t,
-  medium: a,
+var a = "_contained_awucv_6", _ = "_common_awucv_6", t = "_medium_awucv_56", e = "_small_awucv_61", r = "_large_awucv_66", u = "_error_awucv_76", v = "_outlined_awucv_146", c = "_text_awucv_286", o = "_textGray_awucv_426", m = "_textWhite_awucv_496", l = {
+  "asma-core-ui-button": "_asma-core-ui-button_awucv_1",
+  contained: a,
+  common: _,
+  medium: t,
   small: e,
-  large: m,
-  error: r,
-  outlined: o,
-  text: s,
-  textGray: y,
-  textWhite: g
+  large: r,
+  error: u,
+  outlined: v,
+  text: c,
+  textGray: o,
+  textWhite: m
 };
 export {
   l as default

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.104.0",
+    "version": "3.106.0",
     "type": "module",
     "sideEffects": [
         "**/*.css",