@box/metadata-view 0.50.0 → 0.51.0

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

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

package/dist/types/lib/components/item-action-menu/item-action-menu.d.ts

@@ -5,6 +5,7 @@ export interface ItemAction {
     label: string;
     onClick: (item: Item) => void;
     icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
+    isDisabled?: (item: Item) => boolean;
 }
 export interface ItemActionMenuProps {
     actions?: ItemAction[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.50.0",
+    "version": "0.51.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.66.0",