@box/metadata-filter 1.18.11 → 1.19.0

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

@@ -1,37 +1,42 @@
-import { Time as f } from "@box/blueprint-web/lib-esm/primitives/calendar/classes.util";
-import { fromAbsolute as p } from "@box/blueprint-web/lib-esm/primitives/calendar/from-absolute.util";
-import { parseAbsoluteToLocal as b } from "@box/blueprint-web/lib-esm/primitives/calendar/parse-absolute-to-local.util";
-import { parseAbsolute as F } from "@box/blueprint-web/lib-esm/primitives/calendar/parse-absolute.util";
-import { toCalendarDateTime as T } from "@box/blueprint-web/lib-esm/primitives/calendar/to-calendar-date-time.util";
-import { toCalendarDate as R } from "@box/blueprint-web/lib-esm/primitives/calendar/to-calendar-date.util";
+import { Time as u } from "@box/blueprint-web/lib-esm/primitives/calendar/classes.util";
+import { fromAbsolute as v } from "@box/blueprint-web/lib-esm/primitives/calendar/from-absolute.util";
+import { parseAbsoluteToLocal as F } from "@box/blueprint-web/lib-esm/primitives/calendar/parse-absolute-to-local.util";
+import { parseAbsolute as w } from "@box/blueprint-web/lib-esm/primitives/calendar/parse-absolute.util";
+import { toCalendarDateTime as c } from "@box/blueprint-web/lib-esm/primitives/calendar/to-calendar-date-time.util";
+import { toCalendarDate as D } from "@box/blueprint-web/lib-esm/primitives/calendar/to-calendar-date.util";
 import { toZoned as C } from "@box/blueprint-web/lib-esm/primitives/calendar/to-zoned.util";
 import { R as a } from "../../../../../../chunks/types.js";
-const g = (o, r) => {
+const l = (o, n) => {
   try {
-    const n = r ? T(F(o, "UTC")) : b(o);
-    return R(n);
+    const e = n ? c(w(o, "UTC")) : F(o);
+    return D(e);
   } catch {
     return null;
   }
-}, h = (o, r, n) => {
-  let e = "";
+}, x = (o, n, e) => {
+  let r = "";
   if (o) {
-    const t = n === a.FROM ? o : T(o, new f(23, 59, 59, 999));
-    e = C(t, r).toAbsoluteString();
+    const t = e === a.FROM ? o : c(o, new u(23, 59, 59, 999));
+    r = C(t, n).toAbsoluteString();
   }
-  return e;
-}, v = (o, r) => {
-  let n = "";
+  return r;
+}, f = (o, n) => {
+  let e = "";
   if (o) {
-    const e = r === a.FROM ? T(o, new f(0, 0, 0, 0)) : T(o, new f(23, 59, 59, 999));
-    n = C(e, "UTC").toAbsoluteString();
+    const r = n === a.FROM ? c(o, new u(0, 0, 0, 0)) : c(o, new u(23, 59, 59, 999));
+    e = C(r, "UTC").toAbsoluteString();
   }
-  return n;
-}, x = (o, r, n = (/* @__PURE__ */ new Date()).getTime()) => {
-  var l;
-  const e = (i) => i === void 0 ? void 0 : i, t = e(p(n, "UTC")), s = (i) => e(t == null ? void 0 : t.add({
-    days: i * r
-  })), c = {
+  return e;
+}, y = (o, n, e = (/* @__PURE__ */ new Date()).getTime()) => {
+  var b;
+  if ((o === "next" || o === "past" || o === "olderThan") && (n === void 0 || isNaN(n)))
+    return {
+      from: void 0,
+      to: void 0
+    };
+  const r = (d) => d === void 0 ? void 0 : d, t = r(v(e, "UTC")), s = (d) => r(t == null ? void 0 : t.add({
+    days: d * n
+  })), i = {
     today: () => ({
       from: t,
       to: t
@@ -45,18 +50,27 @@ const g = (o, r) => {
       to: t
     }),
     olderThan: () => ({
-      from: e(p(0, "UTC")),
+      from: r(v(0, "UTC")),
       to: s(-1)
     })
-  }, m = (l = c[o]) == null ? void 0 : l.call(c), d = m == null ? void 0 : m.from, u = m == null ? void 0 : m.to;
+  }, m = (b = i[o]) == null ? void 0 : b.call(i), T = m == null ? void 0 : m.from, p = m == null ? void 0 : m.to;
+  return {
+    from: T ? f(T, a.FROM) : void 0,
+    to: p ? f(p, a.TO) : void 0
+  };
+}, L = (o, n) => {
+  const e = (m) => m === void 0 ? void 0 : m, r = e(v((/* @__PURE__ */ new Date()).getTime(), "UTC")), t = (m, T) => e(r == null ? void 0 : r.add({
+    days: m * T
+  })), s = t(o < 1 ? -1 : 1, Math.abs(o)), i = t(n < 1 ? -1 : 1, Math.abs(n));
   return {
-    from: d ? v(d, a.FROM) : void 0,
-    to: u ? v(u, a.TO) : void 0
+    from: s ? f(s, a.FROM) : void 0,
+    to: i ? f(i, a.TO) : void 0
   };
 };
 export {
-  g as convertToDatePickerValue,
-  h as convertToFormikValue,
-  v as convertToFormikValueRanged,
-  x as getRelativeFromToValues
+  l as convertToDatePickerValue,
+  x as convertToFormikValue,
+  f as convertToFormikValueRanged,
+  L as getCustomFromToValues,
+  y as getRelativeFromToValues
 };

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

@@ -1,182 +1,249 @@
-import { DateI18nProvider as ue, Text as me, Radio as d, Select as x, DatePicker as H } from "@box/blueprint-web";
-import fe from "clsx";
-import { useFormikContext as ge, getIn as q, Field as z } from "formik";
-import { useState as A, useRef as J, useCallback as he, useEffect as ve, useMemo as K } from "react";
-import { useIntl as pe } from "react-intl";
-import { R as o } from "../../../../../../chunks/types.js";
-import { DEFAULT_MAX_DATE as Q } from "./constants.js";
-import { getRelativeFromToValues as Fe, convertToFormikValueRanged as W } from "./date-conversion-utils.js";
-import { s as c } from "../../../../../../chunks/metadata-date-field.module.js";
-import { u as Me, E as L } from "../../../../../../chunks/use-date-validation.js";
-import { getDynamicMaxMinValue as Y } from "./utils.js";
-import a from "../../../../messages.js";
-import { jsx as l, jsxs as S } from "react/jsx-runtime";
-const ee = {
-  next: a.nextDaysAmt,
-  past: a.pastDaysAmt,
-  olderThan: a.olderThanDaysAmt
-}, De = [1, 3, 15, 45, 60, 120, 365], Z = (u) => u in ee || u === "today", ke = ({
-  disableForm: u,
-  fieldNamePrefix: p,
-  label: N,
-  locale: I,
-  portalElement: M
+import { DateI18nProvider as Oe, Text as xe, Radio as i, Select as p, DatePicker as ne } from "@box/blueprint-web";
+import Ae from "clsx";
+import { useFormikContext as Le, getIn as O, Field as oe } from "formik";
+import { useState as x, useRef as A, useCallback as Ie, useEffect as ie, useMemo as ce } from "react";
+import { useIntl as Ne } from "react-intl";
+import { R as c } from "../../../../../../chunks/types.js";
+import { DEFAULT_MAX_DATE as ue } from "./constants.js";
+import { getRelativeFromToValues as ke, convertToFormikValueRanged as me, getCustomFromToValues as de } from "./date-conversion-utils.js";
+import { s as f } from "../../../../../../chunks/metadata-date-field.module.js";
+import { u as Ee, E as G } from "../../../../../../chunks/use-date-validation.js";
+import { getDynamicMaxMinValue as fe } from "./utils.js";
+import r from "../../../../messages.js";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+const ve = {
+  next: r.nextDaysAmt,
+  past: r.pastDaysAmt,
+  olderThan: r.olderThanDaysAmt
+}, Pe = [1, 3, 15, 45, 60, 120, 365], ge = (u) => u in ve || u === "today" || u === "customRange", Qe = ({
+  customDateFilterOptions: u,
+  disableForm: C,
+  fieldNamePrefix: h,
+  label: U,
+  locale: j,
+  portalElement: b
 }) => {
-  const [k, D] = A(o.FROM), [E, T] = A(!1), m = `${p}.value.range.gt`, f = `${p}.value.range.lt`, P = `${p}.value.relativeType`, V = `${p}.value.relativeDays`, {
-    values: y,
-    setFieldTouched: ae,
-    setFieldValue: i
-  } = ge(), {
-    validateDates: $,
-    fromDatePickerValue: g,
-    toDatePickerValue: h,
-    fromErrorType: B,
-    toErrorType: w
-  } = Me(y, m, f, I, !0), r = pe(), G = q(y, P), te = g || h;
-  let R = "anyTime";
-  Z(G) ? R = G : te && (R = "customRange");
-  const [v, re] = A(R), F = q(y, V), b = J(g), O = J(h), U = {
-    clearDatePickerAriaLabel: r.formatMessage(a.clearSelectedDate),
-    nextMonthAriaLabel: r.formatMessage(a.switchToNextMonth),
-    openCalendarDropdownAriaLabel: r.formatMessage(a.openCalendar),
-    previousMonthAriaLabel: r.formatMessage(a.switchToNextMonth)
-  }, le = (e) => {
-    const t = W(e, o.FROM);
-    b.current = e, i(m, t), D(o.FROM);
-  }, oe = (e) => {
-    const t = W(e, o.TO);
-    O.current = e, i(f, t), D(o.TO);
-  }, j = (e) => {
-    const t = e === o.FROM ? m : f;
-    ae(t, !0), D(e);
-  }, se = (e) => {
-    let t;
-    Z(e) && (t = e), i(P, t), re(e), i(V, void 0), T(!0);
-  }, X = he(() => {
+  const [X, I] = x(c.FROM), [_, N] = x(!1), m = `${h}.value.range.gt`, d = `${h}.value.range.lt`, H = `${h}.value.relativeType`, k = `${h}.value.relativeDays`, q = `${h}.value.customType`, E = `${h}.value.customDays`, {
+    values: F,
+    setFieldTouched: he,
+    setFieldValue: n
+  } = Le(), {
+    validateDates: z,
+    fromDatePickerValue: T,
+    toDatePickerValue: y,
+    fromErrorType: J,
+    toErrorType: K
+  } = Ee(F, m, d, j, !0), s = Ne(), g = O(F, H), v = O(F, q), pe = T || y;
+  let P = "anyTime", $ = "anyTime";
+  ge(g) ? P = g : v ? $ = v : pe && (P = "customRange", $ = "customRange");
+  const [D, Q] = x(P), W = A(g), Y = A(v), S = O(F, k), Z = O(F, E), [w, ee] = x($), V = A(T), M = A(y), ae = {
+    clearDatePickerAriaLabel: s.formatMessage(r.clearSelectedDate),
+    nextMonthAriaLabel: s.formatMessage(r.switchToNextMonth),
+    openCalendarDropdownAriaLabel: s.formatMessage(r.openCalendar),
+    previousMonthAriaLabel: s.formatMessage(r.switchToNextMonth)
+  }, Fe = () => {
+    n(m, void 0), n(d, void 0), V.current = void 0, M.current = void 0;
+  }, Te = (e) => {
+    const a = me(e, c.FROM);
+    V.current = e, n(m, a), I(c.FROM);
+  }, ye = (e) => {
+    const a = me(e, c.TO);
+    M.current = e, n(d, a), I(c.TO);
+  }, te = (e) => {
+    const a = e === c.FROM ? m : d;
+    he(a, !0), I(e);
+  }, De = (e) => {
+    let a;
+    ge(e) && (a = e), e === "customRange" && (V.current = void 0, M.current = void 0), n(H, a), Q(e), n(k, void 0), N(!0);
+  }, Ve = (e) => {
+    n(q, e), ee(e), n(E, void 0), Fe();
+    const a = u.find((t) => t.name === e);
+    if (a && a.type === "text") {
+      const {
+        from: t,
+        to: o
+      } = de(a.from, a.to);
+      n(m, t), n(d, o);
+    }
+  }, le = Ie(() => {
     const {
       from: e,
-      to: t
-    } = Fe(v, F);
-    i(m, e), i(f, t);
-  }, [m, F, v, i, f]);
-  ve(() => {
-    E && (X(), T(!1));
-  }, [E, X]);
-  const ne = K(() => Y(h, Q), [h]), ie = K(() => Y(g), [g]), _ = (e, t, s) => !!(t === L.MAX && e === L.OVERLAPPING || e === L.OVERLAPPING && s), C = (e) => {
-    if (e !== v)
+      to: a
+    } = ke(D, S);
+    n(m, e), n(d, a);
+  }, [m, S, D, n, d]);
+  ie(() => {
+    _ && (le(), N(!1));
+  }, [_, le]), ie(() => {
+    const e = W.current !== g, a = Y.current !== v;
+    (e || a) && (Q(g ?? "anyTime"), ee(v), W.current = g, Y.current = v);
+  }, [g, v]);
+  const Me = ce(() => fe(y, ue), [y]), Re = ce(() => fe(T), [T]), re = (e, a, t) => !!(a === G.MAX && e === G.OVERLAPPING || e === G.OVERLAPPING && t), B = (e) => {
+    if (e !== D)
       return null;
-    const t = (n) => {
-      const de = ee[e];
+    const a = (o) => {
+      const R = ve[e];
       return {
-        value: String(n),
-        label: r.formatMessage(de, {
-          count: n
+        value: String(o),
+        label: s.formatMessage(R, {
+          count: o
         })
       };
-    }, s = De.map(t);
-    return /* @__PURE__ */ l(x, {
-      className: c.dateSelect,
-      defaultValue: F === void 0 ? "" : String(F),
-      label: r.formatMessage(a.relativeDaysSelectLabel),
-      onValueChange: (n) => {
-        i(V, Number(n)), T(!0);
+    }, t = Pe.map(a);
+    return /* @__PURE__ */ l(p, {
+      className: f.dateSelect,
+      defaultValue: S === void 0 ? "" : String(S),
+      label: s.formatMessage(r.relativeDaysSelectLabel),
+      onValueChange: (o) => {
+        n(k, Number(o)), N(!0);
       },
-      placeholder: r.formatMessage(a.selectValuePlaceholder),
-      children: /* @__PURE__ */ l(x.Content, {
-        container: M,
-        children: s == null ? void 0 : s.map((n) => /* @__PURE__ */ l(x.Option, {
-          text: n.label,
-          value: n.value,
-          children: n.label
-        }, n.value))
+      placeholder: s.formatMessage(r.selectValuePlaceholder),
+      children: /* @__PURE__ */ l(p.Content, {
+        container: b,
+        children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ l(p.Option, {
+          text: o.label,
+          value: o.value,
+          children: o.label
+        }, o.value))
       })
     });
-  }, ce = () => v !== "customRange" ? null : /* @__PURE__ */ S("div", {
-    className: fe(c.rangeInputsContainer, c.verticalLayout, c.dateSelect),
-    children: [/* @__PURE__ */ l(z, {
+  }, Ce = (e, a) => e !== w ? null : /* @__PURE__ */ l(p, {
+    className: f.dateSelect,
+    defaultValue: Z === void 0 ? "" : String(Z),
+    label: s.formatMessage(r.relativeDaysSelectLabel),
+    onValueChange: (t) => {
+      const o = a.find((R) => R.name === t);
+      if (o) {
+        const {
+          from: R,
+          to: Se
+        } = de(o.from, o.to);
+        n(m, R), n(d, Se), n(E, o.name);
+      }
+    },
+    placeholder: s.formatMessage(r.selectValuePlaceholder),
+    children: /* @__PURE__ */ l(p.Content, {
+      container: b,
+      children: a.map((t) => /* @__PURE__ */ l(p.Option, {
+        text: t.name,
+        value: t.name,
+        children: t.name
+      }, t.name))
+    })
+  }), be = () => /* @__PURE__ */ L(i.Group, {
+    disabled: C,
+    loop: !1,
+    onValueChange: Ve,
+    value: w,
+    children: [/* @__PURE__ */ l(i.Item, {
+      label: s.formatMessage(r.relativeDateFilterAnyTime),
+      value: "anyTime"
+    }), u.map((e) => {
+      if (e.type === "text")
+        return /* @__PURE__ */ l(i.Item, {
+          label: e.name,
+          value: e.name
+        }, e.name);
+      const {
+        name: a,
+        options: t
+      } = e;
+      return /* @__PURE__ */ l(i.Item, {
+        description: t ? Ce(a, t) : void 0,
+        label: a,
+        value: a
+      }, a);
+    }), /* @__PURE__ */ l(i.Item, {
+      description: se(),
+      label: s.formatMessage(r.relativeDateFilterCustomRange),
+      value: "customRange"
+    })]
+  }), se = () => !u && D !== "customRange" || u && w !== "customRange" ? null : /* @__PURE__ */ L("div", {
+    className: Ae(f.rangeInputsContainer, f.verticalLayout, f.dateSelect),
+    children: [/* @__PURE__ */ l(oe, {
       name: m,
-      validate: (e) => $(b.current, O.current, o.FROM),
+      validate: (e) => z(V.current, M.current, c.FROM),
       children: ({
         field: e,
-        meta: t
+        meta: a
       }) => /* @__PURE__ */ l("div", {
-        className: c.inputContainer,
-        children: /* @__PURE__ */ l(H, {
+        className: f.inputContainer,
+        children: /* @__PURE__ */ l(ne, {
           ...e,
-          ...U,
-          calendarAriaLabel: r.formatMessage(a.selectStartDate),
-          error: _(B, w, k !== o.FROM) ? void 0 : t.error,
-          isDisabled: u,
-          label: r.formatMessage(a.fieldStartDateLabel),
-          maxValue: ne,
-          onBlur: () => j(o.FROM),
-          onChange: (s) => le(s),
-          portalElement: M,
-          value: g
+          ...ae,
+          calendarAriaLabel: s.formatMessage(r.selectStartDate),
+          error: re(J, K, X !== c.FROM) ? void 0 : a.error,
+          isDisabled: C,
+          label: s.formatMessage(r.fieldStartDateLabel),
+          maxValue: Me,
+          onBlur: () => te(c.FROM),
+          onChange: (t) => Te(t),
+          portalElement: b,
+          value: T
         })
       })
-    }), /* @__PURE__ */ l(z, {
-      name: f,
-      validate: (e) => $(b.current, O.current, o.TO),
+    }), /* @__PURE__ */ l(oe, {
+      name: d,
+      validate: (e) => z(V.current, M.current, c.TO),
       children: ({
         field: e,
-        meta: t
+        meta: a
       }) => /* @__PURE__ */ l("div", {
-        className: c.inputContainer,
-        children: /* @__PURE__ */ l(H, {
+        className: f.inputContainer,
+        children: /* @__PURE__ */ l(ne, {
           ...e,
-          ...U,
-          calendarAriaLabel: r.formatMessage(a.selectEndDate),
-          error: _(w, B, k !== o.TO) ? void 0 : t.error,
-          isDisabled: u,
-          label: r.formatMessage(a.fieldEndDateLabel),
-          maxValue: Q,
-          minValue: ie,
-          onBlur: () => j(o.TO),
-          onChange: (s) => oe(s),
-          portalElement: M,
-          value: h
+          ...ae,
+          calendarAriaLabel: s.formatMessage(r.selectEndDate),
+          error: re(K, J, X !== c.TO) ? void 0 : a.error,
+          isDisabled: C,
+          label: s.formatMessage(r.fieldEndDateLabel),
+          maxValue: ue,
+          minValue: Re,
+          onBlur: () => te(c.TO),
+          onChange: (t) => ye(t),
+          portalElement: b,
+          value: y
         })
       })
     })]
   });
-  return /* @__PURE__ */ l(ue, {
-    locale: I,
-    children: /* @__PURE__ */ S("div", {
-      className: c.container,
-      "data-testid": `${N}-field`,
-      children: [/* @__PURE__ */ l(me, {
+  return /* @__PURE__ */ l(Oe, {
+    locale: j,
+    children: /* @__PURE__ */ L("div", {
+      className: f.container,
+      "data-testid": `${U}-field`,
+      children: [/* @__PURE__ */ l(xe, {
         as: "span",
-        className: c.rangeFieldLabel,
+        className: f.rangeFieldLabel,
         color: "textOnLightSecondary",
         variant: "bodyDefaultBold",
-        children: N
-      }), /* @__PURE__ */ S(d.Group, {
-        disabled: u,
+        children: U
+      }), u ? be() : /* @__PURE__ */ L(i.Group, {
+        disabled: C,
         loop: !1,
-        onValueChange: se,
-        value: v,
-        children: [/* @__PURE__ */ l(d.Item, {
-          label: r.formatMessage(a.relativeDateFilterAnyTime),
+        onValueChange: De,
+        value: D,
+        children: [/* @__PURE__ */ l(i.Item, {
+          label: s.formatMessage(r.relativeDateFilterAnyTime),
           value: "anyTime"
-        }), /* @__PURE__ */ l(d.Item, {
-          label: r.formatMessage(a.relativeDateFilterToday),
+        }), /* @__PURE__ */ l(i.Item, {
+          label: s.formatMessage(r.relativeDateFilterToday),
           value: "today"
-        }), /* @__PURE__ */ l(d.Item, {
-          description: C("next"),
-          label: r.formatMessage(a.relativeDateFilterNext),
+        }), /* @__PURE__ */ l(i.Item, {
+          description: B("next"),
+          label: s.formatMessage(r.relativeDateFilterNext),
           value: "next"
-        }), /* @__PURE__ */ l(d.Item, {
-          description: C("past"),
-          label: r.formatMessage(a.relativeDateFilterPast),
+        }), /* @__PURE__ */ l(i.Item, {
+          description: B("past"),
+          label: s.formatMessage(r.relativeDateFilterPast),
           value: "past"
-        }), /* @__PURE__ */ l(d.Item, {
-          description: C("olderThan"),
-          label: r.formatMessage(a.relativeDateFilterOlderThan),
+        }), /* @__PURE__ */ l(i.Item, {
+          description: B("olderThan"),
+          label: s.formatMessage(r.relativeDateFilterOlderThan),
           value: "olderThan"
-        }), /* @__PURE__ */ l(d.Item, {
-          description: ce(),
-          label: r.formatMessage(a.relativeDateFilterCustomRange),
+        }), /* @__PURE__ */ l(i.Item, {
+          description: se(),
+          label: s.formatMessage(r.relativeDateFilterCustomRange),
           value: "customRange"
         })]
       })]
@@ -184,6 +251,6 @@ const ee = {
   });
 };
 export {
-  ke as MetadataDateFieldRelative,
-  ke as default
+  Qe as MetadataDateFieldRelative,
+  Qe as default
 };

package/dist/esm/lib/defaults.js

@@ -6,7 +6,7 @@ const a = {
   id: e,
   hidden: !1,
   fields: []
-}, l = {
+}, i = {
   string: {
     enum: [""]
   },
@@ -21,8 +21,7 @@ const a = {
       gt: "",
       lt: ""
     },
-    relativeDays: void 0,
-    relativeType: void 0
+    advancedFilterOption: ""
   },
   date: {
     range: {
@@ -30,10 +29,12 @@ const a = {
       lt: ""
     },
     relativeDays: void 0,
-    relativeType: void 0
+    relativeType: void 0,
+    customType: "anyTime",
+    customDays: void 0
   }
 };
 export {
   a as defaultInitialValues,
-  l as defaultMetadataValueMap
+  i as defaultMetadataValueMap
 };

package/dist/types/lib/components/metadata-filter-fields/components/metadata-date-field/date-conversion-utils.d.ts

@@ -11,3 +11,7 @@ export declare const getRelativeFromToValues: (selectedRelValue: RelDateTypeUi,
     from: string;
     to: string;
 };
+export declare const getCustomFromToValues: (from: number, to: number) => {
+    from: string;
+    to: string;
+};

package/dist/types/lib/components/metadata-filter-fields/components/metadata-date-field/metadata-date-field-relative.d.ts

@@ -1,3 +1,3 @@
 import { MetadataFieldProps } from '../../types';
-export declare const MetadataDateFieldRelative: ({ disableForm, fieldNamePrefix, label, locale, portalElement, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataDateFieldRelative: ({ customDateFilterOptions, disableForm, fieldNamePrefix, label, locale, portalElement, }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
 export default MetadataDateFieldRelative;

package/dist/types/lib/components/metadata-filter-fields/components/metadata-date-field/metadata-date-field.d.ts

@@ -1,4 +1,4 @@
 import { MetadataFieldProps } from '../../types';
-export declare const MetadataDateField: ({ canUseRelativeDates, ...props }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
-export declare const MetadataDateFieldNonRelative: ({ customFieldLabels, direction, disableForm, fieldNamePrefix, label, locale, portalElement, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataDateField: ({ canUseRelativeDates, ...props }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataDateFieldNonRelative: ({ customFieldLabels, direction, disableForm, fieldNamePrefix, label, locale, portalElement, }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
 export default MetadataDateField;

package/dist/types/lib/components/metadata-filter-fields/types.d.ts

@@ -1,6 +1,18 @@
 import { Level } from '@box/combobox-with-api';
 import { FilterOption, MetadataTemplateFieldOption } from '../../types';
 import { TaxonomyOptionsFetcher } from './components/metadata-taxonomy-field/types';
+export type CustomDateFilterOption = {
+    name: string;
+    from: number;
+    to: number;
+};
+export type CustomDateFilterOptionsProps = {
+    name: string;
+    type: string;
+    options?: Array<CustomDateFilterOption>;
+    from?: number;
+    to?: number;
+};
 export type MetadataFilterFieldsProps = {
     disableForm?: boolean;
     portalElement?: HTMLElement;
@@ -32,4 +44,5 @@ export type MetadataFieldProps = {
     fieldAdvancedFilterOptions?: string;
     direction?: 'horizontal' | 'vertical';
     customFieldLabels?: Array<string>;
+    customDateFilterOptions?: Array<CustomDateFilterOptionsProps>;
 };

package/dist/types/lib/types.d.ts

@@ -8,6 +8,8 @@ export type RelativeRangeType = 'today' | 'next' | 'past' | 'olderThan';
 export type RelDateTypeUi = RelativeRangeType | 'customRange' | 'anyTime';
 export interface RangeType {
     advancedFilterOption?: string;
+    customDays: string | undefined;
+    customType: string | undefined;
     range: RangeValue;
     relativeType: RelativeRangeType | undefined;
     relativeDays: number | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-filter",
-    "version": "1.18.11",
+    "version": "1.19.0",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.16.0",