@box/metadata-view 0.10.0 → 0.11.0

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

@@ -0,0 +1,4 @@
+import { ItemActionMenu as t } from "./item-action-menu.js";
+export {
+  t as ItemActionMenu
+};

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

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

package/dist/esm/lib/components/metadata-table/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./metadata-table.js";
+export {
+  o as default
+};

package/dist/esm/lib/components/metadata-table/table-body/ghost-table-body.js

@@ -1,26 +1,25 @@
-import { TableBody as i, Row as h, Cell as d, Ghost as m } from "@box/blueprint-web";
-import { Size5 as n } from "@box/blueprint-web-assets/tokens/tokens";
-import { jsx as t } from "react/jsx-runtime";
+import { TableBody as a, Row as h, Cell as n, Ghost as m } from "@box/blueprint-web";
+import { Size5 as d } from "@box/blueprint-web-assets/tokens/tokens";
+import { jsx as r } from "react/jsx-runtime";
 const s = 20, g = ({
   columnLength: o,
-  rowLength: a = s
-}) => /* @__PURE__ */ t(i, {
+  rowLength: l = s
+}) => /* @__PURE__ */ r(a, {
   items: Array.from({
-    length: a
-  }, (e, r) => ({
-    key: r
+    length: l
+  }, (e, t) => ({
+    key: t
   })),
-  children: (e) => /* @__PURE__ */ t(h, {
-    "data-testid": "metadata-table-ghost-row",
+  children: (e) => /* @__PURE__ */ r(h, {
     children: Array.from({
       length: o
-    }, (r, l) => /* @__PURE__ */ t(d, {
-      children: /* @__PURE__ */ t(m, {
-        height: n,
+    }, (t, i) => /* @__PURE__ */ r(n, {
+      children: /* @__PURE__ */ r(m, {
+        height: d,
         variant: "rectangle",
         width: "100%"
       })
-    }, l))
+    }, i))
   }, e.key)
 });
 export {

package/dist/esm/lib/metadata-view.js

@@ -1,19 +1,19 @@
 import r from "./components/filter-row/filter-row.js";
-import e from "./components/metadata-table/metadata-table.js";
-import i from "./components/pagination/pagination.js";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import e from "./components/pagination/pagination.js";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import m from "./components/metadata-table/metadata-table.js";
 import '../../styles/metadata-view.css';const n = {};
 function d({
   filterRowProps: a,
   metadataTableProps: o
 }) {
-  return /* @__PURE__ */ m("div", {
+  return /* @__PURE__ */ i("div", {
     className: n.container,
     children: [/* @__PURE__ */ t(r, {
       ...a
-    }), /* @__PURE__ */ t(e, {
+    }), /* @__PURE__ */ t(m, {
       ...o
-    }), /* @__PURE__ */ t(i, {})]
+    }), /* @__PURE__ */ t(e, {})]
   });
 }
 export {

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

@@ -0,0 +1 @@
+export * from './item-action-menu';

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

@@ -6,7 +6,8 @@ export interface ItemAction {
     icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
 }
 export interface ItemActionMenuProps {
-    actions: ItemAction[];
+    actions?: ItemAction[];
+    inlineActions?: ItemAction[];
     isDisabled?: boolean;
     item: Item;
     onOpenChange: (open: boolean) => void;
@@ -16,4 +17,4 @@ export interface ItemActionMenuProps {
         icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
     };
 }
-export declare function ItemActionMenu({ actions, isDisabled, item, onOpenChange, subMenuActions, subMenuTrigger, }: ItemActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemActionMenu({ actions, inlineActions, isDisabled, item, onOpenChange, subMenuActions, subMenuTrigger, }: ItemActionMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/metadata-table/index.d.ts

@@ -0,0 +1,2 @@
+export * from './metadata-table';
+export { default } from './metadata-table';

package/dist/types/lib/components/metadata-table/metadata-table.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '@box/blueprint-web';
 import { Item } from '@box/types';
-import { ItemActionMenuProps } from '../item-action-menu/item-action-menu';
+import { ItemActionMenuProps } from '../item-action-menu';
 import { Column } from '../../types';
 export interface MetadataTableProps extends TableProps {
     columns: Column[];

package/dist/types/lib/components/metadata-table/table-body/table-body-with-data.d.ts

@@ -1,11 +1,4 @@
-import { Item } from '@box/types';
-import { Column } from '../../../types';
-import { ItemActionMenuProps } from '../../item-action-menu/item-action-menu';
-export interface BodyProps {
-    columns: Column[];
-    isSelectAllEnabled: boolean;
-    items: Item[];
-    itemActionMenuProps?: Omit<ItemActionMenuProps, 'item' | 'onOpenChange'>;
-}
-declare const TableBodyWithData: ({ columns, isSelectAllEnabled, items, itemActionMenuProps }: BodyProps) => import("react/jsx-runtime").JSX.Element;
+import { TableProps } from '@box/blueprint-web';
+import { MetadataTableProps } from '../metadata-table';
+declare const TableBodyWithData: ({ columns, isSelectAllEnabled, items, itemActionMenuProps, }: Omit<MetadataTableProps, keyof TableProps>) => import("react/jsx-runtime").JSX.Element;
 export default TableBodyWithData;

package/dist/types/lib/metadata-view.d.ts

@@ -1,4 +1,4 @@
-import { MetadataTableProps } from './components/metadata-table/metadata-table';
+import { MetadataTableProps } from './components/metadata-table';
 import { FilterRowProps } from './components/filter-row/types';
 export interface MetadataViewProps {
     filterRowProps: FilterRowProps;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.10.0",
+    "version": "0.11.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",