@box/metadata-view 1.54.9 → 1.54.11

package/dist/esm/lib/components/filter-row/metadata-filter-chip.js

@@ -1,104 +1,75 @@
-import { MetadataStringField as M, MetadataFloatField as C, MetadataDateField as S } from "@box/metadata-filter";
-import { useIntl as b } from "react-intl";
-import { MetadataFileChip as x } from "../metadata-value/metadata-file-chip.js";
-import { AdvancedFieldContent as A } from "./advanced-field-content.js";
-import { FormFilterChip as o } from "./form-filter-chip.js";
-import { SelectFilterChip as D } from "./select-filter-chip.js";
-import { jsx as t } from "react/jsx-runtime";
-const N = ({
-  filterOption: p,
-  formRef: a
-}) => {
-  const {
-    advancedFilterOptionsMap: c,
-    canUseRelativeDates: m,
-    customDateFilterOptions: u,
-    fieldType: n,
-    icon: r,
-    id: e,
-    isAdvancedFilterEnabled: F,
-    name: i,
-    options: f,
-    placeholder: h,
-    variant: v
-  } = p, {
-    locale: s
-  } = b(), l = `metadata.fields.${e}`, d = i ?? "";
-  if (n === "multiSelect" && v === "file")
-    return /* @__PURE__ */ t(x, {
-      id: e
-    });
-  if (F)
-    return /* @__PURE__ */ t(o, {
-      advancedFilterOptionsMap: c,
-      formRef: a,
-      icon: r,
-      id: e,
-      isAdvancedFilterEnabled: !0,
-      name: i,
-      children: /* @__PURE__ */ t(A, {
-        fieldType: n,
-        fieldNamePrefix: l,
-        filterOptionsMap: c,
-        label: d,
-        locale: s
-      })
-    }, e);
-  switch (n) {
-    case "date":
-      return /* @__PURE__ */ t(o, {
-        formRef: a,
-        icon: r,
-        id: e,
-        name: i,
-        children: /* @__PURE__ */ t(S, {
-          canUseRelativeDates: m,
-          customDateFilterOptions: u,
-          direction: "vertical",
-          fieldNamePrefix: l,
-          label: d,
-          locale: s
-        })
-      }, e);
-    case "float":
-      return /* @__PURE__ */ t(o, {
-        formRef: a,
-        icon: r,
-        id: e,
-        name: i,
-        children: /* @__PURE__ */ t(C, {
-          fieldNamePrefix: l,
-          label: d
-        })
-      }, e);
-    case "string":
-      return /* @__PURE__ */ t(o, {
-        formRef: a,
-        icon: r,
-        id: e,
-        name: i,
-        children: /* @__PURE__ */ t(M, {
-          fieldNamePrefix: l,
-          label: d
-        })
-      }, e);
-    case "multiSelect":
-    case "enum":
-      return /* @__PURE__ */ t(D, {
-        fieldNamePrefix: l,
-        formRef: a,
-        icon: r,
-        id: e,
-        name: i,
-        options: f,
-        placeholder: h,
-        type: n
-      });
-    default:
-      return null;
-  }
-};
-export {
-  N as MetadataFilterChip,
-  N as default
+import { MetadataFileChip as e } from "../metadata-value/metadata-file-chip.js";
+import { AdvancedFieldContent as t } from "./advanced-field-content.js";
+import { FormFilterChip as n } from "./form-filter-chip.js";
+import { SelectFilterChip as r } from "./select-filter-chip.js";
+import { useIntl as i } from "react-intl";
+import { MetadataDateField as a, MetadataFloatField as o, MetadataStringField as s } from "@box/metadata-filter";
+import { jsx as c } from "react/jsx-runtime";
+var l = ({ filterOption: l, formRef: u }) => {
+	let { advancedFilterOptionsMap: d, canUseRelativeDates: f, customDateFilterOptions: p, fieldType: m, icon: h, id: g, isAdvancedFilterEnabled: _, name: v, options: y, placeholder: b, variant: x } = l, { locale: S } = i(), C = `metadata.fields.${g}`, w = v ?? "";
+	if (m === "multiSelect" && x === "file") return /* @__PURE__ */ c(e, { id: g });
+	if (_) return /* @__PURE__ */ c(n, {
+		advancedFilterOptionsMap: d,
+		formRef: u,
+		icon: h,
+		id: g,
+		isAdvancedFilterEnabled: !0,
+		name: v,
+		children: /* @__PURE__ */ c(t, {
+			fieldType: m,
+			fieldNamePrefix: C,
+			filterOptionsMap: d,
+			label: w,
+			locale: S
+		})
+	}, g);
+	switch (m) {
+		case "date": return /* @__PURE__ */ c(n, {
+			formRef: u,
+			icon: h,
+			id: g,
+			name: v,
+			children: /* @__PURE__ */ c(a, {
+				canUseRelativeDates: f,
+				customDateFilterOptions: p,
+				direction: "vertical",
+				fieldNamePrefix: C,
+				label: w,
+				locale: S
+			})
+		}, g);
+		case "float": return /* @__PURE__ */ c(n, {
+			formRef: u,
+			icon: h,
+			id: g,
+			name: v,
+			children: /* @__PURE__ */ c(o, {
+				fieldNamePrefix: C,
+				label: w
+			})
+		}, g);
+		case "string": return /* @__PURE__ */ c(n, {
+			formRef: u,
+			icon: h,
+			id: g,
+			name: v,
+			children: /* @__PURE__ */ c(s, {
+				fieldNamePrefix: C,
+				label: w
+			})
+		}, g);
+		case "multiSelect":
+		case "enum": return /* @__PURE__ */ c(r, {
+			fieldNamePrefix: C,
+			formRef: u,
+			icon: h,
+			id: g,
+			name: v,
+			options: y,
+			placeholder: b,
+			type: m
+		});
+		default: return null;
+	}
 };
+export { l as MetadataFilterChip, l as default };

package/dist/esm/lib/components/filter-row/predefinedFilters/index.js

@@ -1,6 +1,2 @@
-let o = /* @__PURE__ */ (function(r) {
-  return r.KeywordSearchFilterGroup = "KeywordSearchFilterGroup", r.FileTypeFilterGroup = "FileTypeFilterGroup", r.LocationFilterGroup = "LocationFilterGroup", r;
-})({});
-export {
-  o as PredefinedFilterName
-};
+import { t as e } from "../../../../../chunks/types2.js";
+export { e as PredefinedFilterName };

package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js

@@ -1,22 +1,15 @@
-import o from "lodash/merge";
-import { PredefinedFilterName as e } from "./index.js";
-function a(r = {}) {
-  const i = {
-    [e.KeywordSearchFilterGroup]: {
-      isDisabled: !1
-    },
-    [e.FileTypeFilterGroup]: {
-      isDisabled: !1
-    },
-    [e.LocationFilterGroup]: {
-      isDisabled: !1,
-      triggerCallback: () => {
-        console.error("Custom callback needs to be provided");
-      }
-    }
-  };
-  return o(i, r);
+import { t as e } from "../../../../../chunks/types2.js";
+import t from "lodash/merge";
+function n(n = {}) {
+	return t({
+		[e.KeywordSearchFilterGroup]: { isDisabled: !1 },
+		[e.FileTypeFilterGroup]: { isDisabled: !1 },
+		[e.LocationFilterGroup]: {
+			isDisabled: !1,
+			triggerCallback: () => {
+				console.error("Custom callback needs to be provided");
+			}
+		}
+	}, n);
 }
-export {
-  a as predefinedFilterOptionsFactory
-};
+export { n as predefinedFilterOptionsFactory };

package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js

@@ -1,72 +1,59 @@
-import { useIntl as l } from "react-intl";
-import o from "../messages.js";
-import { predefinedFilterOptionsFactory as a } from "./predefined-filter-options-factory.js";
-import { PredefinedFilterName as i } from "./index.js";
-const p = {
-  fieldType: "string",
-  id: "keyword-filter",
-  name: "",
-  selected: !1,
-  variant: "search"
-}, f = {
-  fieldType: "multiSelect",
-  id: "mimetype-filter",
-  name: "",
-  selected: !1,
-  shouldRenderChip: !0,
-  variant: "file"
-}, c = {
-  fieldType: "enum",
-  id: "location-filter",
-  name: "",
-  selected: !1,
-  shouldRenderChip: !1,
-  variant: "file"
-}, d = ({
-  isDisabled: t
-}) => {
-  const {
-    formatMessage: e
-  } = l();
-  return t ? [] : [{
-    filters: [{
-      ...p,
-      placeholder: e(o.keywordSearchFilterPlaceholder)
-    }],
-    toggleable: !1
-  }];
-}, u = ({
-  isDisabled: t
-}) => {
-  const {
-    formatMessage: e
-  } = l();
-  return t ? [] : [{
-    filters: [{
-      ...f
-    }],
-    title: e(o.fileTypeFilterTitle),
-    toggleable: !0
-  }];
-}, m = ({
-  isDisabled: t,
-  ...e
-}) => {
-  const {
-    formatMessage: r
-  } = l();
-  return t ? [] : [{
-    filters: [{
-      ...c,
-      ...e
-    }],
-    title: r(o.locationFilterTitle),
-    toggleable: !0
-  }];
-}, h = (t = {}) => {
-  const e = a(t), r = d(e[i.KeywordSearchFilterGroup]), n = u(e[i.FileTypeFilterGroup]), s = m(e[i.LocationFilterGroup]);
-  return [...r, ...n, ...s];
-};
-export {
-  h as usePredefinedFilter
+import e from "../messages.js";
+import { t } from "../../../../../chunks/types2.js";
+import { predefinedFilterOptionsFactory as n } from "./predefined-filter-options-factory.js";
+import { useIntl as r } from "react-intl";
+var i = {
+	fieldType: "string",
+	id: "keyword-filter",
+	name: "",
+	selected: !1,
+	variant: "search"
+}, a = {
+	fieldType: "multiSelect",
+	id: "mimetype-filter",
+	name: "",
+	selected: !1,
+	shouldRenderChip: !0,
+	variant: "file"
+}, o = {
+	fieldType: "enum",
+	id: "location-filter",
+	name: "",
+	selected: !1,
+	shouldRenderChip: !1,
+	variant: "file"
+}, s = ({ isDisabled: t }) => {
+	let { formatMessage: n } = r();
+	return t ? [] : [{
+		filters: [{
+			...i,
+			placeholder: n(e.keywordSearchFilterPlaceholder)
+		}],
+		toggleable: !1
+	}];
+}, c = ({ isDisabled: t }) => {
+	let { formatMessage: n } = r();
+	return t ? [] : [{
+		filters: [{ ...a }],
+		title: n(e.fileTypeFilterTitle),
+		toggleable: !0
+	}];
+}, l = ({ isDisabled: t, ...n }) => {
+	let { formatMessage: i } = r();
+	return t ? [] : [{
+		filters: [{
+			...o,
+			...n
+		}],
+		title: i(e.locationFilterTitle),
+		toggleable: !0
+	}];
+}, u = (e = {}) => {
+	let r = n(e), i = s(r[t.KeywordSearchFilterGroup]), a = c(r[t.FileTypeFilterGroup]), o = l(r[t.LocationFilterGroup]);
+	return [
+		...i,
+		...a,
+		...o
+	];
 };
+export { u as usePredefinedFilter };

package/dist/esm/lib/components/filter-row/select-filter-chip.js

@@ -1,59 +1,42 @@
-import { DropdownMenu as o, FilterChip as c } from "@box/blueprint-web";
-import { useFormikContext as z } from "formik";
-import { useState as A } from "react";
-import { useIntl as O } from "react-intl";
-import S from "./messages.js";
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-const R = ({
-  fieldNamePrefix: p,
-  formRef: C,
-  icon: m,
-  id: i,
-  name: h = "",
-  options: f,
-  type: l,
-  placeholder: n
-}) => {
-  const {
-    formatMessage: g
-  } = O(), [k, v] = A(!1), {
-    values: x,
-    setFieldValue: b,
-    submitForm: w
-  } = z(), u = x.metadata?.fields?.[i]?.value?.enum, F = Array.isArray(u) ? u : [], e = new Set(F), I = e.size > 0 ? g(S.chipNameWithCount, {
-    name: h,
-    count: e.size
-  }) : h, y = !!n && l !== "multiSelect", d = async (r, s) => {
-    l === "enum" ? e.clear() : e.delete(s), r && s !== n && e.add(s), await b(`${p}.value.enum`, Array.from(e)), w();
-  };
-  return /* @__PURE__ */ a(o.Root, {
-    onOpenChange: v,
-    open: k,
-    children: [/* @__PURE__ */ t(o.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */ a(c.TriggerChip, {
-        selected: e.size > 0,
-        value: i,
-        children: [m && /* @__PURE__ */ t(c.Icon, {
-          icon: m
-        }), /* @__PURE__ */ t(c.Label, {
-          children: I
-        }), /* @__PURE__ */ t(c.DropdownIndicator, {})]
-      }, i)
-    }), /* @__PURE__ */ a(o.Content, {
-      container: C.current,
-      children: [y && /* @__PURE__ */ t(o.CheckboxItem, {
-        checked: e.size === 0,
-        onCheckedChange: (r) => d(r, n),
-        children: n
-      }, n), f?.map((r) => /* @__PURE__ */ t(o.CheckboxItem, {
-        checked: e.has(r),
-        onCheckedChange: (s) => d(s, r),
-        children: r
-      }, r))]
-    })]
-  });
-};
-export {
-  R as SelectFilterChip
+import e from "./messages.js";
+import { DropdownMenu as t, FilterChip as n } from "@box/blueprint-web";
+import { useState as r } from "react";
+import { useIntl as i } from "react-intl";
+import { useFormikContext as a } from "formik";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = ({ fieldNamePrefix: c, formRef: l, icon: u, id: d, name: f = "", options: p, type: m, placeholder: h }) => {
+	let { formatMessage: g } = i(), [_, v] = r(!1), { values: y, setFieldValue: b, submitForm: x } = a(), S = y.metadata?.fields?.[d]?.value?.enum, C = new Set(Array.isArray(S) ? S : []), w = C.size > 0 ? g(e.chipNameWithCount, {
+		name: f,
+		count: C.size
+	}) : f, T = !!h && m !== "multiSelect", E = async (e, t) => {
+		m === "enum" ? C.clear() : C.delete(t), e && t !== h && C.add(t), await b(`${c}.value.enum`, Array.from(C)), x();
+	};
+	return /* @__PURE__ */ s(t.Root, {
+		onOpenChange: v,
+		open: _,
+		children: [/* @__PURE__ */ o(t.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ s(n.TriggerChip, {
+				selected: C.size > 0,
+				value: d,
+				children: [
+					u && /* @__PURE__ */ o(n.Icon, { icon: u }),
+					/* @__PURE__ */ o(n.Label, { children: w }),
+					/* @__PURE__ */ o(n.DropdownIndicator, {})
+				]
+			}, d)
+		}), /* @__PURE__ */ s(t.Content, {
+			container: l.current,
+			children: [T && /* @__PURE__ */ o(t.CheckboxItem, {
+				checked: C.size === 0,
+				onCheckedChange: (e) => E(e, h),
+				children: h
+			}, h), p?.map((e) => /* @__PURE__ */ o(t.CheckboxItem, {
+				checked: C.has(e),
+				onCheckedChange: (t) => E(t, e),
+				children: e
+			}, e))]
+		})]
+	});
 };
+export { c as SelectFilterChip };

package/dist/esm/lib/components/filter-row/use-form-filter-chip.js

@@ -1,41 +1,37 @@
-import { useState as p, useCallback as n, useMemo as A } from "react";
-import { useIntl as C } from "react-intl";
-import { isBlankOrNotBlankFilter as v } from "./is-blank-or-not-blank-filter.js";
-import O from "./messages.js";
-const b = ({
-  name: e,
-  advancedFilterOptionsMap: s,
-  initialAdvancedFilterOption: l
-}) => {
-  const {
-    formatMessage: a
-  } = C(), [r, i] = p(l), [t, c] = p(l), d = n((o) => {
-    i(o);
-  }, []), m = n(() => {
-    c(r);
-  }, [r]), u = n(() => {
-    i(t);
-  }, [t]), h = n(() => {
-    i(void 0), c(void 0);
-  }, []), f = A(() => {
-    if (!t || !v(t))
-      return e;
-    const [, o] = s?.find(([F]) => F === t) ?? [];
-    return o ? a(O.chipNameWithFilterOption, {
-      name: e,
-      optionLabel: o
-    }) : e;
-  }, [e, t, s, a]);
-  return {
-    currentAdvancedFilterOption: r,
-    appliedAdvancedFilterOption: t,
-    dynamicDisplayName: f,
-    handleAdvancedFilterOptionChange: d,
-    handleApply: m,
-    handleCancel: u,
-    handleClear: h
-  };
-};
-export {
-  b as useFormFilterChip
+import { isBlankOrNotBlankFilter as e } from "./is-blank-or-not-blank-filter.js";
+import t from "./messages.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { useIntl as a } from "react-intl";
+var o = ({ name: o, advancedFilterOptionsMap: s, initialAdvancedFilterOption: c }) => {
+	let { formatMessage: l } = a(), [u, d] = i(c), [f, p] = i(c), m = n((e) => {
+		d(e);
+	}, []), h = n(() => {
+		p(u);
+	}, [u]), g = n(() => {
+		d(f);
+	}, [f]), _ = n(() => {
+		d(void 0), p(void 0);
+	}, []);
+	return {
+		currentAdvancedFilterOption: u,
+		appliedAdvancedFilterOption: f,
+		dynamicDisplayName: r(() => {
+			if (!f || !e(f)) return o;
+			let [, n] = s?.find(([e]) => e === f) ?? [];
+			return n ? l(t.chipNameWithFilterOption, {
+				name: o,
+				optionLabel: n
+			}) : o;
+		}, [
+			o,
+			f,
+			s,
+			l
+		]),
+		handleAdvancedFilterOptionChange: m,
+		handleApply: h,
+		handleCancel: g,
+		handleClear: _
+	};
 };
+export { o as useFormFilterChip };

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

@@ -1,82 +1,2 @@
-import { Filter as x } from "./filter.js";
-import { SidePanel as t, Accordion as d } from "@box/blueprint-web";
-import { useIntl as j } from "react-intl";
-import { useFormikContext as B } from "formik";
-import R from "lodash/noop";
-import { useState as u } from "react";
-import i from "./messages.js";
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import '../../../../styles/filter-side-panel.css';const k = "_sidePanelContent_1j6pr_1", A = "_staticPosition_1j6pr_1", a = {
-  sidePanelContent: k,
-  staticPosition: A
-}, M = ({
-  containerRef: h,
-  filterGroups: r,
-  isOpen: C,
-  onIsOpenChange: s = R,
-  getInitialFormValues: f
-}) => {
-  const {
-    formatMessage: o
-  } = j(), {
-    handleSubmit: P,
-    resetForm: c,
-    values: F
-  } = B(), [S] = u(F), [v, y] = u(null), _ = () => {
-    c({
-      values: f()
-    });
-  }, b = (n) => {
-    c({
-      values: S
-    }), s(n);
-  }, g = () => {
-    P(), s(!1);
-  };
-  return /* @__PURE__ */ e(t, {
-    onOpenChange: b,
-    open: C,
-    variant: "overlay",
-    children: /* @__PURE__ */ e(t.Overlay, {
-      container: h?.current,
-      children: /* @__PURE__ */ p(t.Content, {
-        className: a.sidePanelContent,
-        children: [/* @__PURE__ */ e(t.Header, {
-          className: a.staticPosition,
-          children: o(i.filtersHeader)
-        }), /* @__PURE__ */ e(t.ScrollableContainer, {
-          ref: y,
-          children: /* @__PURE__ */ e(d, {
-            defaultValue: r.map((n, l) => `item-${l}`),
-            type: "multiple",
-            children: r.map((n, l) => /* @__PURE__ */ e(d.Item, {
-              ...n.toggleable ? {} : {
-                fixed: "true"
-              },
-              title: n.title,
-              value: `item-${l}`,
-              children: n.filters.map((m) => /* @__PURE__ */ e(x, {
-                ...m,
-                parentRef: v
-              }, m.id))
-            }, `accordion-item-${n.title || "unnamed"}`))
-          })
-        }), /* @__PURE__ */ p(t.Footer, {
-          className: a.staticPosition,
-          children: [/* @__PURE__ */ e(t.Footer.SecondaryButton, {
-            onClick: _,
-            children: o(i.clearAllButton)
-          }), /* @__PURE__ */ e(t.Footer.PrimaryButton, {
-            onClick: g,
-            children: o(i.showResultsButton)
-          })]
-        }), /* @__PURE__ */ e(t.Close, {
-          "aria-label": o(i.closeAriaLabel)
-        })]
-      })
-    })
-  });
-};
-export {
-  M as FilterSidePanel
-};
+import { t as e } from "../../../../chunks/filter-side-panel.js";
+export { e as FilterSidePanel };