@box/metadata-filter 1.23.0 → 1.23.2

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

@@ -1,4 +1,4 @@
-import { DateI18nProvider as Oe, Text as xe, Radio as i, Select as p, DatePicker as ne } from "@box/blueprint-web";
+import { DateI18nProvider as Oe, Text as xe, Radio as i, Select as p, DatePicker as se } 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";
@@ -7,7 +7,8 @@ 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 { E as G } from "../../../../../../chunks/types2.js";
+import { useDateValidation as Ee } from "./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";
@@ -15,7 +16,7 @@ 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 = ({
+}, Pe = [1, 3, 15, 45, 60, 120, 365], ge = (u) => u in ve || u === "today" || u === "customRange", We = ({
   customDateFilterOptions: u,
   disableForm: C,
   fieldNamePrefix: h,
@@ -26,52 +27,52 @@ const ve = {
   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
+    setFieldValue: s
   } = 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;
+  } = Ee(F, m, d, j, !0), n = 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)
+    clearDatePickerAriaLabel: n.formatMessage(r.clearSelectedDate),
+    nextMonthAriaLabel: n.formatMessage(r.switchToNextMonth),
+    openCalendarDropdownAriaLabel: n.formatMessage(r.openCalendar),
+    previousMonthAriaLabel: n.formatMessage(r.switchToNextMonth)
   }, Fe = () => {
-    n(m, void 0), n(d, void 0), V.current = void 0, M.current = void 0;
+    s(m, void 0), s(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);
+    V.current = e, s(m, a), I(c.FROM);
   }, ye = (e) => {
     const a = me(e, c.TO);
-    M.current = e, n(d, a), I(c.TO);
+    M.current = e, s(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);
+    ge(e) && (a = e), e === "customRange" && (V.current = void 0, M.current = void 0), s(H, a), Q(e), s(k, void 0), N(!0);
   }, Ve = (e) => {
-    n(q, e), ee(e), n(E, void 0), Fe();
+    s(q, e), ee(e), s(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);
+      s(m, t), s(d, o);
     }
   }, le = Ie(() => {
     const {
       from: e,
       to: a
     } = ke(D, S);
-    n(m, e), n(d, a);
-  }, [m, S, D, n, d]);
+    s(m, e), s(d, a);
+  }, [m, S, D, s, d]);
   ie(() => {
     _ && (le(), N(!1));
   }, [_, le]), ie(() => {
@@ -85,7 +86,7 @@ const ve = {
       const R = ve[e];
       return {
         value: String(o),
-        label: s.formatMessage(R, {
+        label: n.formatMessage(R, {
           count: o
         })
       };
@@ -93,11 +94,11 @@ const ve = {
     return /* @__PURE__ */ l(p, {
       className: f.dateSelect,
       defaultValue: S === void 0 ? "" : String(S),
-      label: s.formatMessage(r.relativeDaysSelectLabel),
+      label: n.formatMessage(r.relativeDaysSelectLabel),
       onValueChange: (o) => {
-        n(k, Number(o)), N(!0);
+        s(k, Number(o)), N(!0);
       },
-      placeholder: s.formatMessage(r.selectValuePlaceholder),
+      placeholder: n.formatMessage(r.selectValuePlaceholder),
       children: /* @__PURE__ */ l(p.Content, {
         container: b,
         children: t == null ? void 0 : t.map((o) => /* @__PURE__ */ l(p.Option, {
@@ -110,7 +111,7 @@ const ve = {
   }, Ce = (e, a) => e !== w ? null : /* @__PURE__ */ l(p, {
     className: f.dateSelect,
     defaultValue: Z === void 0 ? "" : String(Z),
-    label: s.formatMessage(r.relativeDaysSelectLabel),
+    label: n.formatMessage(r.relativeDaysSelectLabel),
     onValueChange: (t) => {
       const o = a.find((R) => R.name === t);
       if (o) {
@@ -118,10 +119,10 @@ const ve = {
           from: R,
           to: Se
         } = de(o.from, o.to);
-        n(m, R), n(d, Se), n(E, o.name);
+        s(m, R), s(d, Se), s(E, o.name);
       }
     },
-    placeholder: s.formatMessage(r.selectValuePlaceholder),
+    placeholder: n.formatMessage(r.selectValuePlaceholder),
     children: /* @__PURE__ */ l(p.Content, {
       container: b,
       children: a.map((t) => /* @__PURE__ */ l(p.Option, {
@@ -136,7 +137,7 @@ const ve = {
     onValueChange: Ve,
     value: w,
     children: [/* @__PURE__ */ l(i.Item, {
-      label: s.formatMessage(r.relativeDateFilterAnyTime),
+      label: n.formatMessage(r.relativeDateFilterAnyTime),
       value: "anyTime"
     }), u.map((e) => {
       if (e.type === "text")
@@ -154,11 +155,11 @@ const ve = {
         value: a
       }, a);
     }), /* @__PURE__ */ l(i.Item, {
-      description: se(),
-      label: s.formatMessage(r.relativeDateFilterCustomRange),
+      description: ne(),
+      label: n.formatMessage(r.relativeDateFilterCustomRange),
       value: "customRange"
     })]
-  }), se = () => !u && D !== "customRange" || u && w !== "customRange" ? null : /* @__PURE__ */ L("div", {
+  }), ne = () => !u && D !== "customRange" || u && w !== "customRange" ? null : /* @__PURE__ */ L("div", {
     className: Ae(f.rangeInputsContainer, f.verticalLayout, f.dateSelect),
     children: [/* @__PURE__ */ l(oe, {
       name: m,
@@ -168,13 +169,13 @@ const ve = {
         meta: a
       }) => /* @__PURE__ */ l("div", {
         className: f.inputContainer,
-        children: /* @__PURE__ */ l(ne, {
+        children: /* @__PURE__ */ l(se, {
           ...e,
           ...ae,
-          calendarAriaLabel: s.formatMessage(r.selectStartDate),
+          calendarAriaLabel: n.formatMessage(r.selectStartDate),
           error: re(J, K, X !== c.FROM) ? void 0 : a.error,
           isDisabled: C,
-          label: s.formatMessage(r.fieldStartDateLabel),
+          label: n.formatMessage(r.fieldStartDateLabel),
           maxValue: Me,
           onBlur: () => te(c.FROM),
           onChange: (t) => Te(t),
@@ -190,13 +191,13 @@ const ve = {
         meta: a
       }) => /* @__PURE__ */ l("div", {
         className: f.inputContainer,
-        children: /* @__PURE__ */ l(ne, {
+        children: /* @__PURE__ */ l(se, {
           ...e,
           ...ae,
-          calendarAriaLabel: s.formatMessage(r.selectEndDate),
+          calendarAriaLabel: n.formatMessage(r.selectEndDate),
           error: re(K, J, X !== c.TO) ? void 0 : a.error,
           isDisabled: C,
-          label: s.formatMessage(r.fieldEndDateLabel),
+          label: n.formatMessage(r.fieldEndDateLabel),
           maxValue: ue,
           minValue: Re,
           onBlur: () => te(c.TO),
@@ -224,26 +225,26 @@ const ve = {
         onValueChange: De,
         value: D,
         children: [/* @__PURE__ */ l(i.Item, {
-          label: s.formatMessage(r.relativeDateFilterAnyTime),
+          label: n.formatMessage(r.relativeDateFilterAnyTime),
           value: "anyTime"
         }), /* @__PURE__ */ l(i.Item, {
-          label: s.formatMessage(r.relativeDateFilterToday),
+          label: n.formatMessage(r.relativeDateFilterToday),
           value: "today"
         }), /* @__PURE__ */ l(i.Item, {
           description: B("next"),
-          label: s.formatMessage(r.relativeDateFilterNext),
+          label: n.formatMessage(r.relativeDateFilterNext),
           value: "next"
         }), /* @__PURE__ */ l(i.Item, {
           description: B("past"),
-          label: s.formatMessage(r.relativeDateFilterPast),
+          label: n.formatMessage(r.relativeDateFilterPast),
           value: "past"
         }), /* @__PURE__ */ l(i.Item, {
           description: B("olderThan"),
-          label: s.formatMessage(r.relativeDateFilterOlderThan),
+          label: n.formatMessage(r.relativeDateFilterOlderThan),
           value: "olderThan"
         }), /* @__PURE__ */ l(i.Item, {
-          description: se(),
-          label: s.formatMessage(r.relativeDateFilterCustomRange),
+          description: ne(),
+          label: n.formatMessage(r.relativeDateFilterCustomRange),
           value: "customRange"
         })]
       })]
@@ -251,6 +252,6 @@ const ve = {
   });
 };
 export {
-  Qe as MetadataDateFieldRelative,
-  Qe as default
+  We as MetadataDateFieldRelative,
+  We as default
 };

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

@@ -8,11 +8,12 @@ import { DEFAULT_MAX_DATE as $ } from "./constants.js";
 import { convertToFormikValue as B } from "./date-conversion-utils.js";
 import { MetadataDateFieldRelative as Z } from "./metadata-date-field-relative.js";
 import { s as i } from "../../../../../../chunks/metadata-date-field.module.js";
-import { u as ee, E as g } from "../../../../../../chunks/use-date-validation.js";
-import { useDateInternationalization as ae } from "./use-date-internationalization.js";
+import { E as g } from "../../../../../../chunks/types2.js";
+import { useDateInternationalization as ee } from "./use-date-internationalization.js";
+import { useDateValidation as ae } from "./use-date-validation.js";
 import { getDynamicMaxMinValue as w } from "./utils.js";
 import { jsx as t, jsxs as z } from "react/jsx-runtime";
-const pe = ({
+const ge = ({
   canUseRelativeDates: f,
   ...s
 }) => f ? /* @__PURE__ */ t(Z, {
@@ -34,13 +35,13 @@ const pe = ({
     setFieldValue: V
   } = Q(), {
     localTimezone: R
-  } = ae(M), {
+  } = ee(M), {
     validateDates: b,
     fromDatePickerValue: d,
     toDatePickerValue: u,
     fromErrorType: x,
     toErrorType: A
-  } = ee(S, m, c, M, !1), o = Y(), F = E(d), p = E(u), C = {
+  } = ae(S, m, c, M, !1), o = Y(), F = E(d), p = E(u), C = {
     clearDatePickerAriaLabel: o.formatMessage(n.clearSelectedDate),
     nextMonthAriaLabel: o.formatMessage(n.switchToNextMonth),
     openCalendarDropdownAriaLabel: o.formatMessage(n.openCalendar),
@@ -119,7 +120,7 @@ const pe = ({
   });
 };
 export {
-  pe as MetadataDateField,
+  ge as MetadataDateField,
   re as MetadataDateFieldNonRelative,
-  pe as default
+  ge as default
 };

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

@@ -1,14 +1,13 @@
-import { useMemo as a } from "react";
-import { DateFormatter as n } from "@box/blueprint-web/lib-esm/primitives/calendar/classes.util";
-import { getLocalTimeZone as m } from "@box/blueprint-web/lib-esm/primitives/calendar/get-local-timezone.util";
-const c = (t) => {
-  const e = a(() => new n(t), [t]), o = m();
+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: o,
-    formatCalendarDate: (r) => e.format(r.toDate(o))
+    localTimezone: e,
+    formatCalendarDate: (r) => o.format(r.toDate(e))
   };
 };
 export {
-  c as useDateInternationalization
+  D as useDateInternationalization
 };

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

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

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

@@ -0,0 +1,21 @@
+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 != null && r.length ? /^[-+]?\d+$/.test(r.trim()) : !0, c = () => {
+  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,
+  c as useIntegerValidation
+};

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

@@ -1,84 +1,82 @@
-import { TextInput as T } from "@box/blueprint-web";
-import { useFormikContext as j, Field as k, getIn as B } from "formik";
-import { useState as N, useCallback as F } from "react";
+import { TextInput as N } from "@box/blueprint-web";
+import { Field as B } from "formik";
+import { useState as S, useCallback as F } from "react";
 import { useIntl as $ } from "react-intl";
-import d from "../../../../messages.js";
-import { R as u } from "../../../../../../chunks/types.js";
-import { fieldDefaultProps as S } from "../constants.js";
-import { createAdvancedFilterOptionHandler as G, createInputChangeHandler as b } from "./handlers.js";
-import { s as m } from "../../../../../../chunks/metadata-float-field.module.js";
-import { u as Q } from "../../../../../../chunks/use-float-validation.js";
-import { FloatAdvancedFilterOption as U, getInputValues as V, getInputDisplayState as q, FloatInputDisplayState as I } from "./utils.js";
-import { jsx as o, jsxs as x, Fragment as z } from "react/jsx-runtime";
-import { A as J } from "../../../../../../chunks/index.js";
-const se = ({
-  label: c,
+import u from "../../../../messages.js";
+import { R as d } from "../../../../../../chunks/types.js";
+import { fieldDefaultProps as b } from "../constants.js";
+import { createAdvancedFilterOptionHandler as k, createInputChangeHandler as V } from "./handlers.js";
+import { s as c } from "../../../../../../chunks/metadata-float-field.module.js";
+import { u as G } from "../../../../../../chunks/use-float-validation.js";
+import { FloatAdvancedFilterOption as Q, getInputValues as y, getInputDisplayState as U, FloatInputDisplayState as I } from "./utils.js";
+import { jsx as n, jsxs as A, Fragment as q } from "react/jsx-runtime";
+import { A as z } from "../../../../../../chunks/index.js";
+const le = ({
+  label: m,
   fieldNamePrefix: C,
   disableForm: p,
   onAdvancedFilterOptionChange: h,
   fieldAdvancedFilterOptions: O,
-  filterOptionsMap: y
+  filterOptionsMap: E
 }) => {
-  const s = $(), a = `${C}.value.enum[0]`, {
-    values: A
-  } = j(), [f, L] = N(u.FROM), [l, M] = N(O || U.EQUALS), {
-    validateFloats: R
-  } = Q(), w = F((e, r, t, n) => G(a, h, M)(e, r, t, n), [a, h, M]), D = F((e, r, t) => b(a, l, L, u.FROM)(e, r, t), [a, l]), E = F((e, r, t) => b(a, l, L, u.TO)(e, r, t), [a, l]);
-  return /* @__PURE__ */ o("div", {
-    className: m.advancedFilterContainer,
-    "data-testid": `${c}-field`,
-    children: /* @__PURE__ */ o(k, {
-      name: a,
-      validate: () => {
-        const e = V(B(A, a), !0);
-        return R(e.from, e.to, f, !0);
+  const s = $(), o = `${C}.value.enum[0]`, [R, L] = S(d.FROM), [l, M] = S(O || Q.EQUALS), {
+    validateFloats: f
+  } = G(), w = F((r, t, a, e) => k(o, h, M)(r, t, a, e), [o, h, M]), x = F((r, t, a) => V(o, l, L, d.FROM)(r, t, a), [o, l]), D = F((r, t, a) => V(o, l, L, d.TO)(r, t, a), [o, l]);
+  return /* @__PURE__ */ n("div", {
+    className: c.advancedFilterContainer,
+    "data-testid": `${m}-field`,
+    children: /* @__PURE__ */ n(B, {
+      name: o,
+      validate: (r) => {
+        const t = y(r, !0);
+        return f(t.from, t.to, R, !0);
       },
       children: ({
-        field: e,
-        meta: r,
-        form: t
+        field: r,
+        meta: t,
+        form: a
       }) => {
-        const n = V(e.value, !0), g = q(l), H = g !== I.NONE, P = g === I.SINGLE, v = g === I.BOTH;
-        return /* @__PURE__ */ x(z, {
-          children: [/* @__PURE__ */ o(J, {
+        const e = y(r.value, !0), g = U(l), H = g !== I.NONE, T = g === I.SINGLE, v = g === I.BOTH, P = f(e.from, e.to, d.FROM, !0), j = f(e.from, e.to, d.TO, !0);
+        return /* @__PURE__ */ A(q, {
+          children: [/* @__PURE__ */ n(z, {
             disableForm: p,
             fieldAdvancedFilterOptions: O,
             fieldNamePrefix: C,
-            filterOptionsMap: y,
-            label: c,
+            filterOptionsMap: E,
+            label: m,
             onAdvancedFilterOptionChange: h,
-            onValueChange: (i) => w(i, n.from, n.to, t),
+            onValueChange: (i) => w(i, e.from, e.to, a),
             showLabel: !0,
             value: l
-          }), H && /* @__PURE__ */ x("div", {
-            className: m.rangeInputsContainer,
-            children: [(P || v) && /* @__PURE__ */ o("div", {
-              className: m.inputContainer,
-              children: /* @__PURE__ */ o(T, {
-                ...S,
+          }), H && /* @__PURE__ */ A("div", {
+            className: c.rangeInputsContainer,
+            children: [(T || v) && /* @__PURE__ */ n("div", {
+              className: c.inputContainer,
+              children: /* @__PURE__ */ n(N, {
+                ...b,
                 disabled: p,
-                error: f === u.FROM ? r.error : void 0,
+                error: T ? t.error : P,
                 hideLabel: !0,
-                label: s.formatMessage(d.fieldFromLabel, {
-                  label: c
+                label: s.formatMessage(u.fieldFromLabel, {
+                  label: m
                 }),
-                onChange: (i) => D(i.currentTarget.value, n.to, t),
-                placeholder: v ? s.formatMessage(d.minValuePlaceholder) : s.formatMessage(d.enterNumberPlaceholder),
-                value: n.from
+                onChange: (i) => x(i.currentTarget.value, e.to, a),
+                placeholder: v ? s.formatMessage(u.minValuePlaceholder) : s.formatMessage(u.enterNumberPlaceholder),
+                value: e.from
               })
-            }), v && /* @__PURE__ */ o("div", {
-              className: m.inputContainer,
-              children: /* @__PURE__ */ o(T, {
-                ...S,
+            }), v && /* @__PURE__ */ n("div", {
+              className: c.inputContainer,
+              children: /* @__PURE__ */ n(N, {
+                ...b,
                 disabled: p,
-                error: f === u.TO ? r.error : void 0,
+                error: j,
                 hideLabel: !0,
-                label: s.formatMessage(d.fieldToLabel, {
-                  label: c
+                label: s.formatMessage(u.fieldToLabel, {
+                  label: m
                 }),
-                onChange: (i) => E(i.currentTarget.value, n.from, t),
-                placeholder: s.formatMessage(d.maxValuePlaceholder),
-                value: n.to
+                onChange: (i) => D(i.currentTarget.value, e.from, a),
+                placeholder: s.formatMessage(u.maxValuePlaceholder),
+                value: e.to
               })
             })]
           })]
@@ -88,6 +86,6 @@ const se = ({
   });
 };
 export {
-  se as MetadataFloatFieldAdvanced,
-  se as default
+  le as MetadataFloatFieldAdvanced,
+  le as default
 };

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

@@ -1,45 +1,45 @@
-import { Text as m } from "@box/blueprint-web";
-import { useFormikContext as u, getIn as T, FieldArray as M } from "formik";
-import { FormattedMessage as N } from "react-intl";
-import k from "../../messages.js";
-import { filterFieldTypes as n, advancedFilterFieldTypes as b } from "./filter-field-types.js";
-import { s as j } from "../../../../chunks/index.js";
-import { jsx as t, jsxs as w } from "react/jsx-runtime";
-const z = ({
+import { Text as c } from "@box/blueprint-web";
+import { useFormikContext as v, getIn as N, FieldArray as D } from "formik";
+import { useIntl as C, FormattedMessage as j } from "react-intl";
+import t from "../../messages.js";
+import { filterFieldTypes as d, advancedFilterFieldTypes as I } from "./filter-field-types.js";
+import { s as L } from "../../../../chunks/index.js";
+import { jsx as r, jsxs as P } from "react/jsx-runtime";
+const q = ({
   disableForm: p,
-  locale: l,
-  portalElement: c,
-  taxonomyOptionsFetcher: d,
-  canUseRelativeDates: y,
-  isAdvancedFilterEnabled: r,
-  onAdvancedFilterOptionChange: h,
-  fieldAdvancedFilterOptions: a,
-  isMultilevelTaxonomyFieldEnabled: x,
-  filterOptionsMap: f
+  locale: y,
+  portalElement: g,
+  taxonomyOptionsFetcher: F,
+  canUseRelativeDates: T,
+  isAdvancedFilterEnabled: s,
+  onAdvancedFilterOptionChange: f,
+  fieldAdvancedFilterOptions: o,
+  isMultilevelTaxonomyFieldEnabled: h,
+  filterOptionsMap: i
 }) => {
   const {
-    values: F
-  } = u(), s = "metadata.fields", o = T(F, s);
-  return o.length ? /* @__PURE__ */ t(M, {
-    name: s,
+    values: u
+  } = v(), a = C(), m = "metadata.fields", n = N(u, m);
+  return n.length ? /* @__PURE__ */ r(D, {
+    name: m,
     validateOnChange: !1,
-    children: () => o.map((e, g) => {
-      const i = (r ? b : n)[e.type] || n[e.type];
-      return i && !e.hidden && /* @__PURE__ */ w("div", {
-        children: [/* @__PURE__ */ t(i, {
-          canUseRelativeDates: y,
+    children: () => n.map((e, x) => {
+      const l = (s ? I : d)[e.type] || d[e.type], M = l && !e.hidden, k = () => e.key === "modified_at" && s ? [["selectFilterType", a.formatMessage(t.selectAdvancedFilterType)], ["isNotBlank", a.formatMessage(t.modifiedAtFilterAnyTime)], ["today", a.formatMessage(t.relativeDateFilterToday)], ["past", a.formatMessage(t.relativeDateFilterPast)], ["olderThan", a.formatMessage(t.relativeDateFilterOlderThan)], ["customRange", a.formatMessage(t.relativeDateFilterCustomRange)]] : (i == null ? void 0 : i[e.type]) || [];
+      return M && /* @__PURE__ */ P("div", {
+        children: [/* @__PURE__ */ r(l, {
+          canUseRelativeDates: T,
           disableForm: p,
-          fieldAdvancedFilterOptions: a == null ? void 0 : a[e.key],
-          fieldNamePrefix: `metadata.fields[${g}]`,
-          filterOptionsMap: f[e.type] || [],
-          isAdvancedFilterEnabled: r,
-          isMultilevelTaxonomyFieldEnabled: x,
+          fieldAdvancedFilterOptions: o == null ? void 0 : o[e.key],
+          fieldNamePrefix: `metadata.fields[${x}]`,
+          filterOptionsMap: k(),
+          isAdvancedFilterEnabled: s,
+          isMultilevelTaxonomyFieldEnabled: h,
           label: e.displayName,
-          locale: l,
-          onAdvancedFilterOptionChange: h,
-          portalElement: c,
-          taxonomyOptionsFetcher: d
-        }), !!e.description && /* @__PURE__ */ t(m, {
+          locale: y,
+          onAdvancedFilterOptionChange: f,
+          portalElement: g,
+          taxonomyOptionsFetcher: F
+        }), !!e.description && /* @__PURE__ */ r(c, {
           as: "span",
           color: "textOnLightSecondary",
           variant: "caption",
@@ -47,16 +47,16 @@ const z = ({
         })]
       }, e.key);
     })
-  }) : /* @__PURE__ */ t(m, {
+  }) : /* @__PURE__ */ r(c, {
     as: "span",
-    className: j.noAttributesText,
+    className: L.noAttributesText,
     color: "textOnLightSecondary",
-    children: /* @__PURE__ */ t(N, {
-      ...k.noTemplateAtributesError
+    children: /* @__PURE__ */ r(j, {
+      ...t.noTemplateAtributesError
     })
   });
 };
 export {
-  z as MetadataFilterFields,
-  z as default
+  q as MetadataFilterFields,
+  q as default
 };