@box/metadata-view 1.54.9 → 1.54.10

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

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

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

@@ -1,4 +1,2 @@
-import { T as e } from "../../../../../../chunks/index.js";
-export {
-  e as TableRow
-};
+import { t as e } from "../../../../../../chunks/table-row.js";
+export { e as TableRow };

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

@@ -1,12 +1,2 @@
-import "@box/blueprint-web";
-import "lodash/get";
-import "@box/item-icon";
-import "clsx";
-import "../../../../../../chunks/types.js";
-import "../../../constants.js";
-import { T as f } from "../../../../../../chunks/index.js";
-import "react/jsx-runtime";
-import "../../../item-action-menu/item-action-menu.js";
-export {
-  f as TableRow
-};
+import { t as e } from "../../../../../../chunks/table-row.js";
+export { e as TableRow };

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

@@ -1,56 +1,35 @@
-import { Table as B } from "@box/blueprint-web";
-import { I as R } from "../../../../chunks/types.js";
-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 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(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": c(G.listView),
-    selectionBehavior: "toggle",
-    style: d,
-    ...r,
-    children: [p, x ? /* @__PURE__ */ s(j, {
-      columnLength: i
-    }) : /* @__PURE__ */ s(y, {
-      areSelectionCheckboxesDisabled: a,
-      columnCount: i,
-      columns: t,
-      iconColumnVariant: e,
-      isLoading: n,
-      itemActionMenuProps: h,
-      items: C,
-      onInlineEditChange: f,
-      onTableRowClick: g,
-      shouldRenderActionColumn: m,
-      totalVirtualSize: b,
-      virtualItems: l,
-      zoomLevel: T
-    })]
-  });
-};
-export {
-  U as TableRenderer
+import { t as e } from "../../../../chunks/types.js";
+import { GhostTableBody as t } from "./table-body/ghost-table-body.js";
+import n from "./messages.js";
+import r from "./table-body/table-body-with-data.js";
+import { getShouldRenderActionColumn as i } from "./actionColumn.js";
+import { Table as a } from "@box/blueprint-web";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = ({ columnCount: c, columns: l, formatMessage: u, iconColumnVariant: d, isLoading: f, areSelectionCheckboxesDisabled: p, itemActionMenuProps: m, items: h, onInlineEditChange: g, onTableRowClick: _, style: v, tableHeader: y, tableProps: b, virtualItems: x, totalVirtualSize: S, zoomLevel: C }) => {
+	let w = i(b), T = c || (() => {
+		let t = l.length;
+		return d === e.COLUMN && (t += 1), w && (t += 1), t;
+	})(), E = f && !x?.length;
+	return /* @__PURE__ */ s(a, {
+		"aria-label": u(n.listView),
+		selectionBehavior: "toggle",
+		style: v,
+		...b,
+		children: [y, E ? /* @__PURE__ */ o(t, { columnLength: T }) : /* @__PURE__ */ o(r, {
+			areSelectionCheckboxesDisabled: p,
+			columnCount: T,
+			columns: l,
+			iconColumnVariant: d,
+			isLoading: f,
+			itemActionMenuProps: m,
+			items: h,
+			onInlineEditChange: g,
+			onTableRowClick: _,
+			shouldRenderActionColumn: w,
+			totalVirtualSize: S,
+			virtualItems: x,
+			zoomLevel: C
+		})]
+	});
 };
+export { c as TableRenderer };

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

@@ -1,12 +1,6 @@
-import { MetadataFileChip as t } from "./metadata-file-chip.js";
-import { MetadataFileField as r } from "./metadata-file-field.js";
-import { MetadataLocationField as i } from "./metadata-location-field.js";
-import { MetadataRadioField as p } from "./metadata-radio-field.js";
-import { MetadataSearchField as f } from "./metadata-search-field.js";
-export {
-  t as MetadataFileChip,
-  r as MetadataFileField,
-  i as MetadataLocationField,
-  p as MetadataRadioField,
-  f as MetadataSearchField
-};
+import { MetadataFileField as e } from "./metadata-file-field.js";
+import { t } from "../../../../chunks/metadata-location-field.js";
+import { MetadataRadioField as n } from "./metadata-radio-field.js";
+import { MetadataSearchField as r } from "./metadata-search-field.js";
+import { MetadataFileChip as i } from "./metadata-file-chip.js";
+export { i as MetadataFileChip, e as MetadataFileField, t as MetadataLocationField, n as MetadataRadioField, r as MetadataSearchField };

package/dist/esm/lib/components/metadata-value/messages.js

@@ -1,18 +1,16 @@
-import { defineMessages as a } from "react-intl";
-const t = a({
-  searchInputAriaLabel: {
-    id: "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel",
-    defaultMessage: "Search"
-  },
-  searchInputClearAriaLabel: {
-    id: "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel",
-    defaultMessage: "Clear"
-  },
-  selectFolderHint: {
-    id: "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint",
-    defaultMessage: "Select a folder"
-  }
+import { defineMessages as e } from "react-intl";
+var t = e({
+	searchInputAriaLabel: {
+		id: "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel",
+		defaultMessage: "Search"
+	},
+	searchInputClearAriaLabel: {
+		id: "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel",
+		defaultMessage: "Clear"
+	},
+	selectFolderHint: {
+		id: "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint",
+		defaultMessage: "Select a folder"
+	}
 });
-export {
-  t as default
-};
+export { t as default };

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

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

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

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