@box/metadata-view 1.54.9 → 1.54.11

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

@@ -1,60 +1,36 @@
-import { FilterChip as F } from "@box/blueprint-web";
-import { Formik as C, Form as R } from "formik";
-import { useMemo as y, useRef as G } from "react";
-import j from "./all-filters-chip.js";
-import { getInitialFieldValues as x } from "./initial-field-values.js";
-import { MetadataFilterChip as M } from "./metadata-filter-chip.js";
-import { usePredefinedFilter as b } from "./predefinedFilters/use-predefined-filter.js";
-import { s as w } from "../../../../chunks/filter-row.module.js";
-import { jsx as i, jsxs as S } from "react/jsx-runtime";
-import "./form-filter-chip.js";
-import "./select-filter-chip.js";
-import "./predefinedFilters/index.js";
-const q = ({
-  predefinedFilterOptions: p,
-  containerRef: s,
-  filterGroups: a = [],
-  initialFilterValues: t,
-  isAllFiltersDisabled: f,
-  onAllFiltersClick: n,
-  onFilterSubmit: o
-}) => {
-  const d = b(p), u = ({
-    metadata: {
-      fields: e
-    }
-  }) => {
-    o && o(e);
-  }, l = [...d, ...a], r = l.flatMap(({
-    filters: e
-  }) => e), c = r.map((e) => `${e.id}:${e.fieldType}`).join("|"), h = y(
-    () => x(r, t),
-    // Intentionally depend on filterSchemaKey (not filterOptions identity) to prevent unwanted reinitialization
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- depend on schema key instead of filterOptions identity
-    [c, t]
-  ), m = G(null);
-  return /* @__PURE__ */ i(C, {
-    enableReinitialize: !0,
-    initialValues: h,
-    onSubmit: u,
-    children: /* @__PURE__ */ i(R, {
-      ref: m,
-      children: /* @__PURE__ */ S(F.Group, {
-        className: w.filterChipGroup,
-        name: "metadata-view-filters",
-        type: "multiple",
-        children: [f ? null : /* @__PURE__ */ i(j, {
-          containerRef: s,
-          filterGroups: l,
-          onAllFiltersClick: n
-        }), r.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ i(M, {
-          filterOption: e,
-          formRef: m
-        }, e.id))]
-      })
-    })
-  });
-};
-export {
-  q as FilterRow
+import { getInitialFieldValues as e } from "./initial-field-values.js";
+import { t } from "../../../../chunks/filter-row.module.js";
+import n from "./all-filters-chip.js";
+import { MetadataFilterChip as r } from "./metadata-filter-chip.js";
+import { usePredefinedFilter as i } from "./predefinedFilters/use-predefined-filter.js";
+import { FilterChip as a } from "@box/blueprint-web";
+import { useMemo as o, useRef as s } from "react";
+import { Form as c, Formik as l } from "formik";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = ({ predefinedFilterOptions: f, containerRef: p, filterGroups: m = [], initialFilterValues: h, isAllFiltersDisabled: g, onAllFiltersClick: _, onFilterSubmit: v }) => {
+	let y = i(f), b = ({ metadata: { fields: e } }) => {
+		v && v(e);
+	}, x = [...y, ...m], S = x.flatMap(({ filters: e }) => e), C = o(() => e(S, h), [S.map((e) => `${e.id}:${e.fieldType}`).join("|"), h]), w = s(null);
+	return /* @__PURE__ */ u(l, {
+		enableReinitialize: !0,
+		initialValues: C,
+		onSubmit: b,
+		children: /* @__PURE__ */ u(c, {
+			ref: w,
+			children: /* @__PURE__ */ d(a.Group, {
+				className: t.filterChipGroup,
+				name: "metadata-view-filters",
+				type: "multiple",
+				children: [g ? null : /* @__PURE__ */ u(n, {
+					containerRef: p,
+					filterGroups: x,
+					onAllFiltersClick: _
+				}), S.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ u(r, {
+					filterOption: e,
+					formRef: w
+				}, e.id))]
+			})
+		})
+	});
 };
+export { f as FilterRow };

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

@@ -1,114 +1,85 @@
-import { Popover as n, FilterChip as l, Button as O } from "@box/blueprint-web";
-import { useFormikContext as X, getIn as i } from "formik";
-import { useState as c, useMemo as Y } from "react";
-import { useIntl as Z } from "react-intl";
-import { AdvancedFilterContext as _ } from "./advanced-filter-context.js";
-import { s as T } from "../../../../chunks/filter-row.module.js";
-import { getDefaultFieldValue as A } from "./initial-field-values.js";
-import { isBlankOrNotBlankFilter as b } from "./is-blank-or-not-blank-filter.js";
-import { extractAdvancedFilterOption as E, isFilterSelected as ee } from "./is-filter-selected.js";
-import D from "./messages.js";
-import { useFormFilterChip as te } from "./use-form-filter-chip.js";
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-const he = ({
-  children: u,
-  formRef: B,
-  icon: f,
-  id: t,
-  name: d = "",
-  isAdvancedFilterEnabled: e,
-  advancedFilterOptionsMap: S
-}) => {
-  const {
-    formatMessage: h
-  } = Z(), [k, y] = c(!1), {
-    handleSubmit: x,
-    setFieldValue: R,
-    resetForm: $,
-    values: a
-  } = X(), v = i(a, `metadata.fields.${t}.fieldType`), C = i(a, `metadata.fields.${t}.value`), I = e && C ? E(C) : void 0, {
-    appliedAdvancedFilterOption: F,
-    currentAdvancedFilterOption: V,
-    dynamicDisplayName: N,
-    handleAdvancedFilterOptionChange: M,
-    handleApply: P,
-    handleCancel: j,
-    handleClear: z
-  } = te({
-    name: d,
-    advancedFilterOptionsMap: S,
-    initialAdvancedFilterOption: I
-  }), [K, L] = c(0), w = () => {
-    e && P(), x(), y(!1);
-  }, [q, G] = c(a), H = (o) => {
-    y(o), o ? (G(a), e && L((m) => m + 1)) : ($({
-      values: q
-    }), e && j());
-  }, J = () => {
-    R(`metadata.fields.${t}.value`, A({
-      fieldType: v,
-      isAdvancedFilterEnabled: e
-    })), e && z();
-  }, p = Y(() => {
-    if (e && b(F))
-      return !0;
-    const o = i(a, `metadata.fields.${t}.value`);
-    return o ? ee(o) : !1;
-  }, [a, t, e, F]), Q = () => {
-    if (v === "date") {
-      const o = i(a, `metadata.fields.${t}.value.customType`), m = o && o !== "anyTime" && o !== "customRange", g = i(a, `metadata.fields.${t}.value.relativeType`);
-      return (m || g && g !== "customRange") && !p;
-    }
-    return !1;
-  }, U = e && p ? N : d, W = e ? /* @__PURE__ */ r(_.Provider, {
-    value: {
-      currentOption: V,
-      onOptionChange: M,
-      resetKey: K
-    },
-    children: u
-  }) : u;
-  return /* @__PURE__ */ r("div", {
-    children: /* @__PURE__ */ s(n.Root, {
-      onOpenChange: H,
-      open: k,
-      children: [/* @__PURE__ */ r(n.Trigger, {
-        children: /* @__PURE__ */ s(l.TriggerChip, {
-          selected: p,
-          value: t,
-          children: [f && /* @__PURE__ */ r(l.Icon, {
-            icon: f
-          }), /* @__PURE__ */ r(l.Label, {
-            children: U
-          }), /* @__PURE__ */ r(l.DropdownIndicator, {})]
-        }, t)
-      }), /* @__PURE__ */ s(n.ContentContainer, {
-        align: "start",
-        className: T.popoverContent,
-        container: B.current,
-        "data-testid": "form-filter-chip-popover",
-        children: [/* @__PURE__ */ r(n.MainContent, {
-          children: W
-        }), /* @__PURE__ */ s(n.Footer, {
-          className: T.popoverFooter,
-          children: [/* @__PURE__ */ r(O, {
-            onClick: J,
-            size: "small",
-            variant: "secondary",
-            children: h(D.clearButton)
-          }), /* @__PURE__ */ r(O, {
-            disabled: Q(),
-            onClick: w,
-            size: "small",
-            type: "submit",
-            variant: "primary",
-            children: h(D.applyButton)
-          })]
-        })]
-      })]
-    })
-  });
-};
-export {
-  he as FormFilterChip
+import { getDefaultFieldValue as e } from "./initial-field-values.js";
+import { isBlankOrNotBlankFilter as t } from "./is-blank-or-not-blank-filter.js";
+import { extractAdvancedFilterOption as n, isFilterSelected as r } from "./is-filter-selected.js";
+import i from "./messages.js";
+import { t as a } from "../../../../chunks/filter-row.module.js";
+import { AdvancedFilterContext as o } from "./advanced-filter-context.js";
+import { useFormFilterChip as s } from "./use-form-filter-chip.js";
+import { Button as c, FilterChip as l, Popover as u } from "@box/blueprint-web";
+import { useMemo as d, useState as f } from "react";
+import { useIntl as p } from "react-intl";
+import { getIn as m, useFormikContext as h } from "formik";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+var v = ({ children: v, formRef: y, icon: b, id: x, name: S = "", isAdvancedFilterEnabled: C, advancedFilterOptionsMap: w }) => {
+	let { formatMessage: T } = p(), [E, D] = f(!1), { handleSubmit: O, setFieldValue: k, resetForm: A, values: j } = h(), M = m(j, `metadata.fields.${x}.fieldType`), N = m(j, `metadata.fields.${x}.value`), { appliedAdvancedFilterOption: P, currentAdvancedFilterOption: F, dynamicDisplayName: I, handleAdvancedFilterOptionChange: L, handleApply: R, handleCancel: z, handleClear: B } = s({
+		name: S,
+		advancedFilterOptionsMap: w,
+		initialAdvancedFilterOption: C && N ? n(N) : void 0
+	}), [V, H] = f(0), U = () => {
+		C && R(), O(), D(!1);
+	}, [W, G] = f(j), K = (e) => {
+		D(e), e ? (G(j), C && H((e) => e + 1)) : (A({ values: W }), C && z());
+	}, q = () => {
+		k(`metadata.fields.${x}.value`, e({
+			fieldType: M,
+			isAdvancedFilterEnabled: C
+		})), C && B();
+	}, J = d(() => {
+		if (C && t(P)) return !0;
+		let e = m(j, `metadata.fields.${x}.value`);
+		return e ? r(e) : !1;
+	}, [
+		j,
+		x,
+		C,
+		P
+	]), Y = () => {
+		if (M === "date") {
+			let e = m(j, `metadata.fields.${x}.value.customType`), t = e && e !== "anyTime" && e !== "customRange", n = m(j, `metadata.fields.${x}.value.relativeType`);
+			return (t || n && n !== "customRange") && !J;
+		}
+		return !1;
+	}, X = C && J ? I : S, Z = C ? /* @__PURE__ */ g(o.Provider, {
+		value: {
+			currentOption: F,
+			onOptionChange: L,
+			resetKey: V
+		},
+		children: v
+	}) : v;
+	return /* @__PURE__ */ g("div", { children: /* @__PURE__ */ _(u.Root, {
+		onOpenChange: K,
+		open: E,
+		children: [/* @__PURE__ */ g(u.Trigger, { children: /* @__PURE__ */ _(l.TriggerChip, {
+			selected: J,
+			value: x,
+			children: [
+				b && /* @__PURE__ */ g(l.Icon, { icon: b }),
+				/* @__PURE__ */ g(l.Label, { children: X }),
+				/* @__PURE__ */ g(l.DropdownIndicator, {})
+			]
+		}, x) }), /* @__PURE__ */ _(u.ContentContainer, {
+			align: "start",
+			className: a.popoverContent,
+			container: y.current,
+			"data-testid": "form-filter-chip-popover",
+			children: [/* @__PURE__ */ g(u.MainContent, { children: Z }), /* @__PURE__ */ _(u.Footer, {
+				className: a.popoverFooter,
+				children: [/* @__PURE__ */ g(c, {
+					onClick: q,
+					size: "small",
+					variant: "secondary",
+					children: T(i.clearButton)
+				}), /* @__PURE__ */ g(c, {
+					disabled: Y(),
+					onClick: U,
+					size: "small",
+					type: "submit",
+					variant: "primary",
+					children: T(i.applyButton)
+				})]
+			})]
+		})]
+	}) });
 };
+export { v as FormFilterChip };

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

@@ -1,12 +1,6 @@
-import { FilterRow as t } from "./filter-row.js";
-import { FormFilterChip as i } from "./form-filter-chip.js";
-import { MetadataFilterChip as m } from "./metadata-filter-chip.js";
-import { SelectFilterChip as l } from "./select-filter-chip.js";
-import { PredefinedFilterName as x } from "./predefinedFilters/index.js";
-export {
-  t as FilterRow,
-  i as FormFilterChip,
-  m as MetadataFilterChip,
-  x as PredefinedFilterName,
-  l as SelectFilterChip
-};
+import { FormFilterChip as e } from "./form-filter-chip.js";
+import { SelectFilterChip as t } from "./select-filter-chip.js";
+import { MetadataFilterChip as n } from "./metadata-filter-chip.js";
+import { t as r } from "../../../../chunks/types2.js";
+import { FilterRow as i } from "./filter-row.js";
+export { i as FilterRow, e as FormFilterChip, n as MetadataFilterChip, r as PredefinedFilterName, t as SelectFilterChip };

package/dist/esm/lib/components/filter-row/initial-field-values.js

@@ -1,52 +1,32 @@
-const c = (e) => ({
-  key: e,
-  id: e
-}), d = ({
-  fieldType: e,
-  options: t
-}) => ["enum", "multiSelect"].includes(e) ? (t || []).map(c) : [], s = ({
-  fieldType: e,
-  isAdvancedFilterEnabled: t
-}) => e === "date" ? {
-  customType: "anyTime",
-  range: {
-    gt: "",
-    lt: ""
-  }
-} : e === "float" ? t ? {
-  enum: []
-} : {
-  range: {
-    gt: "",
-    lt: ""
-  }
-} : {
-  enum: []
-}, l = (e) => Array.isArray(e) ? e.length > 1 ? "multiSelect" : "enum" : !e || typeof e != "object" ? "enum" : "customDays" in e || "relativeDays" in e || "customType" in e || "relativeType" in e ? "date" : "range" in e ? "float" : "enum" in e && e.enum.length > 1 ? "multiSelect" : "enum", o = (e, t) => {
-  const i = e.reduce((n, r) => {
-    const a = t?.[r.id]?.value, u = s({
-      fieldType: r.fieldType,
-      isAdvancedFilterEnabled: r.isAdvancedFilterEnabled
-    });
-    return n[r.id] = {
-      value: a ?? u,
-      fieldType: r.fieldType,
-      options: d(r)
-    }, n;
-  }, {});
-  return t && Object.keys(t).filter((n) => !i[n]).forEach((n) => {
-    i[n] = {
-      value: t[n].value,
-      fieldType: l(t[n].value)
-    };
-  }), {
-    metadata: {
-      fields: i
-    }
-  };
-};
-export {
-  s as getDefaultFieldValue,
-  o as getInitialFieldValues,
-  l as inferFieldType
+var e = (e) => ({
+	key: e,
+	id: e
+}), t = ({ fieldType: t, options: n }) => ["enum", "multiSelect"].includes(t) ? (n || []).map(e) : [], n = ({ fieldType: e, isAdvancedFilterEnabled: t }) => e === "date" ? {
+	customType: "anyTime",
+	range: {
+		gt: "",
+		lt: ""
+	}
+} : e === "float" ? t ? { enum: [] } : { range: {
+	gt: "",
+	lt: ""
+} } : { enum: [] }, r = (e) => Array.isArray(e) ? e.length > 1 ? "multiSelect" : "enum" : !e || typeof e != "object" ? "enum" : "customDays" in e || "relativeDays" in e || "customType" in e || "relativeType" in e ? "date" : "range" in e ? "float" : "enum" in e && e.enum.length > 1 ? "multiSelect" : "enum", i = (e, i) => {
+	let a = e.reduce((e, r) => {
+		let a = i?.[r.id]?.value, o = n({
+			fieldType: r.fieldType,
+			isAdvancedFilterEnabled: r.isAdvancedFilterEnabled
+		});
+		return e[r.id] = {
+			value: a ?? o,
+			fieldType: r.fieldType,
+			options: t(r)
+		}, e;
+	}, {});
+	return i && Object.keys(i).filter((e) => !a[e]).forEach((e) => {
+		a[e] = {
+			value: i[e].value,
+			fieldType: r(i[e].value)
+		};
+	}), { metadata: { fields: a } };
 };
+export { n as getDefaultFieldValue, i as getInitialFieldValues, r as inferFieldType };

package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js

@@ -1,5 +1,3 @@
 import { FilterKeyTypes as e } from "@box/metadata-filter";
-const l = (r) => r === e.IS_BLANK || r === e.IS_NOT_BLANK;
-export {
-  l as isBlankOrNotBlankFilter
-};
+var t = (t) => t === e.IS_BLANK || t === e.IS_NOT_BLANK;
+export { t as isBlankOrNotBlankFilter };

package/dist/esm/lib/components/filter-row/is-filter-selected.js

@@ -1,59 +1,38 @@
-import { FilterKeyTypes as d } from "@box/metadata-filter";
-import { isBlankOrNotBlankFilter as i } from "./is-blank-or-not-blank-filter.js";
-const o = (t) => !!t && typeof t == "object" && !Array.isArray(t) && "advancedFilterOption" in t, s = ({
-  value: t,
-  advancedFilterOption: r
-}) => i(r) ? !0 : !!(t && t.length > 0 && t[0]), c = (t) => !!t && typeof t == "object" && !Array.isArray(t) && "advancedFilterOption" in t, a = ({
-  value: t,
-  advancedFilterOption: r
-}) => {
-  if (i(r))
-    return !0;
-  if (typeof t == "string")
-    return !!t;
-  if (t && typeof t == "object" && "range" in t) {
-    const {
-      range: n
-    } = t;
-    return !!(n && (n.gt || n.lt));
-  }
-  return !1;
-}, f = (t) => {
-  if ("advancedFilterOption" in t)
-    return t.advancedFilterOption;
-  if ("enum" in t) {
-    const r = t.enum;
-    if (o(r))
-      return r.advancedFilterOption;
-    const n = r?.[0];
-    if (c(n))
-      return n.advancedFilterOption;
-  }
-}, y = (t) => {
-  const r = f(t);
-  return r && r !== d.SELECT_FILTER_TYPE ? r : void 0;
-}, m = (t) => {
-  if ("advancedFilterOption" in t && i(t.advancedFilterOption))
-    return !0;
-  if ("range" in t) {
-    const {
-      range: r
-    } = t;
-    return !!(r && (r.gt || r.lt));
-  }
-  if ("enum" in t) {
-    const r = t.enum;
-    if (o(r))
-      return s(r);
-    const n = r;
-    if (!n || n.length === 0)
-      return !1;
-    const e = n[0];
-    return c(e) ? a(e) : !!e;
-  }
-  return !1;
-};
-export {
-  y as extractAdvancedFilterOption,
-  m as isFilterSelected
+import { isBlankOrNotBlankFilter as e } from "./is-blank-or-not-blank-filter.js";
+import { FilterKeyTypes as t } from "@box/metadata-filter";
+var n = (e) => !!e && typeof e == "object" && !Array.isArray(e) && "advancedFilterOption" in e, r = ({ value: t, advancedFilterOption: n }) => e(n) ? !0 : !!(t && t.length > 0 && t[0]), i = (e) => !!e && typeof e == "object" && !Array.isArray(e) && "advancedFilterOption" in e, a = ({ value: t, advancedFilterOption: n }) => {
+	if (e(n)) return !0;
+	if (typeof t == "string") return !!t;
+	if (t && typeof t == "object" && "range" in t) {
+		let { range: e } = t;
+		return !!(e && (e.gt || e.lt));
+	}
+	return !1;
+}, o = (e) => {
+	if ("advancedFilterOption" in e) return e.advancedFilterOption;
+	if ("enum" in e) {
+		let t = e.enum;
+		if (n(t)) return t.advancedFilterOption;
+		let r = t?.[0];
+		if (i(r)) return r.advancedFilterOption;
+	}
+}, s = (e) => {
+	let n = o(e);
+	return n && n !== t.SELECT_FILTER_TYPE ? n : void 0;
+}, c = (t) => {
+	if ("advancedFilterOption" in t && e(t.advancedFilterOption)) return !0;
+	if ("range" in t) {
+		let { range: e } = t;
+		return !!(e && (e.gt || e.lt));
+	}
+	if ("enum" in t) {
+		let e = t.enum;
+		if (n(e)) return r(e);
+		let o = e;
+		if (!o || o.length === 0) return !1;
+		let s = o[0];
+		return i(s) ? a(s) : !!s;
+	}
+	return !1;
 };
+export { s as extractAdvancedFilterOption, c as isFilterSelected };

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

@@ -1,42 +1,40 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  applyButton: {
-    id: "groupSharedFeatures.metadataView.filterRow.applyButton",
-    defaultMessage: "Apply"
-  },
-  clearButton: {
-    id: "groupSharedFeatures.metadataView.filterRow.clearButton",
-    defaultMessage: "Clear"
-  },
-  textInputPlaceholder: {
-    id: "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder",
-    defaultMessage: "Set Value"
-  },
-  allFilters: {
-    id: "groupSharedFeatures.metadataView.filterRow.AllFilters",
-    defaultMessage: "All Filters"
-  },
-  keywordSearchFilterPlaceholder: {
-    id: "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder",
-    defaultMessage: "Enter keywords"
-  },
-  chipNameWithCount: {
-    id: "groupSharedFeatures.metadataView.filterRow.chipNameWithCount",
-    defaultMessage: "{name} ({count})"
-  },
-  fileTypeFilterTitle: {
-    id: "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle",
-    defaultMessage: "File Type"
-  },
-  locationFilterTitle: {
-    id: "groupSharedFeatures.metadataView.filterRow.locationFilterTitle",
-    defaultMessage: "Location"
-  },
-  chipNameWithFilterOption: {
-    id: "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption",
-    defaultMessage: "{name} - {optionLabel}"
-  }
+var t = e({
+	applyButton: {
+		id: "groupSharedFeatures.metadataView.filterRow.applyButton",
+		defaultMessage: "Apply"
+	},
+	clearButton: {
+		id: "groupSharedFeatures.metadataView.filterRow.clearButton",
+		defaultMessage: "Clear"
+	},
+	textInputPlaceholder: {
+		id: "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder",
+		defaultMessage: "Set Value"
+	},
+	allFilters: {
+		id: "groupSharedFeatures.metadataView.filterRow.AllFilters",
+		defaultMessage: "All Filters"
+	},
+	keywordSearchFilterPlaceholder: {
+		id: "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder",
+		defaultMessage: "Enter keywords"
+	},
+	chipNameWithCount: {
+		id: "groupSharedFeatures.metadataView.filterRow.chipNameWithCount",
+		defaultMessage: "{name} ({count})"
+	},
+	fileTypeFilterTitle: {
+		id: "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle",
+		defaultMessage: "File Type"
+	},
+	locationFilterTitle: {
+		id: "groupSharedFeatures.metadataView.filterRow.locationFilterTitle",
+		defaultMessage: "Location"
+	},
+	chipNameWithFilterOption: {
+		id: "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption",
+		defaultMessage: "{name} - {optionLabel}"
+	}
 });
-export {
-  a as default
-};
+export { t as default };