@box/metadata-view 1.26.1 → 1.28.0

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

@@ -1,214 +1,210 @@
-import { TableBody as E, Row as u, Cell as f, ActionCell as W, Text as g } from "@box/blueprint-web";
-import { ItemTypeIcon as b } from "@box/item-icon";
+import { TableBody as x, Row as C, Cell as I, ActionCell as _, Text as y } from "@box/blueprint-web";
+import { ItemTypeIcon as E } from "@box/item-icon";
 import L from "clsx";
 import S from "lodash/get";
-import h from "react";
+import m from "react";
 import { I as p } from "../../../../../chunks/types.js";
-import { THUMBNAIL_LIST_VIEW_HEIGHTS as j } from "../../constants.js";
-import { s as i, T as G } from "../../../../../chunks/index.js";
-import { jsxs as $, jsx as t } from "react/jsx-runtime";
-import { InlineEditingCell as H } from "./inline-editing-cell/inline-editing-cell.js";
-import { ItemActionMenu as w } from "../../item-action-menu/item-action-menu.js";
-import { GhostTableRow as A } from "./ghost-table-row/ghost-table-row.js";
-const B = (e, n, r) => {
-  const s = r ? n.split(".")[1] : n;
-  return S(e, s);
-}, R = /* @__PURE__ */ h.memo(({
+import { THUMBNAIL_LIST_VIEW_HEIGHTS as D } from "../../constants.js";
+import { s as c, T as U } from "../../../../../chunks/index.js";
+import { jsxs as T, jsx as t } from "react/jsx-runtime";
+import { GhostTableRow as k } from "./ghost-table-row/ghost-table-row.js";
+import { InlineEditingCell as W } from "./inline-editing-cell/inline-editing-cell.js";
+import { ItemActionMenu as j } from "../../item-action-menu/item-action-menu.js";
+const B = (e, l, n) => {
+  const r = n ? l.split(".")[1] : l;
+  return S(e, r);
+}, G = /* @__PURE__ */ m.memo(({
   column: e,
-  iconColumnVariant: n,
-  item: r
+  iconColumnVariant: l,
+  item: n
 }) => {
   const {
-    id: s,
-    isItemMetadata: d,
-    subtitle: c,
-    textValue: m
-  } = e, a = `${m}-${r.id}`;
-  return /* @__PURE__ */ t(f, {
-    children: /* @__PURE__ */ $("div", {
-      className: i.tableNameCell,
-      children: [/* @__PURE__ */ t(b, {
-        className: i.tableNameCellIconInline,
-        item: r
-      }), /* @__PURE__ */ $("div", {
-        className: L(i.tableNameCellTitle, {
-          [i.hasSubtitle]: n === p.INLINE_SUBTITLE
+    id: r,
+    isItemMetadata: s,
+    subtitle: d,
+    textValue: f
+  } = e, a = `${f}-${n.id}`;
+  return /* @__PURE__ */ t(I, {
+    children: /* @__PURE__ */ T("div", {
+      className: c.tableNameCell,
+      children: [/* @__PURE__ */ t(E, {
+        className: c.tableNameCellIconInline,
+        item: n
+      }), /* @__PURE__ */ T("div", {
+        className: L(c.tableNameCellTitle, {
+          [c.hasSubtitle]: l === p.INLINE_SUBTITLE
         }),
-        children: [/* @__PURE__ */ t(g, {
+        children: [/* @__PURE__ */ t(y, {
           as: "span",
-          className: i.tableNameCellText,
-          children: B(r, s, d)
-        }), n === p.INLINE_SUBTITLE && /* @__PURE__ */ t(g, {
+          className: c.tableNameCellText,
+          children: B(n, r, s)
+        }), l === p.INLINE_SUBTITLE && /* @__PURE__ */ t(y, {
           as: "span",
-          className: i.tableNameCellText,
+          className: c.tableNameCellText,
           color: "textOnLightSecondary",
-          children: c
+          children: d
         })]
       })]
     })
   }, a);
-}), F = /* @__PURE__ */ h.memo(({
+}), H = /* @__PURE__ */ m.memo(({
   column: e,
-  item: n
+  item: l
 }) => {
-  var s;
-  const r = `${e.textValue}-${n.id}`;
-  return /* @__PURE__ */ t(f, {
-    children: (s = e.cellRenderer) == null ? void 0 : s.call(e, n, e)
-  }, r);
-}), K = /* @__PURE__ */ h.memo(({
+  const n = `${e.textValue}-${l.id}`;
+  return /* @__PURE__ */ t(I, {
+    children: e.cellRenderer?.(l, e)
+  }, n);
+}), A = /* @__PURE__ */ m.memo(({
   column: e,
-  item: n
+  item: l
 }) => {
-  const r = `${e.textValue}-${n.id}`, s = S(n, e.id);
-  return s ? /* @__PURE__ */ t(f, {
-    children: s.join(" ")
-  }, r) : /* @__PURE__ */ t(f, {}, r);
-}), k = /* @__PURE__ */ h.memo(({
+  const n = `${e.textValue}-${l.id}`, r = S(l, e.id);
+  return r ? /* @__PURE__ */ t(I, {
+    children: r.join(" ")
+  }, n) : /* @__PURE__ */ t(I, {}, n);
+}), F = /* @__PURE__ */ m.memo(({
   column: e,
-  item: n
+  item: l
 }) => {
   const {
-    id: r,
-    isItemMetadata: s,
-    textValue: d
-  } = e, c = `${d}-${n.id}`;
-  return /* @__PURE__ */ t(f, {
-    children: /* @__PURE__ */ t(g, {
+    id: n,
+    isItemMetadata: r,
+    textValue: s
+  } = e, d = `${s}-${l.id}`;
+  return /* @__PURE__ */ t(I, {
+    children: /* @__PURE__ */ t(y, {
       as: "span",
-      children: B(n, r, s)
+      children: B(l, n, r)
     })
-  }, c);
-}), q = /* @__PURE__ */ h.memo(({
+  }, d);
+}), K = /* @__PURE__ */ m.memo(({
   column: e,
-  iconColumnVariant: n,
-  item: r,
-  onInlineEditChange: s
+  iconColumnVariant: l,
+  item: n,
+  onInlineEditChange: r
 }) => {
   const {
-    cellRenderer: d,
-    id: c,
-    isInlineEditingEnabled: m,
+    cellRenderer: s,
+    id: d,
+    isInlineEditingEnabled: f,
     type: a
-  } = e, N = c === "item.name" && (n === p.INLINE || n === p.INLINE_SUBTITLE);
-  return d ? /* @__PURE__ */ t(F, {
+  } = e, u = d === "item.name" && (l === p.INLINE || l === p.INLINE_SUBTITLE);
+  return s ? /* @__PURE__ */ t(H, {
     column: e,
-    item: r
-  }) : N ? /* @__PURE__ */ t(R, {
+    item: n
+  }) : u ? /* @__PURE__ */ t(G, {
     column: e,
-    iconColumnVariant: n,
-    item: r
-  }) : m && (a === "multiSelect" || a === "enum") ? /* @__PURE__ */ t(H, {
+    iconColumnVariant: l,
+    item: n
+  }) : f && (a === "multiSelect" || a === "enum") ? /* @__PURE__ */ t(W, {
     column: e,
-    item: r,
-    onInlineEditChange: s
-  }, `${e.id}-${r.id}`) : a === "multiSelect" ? /* @__PURE__ */ t(K, {
+    item: n,
+    onInlineEditChange: r
+  }, `${e.id}-${n.id}`) : a === "multiSelect" ? /* @__PURE__ */ t(A, {
     column: e,
-    item: r
-  }) : /* @__PURE__ */ t(k, {
+    item: n
+  }) : /* @__PURE__ */ t(F, {
     column: e,
-    item: r
+    item: n
   });
-}), J = /* @__PURE__ */ h.memo(({
+}), q = /* @__PURE__ */ m.memo(({
   item: e,
-  zoomLevel: n
-}) => /* @__PURE__ */ t(f, {
+  zoomLevel: l
+}) => /* @__PURE__ */ t(I, {
   style: {
-    height: j[n]
+    height: D[l]
   },
-  children: /* @__PURE__ */ t(b, {
-    className: i.iconCell,
+  children: /* @__PURE__ */ t(E, {
+    className: c.iconCell,
     item: e
   })
-}, `item-type-icon-${e.id}`)), Q = /* @__PURE__ */ h.memo(({
+}, `item-type-icon-${e.id}`)), J = /* @__PURE__ */ m.memo(({
   item: e,
-  itemActionMenuProps: n,
-  isCheckboxDisabled: r
-}) => /* @__PURE__ */ t(W, {
-  isCheckboxDisabled: r,
-  children: (s) => n ? /* @__PURE__ */ t(w, {
-    ...n,
+  itemActionMenuProps: l,
+  isCheckboxDisabled: n
+}) => /* @__PURE__ */ t(_, {
+  isCheckboxDisabled: n,
+  children: (r) => l ? /* @__PURE__ */ t(j, {
+    ...l,
     item: e,
-    onOpenChange: s
+    onOpenChange: r
   }) : null
-})), le = ({
+})), oe = ({
   areSelectionCheckboxesDisabled: e,
-  columnCount: n,
-  columns: r,
-  iconColumnVariant: s,
-  items: d,
-  itemActionMenuProps: c,
-  onInlineEditChange: m,
+  columnCount: l,
+  columns: n,
+  iconColumnVariant: r,
+  items: s,
+  itemActionMenuProps: d,
+  onInlineEditChange: f,
   onTableRowClick: a,
-  shouldRenderActionColumn: N,
-  virtualItems: I,
-  totalVirtualSize: M,
-  zoomLevel: x
+  shouldRenderActionColumn: u,
+  virtualItems: h,
+  totalVirtualSize: w,
+  zoomLevel: $
 }) => {
-  const O = s === p.COLUMN;
-  if (I) {
-    const o = (l) => /* @__PURE__ */ t(A, {
-      columnLength: n || 0,
-      rowKey: `ghost-${l}`
-    }), y = (l) => /* @__PURE__ */ t(G, {
+  const M = r === p.COLUMN;
+  if (h) {
+    const o = (i) => /* @__PURE__ */ t(k, {
+      columnLength: l || 0,
+      rowKey: `ghost-${i}`
+    }), N = (i) => /* @__PURE__ */ t(U, {
       areSelectionCheckboxesDisabled: e,
-      columns: r,
-      iconColumnVariant: s,
-      item: l,
-      itemActionMenuProps: c,
+      columns: n,
+      iconColumnVariant: r,
+      item: i,
+      itemActionMenuProps: d,
       onTableRowClick: a,
-      shouldRenderActionColumn: N,
-      zoomLevel: x
-    }), _ = () => {
-      const l = I[0];
-      return (l == null ? void 0 : l.start) || 0;
-    }, D = () => {
-      const l = I[I.length - 1], U = (l == null ? void 0 : l.end) || 0;
-      return Math.max((M || 0) - U, 0);
-    }, T = _(), C = D();
-    return /* @__PURE__ */ $(E, {
-      children: [!!T && /* @__PURE__ */ t(u, {
+      shouldRenderActionColumn: u,
+      zoomLevel: $
+    }), O = () => h[0]?.start || 0, R = () => {
+      const V = h[h.length - 1]?.end || 0;
+      return Math.max((w || 0) - V, 0);
+    }, b = O(), g = R();
+    return /* @__PURE__ */ T(x, {
+      children: [!!b && /* @__PURE__ */ t(C, {
         isDisabled: !0,
         style: {
-          height: `${T}px`
+          height: `${b}px`
         }
-      }), I.map(({
-        index: l
-      }) => l >= d.length ? o(l) : y(d[l])), !!C && /* @__PURE__ */ t(u, {
+      }), h.map(({
+        index: i
+      }) => i >= s.length ? o(i) : N(s[i])), !!g && /* @__PURE__ */ t(C, {
         isDisabled: !0,
         style: {
-          height: `${C}px`
+          height: `${g}px`
         }
       })]
     });
   }
-  return /* @__PURE__ */ t(E, {
-    items: d.map((o) => ({
+  return /* @__PURE__ */ t(x, {
+    items: s.map((o) => ({
       key: o.id,
       ...o
     })),
-    children: (o) => /* @__PURE__ */ $(u, {
-      className: L(i.tableRow, {
-        [i.isClickable]: a
+    children: (o) => /* @__PURE__ */ T(C, {
+      className: L(c.tableRow, {
+        [c.isClickable]: a
       }),
       id: o.id,
-      onAction: () => a == null ? void 0 : a(o),
-      children: [O && /* @__PURE__ */ t(J, {
+      onAction: () => a?.(o),
+      children: [M && /* @__PURE__ */ t(q, {
         item: o,
-        zoomLevel: x
-      }), r.map((y) => /* @__PURE__ */ t(q, {
-        column: y,
-        iconColumnVariant: s,
+        zoomLevel: $
+      }), n.map((N) => /* @__PURE__ */ t(K, {
+        column: N,
+        iconColumnVariant: r,
         item: o,
-        onInlineEditChange: m
-      }, `${y.textValue}-${o.id}`)), N && /* @__PURE__ */ t(Q, {
+        onInlineEditChange: f
+      }, `${N.textValue}-${o.id}`)), u && /* @__PURE__ */ t(J, {
         isCheckboxDisabled: e,
         item: o,
-        itemActionMenuProps: c
+        itemActionMenuProps: d
       })]
     }, o.id)
   });
 };
 export {
-  le as default
+  oe as default
 };

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

@@ -4,53 +4,53 @@ import { GhostTableBody as j } from "./table-body/ghost-table-body.js";
 import y from "./table-body/table-body-with-data.js";
 import { getShouldRenderActionColumn as A } from "./actionColumn.js";
 import G from "./messages.js";
-import { jsxs as V, jsx as c } from "react/jsx-runtime";
-const W = ({
-  columnCount: s,
-  columns: e,
-  formatMessage: u,
-  iconColumnVariant: t,
-  isLoading: r,
-  areSelectionCheckboxesDisabled: h,
-  itemActionMenuProps: C,
-  items: f,
-  onInlineEditChange: g,
-  onTableRowClick: d,
-  style: p,
-  tableHeader: a,
-  tableProps: l,
-  virtualItems: o,
+import { jsxs as V, jsx as s } from "react/jsx-runtime";
+const U = ({
+  columnCount: u,
+  columns: t,
+  formatMessage: c,
+  iconColumnVariant: e,
+  isLoading: n,
+  areSelectionCheckboxesDisabled: a,
+  itemActionMenuProps: h,
+  items: C,
+  onInlineEditChange: f,
+  onTableRowClick: g,
+  style: d,
+  tableHeader: p,
+  tableProps: r,
+  virtualItems: l,
   totalVirtualSize: b,
   zoomLevel: T
 }) => {
-  const m = A(l), i = s || (() => {
-    let n = e.length;
-    return t === R.COLUMN && (n += 1), m && (n += 1), n;
-  })(), x = r && !(o != null && o.length);
+  const m = A(r), i = u || (() => {
+    let o = t.length;
+    return e === R.COLUMN && (o += 1), m && (o += 1), o;
+  })(), x = n && !l?.length;
   return /* @__PURE__ */ V(B, {
-    "aria-label": u(G.listView),
+    "aria-label": c(G.listView),
     selectionBehavior: "toggle",
-    style: p,
-    ...l,
-    children: [a, x ? /* @__PURE__ */ c(j, {
+    style: d,
+    ...r,
+    children: [p, x ? /* @__PURE__ */ s(j, {
       columnLength: i
-    }) : /* @__PURE__ */ c(y, {
-      areSelectionCheckboxesDisabled: h,
+    }) : /* @__PURE__ */ s(y, {
+      areSelectionCheckboxesDisabled: a,
       columnCount: i,
-      columns: e,
-      iconColumnVariant: t,
-      isLoading: r,
-      itemActionMenuProps: C,
-      items: f,
-      onInlineEditChange: g,
-      onTableRowClick: d,
+      columns: t,
+      iconColumnVariant: e,
+      isLoading: n,
+      itemActionMenuProps: h,
+      items: C,
+      onInlineEditChange: f,
+      onTableRowClick: g,
       shouldRenderActionColumn: m,
       totalVirtualSize: b,
-      virtualItems: o,
+      virtualItems: l,
       zoomLevel: T
     })]
   });
 };
 export {
-  W as TableRenderer
+  U as TableRenderer
 };

package/dist/esm/lib/components/metadata-value/metadata-checkbox-field.js

@@ -1,30 +1,29 @@
-import { useFormikContext as C } from "formik";
-import { Checkbox as c } from "@box/blueprint-web";
-import { jsx as m } from "react/jsx-runtime";
-const b = ({
+import { useFormikContext as u } from "formik";
+import { Checkbox as n } from "@box/blueprint-web";
+import { jsx as s } from "react/jsx-runtime";
+const p = ({
   id: a,
-  name: i
+  name: r
 }) => {
-  var n, s, r;
   const {
     values: d,
-    setFieldValue: u
-  } = C(), h = ((n = d.metadata.fields[a]) == null ? void 0 : n.options) || [], l = ((r = (s = d.metadata.fields[a]) == null ? void 0 : s.value) == null ? void 0 : r.enum) || [], f = (e, o) => {
+    setFieldValue: c
+  } = u(), m = d.metadata.fields[a]?.options || [], l = d.metadata.fields[a]?.value?.enum || [], i = (e, o) => {
     const t = new Set(l);
-    o ? t.add(e) : t.delete(e), u(`metadata.fields.${a}.value.enum`, Array.from(t));
+    o ? t.add(e) : t.delete(e), c(`metadata.fields.${a}.value.enum`, Array.from(t));
   };
-  return /* @__PURE__ */ m(c.Legend, {
-    header: i,
-    children: h.map(({
+  return /* @__PURE__ */ s(n.Legend, {
+    header: r,
+    children: m.map(({
       key: e
     }) => {
       const o = l.includes(e);
-      return /* @__PURE__ */ m(c.Item, {
+      return /* @__PURE__ */ s(n.Item, {
         checked: o,
         "data-target-id": `CheckboxItem-filter_${a}_${e}`,
         label: e,
         onCheckedChange: (t) => {
-          f(e, t === !0);
+          i(e, t === !0);
         },
         value: e
       }, e);
@@ -32,5 +31,5 @@ const b = ({
   });
 };
 export {
-  b as MetadataCheckboxField
+  p as MetadataCheckboxField
 };

package/dist/esm/lib/components/metadata-value/metadata-file-chip.js

@@ -1,24 +1,23 @@
-import { BoxItemTypeSelectorQuickFilter as u } from "@box/box-item-type-selector";
-import { useFormikContext as s } from "formik";
-import { jsx as p } from "react/jsx-runtime";
-const f = ({
+import { BoxItemTypeSelectorQuickFilter as i } from "@box/box-item-type-selector";
+import { useFormikContext as r } from "formik";
+import { jsx as u } from "react/jsx-runtime";
+const c = ({
   id: e
 }) => {
-  var t, l;
   const {
-    values: o,
-    setFieldValue: a,
-    submitForm: m
-  } = s(), i = (l = (t = o.metadata.fields[e]) == null ? void 0 : t.value) == null ? void 0 : l.enum;
-  return /* @__PURE__ */ p(u, {
+    values: t,
+    setFieldValue: l,
+    submitForm: o
+  } = r(), a = t.metadata.fields[e]?.value?.enum;
+  return /* @__PURE__ */ u(i, {
     allowAllOptionsSelect: !0,
     applyButtonType: "submit",
-    onApply: (r) => {
-      a(`metadata.fields.${e}.value.enum`, r), m();
+    onApply: (m) => {
+      l(`metadata.fields.${e}.value.enum`, m), o();
     },
-    selected: i || []
+    selected: a || []
   });
 };
 export {
-  f as MetadataFileChip
+  c as MetadataFileChip
 };

package/dist/esm/lib/components/metadata-value/metadata-file-field.js

@@ -1,21 +1,20 @@
-import { BoxItemTypeSelector as i } from "@box/box-item-type-selector";
-import { useFormikContext as n } from "formik";
-import { jsx as s } from "react/jsx-runtime";
-const f = ({
+import { BoxItemTypeSelector as m } from "@box/box-item-type-selector";
+import { useFormikContext as r } from "formik";
+import { jsx as i } from "react/jsx-runtime";
+const d = ({
   id: e
 }) => {
-  var t, o;
   const {
-    values: a,
-    setFieldValue: l
-  } = n(), m = (o = (t = a.metadata.fields[e]) == null ? void 0 : t.value) == null ? void 0 : o.enum;
-  return /* @__PURE__ */ s(i, {
-    onSelectionChange: (r) => {
-      l(`metadata.fields.${e}.value.enum`, r);
+    values: t,
+    setFieldValue: o
+  } = r(), a = t.metadata.fields[e]?.value?.enum;
+  return /* @__PURE__ */ i(m, {
+    onSelectionChange: (l) => {
+      o(`metadata.fields.${e}.value.enum`, l);
     },
-    selected: m || []
+    selected: a || []
   });
 };
 export {
-  f as MetadataFileField
+  d as MetadataFileField
 };

package/dist/esm/lib/components/metadata-value/metadata-location-field.js

@@ -1,45 +1,44 @@
-import { ContentField as f } from "@box/blueprint-web";
-import { useFormikContext as u } from "formik";
-import p from "lodash/noop";
-import { useIntl as C } from "react-intl";
-import h from "./messages.js";
+import { ContentField as u } from "@box/blueprint-web";
+import { useFormikContext as F } from "formik";
+import g from "lodash/noop";
+import { useIntl as p } from "react-intl";
+import C from "./messages.js";
 import { jsx as i } from "react/jsx-runtime";
-import '../../../../styles/metadata-location-field.css';const v = "_metadataLocationFieldTrigger_1d3ch_1", L = {
-  metadataLocationFieldTrigger: v
-}, N = ({
+import '../../../../styles/metadata-location-field.css';const h = "_metadataLocationFieldTrigger_1d3ch_1", v = {
+  metadataLocationFieldTrigger: h
+}, M = ({
   id: e,
-  triggerSetValueCallback: n = p,
-  renderer: l = (a) => a
+  triggerSetValueCallback: l = g,
+  renderer: r = (t) => t
 }) => {
-  var r;
   const {
-    formatMessage: a
-  } = C(), {
-    values: s,
-    setFieldValue: o
-  } = u(), t = (r = s.metadata.fields[e].value.enum) == null ? void 0 : r[0], m = () => {
-    o(`metadata.fields.${e}.value.enum`, []);
-  }, d = () => {
-    n((c, F, g = !1) => {
-      o(`metadata.fields.${e}.value.enum[0]`, {
-        folderId: c,
-        folderName: F,
-        isFolderShared: g
+    formatMessage: t
+  } = p(), {
+    values: n,
+    setFieldValue: a
+  } = F(), o = n.metadata.fields[e].value.enum?.[0], d = () => {
+    a(`metadata.fields.${e}.value.enum`, []);
+  }, s = () => {
+    l((m, c, f = !1) => {
+      a(`metadata.fields.${e}.value.enum[0]`, {
+        folderId: m,
+        folderName: c,
+        isFolderShared: f
       });
     });
   };
-  return l(/* @__PURE__ */ i("div", {
-    className: L.metadataLocationFieldTrigger,
-    children: /* @__PURE__ */ i(f, {
+  return r(/* @__PURE__ */ i("div", {
+    className: v.metadataLocationFieldTrigger,
+    children: /* @__PURE__ */ i(u, {
       "data-target-id": `ContentField-filter_${e}`,
-      hintText: a(h.selectFolderHint),
-      isSharedFolder: t == null ? void 0 : t.isFolderShared,
-      onClick: d,
-      onClickClearButton: m,
-      title: t == null ? void 0 : t.folderName
+      hintText: t(C.selectFolderHint),
+      isSharedFolder: o?.isFolderShared,
+      onClick: s,
+      onClickClearButton: d,
+      title: o?.folderName
     })
   }));
 };
 export {
-  N as MetadataLocationField
+  M as MetadataLocationField
 };