@box/metadata-view 1.54.9 → 1.54.11

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

@@ -1,20 +1,13 @@
-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
-}) => {
-  const {
-    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: a || []
-  });
-};
-export {
-  d as MetadataFileField
+import { useFormikContext as e } from "formik";
+import { BoxItemTypeSelector 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 } = e(), o = i.metadata.fields[r]?.value?.enum;
+	return /* @__PURE__ */ n(t, {
+		onSelectionChange: (e) => {
+			a(`metadata.fields.${r}.value.enum`, e);
+		},
+		selected: o || []
+	});
 };
+export { r as MetadataFileField };

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

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

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

@@ -1,38 +1,27 @@
-import { useFormikContext as u } from "formik";
-import { Radio as a } from "@box/blueprint-web";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-const c = ({
-  id: t,
-  name: i,
-  placeholder: l
-}) => {
-  const {
-    values: d,
-    setFieldValue: r
-  } = u(), m = d.metadata.fields[t]?.value?.enum?.[0] || "", s = d.metadata.fields[t]?.options || [];
-  return /* @__PURE__ */ o(a.Legend, {
-    header: i,
-    children: /* @__PURE__ */ n(a.Group, {
-      loop: !0,
-      name: i,
-      onValueChange: (e) => {
-        r(`metadata.fields.${t}.value.enum[0]`, e);
-      },
-      value: m,
-      children: [l && /* @__PURE__ */ o(a.Item, {
-        "data-target-id": `RadioItem-filter_${t}_placeholder`,
-        label: l,
-        value: ""
-      }, l), s.map(({
-        key: e
-      }) => /* @__PURE__ */ o(a.Item, {
-        "data-target-id": `RadioItem-filter_${t}_${e}`,
-        label: e,
-        value: e
-      }, e))]
-    })
-  });
-};
-export {
-  c as MetadataRadioField
+import { Radio as e } from "@box/blueprint-web";
+import { useFormikContext as t } from "formik";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = ({ id: i, name: a, placeholder: o }) => {
+	let { values: s, setFieldValue: c } = t(), l = s.metadata.fields[i]?.value?.enum?.[0] || "", u = s.metadata.fields[i]?.options || [];
+	return /* @__PURE__ */ n(e.Legend, {
+		header: a,
+		children: /* @__PURE__ */ r(e.Group, {
+			loop: !0,
+			name: a,
+			onValueChange: (e) => {
+				c(`metadata.fields.${i}.value.enum[0]`, e);
+			},
+			value: l,
+			children: [o && /* @__PURE__ */ n(e.Item, {
+				"data-target-id": `RadioItem-filter_${i}_placeholder`,
+				label: o,
+				value: ""
+			}, o), u.map(({ key: t }) => /* @__PURE__ */ n(e.Item, {
+				"data-target-id": `RadioItem-filter_${i}_${t}`,
+				label: t,
+				value: t
+			}, t))]
+		})
+	});
 };
+export { i as MetadataRadioField };

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

@@ -1,31 +1,20 @@
-import { SearchInput as m } from "@box/blueprint-web";
-import { useFormikContext as i } from "formik";
-import { useIntl as p } from "react-intl";
-import r from "./messages.js";
-import { jsx as c } from "react/jsx-runtime";
-const v = ({
-  id: e,
-  name: l,
-  placeholder: o
-}) => {
-  const {
-    formatMessage: a
-  } = p(), {
-    values: n,
-    setFieldValue: t
-  } = i(), s = n.metadata.fields[e]?.value?.enum;
-  return /* @__PURE__ */ c(m.Controlled, {
-    "data-target-id": `SearchInputControlled-filter_${e}`,
-    id: e,
-    name: l,
-    onChange: (u) => t(`metadata.fields.${e}.value.enum[0]`, u.target.value),
-    onClearInput: () => t(`metadata.fields.${e}.value.enum`, []),
-    placeholder: o,
-    searchInputAriaLabel: a(r.searchInputAriaLabel),
-    searchInputClearAriaLabel: a(r.searchInputClearAriaLabel),
-    value: s?.[0] || ""
-  });
-};
-export {
-  v as MetadataSearchField
+import e from "./messages.js";
+import { SearchInput as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { useFormikContext as r } from "formik";
+import { jsx as i } from "react/jsx-runtime";
+var a = ({ id: a, name: o, placeholder: s }) => {
+	let { formatMessage: c } = n(), { values: l, setFieldValue: u } = r(), d = l.metadata.fields[a]?.value?.enum;
+	return /* @__PURE__ */ i(t.Controlled, {
+		"data-target-id": `SearchInputControlled-filter_${a}`,
+		id: a,
+		name: o,
+		onChange: (e) => u(`metadata.fields.${a}.value.enum[0]`, e.target.value),
+		onClearInput: () => u(`metadata.fields.${a}.value.enum`, []),
+		placeholder: s,
+		searchInputAriaLabel: c(e.searchInputAriaLabel),
+		searchInputClearAriaLabel: c(e.searchInputClearAriaLabel),
+		value: d?.[0] || ""
+	});
 };
+export { a as MetadataSearchField };

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

@@ -1,10 +1,5 @@
+import { t as e } from "../../../../chunks/pagination-controls.js";
+import { MarkerBasedPagination as t } from "./marker-based-pagination.js";
+import { OffsetBasedPagination as n } from "./offset-based-pagination.js";
 import { Pagination as r } from "./pagination.js";
-import { MarkerBasedPagination as n } from "./marker-based-pagination.js";
-import { OffsetBasedPagination as i } from "./offset-based-pagination.js";
-import { PaginationControls as g } from "./pagination-controls.js";
-export {
-  n as MarkerBasedPagination,
-  i as OffsetBasedPagination,
-  r as Pagination,
-  g as PaginationControls
-};
+export { t as MarkerBasedPagination, n as OffsetBasedPagination, r as Pagination, e as PaginationControls };

package/dist/esm/lib/components/pagination/marker-based-pagination.js

@@ -1,20 +1,13 @@
-import { PaginationControls as i } from "./pagination-controls.js";
-import { jsx as a } from "react/jsx-runtime";
-const c = ({
-  hasNextMarker: t,
-  hasPrevMarker: e,
-  onMarkerBasedPageChange: o
-}) => /* @__PURE__ */ a(i, {
-  handleNextClick: () => {
-    o(1);
-  },
-  handlePreviousClick: () => {
-    o(-1);
-  },
-  hasNextPage: t,
-  hasPreviousPage: e
+import { t as e } from "../../../../chunks/pagination-controls.js";
+import { jsx as t } from "react/jsx-runtime";
+var n = ({ hasNextMarker: n, hasPrevMarker: r, onMarkerBasedPageChange: i }) => /* @__PURE__ */ t(e, {
+	handleNextClick: () => {
+		i(1);
+	},
+	handlePreviousClick: () => {
+		i(-1);
+	},
+	hasNextPage: n,
+	hasPreviousPage: r
 });
-export {
-  c as MarkerBasedPagination,
-  c as default
-};
+export { n as MarkerBasedPagination, n as default };

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

@@ -1,22 +1,20 @@
-import { defineMessages as a } from "react-intl";
-const t = a({
-  nextPageButton: {
-    id: "groupSharedFeatures.metadataView.pagination.nextPageButton",
-    defaultMessage: "Next"
-  },
-  pageEntryStatus: {
-    id: "groupSharedFeatures.metadataView.pagination.pageEntryStatus",
-    defaultMessage: "Showing {startEntryIndex} to {endEntryIndex} of {totalCount} entries"
-  },
-  paginationAriaLabel: {
-    id: "groupSharedFeatures.metadataView.pagination.paginationLabel",
-    defaultMessage: "Pagination navigation controls and current page information"
-  },
-  previousPageButton: {
-    id: "groupSharedFeatures.metadataView.pagination.previousPageButton",
-    defaultMessage: "Previous"
-  }
+import { defineMessages as e } from "react-intl";
+var t = e({
+	nextPageButton: {
+		id: "groupSharedFeatures.metadataView.pagination.nextPageButton",
+		defaultMessage: "Next"
+	},
+	pageEntryStatus: {
+		id: "groupSharedFeatures.metadataView.pagination.pageEntryStatus",
+		defaultMessage: "Showing {startEntryIndex} to {endEntryIndex} of {totalCount} entries"
+	},
+	paginationAriaLabel: {
+		id: "groupSharedFeatures.metadataView.pagination.paginationLabel",
+		defaultMessage: "Pagination navigation controls and current page information"
+	},
+	previousPageButton: {
+		id: "groupSharedFeatures.metadataView.pagination.previousPageButton",
+		defaultMessage: "Previous"
+	}
 });
-export {
-  t as default
-};
+export { t as default };

package/dist/esm/lib/components/pagination/offset-based-pagination.js

@@ -1,32 +1,23 @@
-import { PaginationControls as h } from "./pagination-controls.js";
-import { getOffsetForPage as c } from "./utils.js";
-import { jsx as P } from "react/jsx-runtime";
-const x = ({
-  offset: n,
-  onOffsetChange: o,
-  pageSize: t,
-  totalCount: r
-}) => {
-  const e = Math.ceil(r / t);
-  if (e <= 1)
-    return null;
-  const a = Math.floor(n / t) + 1, s = a > 0 ? Math.min(e, a) : 1, i = s < e, l = s > 1;
-  return /* @__PURE__ */ P(h, {
-    handleNextClick: () => {
-      o(c(s + 1, t, r));
-    },
-    handlePreviousClick: () => {
-      o(c(s - 1, t, r));
-    },
-    hasNextPage: i,
-    hasPageEntryStatus: !0,
-    hasPreviousPage: l,
-    offset: n,
-    pageSize: t,
-    totalCount: r
-  });
-};
-export {
-  x as OffsetBasedPagination,
-  x as default
+import { t as e } from "../../../../chunks/pagination-controls.js";
+import { getOffsetForPage as t } from "./utils.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = ({ offset: r, onOffsetChange: i, pageSize: a, totalCount: o }) => {
+	let s = Math.ceil(o / a);
+	if (s <= 1) return null;
+	let c = Math.floor(r / a) + 1, l = c > 0 ? Math.min(s, c) : 1;
+	return /* @__PURE__ */ n(e, {
+		handleNextClick: () => {
+			i(t(l + 1, a, o));
+		},
+		handlePreviousClick: () => {
+			i(t(l - 1, a, o));
+		},
+		hasNextPage: l < s,
+		hasPageEntryStatus: !0,
+		hasPreviousPage: l > 1,
+		offset: r,
+		pageSize: a,
+		totalCount: o
+	});
 };
+export { r as OffsetBasedPagination, r as default };

package/dist/esm/lib/components/pagination/pagination-controls.js

@@ -1,53 +1,2 @@
-import { Button as r } from "@box/blueprint-web";
-import { useIntl as x, FormattedMessage as B } from "react-intl";
-import n from "./messages.js";
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import '../../../../styles/pagination-controls.css';const h = "_pagination_1ozaq_1", y = "_paginationButtonContainer_1ozaq_9", i = {
-  pagination: h,
-  paginationButtonContainer: y
-}, E = ({
-  handleNextClick: l,
-  handlePreviousClick: c,
-  hasNextPage: d,
-  hasPageEntryStatus: p,
-  hasPreviousPage: g,
-  offset: o = 0,
-  pageSize: m = 0,
-  totalCount: e = 0
-}) => {
-  const {
-    formatMessage: t
-  } = x(), u = o + 1, v = Math.min(o + m, e);
-  return /* @__PURE__ */ s("div", {
-    "aria-label": t(n.paginationAriaLabel),
-    "aria-live": "polite",
-    className: i.pagination,
-    children: [p && /* @__PURE__ */ a("div", {
-      className: i.paginationText,
-      children: /* @__PURE__ */ a(B, {
-        ...n.pageEntryStatus,
-        values: {
-          startEntryIndex: u,
-          endEntryIndex: v,
-          totalCount: e
-        }
-      })
-    }), /* @__PURE__ */ s("div", {
-      className: i.paginationButtonContainer,
-      children: [/* @__PURE__ */ a(r, {
-        disabled: !g,
-        onClick: c,
-        variant: "secondary",
-        children: t(n.previousPageButton)
-      }), /* @__PURE__ */ a(r, {
-        disabled: !d,
-        onClick: l,
-        variant: "secondary",
-        children: t(n.nextPageButton)
-      })]
-    })]
-  });
-};
-export {
-  E as PaginationControls
-};
+import { t as e } from "../../../../chunks/pagination-controls.js";
+export { e as PaginationControls };

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

@@ -1,36 +1,21 @@
-import { MarkerBasedPagination as g } from "./marker-based-pagination.js";
-import { OffsetBasedPagination as p } from "./offset-based-pagination.js";
-import { jsx as a } from "react/jsx-runtime";
-import "./pagination-controls.js";
-const c = ({
-  type: e,
-  ...r
-}) => {
-  if (e === "marker") {
-    const {
-      hasNextMarker: s,
-      hasPrevMarker: f,
-      onMarkerBasedPageChange: m
-    } = r;
-    return /* @__PURE__ */ a(g, {
-      hasNextMarker: s,
-      hasPrevMarker: f,
-      onMarkerBasedPageChange: m
-    });
-  }
-  const {
-    offset: o,
-    onOffsetChange: t,
-    pageSize: n,
-    totalCount: i
-  } = r;
-  return /* @__PURE__ */ a(p, {
-    offset: o,
-    onOffsetChange: t,
-    pageSize: n,
-    totalCount: i
-  });
-};
-export {
-  c as Pagination
+import { MarkerBasedPagination as e } from "./marker-based-pagination.js";
+import { OffsetBasedPagination as t } from "./offset-based-pagination.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = ({ type: r, ...i }) => {
+	if (r === "marker") {
+		let { hasNextMarker: t, hasPrevMarker: r, onMarkerBasedPageChange: a } = i;
+		return /* @__PURE__ */ n(e, {
+			hasNextMarker: t,
+			hasPrevMarker: r,
+			onMarkerBasedPageChange: a
+		});
+	}
+	let { offset: a, onOffsetChange: o, pageSize: s, totalCount: c } = i;
+	return /* @__PURE__ */ n(t, {
+		offset: a,
+		onOffsetChange: o,
+		pageSize: s,
+		totalCount: c
+	});
 };
+export { r as Pagination };

package/dist/esm/lib/components/pagination/utils.js

@@ -1,7 +1,5 @@
-const n = (f, e, t) => {
-  const r = (f - 1) * e;
-  return r <= 0 ? 0 : r >= t ? Math.max(t - e, 0) : r;
-};
-export {
-  n as getOffsetForPage
+var e = (e, t, n) => {
+	let r = (e - 1) * t;
+	return r <= 0 ? 0 : r >= n ? Math.max(n - t, 0) : r;
 };
+export { e as getOffsetForPage };

package/dist/esm/lib/components/sort-dropdown/index.js

@@ -1,4 +1,2 @@
-import { SortDropdown as p } from "./sort-dropdown.js";
-export {
-  p as SortDropdown
-};
+import { SortDropdown as e } from "./sort-dropdown.js";
+export { e as SortDropdown };

package/dist/esm/lib/components/sort-dropdown/sort-dropdown.js

@@ -1,57 +1,38 @@
-import { DropdownMenu as o, TriggerButton as D } from "@box/blueprint-web";
-import { ArrowUp as v, ArrowDown as M } from "@box/blueprint-web-assets/icons/Fill";
-import { useState as m } from "react";
-import { jsxs as R, jsx as c } from "react/jsx-runtime";
-const V = ({
-  onSortDescriptorChange: d,
-  sortableColumns: r,
-  sortDescriptor: t,
-  initialSortByColumnId: l = r[0].id,
-  initialSortDirection: p = "ascending",
-  onSortChange: u
-}) => {
-  const s = new Map(r.map((n) => [n.id, n.textValue])), [w, h] = m(l), [f, g] = m(p), e = t?.column != null ? String(t.column) : w, a = t?.direction ?? f, x = (n) => {
-    if (n === e) {
-      const i = a === "ascending" ? "descending" : "ascending";
-      g(i), d({
-        column: n,
-        direction: i
-      }), u({
-        column: n,
-        direction: i
-      });
-    } else
-      h(n), g("ascending"), d({
-        column: n,
-        direction: "ascending"
-      }), u({
-        column: n,
-        direction: "ascending"
-      });
-  };
-  return /* @__PURE__ */ R(o.Root, {
-    children: [/* @__PURE__ */ c(o.Trigger, {
-      children: /* @__PURE__ */ c(D, {
-        caretDirection: a === "ascending" ? "up" : "down",
-        label: s.get(e),
-        startIcon: a === "ascending" ? v : M,
-        variant: "tertiary"
-      })
-    }), /* @__PURE__ */ c(o.Content, {
-      children: /* @__PURE__ */ c(o.RadioGroup, {
-        onValueChange: x,
-        value: e,
-        children: r.map(({
-          id: n,
-          textValue: i
-        }) => /* @__PURE__ */ c(o.RadioSelectItem, {
-          value: n,
-          children: i
-        }, n))
-      })
-    })]
-  });
-};
-export {
-  V as SortDropdown
+import { DropdownMenu as e, TriggerButton as t } from "@box/blueprint-web";
+import { useState as n } from "react";
+import { ArrowDown as r, ArrowUp as i } from "@box/blueprint-web-assets/icons/Fill";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = ({ onSortDescriptorChange: s, sortableColumns: c, sortDescriptor: l, initialSortByColumnId: u = c[0].id, initialSortDirection: d = "ascending", onSortChange: f }) => {
+	let p = new Map(c.map((e) => [e.id, e.textValue])), [m, h] = n(u), [g, _] = n(d), v = l?.column == null ? m : String(l.column), y = l?.direction ?? g;
+	return /* @__PURE__ */ o(e.Root, { children: [/* @__PURE__ */ a(e.Trigger, { children: /* @__PURE__ */ a(t, {
+		caretDirection: y === "ascending" ? "up" : "down",
+		label: p.get(v),
+		startIcon: y === "ascending" ? i : r,
+		variant: "tertiary"
+	}) }), /* @__PURE__ */ a(e.Content, { children: /* @__PURE__ */ a(e.RadioGroup, {
+		onValueChange: (e) => {
+			if (e === v) {
+				let t = y === "ascending" ? "descending" : "ascending";
+				_(t), s({
+					column: e,
+					direction: t
+				}), f({
+					column: e,
+					direction: t
+				});
+			} else h(e), _("ascending"), s({
+				column: e,
+				direction: "ascending"
+			}), f({
+				column: e,
+				direction: "ascending"
+			});
+		},
+		value: v,
+		children: c.map(({ id: t, textValue: n }) => /* @__PURE__ */ a(e.RadioSelectItem, {
+			value: t,
+			children: n
+		}, t))
+	}) })] });
 };
+export { s as SortDropdown };

package/dist/esm/lib/components/switch-case/index.js

@@ -1,5 +1,2 @@
-import { Case as o, SwitchCase as r } from "./switch-case.js";
-export {
-  o as Case,
-  r as SwitchCase
-};
+import { Case as e, SwitchCase as t } from "./switch-case.js";
+export { e as Case, t as SwitchCase };

package/dist/esm/lib/components/switch-case/switch-case.js

@@ -1,14 +1,6 @@
 import e from "react";
-const i = ({
-  condition: r,
-  children: n
-}) => r ? n : null, s = ({
-  children: r
-}) => {
-  const t = e.Children.toArray(r).find((o) => o.props.condition);
-  return t ? t.props.children : null;
-};
-export {
-  i as Case,
-  s as SwitchCase
+var t = ({ condition: e, children: t }) => e ? t : null, n = ({ children: t }) => {
+	let n = e.Children.toArray(t).find((e) => e.props.condition);
+	return n ? n.props.children : null;
 };
+export { t as Case, n as SwitchCase };