@box/metadata-filter 1.81.3 → 1.81.4

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

@@ -1,69 +1,49 @@
-import { fromAbsolute as v, toCalendarDateTime as d, parseAbsolute as g, parseAbsoluteToLocal as w, toCalendarDate as b, Time as f, toZoned as D } from "@box/blueprint-web";
-import { R as i } from "../../../../../../chunks/types.js";
-const F = (o, t) => {
-  try {
-    const e = t ? d(g(o, "UTC")) : w(o);
-    return b(e);
-  } catch {
-    return null;
-  }
-}, y = (o, t, e) => {
-  let r = "";
-  if (o) {
-    const n = e === i.FROM ? o : d(o, new f(23, 59, 59, 999));
-    r = D(n, t).toAbsoluteString();
-  }
-  return r;
-}, c = (o, t) => {
-  let e = "";
-  if (o) {
-    const r = t === i.FROM ? d(o, new f(0, 0, 0, 0)) : d(o, new f(23, 59, 59, 999));
-    e = D(r, "UTC").toAbsoluteString();
-  }
-  return e;
-}, M = (o, t, e = (/* @__PURE__ */ new Date()).getTime()) => {
-  if ((o === "next" || o === "past" || o === "olderThan") && (t === void 0 || isNaN(t)))
-    return {
-      from: void 0,
-      to: void 0
-    };
-  const r = (T) => T === void 0 ? void 0 : T, n = r(v(e, "UTC")), a = (T) => r(n?.add({
-    days: T * t
-  })), s = {
-    today: () => ({
-      from: n,
-      to: n
-    }),
-    next: () => ({
-      from: n,
-      to: a(1)
-    }),
-    past: () => ({
-      from: a(-1),
-      to: n
-    }),
-    olderThan: () => ({
-      from: r(v(0, "UTC")),
-      to: a(-1)
-    })
-  }[o]?.(), m = s?.from, l = s?.to;
-  return {
-    from: m ? c(m, i.FROM) : void 0,
-    to: l ? c(l, i.TO) : void 0
-  };
-}, O = (o, t) => {
-  const e = (s) => s === void 0 ? void 0 : s, r = e(v((/* @__PURE__ */ new Date()).getTime(), "UTC")), n = (s, m) => e(r?.add({
-    days: s * m
-  })), a = n(o < 1 ? -1 : 1, Math.abs(o)), u = n(t < 1 ? -1 : 1, Math.abs(t));
-  return {
-    from: a ? c(a, i.FROM) : void 0,
-    to: u ? c(u, i.TO) : void 0
-  };
-};
-export {
-  F as convertToDatePickerValue,
-  y as convertToFormikValue,
-  c as convertToFormikValueRanged,
-  O as getCustomFromToValues,
-  M as getRelativeFromToValues
+import { n as e } from "../../../../../../chunks/types.js";
+import { Time as t, fromAbsolute as n, parseAbsolute as r, parseAbsoluteToLocal as i, toCalendarDate as a, toCalendarDateTime as o, toZoned as s } from "@box/blueprint-web";
+var c = (e, t) => {
+	try {
+		return a(t ? o(r(e, "UTC")) : i(e));
+	} catch {
+		return null;
+	}
+}, l = (n, r, i) => {
+	let a = "";
+	return n && (a = s(i === e.FROM ? n : o(n, new t(23, 59, 59, 999)), r).toAbsoluteString()), a;
+}, u = (n, r) => {
+	let i = "";
+	return n && (i = s(r === e.FROM ? o(n, new t(0, 0, 0, 0)) : o(n, new t(23, 59, 59, 999)), "UTC").toAbsoluteString()), i;
+}, d = (t, r, i = (/* @__PURE__ */ new Date()).getTime()) => {
+	if ((t === "next" || t === "past" || t === "olderThan") && (r === void 0 || isNaN(r))) return {
+		from: void 0,
+		to: void 0
+	};
+	let a = (e) => e === void 0 ? void 0 : e, o = a(n(i, "UTC")), s = (e) => a(o?.add({ days: e * r })), c = {
+		today: () => ({
+			from: o,
+			to: o
+		}),
+		next: () => ({
+			from: o,
+			to: s(1)
+		}),
+		past: () => ({
+			from: s(-1),
+			to: o
+		}),
+		olderThan: () => ({
+			from: a(n(0, "UTC")),
+			to: s(-1)
+		})
+	}[t]?.(), l = c?.from, d = c?.to;
+	return {
+		from: l ? u(l, e.FROM) : void 0,
+		to: d ? u(d, e.TO) : void 0
+	};
+}, f = (t, r) => {
+	let i = (e) => e === void 0 ? void 0 : e, a = i(n((/* @__PURE__ */ new Date()).getTime(), "UTC")), o = (e, t) => i(a?.add({ days: e * t })), s = o(t < 1 ? -1 : 1, Math.abs(t)), c = o(r < 1 ? -1 : 1, Math.abs(r));
+	return {
+		from: s ? u(s, e.FROM) : void 0,
+		to: c ? u(c, e.TO) : void 0
+	};
 };
+export { c as convertToDatePickerValue, l as convertToFormikValue, u as convertToFormikValueRanged, f as getCustomFromToValues, d as getRelativeFromToValues };

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

@@ -1,187 +1,167 @@
-import { DateI18nProvider as me, DatePicker as H, TextInput as fe } from "@box/blueprint-web";
-import ve from "clsx";
-import { useFormikContext as Te, getIn as pe, Field as I } from "formik";
-import { useState as N, useRef as X, useCallback as T, useEffect as he, useMemo as j } from "react";
-import { useIntl as Fe } from "react-intl";
-import { F as r, R as n } from "../../../../../../chunks/types.js";
-import { DEFAULT_MAX_DATE as q } from "./constants.js";
-import { getRelativeFromToValues as z, convertToFormikValueRanged as J } from "./date-conversion-utils.js";
-import { s as p } from "../../../../../../chunks/metadata-date-field.module.js";
-import { E as S } from "../../../../../../chunks/types2.js";
-import { useDateValidation as De } from "./use-date-validation.js";
-import { useIntegerValidation as ge } from "./use-integer-validation.js";
-import { processRelativeDaysInput as Me, getDynamicMaxMinValue as Q } from "./utils.js";
-import c from "../../../../messages.js";
-import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import { A as Oe } from "../../../../../../chunks/index.js";
-const Ke = ({
-  disableForm: h,
-  fieldNamePrefix: u,
-  label: _,
-  locale: y,
-  portalElement: M,
-  filterOptionsMap: Z,
-  onAdvancedFilterOptionChange: F,
-  fieldAdvancedFilterOptions: C,
-  hasAccordion: ee,
-  isModified: ae
-}) => {
-  const O = `${u}.value.advancedFilterOption`, m = `${u}.value.relativeDays`, o = `${u}.value.range.gt`, s = `${u}.value.range.lt`, {
-    values: b,
-    setFieldValue: t,
-    setFieldTouched: k
-  } = Te(), {
-    validateDates: P,
-    fromDatePickerValue: D,
-    toDatePickerValue: g,
-    fromErrorType: B,
-    toErrorType: U
-  } = De(b, o, s, y, !0), {
-    validatePositiveInteger: te
-  } = ge(), i = Fe(), [f, re] = N(C || r.SELECT_FILTER_TYPE), [x, E] = N(!1), v = pe(b, m), [Y, L] = N(n.FROM), A = X(D), R = X(g), K = {
-    clearDatePickerAriaLabel: i.formatMessage(c.clearSelectedDate),
-    nextMonthAriaLabel: i.formatMessage(c.switchToNextMonth),
-    openCalendarDropdownAriaLabel: i.formatMessage(c.openCalendar),
-    previousMonthAriaLabel: i.formatMessage(c.switchToNextMonth)
-  }, $ = T(() => {
-    if (f === r.TODAY) {
-      const {
-        from: e,
-        to: a
-      } = z("today", void 0);
-      t(o, e), t(s, a);
-    } else if (v !== void 0) {
-      const e = typeof v == "string" ? Number(v) : v;
-      if (!isNaN(e) && e > 0) {
-        const a = f;
-        if ([r.NEXT, r.PAST, r.OLDER_THAN].includes(a)) {
-          const {
-            from: d,
-            to: V
-          } = z(a, e);
-          t(o, d), t(s, V);
-        }
-      }
-    }
-  }, [f, v, o, s, t]);
-  he(() => {
-    x && ($(), E(!1));
-  }, [x, $]);
-  const oe = T((e) => {
-    const a = e;
-    re(a), t(O, a), F && F(u, a);
-    const d = () => {
-      t(m, void 0), t(o, void 0), t(s, void 0);
-    }, V = () => {
-      t(o, void 0), t(s, void 0);
-    };
-    [r.IS_BLANK, r.IS_NOT_BLANK, r.SELECT_FILTER_TYPE].includes(a) || !a || a === r.CUSTOM_RANGE ? d() : a === r.TODAY ? (t(m, void 0), E(!0)) : V();
-  }, [u, F, t, O, m, o, s]), se = T((e) => {
-    const {
-      valueToStore: a,
-      shouldTriggerUpdate: d
-    } = Me(e);
-    t(m, a), d && E(!0);
-  }, [t, m]), ne = T((e) => {
-    const a = J(e, n.FROM);
-    A.current = e, t(o, a), L(n.FROM);
-  }, [t, o]), le = T((e) => {
-    const a = J(e, n.TO);
-    R.current = e, t(s, a), L(n.TO);
-  }, [t, s]), w = T((e) => {
-    const a = e === n.FROM ? o : s;
-    k(a, !0), L(e);
-  }, [k, o, s]), ie = j(() => Q(g, q), [g]), ce = j(() => Q(D), [D]), G = (e, a, d) => !!(a === S.MAX && e === S.OVERLAPPING || e === S.OVERLAPPING && d), de = [r.IS_BLANK, r.IS_NOT_BLANK, r.SELECT_FILTER_TYPE, r.TODAY], ue = () => !f || de.includes(f) ? null : f === r.CUSTOM_RANGE ? /* @__PURE__ */ W("div", {
-    className: ve(p.rangeInputsContainer, p.verticalLayout),
-    children: [/* @__PURE__ */ l(I, {
-      name: o,
-      validate: (e) => P(A.current, R.current, n.FROM),
-      children: ({
-        field: e,
-        meta: a
-      }) => /* @__PURE__ */ l("div", {
-        className: p.datePicker,
-        children: /* @__PURE__ */ l(H, {
-          ...e,
-          ...K,
-          calendarAriaLabel: i.formatMessage(c.selectStartDate),
-          error: !G(B, U, Y !== n.FROM) && a.error,
-          isDisabled: h,
-          label: i.formatMessage(c.afterDate),
-          maxValue: ie,
-          onBlur: () => w(n.FROM),
-          onChange: ne,
-          portalElement: M,
-          value: D
-        })
-      })
-    }), /* @__PURE__ */ l(I, {
-      name: s,
-      validate: (e) => P(A.current, R.current, n.TO),
-      children: ({
-        field: e,
-        meta: a
-      }) => /* @__PURE__ */ l("div", {
-        className: p.datePicker,
-        children: /* @__PURE__ */ l(H, {
-          ...e,
-          ...K,
-          calendarAriaLabel: i.formatMessage(c.selectEndDate),
-          error: !G(U, B, Y !== n.TO) && a.error,
-          isDisabled: h,
-          label: i.formatMessage(c.beforeDate),
-          maxValue: q,
-          minValue: ce,
-          onBlur: () => w(n.TO),
-          onChange: le,
-          portalElement: M,
-          value: g
-        })
-      })
-    })]
-  }) : /* @__PURE__ */ l(I, {
-    name: m,
-    validate: (e) => te(e?.toString() || ""),
-    children: ({
-      field: e,
-      meta: a
-    }) => /* @__PURE__ */ l("div", {
-      className: p.daysInputContainer,
-      children: /* @__PURE__ */ l(fe, {
-        ...e,
-        disabled: h,
-        error: a.touched && a.error,
-        hideLabel: !0,
-        label: i.formatMessage(c.relativeDaysSelectLabel),
-        onChange: (d) => se(d.target.value),
-        placeholder: i.formatMessage(c.numberOfDays),
-        value: v?.toString() || ""
-      })
-    })
-  });
-  return /* @__PURE__ */ l(me, {
-    locale: y,
-    children: /* @__PURE__ */ W("div", {
-      className: p.advancedDateContainer,
-      "data-testid": `${_}-advanced-field`,
-      children: [/* @__PURE__ */ l(Oe, {
-        advancedFilterFieldName: O,
-        disableForm: h,
-        fieldAdvancedFilterOptions: C,
-        fieldNamePrefix: u,
-        filterOptionsMap: Z,
-        isModified: ae,
-        label: _,
-        onAdvancedFilterOptionChange: F,
-        onValueChange: oe,
-        portalElement: M,
-        showLabel: !ee,
-        value: f
-      }), ue()]
-    })
-  });
-};
-export {
-  Ke as MetadataDateFieldAdvanced,
-  Ke as default
+import { n as e, t } from "../../../../../../chunks/types.js";
+import { convertToFormikValueRanged as n, getRelativeFromToValues as r } from "./date-conversion-utils.js";
+import i from "../../../../messages.js";
+import { DEFAULT_MAX_DATE as a } from "./constants.js";
+import { t as o } from "../../../../../../chunks/metadata-date-field.module.js";
+import { t as s } from "../../../../../../chunks/types2.js";
+import { useDateValidation as c } from "./use-date-validation.js";
+import { useIntegerValidation as ee } from "./use-integer-validation.js";
+import { getDynamicMaxMinValue as l, processRelativeDaysInput as u } from "./utils.js";
+import { t as te } from "../../../../../../chunks/advanced-filter-select.js";
+import { DateI18nProvider as ne, DatePicker as d, TextInput as re } from "@box/blueprint-web";
+import { Field as f, getIn as ie, useFormikContext as ae } from "formik";
+import { useCallback as p, useEffect as oe, useMemo as m, useRef as h, useState as g } from "react";
+import { useIntl as _ } from "react-intl";
+import se from "clsx";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+var b = ({ disableForm: b, fieldNamePrefix: x, label: S, locale: C, portalElement: w, filterOptionsMap: ce, onAdvancedFilterOptionChange: T, fieldAdvancedFilterOptions: E, hasAccordion: le, isModified: ue }) => {
+	let D = `${x}.value.advancedFilterOption`, O = `${x}.value.relativeDays`, k = `${x}.value.range.gt`, A = `${x}.value.range.lt`, { values: j, setFieldValue: M, setFieldTouched: N } = ae(), { validateDates: P, fromDatePickerValue: F, toDatePickerValue: I, fromErrorType: L, toErrorType: R } = c(j, k, A, C, !0), { validatePositiveInteger: z } = ee(), B = _(), [V, H] = g(E || t.SELECT_FILTER_TYPE), [U, W] = g(!1), G = ie(j, O), [K, q] = g(e.FROM), J = h(F), Y = h(I), X = {
+		clearDatePickerAriaLabel: B.formatMessage(i.clearSelectedDate),
+		nextMonthAriaLabel: B.formatMessage(i.switchToNextMonth),
+		openCalendarDropdownAriaLabel: B.formatMessage(i.openCalendar),
+		previousMonthAriaLabel: B.formatMessage(i.switchToNextMonth)
+	}, Z = p(() => {
+		if (V === t.TODAY) {
+			let { from: e, to: t } = r("today", void 0);
+			M(k, e), M(A, t);
+		} else if (G !== void 0) {
+			let e = typeof G == "string" ? Number(G) : G;
+			if (!isNaN(e) && e > 0) {
+				let n = V;
+				if ([
+					t.NEXT,
+					t.PAST,
+					t.OLDER_THAN
+				].includes(n)) {
+					let { from: t, to: i } = r(n, e);
+					M(k, t), M(A, i);
+				}
+			}
+		}
+	}, [
+		V,
+		G,
+		k,
+		A,
+		M
+	]);
+	oe(() => {
+		U && (Z(), W(!1));
+	}, [U, Z]);
+	let de = p((e) => {
+		let n = e;
+		H(n), M(D, n), T && T(x, n), [
+			t.IS_BLANK,
+			t.IS_NOT_BLANK,
+			t.SELECT_FILTER_TYPE
+		].includes(n) || !n || n === t.CUSTOM_RANGE ? (M(O, void 0), M(k, void 0), M(A, void 0)) : n === t.TODAY ? (M(O, void 0), W(!0)) : (M(k, void 0), M(A, void 0));
+	}, [
+		x,
+		T,
+		M,
+		D,
+		O,
+		k,
+		A
+	]), fe = p((e) => {
+		let { valueToStore: t, shouldTriggerUpdate: n } = u(e);
+		M(O, t), n && W(!0);
+	}, [M, O]), pe = p((t) => {
+		let r = n(t, e.FROM);
+		J.current = t, M(k, r), q(e.FROM);
+	}, [M, k]), me = p((t) => {
+		let r = n(t, e.TO);
+		Y.current = t, M(A, r), q(e.TO);
+	}, [M, A]), Q = p((t) => {
+		N(t === e.FROM ? k : A, !0), q(t);
+	}, [
+		N,
+		k,
+		A
+	]), he = m(() => l(I, a), [I]), ge = m(() => l(F), [F]), $ = (e, t, n) => !!(t === s.MAX && e === s.OVERLAPPING || e === s.OVERLAPPING && n), _e = [
+		t.IS_BLANK,
+		t.IS_NOT_BLANK,
+		t.SELECT_FILTER_TYPE,
+		t.TODAY
+	];
+	return /* @__PURE__ */ v(ne, {
+		locale: C,
+		children: /* @__PURE__ */ y("div", {
+			className: o.advancedDateContainer,
+			"data-testid": `${S}-advanced-field`,
+			children: [/* @__PURE__ */ v(te, {
+				advancedFilterFieldName: D,
+				disableForm: b,
+				fieldAdvancedFilterOptions: E,
+				fieldNamePrefix: x,
+				filterOptionsMap: ce,
+				isModified: ue,
+				label: S,
+				onAdvancedFilterOptionChange: T,
+				onValueChange: de,
+				portalElement: w,
+				showLabel: !le,
+				value: V
+			}), !V || _e.includes(V) ? null : V === t.CUSTOM_RANGE ? /* @__PURE__ */ y("div", {
+				className: se(o.rangeInputsContainer, o.verticalLayout),
+				children: [/* @__PURE__ */ v(f, {
+					name: k,
+					validate: (t) => P(J.current, Y.current, e.FROM),
+					children: ({ field: t, meta: n }) => /* @__PURE__ */ v("div", {
+						className: o.datePicker,
+						children: /* @__PURE__ */ v(d, {
+							...t,
+							...X,
+							calendarAriaLabel: B.formatMessage(i.selectStartDate),
+							error: !$(L, R, K !== e.FROM) && n.error,
+							isDisabled: b,
+							label: B.formatMessage(i.afterDate),
+							maxValue: he,
+							onBlur: () => Q(e.FROM),
+							onChange: pe,
+							portalElement: w,
+							value: F
+						})
+					})
+				}), /* @__PURE__ */ v(f, {
+					name: A,
+					validate: (t) => P(J.current, Y.current, e.TO),
+					children: ({ field: t, meta: n }) => /* @__PURE__ */ v("div", {
+						className: o.datePicker,
+						children: /* @__PURE__ */ v(d, {
+							...t,
+							...X,
+							calendarAriaLabel: B.formatMessage(i.selectEndDate),
+							error: !$(R, L, K !== e.TO) && n.error,
+							isDisabled: b,
+							label: B.formatMessage(i.beforeDate),
+							maxValue: a,
+							minValue: ge,
+							onBlur: () => Q(e.TO),
+							onChange: me,
+							portalElement: w,
+							value: I
+						})
+					})
+				})]
+			}) : /* @__PURE__ */ v(f, {
+				name: O,
+				validate: (e) => z(e?.toString() || ""),
+				children: ({ field: e, meta: t }) => /* @__PURE__ */ v("div", {
+					className: o.daysInputContainer,
+					children: /* @__PURE__ */ v(re, {
+						...e,
+						disabled: b,
+						error: t.touched && t.error,
+						hideLabel: !0,
+						label: B.formatMessage(i.relativeDaysSelectLabel),
+						onChange: (e) => fe(e.target.value),
+						placeholder: B.formatMessage(i.numberOfDays),
+						value: G?.toString() || ""
+					})
+				})
+			})]
+		})
+	});
 };
+export { b as MetadataDateFieldAdvanced, b as default };