@box/metadata-view 1.2.4 → 1.2.5

package/dist/esm/lib/components/item-action-menu/item-action-menu.js

@@ -1,105 +1,110 @@
-import { useMemo as i } from "react";
-import { useIntl as s } from "react-intl";
-import { IconButton as C, DropdownMenu as t, GridList as _ } from "@box/blueprint-web";
-import { Ellipsis as b } from "@box/blueprint-web-assets/icons/Fill";
+import { useMemo as $ } from "react";
+import { useIntl as x } from "react-intl";
+import { IconButton as C, DropdownMenu as e, GridList as i } from "@box/blueprint-web";
+import { Ellipsis as _ } from "@box/blueprint-web-assets/icons/Fill";
 import { V as d } from "../../../../chunks/types.js";
-import L from "./messages.js";
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import '../../../../styles/item-action-menu.css';const x = "_tableActionBar_akgtp_1", N = "_actionItemIcon_akgtp_6", S = {
-  tableActionBar: x,
-  actionItemIcon: N
+import b from "./messages.js";
+import { jsxs as u, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/item-action-menu.css';const N = "_tableActionBar_akgtp_1", R = "_actionItemIcon_akgtp_6", S = {
+  tableActionBar: N,
+  actionItemIcon: R
 };
-function T({
-  item: e,
-  label: n,
+function s(t) {
+  return (o) => {
+    o.stopPropagation(), t();
+  };
+}
+function L({
+  item: t,
+  label: o,
   onClick: p,
-  icon: o,
+  icon: r,
   isDisabled: l
 }) {
-  const I = () => {
-    p(e);
-  }, f = i(() => (l == null ? void 0 : l(e)) ?? !1, [l, e]);
-  return /* @__PURE__ */ m(t.Item, {
-    disabled: f,
-    onClick: I,
-    children: [/* @__PURE__ */ r(o, {
+  const f = s(() => {
+    p(t);
+  }), I = $(() => (l == null ? void 0 : l(t)) ?? !1, [l, t]);
+  return /* @__PURE__ */ u(e.Item, {
+    disabled: I,
+    onClick: f,
+    children: [/* @__PURE__ */ n(r, {
       className: S.actionItemIcon
-    }), n]
-  }, n);
+    }), o]
+  }, o);
 }
-function E({
-  actions: e,
-  inlineActions: n,
+function P({
+  actions: t,
+  inlineActions: o,
   isDisabled: p,
-  item: o,
+  item: r,
   onOpenChange: l,
-  subMenuActions: I,
-  subMenuTrigger: f,
+  subMenuActions: f,
+  subMenuTrigger: I,
   viewMode: h = d.LIST
 }) {
   const {
-    formatMessage: B
-  } = s(), {
-    label: $,
-    icon: k
-  } = f || {};
-  return /* @__PURE__ */ m("div", {
+    formatMessage: k
+  } = x(), {
+    label: T,
+    icon: B
+  } = I || {};
+  return /* @__PURE__ */ u("div", {
     className: S.tableActionBar,
-    children: [h === d.LIST && (n == null ? void 0 : n.map(({
+    children: [h === d.LIST && (o == null ? void 0 : o.map(({
       onClick: a,
-      label: u,
+      label: m,
       icon: M,
       isDisabled: c
-    }) => /* @__PURE__ */ r(C, {
-      "aria-label": u,
-      disabled: (c == null ? void 0 : c(o)) ?? !1,
+    }) => /* @__PURE__ */ n(C, {
+      "aria-label": m,
+      disabled: (c == null ? void 0 : c(r)) ?? !1,
       icon: M,
-      onClick: () => a(o),
+      onClick: s(() => a(r)),
       size: "large"
-    }, `${o.id}-${u}`))), e ? /* @__PURE__ */ m(t.Root, {
+    }, `${r.id}-${m}`))), t ? /* @__PURE__ */ u(e.Root, {
       onOpenChange: l,
-      children: [/* @__PURE__ */ r(t.Trigger, {
-        children: h === d.LIST ? /* @__PURE__ */ r(C, {
-          "aria-label": B(L.actionMenu),
+      children: [/* @__PURE__ */ n(e.Trigger, {
+        children: h === d.LIST ? /* @__PURE__ */ n(C, {
+          "aria-label": k(b.actionMenu),
           disabled: p,
-          icon: b,
+          icon: _,
           size: "large"
-        }) : /* @__PURE__ */ r(_.ActionIconButton, {
-          "aria-label": B(L.actionMenu),
+        }) : /* @__PURE__ */ n(i.ActionIconButton, {
+          "aria-label": k(b.actionMenu),
           disabled: p,
-          icon: b
+          icon: _
         })
-      }), /* @__PURE__ */ m(t.Content, {
+      }), /* @__PURE__ */ u(e.Content, {
         align: "start",
-        children: [e.map((a) => /* @__PURE__ */ r(T, {
-          item: o,
+        children: [t.map((a) => /* @__PURE__ */ n(L, {
+          item: r,
           ...a
-        }, a.label)), I && f && /* @__PURE__ */ m(t.SubMenuRoot, {
-          children: [/* @__PURE__ */ m(t.SubMenuTrigger, {
-            children: [k && /* @__PURE__ */ r(k, {
+        }, a.label)), f && I && /* @__PURE__ */ u(e.SubMenuRoot, {
+          children: [/* @__PURE__ */ u(e.SubMenuTrigger, {
+            children: [B && /* @__PURE__ */ n(B, {
               className: S.actionItemIcon
-            }), $]
-          }), /* @__PURE__ */ r(t.SubMenuContent, {
-            children: I.map((a) => /* @__PURE__ */ r(T, {
-              item: o,
+            }), T]
+          }), /* @__PURE__ */ n(e.SubMenuContent, {
+            children: f.map((a) => /* @__PURE__ */ n(L, {
+              item: r,
               ...a
             }, a.label))
           })]
         })]
       })]
-    }) : null, h === d.GRID && (n == null ? void 0 : n.map(({
+    }) : null, h === d.GRID && (o == null ? void 0 : o.map(({
       onClick: a,
-      label: u,
+      label: m,
       icon: M,
       isDisabled: c
-    }) => /* @__PURE__ */ r(_.ActionIconButton, {
-      "aria-label": u,
-      disabled: (c == null ? void 0 : c(o)) ?? !1,
+    }) => /* @__PURE__ */ n(i.ActionIconButton, {
+      "aria-label": m,
+      disabled: (c == null ? void 0 : c(r)) ?? !1,
       icon: M,
-      onClick: () => a(o)
-    }, `${o.id}-${u}`)))]
+      onClick: () => a(r)
+    }, `${r.id}-${m}`)))]
   });
 }
 export {
-  E as ItemActionMenu
+  P as ItemActionMenu
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.2.4",
+    "version": "1.2.5",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",