asma-ui-core 3.58.2 → 3.58.3

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

@@ -4,28 +4,28 @@ import { isCustomAction as O } from "../../../../types.js";
 import { StyledTooltip as g } 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 { DotsVerticalIcon as D } from "../../../../shared-components/DotsVerticalIcon.js";
-import { StyledMenuItem as F } from "../../../../shared-components/StyledMenuItem.js";
-import { CircleWarningOutlineIcon as I } from "../../../../shared-components/CircleWarningOutlineIcon.js";
-import w, { useEffect as R, useMemo as V, useState as z } from "react";
+import { DotsVerticalIcon as F } from "../../../../shared-components/DotsVerticalIcon.js";
+import { StyledMenuItem as I } from "../../../../shared-components/StyledMenuItem.js";
+import { CircleWarningOutlineIcon as R } from "../../../../shared-components/CircleWarningOutlineIcon.js";
+import w, { useEffect as V, useMemo as z, useState as D } from "react";
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
 function X({ tableData: o, actions: v, rowActionsState: C }) {
-  const { anchorEl: x, open: d, handleClose: s, handleOpen: P } = j(), i = v(o.row), n = C?.(o.row) ?? { state: "enabled" }, p = o.table.options.meta?.locale, y = p === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = p === "no" ? "Radhandlinger" : "Row actions", T = V(() => i.every((e) => "component" in e ? !1 : e.hide), [i]), u = i.length > 0 && !T, m = n.state === "enabled" && !u, M = n.state !== "hidden" && (u || m || n.state === "disabled"), [a, l] = z(!1);
-  if (R(() => {
-    if (!a) return;
-    const e = window.setTimeout(() => l(!1), 1600);
+  const { anchorEl: x, open: a, handleClose: i, handleOpen: P } = j(), l = v(o.row), n = C?.(o.row) ?? { state: "enabled" }, p = o.table.options.meta?.locale, y = p === "no" ? "Ingen handlinger tilgjengelig" : "No actions available", N = p === "no" ? "Radhandlinger" : "Row actions", T = z(() => l.every((e) => "component" in e ? !1 : e.hide), [l]), u = l.length > 0 && !T, m = n.state === "enabled" && !u, M = n.state !== "hidden" && (u || m || n.state === "disabled"), [c, s] = D(!1);
+  if (V(() => {
+    if (!c) return;
+    const e = window.setTimeout(() => s(!1), 1600);
     return () => window.clearTimeout(e);
-  }, [a]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
-  const c = n.state === "disabled", f = /* @__PURE__ */ t(k, {
+  }, [c]), !M) return /* @__PURE__ */ t("div", { className: "flex w-[40px] items-center justify-center" });
+  const d = n.state === "disabled", f = /* @__PURE__ */ t(k, {
     dataTest: "row-actions-button",
     "aria-label": N,
     "aria-haspopup": "true",
-    "aria-expanded": d,
+    "aria-expanded": a,
     variant: "text",
     size: "small",
-    disabled: c,
+    disabled: d,
     onClick: (e) => {
-      e.stopPropagation(), e.preventDefault(), !c && (P(e), o.row.onChangeFocused(!0));
+      e.stopPropagation(), e.preventDefault(), !d && (a ? (i(), o.row.onChangeFocused(!1)) : (P(e), o.row.onChangeFocused(!0)));
     },
     onMouseDown: (e) => {
       e.stopPropagation(), e.preventDefault();
@@ -33,8 +33,8 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
     onMouseUp: (e) => {
       e.stopPropagation(), e.preventDefault();
     },
-    children: /* @__PURE__ */ t(D, {
-      className: c ? "text-delta-300" : "text-delta-700",
+    children: /* @__PURE__ */ t(F, {
+      className: d ? "text-delta-300" : "text-delta-700",
       width: 20,
       height: 20
     })
@@ -47,13 +47,13 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
         title: n.tooltipTitle,
         arrow: !0,
         placement: n.tooltipPlacement ?? "top",
-        open: a,
-        onOpen: () => l(!0),
-        onClose: () => l(!1),
+        open: c,
+        onOpen: () => s(!0),
+        onClose: () => s(!1),
         children: /* @__PURE__ */ t("span", {
           className: "cursor-not-allowed",
           onTouchStart: (e) => {
-            e.stopPropagation(), e.preventDefault(), l(!0);
+            e.stopPropagation(), e.preventDefault(), s(!0);
           },
           onClick: (e) => {
             e.stopPropagation(), e.preventDefault();
@@ -61,40 +61,40 @@ function X({ tableData: o, actions: v, rowActionsState: C }) {
           children: f
         })
       }) : f, n.state === "enabled" && /* @__PURE__ */ t(S, {
-        open: d,
+        open: a,
         anchorEl: x,
         onClose: () => {
-          s(), o.row.onChangeFocused(!1);
+          i(), o.row.onChangeFocused(!1);
         },
         onClick: () => {
-          s(), o.row.onChangeFocused(!1);
+          i(), o.row.onChangeFocused(!1);
         },
         anchorOrigin: {
-          horizontal: "center",
+          horizontal: "right",
           vertical: "bottom"
         },
         transformOrigin: {
-          vertical: "top",
-          horizontal: "right"
+          horizontal: "right",
+          vertical: "top"
         },
         children: m ? /* @__PURE__ */ b("div", {
           className: "flex items-center gap-2 p-3 text-base text-delta-700",
-          children: [/* @__PURE__ */ t(I, {
+          children: [/* @__PURE__ */ t(R, {
             width: 20,
             height: 20
           }), /* @__PURE__ */ t("span", { children: y })]
         }) : /* @__PURE__ */ t(A, {
           disablePadding: !0,
-          children: i.map((e, h) => {
+          children: l.map((e, h) => {
             if (O(e)) {
-              const r = e.component(o.row, s);
+              const r = e.component(o.row, i);
               return w.isValidElement(r) ? /* @__PURE__ */ t(w.Fragment, { children: r }, h) : null;
             }
             return e.hide ? null : /* @__PURE__ */ t(g, {
               title: e?.tooltipTitle,
               arrow: !0,
               placement: e?.tooltipPlacement ?? "left",
-              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(F, {
+              children: /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(I, {
                 className: e.className,
                 disabled: e.disabled,
                 onClick: () => {

package/package.json

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