@box/metadata-view 1.24.2 → 1.25.0

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

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

package/package.json

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