@box/metadata-filter 1.81.3 → 1.81.4

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/metadata-date-field.js

@@ -1,130 +1,90 @@
-import { Text as J, DateI18nProvider as K, DatePicker as N } from "@box/blueprint-web";
-import { useFormikContext as Q, Field as P } from "formik";
-import { useState as W, useRef as y, useMemo as E } from "react";
-import { useIntl as Y } from "react-intl";
+import { n as e } from "../../../../../../chunks/types.js";
+import { convertToFormikValueRanged as t } from "./date-conversion-utils.js";
 import n from "../../../../messages.js";
-import { R as a } from "../../../../../../chunks/types.js";
-import { DEFAULT_MAX_DATE as I } from "./constants.js";
-import { convertToFormikValueRanged as $ } from "./date-conversion-utils.js";
-import { MetadataDateFieldAdvanced as Z } from "./metadata-date-field-advanced.js";
-import { MetadataDateFieldRelative as ee } from "./metadata-date-field-relative.js";
-import { s as l } from "../../../../../../chunks/metadata-date-field.module.js";
-import { E as v } from "../../../../../../chunks/types2.js";
-import { useDateValidation as ae } from "./use-date-validation.js";
-import { getDynamicMaxMinValue as B } from "./utils.js";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-const De = ({
-  canUseRelativeDates: M,
-  isAdvancedFilterEnabled: h,
-  ...i
-}) => h ? /* @__PURE__ */ r(Z, {
-  ...i
-}) : M ? /* @__PURE__ */ r(ee, {
-  ...i
-}) : /* @__PURE__ */ r(te, {
-  ...i
-}), te = ({
-  customFieldLabels: M = [],
-  direction: h = "horizontal",
-  disableForm: i,
-  fieldNamePrefix: d,
-  label: p,
-  locale: T,
-  portalElement: O,
-  hasAccordion: w
-}) => {
-  const [L, F] = W(a.FROM), m = `${d}.value.range.gt`, c = `${d}.value.range.lt`, {
-    values: S,
-    setFieldTouched: j,
-    setFieldValue: R
-  } = Q(), {
-    validateDates: V,
-    fromDatePickerValue: u,
-    toDatePickerValue: f,
-    fromErrorType: b,
-    toErrorType: A
-  } = ae(S, m, c, T, !0), o = Y(), g = y(u), D = y(f), C = {
-    clearDatePickerAriaLabel: o.formatMessage(n.clearSelectedDate),
-    nextMonthAriaLabel: o.formatMessage(n.switchToNextMonth),
-    openCalendarDropdownAriaLabel: o.formatMessage(n.openCalendar),
-    previousMonthAriaLabel: o.formatMessage(n.switchToNextMonth)
-  }, [G, X] = M, z = (e) => {
-    const t = $(e, a.FROM);
-    g.current = e, R(m, t), F(a.FROM);
-  }, H = (e) => {
-    const t = $(e, a.TO);
-    D.current = e, R(c, t), F(a.TO);
-  }, k = (e) => {
-    const t = e === a.FROM ? m : c;
-    j(t, !0), F(e);
-  }, U = E(() => B(f, I), [f]), q = E(() => B(u), [u]), x = (e, t, s) => !!(t === v.MAX && e === v.OVERLAPPING || e === v.OVERLAPPING && s);
-  return /* @__PURE__ */ _("div", {
-    className: l.container,
-    "data-testid": `${p}-field`,
-    children: [!w && /* @__PURE__ */ r(J, {
-      as: "span",
-      className: l.rangeFieldLabel,
-      color: "textOnLightSecondary",
-      variant: "bodyDefaultBold",
-      children: p
-    }), /* @__PURE__ */ r(K, {
-      locale: T,
-      children: /* @__PURE__ */ _("div", {
-        className: `${l.rangeInputsContainer} ${h === "vertical" ? l.verticalLayout : ""}`,
-        children: [/* @__PURE__ */ r(P, {
-          name: m,
-          validate: (e) => V(g.current, D.current, a.FROM),
-          children: ({
-            field: e,
-            meta: t
-          }) => /* @__PURE__ */ r("div", {
-            className: l.inputContainer,
-            children: /* @__PURE__ */ r(N, {
-              ...e,
-              ...C,
-              calendarAriaLabel: o.formatMessage(n.selectFromDate),
-              dataTargetId: `DatePicker-${d}_from`,
-              error: x(b, A, L !== a.FROM) ? void 0 : t.error,
-              isDisabled: i,
-              label: G || o.formatMessage(n.fieldFromLabel),
-              maxValue: U,
-              onBlur: () => k(a.FROM),
-              onChange: (s) => z(s),
-              portalElement: O,
-              value: u
-            })
-          })
-        }), /* @__PURE__ */ r(P, {
-          name: c,
-          validate: (e) => V(g.current, D.current, a.TO),
-          children: ({
-            field: e,
-            meta: t
-          }) => /* @__PURE__ */ r("div", {
-            className: l.inputContainer,
-            children: /* @__PURE__ */ r(N, {
-              ...e,
-              ...C,
-              calendarAriaLabel: o.formatMessage(n.selectToDate),
-              dataTargetId: `DatePicker-${d}_to`,
-              error: x(A, b, L !== a.TO) ? void 0 : t.error,
-              isDisabled: i,
-              label: X || o.formatMessage(n.fieldToLabel),
-              maxValue: I,
-              minValue: q,
-              onBlur: () => k(a.TO),
-              onChange: (s) => H(s),
-              portalElement: O,
-              value: f
-            })
-          })
-        })]
-      })
-    })]
-  });
-};
-export {
-  De as MetadataDateField,
-  te as MetadataDateFieldNonRelative,
-  De as default
+import { DEFAULT_MAX_DATE as r } from "./constants.js";
+import { t as i } from "../../../../../../chunks/metadata-date-field.module.js";
+import { t as a } from "../../../../../../chunks/types2.js";
+import { useDateValidation as o } from "./use-date-validation.js";
+import { getDynamicMaxMinValue as s } from "./utils.js";
+import { MetadataDateFieldAdvanced as c } from "./metadata-date-field-advanced.js";
+import { MetadataDateFieldRelative as l } from "./metadata-date-field-relative.js";
+import { DateI18nProvider as u, DatePicker as d, Text as f } from "@box/blueprint-web";
+import { Field as p, useFormikContext as m } from "formik";
+import { useMemo as h, useRef as g, useState as _ } from "react";
+import { useIntl as v } from "react-intl";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+var x = ({ canUseRelativeDates: e, isAdvancedFilterEnabled: t, ...n }) => y(t ? c : e ? l : S, { ...n }), S = ({ customFieldLabels: c = [], direction: l = "horizontal", disableForm: x, fieldNamePrefix: S, label: C, locale: w, portalElement: T, hasAccordion: E }) => {
+	let [D, O] = _(e.FROM), k = `${S}.value.range.gt`, A = `${S}.value.range.lt`, { values: j, setFieldTouched: M, setFieldValue: N } = m(), { validateDates: P, fromDatePickerValue: F, toDatePickerValue: I, fromErrorType: L, toErrorType: R } = o(j, k, A, w, !0), z = v(), B = g(F), V = g(I), H = {
+		clearDatePickerAriaLabel: z.formatMessage(n.clearSelectedDate),
+		nextMonthAriaLabel: z.formatMessage(n.switchToNextMonth),
+		openCalendarDropdownAriaLabel: z.formatMessage(n.openCalendar),
+		previousMonthAriaLabel: z.formatMessage(n.switchToNextMonth)
+	}, [U, W] = c, G = (n) => {
+		let r = t(n, e.FROM);
+		B.current = n, N(k, r), O(e.FROM);
+	}, K = (n) => {
+		let r = t(n, e.TO);
+		V.current = n, N(A, r), O(e.TO);
+	}, q = (t) => {
+		M(t === e.FROM ? k : A, !0), O(t);
+	}, J = h(() => s(I, r), [I]), Y = h(() => s(F), [F]), X = (e, t, n) => !!(t === a.MAX && e === a.OVERLAPPING || e === a.OVERLAPPING && n);
+	return /* @__PURE__ */ b("div", {
+		className: i.container,
+		"data-testid": `${C}-field`,
+		children: [!E && /* @__PURE__ */ y(f, {
+			as: "span",
+			className: i.rangeFieldLabel,
+			color: "textOnLightSecondary",
+			variant: "bodyDefaultBold",
+			children: C
+		}), /* @__PURE__ */ y(u, {
+			locale: w,
+			children: /* @__PURE__ */ b("div", {
+				className: `${i.rangeInputsContainer} ${l === "vertical" ? i.verticalLayout : ""}`,
+				children: [/* @__PURE__ */ y(p, {
+					name: k,
+					validate: (t) => P(B.current, V.current, e.FROM),
+					children: ({ field: t, meta: r }) => /* @__PURE__ */ y("div", {
+						className: i.inputContainer,
+						children: /* @__PURE__ */ y(d, {
+							...t,
+							...H,
+							calendarAriaLabel: z.formatMessage(n.selectFromDate),
+							dataTargetId: `DatePicker-${S}_from`,
+							error: X(L, R, D !== e.FROM) ? void 0 : r.error,
+							isDisabled: x,
+							label: U || z.formatMessage(n.fieldFromLabel),
+							maxValue: J,
+							onBlur: () => q(e.FROM),
+							onChange: (e) => G(e),
+							portalElement: T,
+							value: F
+						})
+					})
+				}), /* @__PURE__ */ y(p, {
+					name: A,
+					validate: (t) => P(B.current, V.current, e.TO),
+					children: ({ field: t, meta: a }) => /* @__PURE__ */ y("div", {
+						className: i.inputContainer,
+						children: /* @__PURE__ */ y(d, {
+							...t,
+							...H,
+							calendarAriaLabel: z.formatMessage(n.selectToDate),
+							dataTargetId: `DatePicker-${S}_to`,
+							error: X(R, L, D !== e.TO) ? void 0 : a.error,
+							isDisabled: x,
+							label: W || z.formatMessage(n.fieldToLabel),
+							maxValue: r,
+							minValue: Y,
+							onBlur: () => q(e.TO),
+							onChange: (e) => K(e),
+							portalElement: T,
+							value: I
+						})
+					})
+				})]
+			})
+		})]
+	});
 };
+export { x as MetadataDateField, x as default, S as MetadataDateFieldNonRelative };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/use-date-internationalization.js

@@ -1,13 +1,11 @@
-import { DateFormatter as a, getLocalTimeZone as n } from "@box/blueprint-web";
-import { useMemo as m } from "react";
-const D = (t) => {
-  const o = m(() => new a(t), [t]), e = n();
-  return {
-    locale: t,
-    localTimezone: e,
-    formatCalendarDate: (r) => o.format(r.toDate(e))
-  };
-};
-export {
-  D as useDateInternationalization
+import { DateFormatter as e, getLocalTimeZone as t } from "@box/blueprint-web";
+import { useMemo as n } from "react";
+var r = (r) => {
+	let i = n(() => new e(r), [r]), a = t();
+	return {
+		locale: r,
+		localTimezone: a,
+		formatCalendarDate: (e) => i.format(e.toDate(a))
+	};
 };
+export { r as useDateInternationalization };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/use-date-validation.js

@@ -1,37 +1,25 @@
-import { getIn as p } from "formik";
-import { useMemo as E, useState as c } from "react";
-import { useIntl as X } from "react-intl";
-import { R as V } from "../../../../../../chunks/types.js";
-import { DEFAULT_MAX_DATE as D } from "./constants.js";
-import { convertToDatePickerValue as M } from "./date-conversion-utils.js";
-import { E as d } from "../../../../../../chunks/types2.js";
-import { useDateInternationalization as _ } from "./use-date-internationalization.js";
-import m from "../../../../messages.js";
-const B = (i, F, A, R, t) => {
-  const {
-    formatCalendarDate: a
-  } = _(R), n = X(), l = p(i, F), f = p(i, A), I = E(() => M(l, t), [t, l]), T = E(() => M(f, t), [t, f]), [g, v] = c(null), [y, O] = c(null), s = (r, o) => r === V.FROM ? v(o) : O(o);
-  return {
-    validateDates: (r, o, e) => {
-      const u = e === V.FROM;
-      if ((u ? r : o)?.compare(D) > 0)
-        return s(e, d.MAX), n.formatMessage(m.beforeDateValidationError, {
-          date: a(D)
-        });
-      if (r && o && r.compare(o) > 0)
-        return s(e, d.OVERLAPPING), u ? n.formatMessage(m.beforeDateValidationError, {
-          date: a(o)
-        }) : n.formatMessage(m.afterDateValidationError, {
-          date: a(r)
-        });
-      s(e, null);
-    },
-    fromDatePickerValue: I,
-    toDatePickerValue: T,
-    fromErrorType: g,
-    toErrorType: y
-  };
-};
-export {
-  B as useDateValidation
+import { n as e } from "../../../../../../chunks/types.js";
+import { convertToDatePickerValue as t } from "./date-conversion-utils.js";
+import n from "../../../../messages.js";
+import { DEFAULT_MAX_DATE as r } from "./constants.js";
+import { t as i } from "../../../../../../chunks/types2.js";
+import { useDateInternationalization as a } from "./use-date-internationalization.js";
+import { getIn as o } from "formik";
+import { useMemo as s, useState as c } from "react";
+import { useIntl as l } from "react-intl";
+var u = (u, d, f, p, m) => {
+	let { formatCalendarDate: h } = a(p), g = l(), _ = o(u, d), v = o(u, f), y = s(() => t(_, m), [m, _]), b = s(() => t(v, m), [m, v]), [x, S] = c(null), [C, w] = c(null), T = (t, n) => t === e.FROM ? S(n) : w(n);
+	return {
+		validateDates: (t, a, o) => {
+			let s = o === e.FROM;
+			if ((s ? t : a)?.compare(r) > 0) return T(o, i.MAX), g.formatMessage(n.beforeDateValidationError, { date: h(r) });
+			if (t && a && t.compare(a) > 0) return T(o, i.OVERLAPPING), s ? g.formatMessage(n.beforeDateValidationError, { date: h(a) }) : g.formatMessage(n.afterDateValidationError, { date: h(t) });
+			T(o, null);
+		},
+		fromDatePickerValue: y,
+		toDatePickerValue: b,
+		fromErrorType: x,
+		toErrorType: C
+	};
 };
+export { u as useDateValidation };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/use-integer-validation.js

@@ -1,21 +1,16 @@
+import e from "../../../../messages.js";
+import { t } from "../../../../../../chunks/types2.js";
 import { useState as n } from "react";
-import { useIntl as m } from "react-intl";
-import s from "../../../../messages.js";
-import { E as i } from "../../../../../../chunks/types2.js";
-const a = (r) => r?.length ? /^[-+]?\d+$/.test(r.trim()) : !0, d = () => {
-  const r = m(), [o, t] = n(null);
-  return {
-    validatePositiveInteger: (e) => {
-      if (!a(e))
-        return t(i.INVALID), r.formatMessage(s.mustBeANumber);
-      if (e && parseInt(e, 10) <= 0)
-        return t(i.INVALID), r.formatMessage(s.mustBePositiveNumber);
-      t(null);
-    },
-    errorType: o
-  };
-};
-export {
-  a as isIntegerOrBlank,
-  d as useIntegerValidation
+import { useIntl as r } from "react-intl";
+var i = (e) => e?.length ? /^[-+]?\d+$/.test(e.trim()) : !0, a = () => {
+	let a = r(), [o, s] = n(null);
+	return {
+		validatePositiveInteger: (n) => {
+			if (!i(n)) return s(t.INVALID), a.formatMessage(e.mustBeANumber);
+			if (n && parseInt(n, 10) <= 0) return s(t.INVALID), a.formatMessage(e.mustBePositiveNumber);
+			s(null);
+		},
+		errorType: o
+	};
 };
+export { i as isIntegerOrBlank, a as useIntegerValidation };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/utils.js

@@ -1,12 +1,9 @@
-import { DEFAULT_MAX_DATE as i } from "./constants.js";
-const s = (r, t) => r ? r.compare(i) > 0 ? i : r : t, n = (r) => {
-  const t = Number(r), e = !isNaN(t) && t > 0 && /^\d+$/.test(r.trim());
-  return {
-    valueToStore: e ? t : r,
-    shouldTriggerUpdate: e
-  };
-};
-export {
-  s as getDynamicMaxMinValue,
-  n as processRelativeDaysInput
+import { DEFAULT_MAX_DATE as e } from "./constants.js";
+var t = (t, n) => t ? t.compare(e) > 0 ? e : t : n, n = (e) => {
+	let t = Number(e), n = !isNaN(t) && t > 0 && /^\d+$/.test(e.trim());
+	return {
+		valueToStore: n ? t : e,
+		shouldTriggerUpdate: n
+	};
 };
+export { t as getDynamicMaxMinValue, n as processRelativeDaysInput };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-enum-field/metadata-enum-field.js

@@ -1,58 +1,39 @@
-import { Select as l, SELECT_EMPTY_VALUE as o } from "@box/blueprint-web";
-import { useFormikContext as E, getIn as F, Field as M } from "formik";
-import { useIntl as V, FormattedMessage as x } from "react-intl";
-import i from "../../../../messages.js";
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-const O = ({
-  disableForm: u,
-  fieldNamePrefix: s,
-  label: r,
-  portalElement: m,
-  hasAccordion: h,
-  placeholder: p
-}) => {
-  const {
-    setFieldValue: d,
-    values: v
-  } = E(), g = V(), n = `${s}.value.enum[0]`, f = F(v, `${s}.options`, []).map(({
-    key: a
-  }) => a), c = p || g.formatMessage(i.selectValuePlaceholder);
-  return /* @__PURE__ */ t("div", {
-    "data-testid": `${r}-field`,
-    children: /* @__PURE__ */ t(M, {
-      name: n,
-      children: ({
-        field: a
-      }) => /* @__PURE__ */ t(l, {
-        "data-target-id": `Select-${s}`,
-        disabled: u,
-        hideLabel: h,
-        label: r,
-        onValueChange: (e) => {
-          e === o ? d(n, "") : d(n, e);
-        },
-        placeholder: c,
-        ...a,
-        value: a.value === o ? "" : a.value,
-        children: /* @__PURE__ */ C(l.Content, {
-          container: m,
-          children: [/* @__PURE__ */ t(l.Option, {
-            text: c,
-            value: o,
-            children: /* @__PURE__ */ t(x, {
-              ...i.selectValuePlaceholder
-            })
-          }), f?.map((e) => /* @__PURE__ */ t(l.Option, {
-            text: e,
-            value: e,
-            children: e
-          }, e))]
-        })
-      })
-    })
-  });
-};
-export {
-  O as MetadataEnumField,
-  O as default
+import e from "../../../../messages.js";
+import { SELECT_EMPTY_VALUE as t, Select as n } from "@box/blueprint-web";
+import { Field as r, getIn as i, useFormikContext as a } from "formik";
+import { FormattedMessage as o, useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+var u = ({ disableForm: u, fieldNamePrefix: d, label: f, portalElement: p, hasAccordion: m, placeholder: h }) => {
+	let { setFieldValue: g, values: _ } = a(), v = s(), y = `${d}.value.enum[0]`, b = i(_, `${d}.options`, []).map(({ key: e }) => e), x = h || v.formatMessage(e.selectValuePlaceholder);
+	return /* @__PURE__ */ c("div", {
+		"data-testid": `${f}-field`,
+		children: /* @__PURE__ */ c(r, {
+			name: y,
+			children: ({ field: r }) => /* @__PURE__ */ c(n, {
+				"data-target-id": `Select-${d}`,
+				disabled: u,
+				hideLabel: m,
+				label: f,
+				onValueChange: (e) => {
+					e === t ? g(y, "") : g(y, e);
+				},
+				placeholder: x,
+				...r,
+				value: r.value === t ? "" : r.value,
+				children: /* @__PURE__ */ l(n.Content, {
+					container: p,
+					children: [/* @__PURE__ */ c(n.Option, {
+						text: x,
+						value: t,
+						children: /* @__PURE__ */ c(o, { ...e.selectValuePlaceholder })
+					}), b?.map((e) => /* @__PURE__ */ c(n.Option, {
+						text: e,
+						value: e,
+						children: e
+					}, e))]
+				})
+			})
+		})
+	});
 };
+export { u as MetadataEnumField, u as default };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-float-field/handlers.js

@@ -1,16 +1,13 @@
-import { R as l } from "../../../../../../chunks/types.js";
-import { createFieldValue as i } from "./utils.js";
-const F = (e, a, s) => (t, n, o, c) => {
-  const r = t;
-  s?.(r), a?.(e, r);
-  const V = i(t === "isBlank" || t === "isNotBlank" ? "" : n, t === "isBlank" || t === "isNotBlank" ? "" : o, t, !0);
-  c.setFieldValue(e, V);
-}, k = (e, a, s, t) => (n, o, c) => {
-  s(t);
-  const r = i(t === l.FROM ? n : o, t === l.TO ? n : o, a, !0);
-  c.setFieldValue(e, r);
-};
-export {
-  F as createAdvancedFilterOptionHandler,
-  k as createInputChangeHandler
+import { n as e } from "../../../../../../chunks/types.js";
+import { createFieldValue as t } from "./utils.js";
+var n = (e, n, r) => (i, a, o, s) => {
+	let c = i;
+	r?.(c), n?.(e, c);
+	let l = t(i === "isBlank" || i === "isNotBlank" ? "" : a, i === "isBlank" || i === "isNotBlank" ? "" : o, i, !0);
+	s.setFieldValue(e, l);
+}, r = (n, r, i, a) => (o, s, c) => {
+	i(a);
+	let l = t(a === e.FROM ? o : s, a === e.TO ? o : s, r, !0);
+	c.setFieldValue(n, l);
 };
+export { n as createAdvancedFilterOptionHandler, r as createInputChangeHandler };

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-float-field/metadata-float-field-advanced.js

@@ -1,17 +1,2 @@
-import "@box/blueprint-web";
-import "formik";
-import "react";
-import "react-intl";
-import "../../../../messages.js";
-import "../../../../../../chunks/types.js";
-import "../constants.js";
-import "./handlers.js";
-import { M as c, M as n } from "../../../../../../chunks/metadata-float-field-advanced.js";
-import "../../../../../../chunks/use-float-validation.js";
-import "./utils.js";
-import "react/jsx-runtime";
-import "../../../../../../chunks/index.js";
-export {
-  c as MetadataFloatFieldAdvanced,
-  n as default
-};
+import { t as e } from "../../../../../../chunks/metadata-float-field-advanced.js";
+export { e as MetadataFloatFieldAdvanced, e as default };