@box/metadata-view 1.54.9 → 1.54.11

package/dist/esm/lib/components/filter-sidepanel/filter.js

@@ -1,141 +1,96 @@
-import { MetadataEnumField as f, MetadataMultiSelectField as m, MetadataDateField as s, MetadataFloatField as F, MetadataStringField as M } from "@box/metadata-filter";
-import { useIntl as o } from "react-intl";
-import { MetadataFileField as x } from "../metadata-value/metadata-file-field.js";
-import { MetadataLocationField as b } from "../metadata-value/metadata-location-field.js";
-import { MetadataRadioField as S } from "../metadata-value/metadata-radio-field.js";
-import { MetadataCheckboxField as h } from "../metadata-value/metadata-checkbox-field.js";
-import { MetadataSearchField as P } from "../metadata-value/metadata-search-field.js";
-import { jsx as a } from "react/jsx-runtime";
-const i = (e) => `metadata.fields.${e}`, g = ({
-  id: e,
-  name: t,
-  placeholder: l,
-  variant: r
-}) => r === "search" ? /* @__PURE__ */ a(P, {
-  id: e,
-  name: t,
-  placeholder: l
-}) : /* @__PURE__ */ a(M, {
-  fieldNamePrefix: i(e),
-  label: t || "",
-  placeholder: l
-}), N = ({
-  id: e,
-  name: t,
-  variant: l,
-  parentRef: r
-}) => {
-  switch (l) {
-    case "file":
-      return /* @__PURE__ */ a(x, {
-        id: e
-      });
-    case "checkbox":
-      return /* @__PURE__ */ a(h, {
-        id: e,
-        name: t
-      });
-    default:
-      return /* @__PURE__ */ a(m, {
-        fieldNamePrefix: i(e),
-        label: t || "",
-        portalElement: r
-      });
-  }
-}, w = ({
-  id: e,
-  name: t,
-  parentRef: l,
-  variant: r,
-  renderer: c,
-  triggerCallback: n,
-  placeholder: d
-}) => {
-  const {
-    locale: u
-  } = o();
-  switch (r) {
-    case "file":
-      return /* @__PURE__ */ a(b, {
-        id: e,
-        renderer: c,
-        triggerSetValueCallback: n
-      });
-    // default case should act same as no variant defined
-    case "radio":
-      return /* @__PURE__ */ a(S, {
-        id: e,
-        name: t,
-        placeholder: d
-      });
-    default:
-      return /* @__PURE__ */ a(f, {
-        fieldNamePrefix: i(e),
-        label: t || "",
-        locale: u,
-        placeholder: d,
-        portalElement: l
-      });
-  }
-}, E = ({
-  id: e,
-  name: t
-}) => /* @__PURE__ */ a(F, {
-  fieldNamePrefix: i(e),
-  label: t || ""
-}), k = ({
-  customLabels: e,
-  canUseRelativeDates: t,
-  customDateFilterOptions: l,
-  id: r,
-  name: c
-}) => {
-  const {
-    locale: n
-  } = o();
-  return /* @__PURE__ */ a(s, {
-    canUseRelativeDates: t,
-    customDateFilterOptions: l,
-    customFieldLabels: e,
-    direction: "vertical",
-    fieldNamePrefix: i(r),
-    label: c || "",
-    locale: n
-  });
-}, T = ({
-  ...e
-}) => {
-  const t = e.shouldRenderNameInSidePanel === !1 ? "" : e.name;
-  switch (e.fieldType) {
-    case "string":
-      return /* @__PURE__ */ a(g, {
-        ...e,
-        name: t
-      });
-    case "float":
-      return /* @__PURE__ */ a(E, {
-        ...e,
-        name: t
-      });
-    case "date":
-      return /* @__PURE__ */ a(k, {
-        ...e,
-        name: t
-      });
-    case "multiSelect":
-      return /* @__PURE__ */ a(N, {
-        ...e,
-        name: t
-      });
-    case "enum":
-      return /* @__PURE__ */ a(w, {
-        ...e,
-        name: t
-      });
-    default:
-      return null;
-  }
-};
-export {
-  T as Filter
+import { MetadataFileField as e } from "../metadata-value/metadata-file-field.js";
+import { t } from "../../../../chunks/metadata-location-field.js";
+import { MetadataRadioField as n } from "../metadata-value/metadata-radio-field.js";
+import { MetadataCheckboxField as r } from "../metadata-value/metadata-checkbox-field.js";
+import { MetadataSearchField as i } from "../metadata-value/metadata-search-field.js";
+import { useIntl as a } from "react-intl";
+import { MetadataDateField as o, MetadataEnumField as s, MetadataFloatField as c, MetadataMultiSelectField as l, MetadataStringField as u } from "@box/metadata-filter";
+import { jsx as d } from "react/jsx-runtime";
+var f = (e) => `metadata.fields.${e}`, p = ({ id: e, name: t, placeholder: n, variant: r }) => {
+	switch (r) {
+		case "search": return /* @__PURE__ */ d(i, {
+			id: e,
+			name: t,
+			placeholder: n
+		});
+		default: return /* @__PURE__ */ d(u, {
+			fieldNamePrefix: f(e),
+			label: t || "",
+			placeholder: n
+		});
+	}
+}, m = ({ id: t, name: n, variant: i, parentRef: a }) => {
+	switch (i) {
+		case "file": return /* @__PURE__ */ d(e, { id: t });
+		case "checkbox": return /* @__PURE__ */ d(r, {
+			id: t,
+			name: n
+		});
+		default: return /* @__PURE__ */ d(l, {
+			fieldNamePrefix: f(t),
+			label: n || "",
+			portalElement: a
+		});
+	}
+}, h = ({ id: e, name: r, parentRef: i, variant: o, renderer: c, triggerCallback: l, placeholder: u }) => {
+	let { locale: p } = a();
+	switch (o) {
+		case "file": return /* @__PURE__ */ d(t, {
+			id: e,
+			renderer: c,
+			triggerSetValueCallback: l
+		});
+		case "radio": return /* @__PURE__ */ d(n, {
+			id: e,
+			name: r,
+			placeholder: u
+		});
+		default: return /* @__PURE__ */ d(s, {
+			fieldNamePrefix: f(e),
+			label: r || "",
+			locale: p,
+			placeholder: u,
+			portalElement: i
+		});
+	}
+}, g = ({ id: e, name: t }) => /* @__PURE__ */ d(c, {
+	fieldNamePrefix: f(e),
+	label: t || ""
+}), _ = ({ customLabels: e, canUseRelativeDates: t, customDateFilterOptions: n, id: r, name: i }) => {
+	let { locale: s } = a();
+	return /* @__PURE__ */ d(o, {
+		canUseRelativeDates: t,
+		customDateFilterOptions: n,
+		customFieldLabels: e,
+		direction: "vertical",
+		fieldNamePrefix: f(r),
+		label: i || "",
+		locale: s
+	});
+}, v = ({ ...e }) => {
+	let t = e.shouldRenderNameInSidePanel === !1 ? "" : e.name;
+	switch (e.fieldType) {
+		case "string": return /* @__PURE__ */ d(p, {
+			...e,
+			name: t
+		});
+		case "float": return /* @__PURE__ */ d(g, {
+			...e,
+			name: t
+		});
+		case "date": return /* @__PURE__ */ d(_, {
+			...e,
+			name: t
+		});
+		case "multiSelect": return /* @__PURE__ */ d(m, {
+			...e,
+			name: t
+		});
+		case "enum": return /* @__PURE__ */ d(h, {
+			...e,
+			name: t
+		});
+		default: return null;
+	}
 };
+export { v as Filter };

package/dist/esm/lib/components/filter-sidepanel/index.js

@@ -1,6 +1,3 @@
-import { Filter as o } from "./filter.js";
-import { FilterSidePanel as i } from "./filter-side-panel.js";
-export {
-  o as Filter,
-  i as FilterSidePanel
-};
+import { Filter as e } from "./filter.js";
+import { t } from "../../../../chunks/filter-side-panel.js";
+export { e as Filter, t as FilterSidePanel };

package/dist/esm/lib/components/filter-sidepanel/messages.js

@@ -1,22 +1,20 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  filtersHeader: {
-    id: "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader",
-    defaultMessage: "Filters"
-  },
-  clearAllButton: {
-    id: "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton",
-    defaultMessage: "Clear All"
-  },
-  showResultsButton: {
-    id: "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton",
-    defaultMessage: "Search"
-  },
-  closeAriaLabel: {
-    id: "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel",
-    defaultMessage: "Close"
-  }
+var t = e({
+	filtersHeader: {
+		id: "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader",
+		defaultMessage: "Filters"
+	},
+	clearAllButton: {
+		id: "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton",
+		defaultMessage: "Clear All"
+	},
+	showResultsButton: {
+		id: "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton",
+		defaultMessage: "Search"
+	},
+	closeAriaLabel: {
+		id: "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel",
+		defaultMessage: "Close"
+	}
 });
-export {
-  t as default
-};
+export { t as default };

package/dist/esm/lib/components/header/header.js

@@ -1,82 +1,2 @@
-import { Text as u, PageHeader as t, IconButton as x, Status as H } from "@box/blueprint-web";
-import { XMark as y } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as b } from "react-intl";
-import { SwitchCase as L, Case as h } from "../switch-case/switch-case.js";
-import s from "./messages.js";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import '../../../../styles/header.css';const M = "_viewHeader_11wvf_1", C = "_titleBar_11wvf_5", I = "_clearSelectionButton_11wvf_11", o = {
-  viewHeader: M,
-  titleBar: C,
-  clearSelectionButton: I
-};
-function A({
-  title: r,
-  itemCount: l,
-  isItemCountVisible: S = !0,
-  onClearSelection: f,
-  selectionCount: i = 0,
-  isSelectionCountVisible: v = !0,
-  selectedItemName: c,
-  rightSlot: a
-}) {
-  const {
-    formatMessage: d
-  } = b(), m = v && i > 0, w = S && l != null;
-  if (!(!!r || m || !!a))
-    return null;
-  const [B, g] = c ? [s.singleItemSelected, {
-    name: c
-  }] : [s.itemsSelected, {
-    count: i
-  }], p = d(B, {
-    ...g,
-    b: (_) => /* @__PURE__ */ e(u, {
-      color: "textOnLightDefault",
-      variant: "bodyLargeBold",
-      as: "span",
-      children: _
-    })
-  });
-  return /* @__PURE__ */ n(t.Root, {
-    variant: "inline",
-    sticky: !1,
-    className: o.viewHeader,
-    children: [/* @__PURE__ */ n(L, {
-      children: [/* @__PURE__ */ n(h, {
-        condition: m,
-        children: [/* @__PURE__ */ e(t.Corner, {
-          children: /* @__PURE__ */ e(x, {
-            "aria-label": d(s.clearSelectionAriaLabel),
-            icon: y,
-            onClick: f,
-            size: "small",
-            variant: "small-utility",
-            className: o.clearSelectionButton
-          })
-        }), /* @__PURE__ */ e(t.StartElements, {
-          children: /* @__PURE__ */ e(u, {
-            as: "span",
-            color: "textOnLightSecondary",
-            variant: "bodyLarge",
-            children: p
-          })
-        })]
-      }), /* @__PURE__ */ e(h, {
-        condition: !!r,
-        children: /* @__PURE__ */ n("div", {
-          className: o.titleBar,
-          children: [r, w && /* @__PURE__ */ e(H, {
-            className: o.itemCount,
-            colorIndex: 0,
-            text: String(l)
-          })]
-        })
-      })]
-    }), a && /* @__PURE__ */ e(t.EndElements, {
-      children: a
-    })]
-  });
-}
-export {
-  A as Header
-};
+import { t as e } from "../../../../chunks/header.js";
+export { e as Header };

package/dist/esm/lib/components/header/index.js

@@ -1,4 +1,2 @@
-import { Header as o } from "./header.js";
-export {
-  o as Header
-};
+import { t as e } from "../../../../chunks/header.js";
+export { e as Header };

package/dist/esm/lib/components/header/messages.js

@@ -1,18 +1,16 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
-  clearSelectionAriaLabel: {
-    id: "groupSharedFeatures.metadataView.header.clearSelectionAriaLabel",
-    defaultMessage: "Clear selection"
-  },
-  itemsSelected: {
-    id: "groupSharedFeatures.metadataView.header.itemsSelected",
-    defaultMessage: "{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}"
-  },
-  singleItemSelected: {
-    id: "groupSharedFeatures.metadataView.header.singleItemSelected",
-    defaultMessage: "<b>{name}</b> is selected"
-  }
+var t = e({
+	clearSelectionAriaLabel: {
+		id: "groupSharedFeatures.metadataView.header.clearSelectionAriaLabel",
+		defaultMessage: "Clear selection"
+	},
+	itemsSelected: {
+		id: "groupSharedFeatures.metadataView.header.itemsSelected",
+		defaultMessage: "{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}"
+	},
+	singleItemSelected: {
+		id: "groupSharedFeatures.metadataView.header.singleItemSelected",
+		defaultMessage: "<b>{name}</b> is selected"
+	}
 });
-export {
-  t as default
-};
+export { t as default };

package/dist/esm/lib/components/index.js

@@ -1,53 +1,26 @@
-import { ActionBar as o } from "./action-bar/action-bar.js";
-import { Case as a, SwitchCase as i } from "./switch-case/switch-case.js";
-import { Filter as f } from "./filter-sidepanel/filter.js";
-import { FilterRow as x } from "./filter-row/filter-row.js";
-import { FilterSidePanel as l } from "./filter-sidepanel/filter-side-panel.js";
-import { FormFilterChip as F } from "./filter-row/form-filter-chip.js";
-import { Header as C } from "./header/header.js";
-import { InlineEditingCell as h } from "./metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
-import { ItemActionMenu as P } from "./item-action-menu/item-action-menu.js";
-import { MarkerBasedPagination as S } from "./pagination/marker-based-pagination.js";
-import { MetadataFileChip as B } from "./metadata-value/metadata-file-chip.js";
-import { MetadataFileField as b } from "./metadata-value/metadata-file-field.js";
-import { MetadataFilterChip as I } from "./filter-row/metadata-filter-chip.js";
-import { MetadataGrid as k } from "./metadata-grid/metadata-grid.js";
-import { MetadataLocationField as D } from "./metadata-value/metadata-location-field.js";
-import { MetadataRadioField as G } from "./metadata-value/metadata-radio-field.js";
-import { MetadataSearchField as L } from "./metadata-value/metadata-search-field.js";
-import { MetadataTable as O } from "./metadata-table/metadata-table.js";
-import { OffsetBasedPagination as q } from "./pagination/offset-based-pagination.js";
-import { Pagination as y } from "./pagination/pagination.js";
-import { PaginationControls as J } from "./pagination/pagination-controls.js";
-import { PredefinedFilterName as Q } from "./filter-row/predefinedFilters/index.js";
-import { SelectFilterChip as V } from "./filter-row/select-filter-chip.js";
-import { SortDropdown as X } from "./sort-dropdown/sort-dropdown.js";
-import { TableRenderer as Z } from "./metadata-table/table-renderer.js";
-export {
-  o as ActionBar,
-  a as Case,
-  f as Filter,
-  x as FilterRow,
-  l as FilterSidePanel,
-  F as FormFilterChip,
-  C as Header,
-  h as InlineEditingCell,
-  P as ItemActionMenu,
-  S as MarkerBasedPagination,
-  B as MetadataFileChip,
-  b as MetadataFileField,
-  I as MetadataFilterChip,
-  k as MetadataGrid,
-  D as MetadataLocationField,
-  G as MetadataRadioField,
-  L as MetadataSearchField,
-  O as MetadataTable,
-  q as OffsetBasedPagination,
-  y as Pagination,
-  J as PaginationControls,
-  Q as PredefinedFilterName,
-  V as SelectFilterChip,
-  X as SortDropdown,
-  i as SwitchCase,
-  Z as TableRenderer
-};
+import { MetadataFileField as e } from "./metadata-value/metadata-file-field.js";
+import { t } from "../../../chunks/metadata-location-field.js";
+import { MetadataRadioField as n } from "./metadata-value/metadata-radio-field.js";
+import { MetadataSearchField as r } from "./metadata-value/metadata-search-field.js";
+import { Filter as i } from "./filter-sidepanel/filter.js";
+import { t as a } from "../../../chunks/filter-side-panel.js";
+import { MetadataFileChip as o } from "./metadata-value/metadata-file-chip.js";
+import { FormFilterChip as s } from "./filter-row/form-filter-chip.js";
+import { SelectFilterChip as c } from "./filter-row/select-filter-chip.js";
+import { MetadataFilterChip as l } from "./filter-row/metadata-filter-chip.js";
+import { t as u } from "../../../chunks/types2.js";
+import { FilterRow as d } from "./filter-row/filter-row.js";
+import { SortDropdown as f } from "./sort-dropdown/sort-dropdown.js";
+import { t as p } from "../../../chunks/action-bar.js";
+import { t as m } from "../../../chunks/item-action-menu.js";
+import { t as h } from "../../../chunks/metadata-grid.js";
+import { t as g } from "../../../chunks/inline-editing-cell.js";
+import { TableRenderer as _ } from "./metadata-table/table-renderer.js";
+import { MetadataTable as v } from "./metadata-table/metadata-table.js";
+import { t as y } from "../../../chunks/pagination-controls.js";
+import { MarkerBasedPagination as b } from "./pagination/marker-based-pagination.js";
+import { OffsetBasedPagination as x } from "./pagination/offset-based-pagination.js";
+import { Pagination as S } from "./pagination/pagination.js";
+import { Case as C, SwitchCase as w } from "./switch-case/switch-case.js";
+import { t as T } from "../../../chunks/header.js";
+export { p as ActionBar, C as Case, i as Filter, d as FilterRow, a as FilterSidePanel, s as FormFilterChip, T as Header, g as InlineEditingCell, m as ItemActionMenu, b as MarkerBasedPagination, o as MetadataFileChip, e as MetadataFileField, l as MetadataFilterChip, h as MetadataGrid, t as MetadataLocationField, n as MetadataRadioField, r as MetadataSearchField, v as MetadataTable, x as OffsetBasedPagination, S as Pagination, y as PaginationControls, u as PredefinedFilterName, c as SelectFilterChip, f as SortDropdown, w as SwitchCase, _ as TableRenderer };

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

@@ -1,8 +1,5 @@
-import a from "lodash/camelCase";
-function r(n, e) {
-  const t = n.displayName || "UnknownComponent", o = a(e);
-  return `${t}-${o}`;
+import e from "lodash/camelCase";
+function t(t, n) {
+	return `${t.displayName || "UnknownComponent"}-${e(n)}`;
 }
-export {
-  r as getDataTargetId
-};
+export { t as getDataTargetId };

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

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

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

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