@box/metadata-filter 1.25.3 → 1.26.0

package/dist/chunks/use-float-validation.js

@@ -1,26 +1,29 @@
-import { useState as F } from "react";
-import { useIntl as p } from "react-intl";
-import o from "../esm/lib/messages.js";
-import { R as u } from "./types.js";
-let d = /* @__PURE__ */ function(t) {
+import { useState as I } from "react";
+import { useIntl as d } from "react-intl";
+import e from "../esm/lib/messages.js";
+import { R as p } from "./types.js";
+let V = /* @__PURE__ */ function(t) {
   return t[t.INVALID = 0] = "INVALID", t[t.OVERLAPPING = 1] = "OVERLAPPING", t;
 }({});
-const I = (t, a = !1) => t != null && t.length ? a ? /^[-+]?(\d+(\.\d*)?|\.\d+)$/.test(t) : /^[-+]?\d+(\.\d+)?$/.test(t) : !0, T = () => {
-  const t = p(), [a, V] = F(null), [c, g] = F(null), l = (r, s) => r === u.FROM ? V(s) : g(s);
+const c = (t, r = !1) => t != null && t.length ? r ? /^[-+]?(\d+(\.\d*)?|\.\d+)$/.test(t) : /^[-+]?\d+(\.\d+)?$/.test(t) : !0, R = (t, r, a) => {
+  const n = parseFloat(t), l = parseFloat(r);
+  return a ? l <= n : l < n;
+}, O = (t, r, a) => r ? t ? a.formatMessage(e.floatFieldInvalidMinValueRange) : a.formatMessage(e.floatFieldInvalidMaxValueRange) : t ? a.formatMessage(e.floatFieldInvalidFromValueRange) : a.formatMessage(e.floatFieldInvalidToValueRange), M = (t, r, a) => r ? a.formatMessage(e.mustBeANumber) : t ? a.formatMessage(e.floatFieldInvalidFromValue) : a.formatMessage(e.floatFieldInvalidToValue), A = () => {
+  const t = d(), [r, a] = I(null), [n, l] = I(null), u = (i, s) => i === p.FROM ? a(s) : l(s);
   return {
-    validateFloats: (r, s, e, n = !1) => {
-      const i = e === u.FROM, f = I(r, n), m = I(s, n);
-      if (!(i ? f : m))
-        return l(e, d.INVALID), n ? t.formatMessage(o.mustBeANumber) : i ? t.formatMessage(o.floatFieldInvalidFromValue) : t.formatMessage(o.floatFieldInvalidToValue);
-      if (f && m && parseFloat(s) < parseFloat(r))
-        return l(e, d.OVERLAPPING), i ? t.formatMessage(o.floatFieldInvalidFromValueRange) : t.formatMessage(o.floatFieldInvalidToValueRange);
+    validateFloats: (i, s, f, o = !1) => {
+      const g = f === p.FROM, m = c(i, o), F = c(s, o);
+      if (!(g ? m : F))
+        return u(f, V.INVALID), M(g, o, t);
+      if (m && F && R(i, s, o))
+        return u(f, V.OVERLAPPING), O(g, o, t);
     },
-    fromErrorType: a,
-    toErrorType: c
+    fromErrorType: r,
+    toErrorType: n
   };
 };
 export {
-  d as E,
-  I as i,
-  T as u
+  V as E,
+  c as i,
+  A as u
 };

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

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

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

@@ -1,14 +1,14 @@
-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";
-import { useIntl as Ne } from "react-intl";
+import { DateI18nProvider as xe, Text as Ae, Radio as i, Select as p, DatePicker as se } from "@box/blueprint-web";
+import Le from "clsx";
+import { useFormikContext as Ie, getIn as O, Field as oe } from "formik";
+import { useState as x, useRef as A, useCallback as Ne, useEffect as ie, useMemo as ce } from "react";
+import { useIntl as ke } 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 { getRelativeFromToValues as Ee, convertToFormikValueRanged as me, getCustomFromToValues as de } from "./date-conversion-utils.js";
 import { s as f } from "../../../../../../chunks/metadata-date-field.module.js";
 import { E as G } from "../../../../../../chunks/types2.js";
-import { useDateValidation as Ee } from "./use-date-validation.js";
+import { useDateValidation as Pe } 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";
@@ -16,48 +16,49 @@ 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", We = ({
+}, $e = [1, 3, 15, 45, 60, 120, 365], ge = (u) => u in ve || u === "today" || u === "customRange", Ye = ({
   customDateFilterOptions: u,
   disableForm: C,
   fieldNamePrefix: h,
   label: U,
   locale: j,
-  portalElement: b
+  portalElement: b,
+  hasAccordion: 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,
+    setFieldTouched: pe,
     setFieldValue: s
-  } = Le(), {
+  } = Ie(), {
     validateDates: z,
     fromDatePickerValue: T,
     toDatePickerValue: y,
     fromErrorType: J,
     toErrorType: K
-  } = Ee(F, m, d, j, !0), n = Ne(), g = O(F, H), v = O(F, q), pe = T || y;
+  } = Pe(F, m, d, j, !0), n = ke(), g = O(F, H), v = O(F, q), Fe = T || y;
   let P = "anyTime", $ = "anyTime";
-  ge(g) ? P = g : v ? $ = v : pe && (P = "customRange", $ = "customRange");
+  ge(g) ? P = g : v ? $ = v : Fe && (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: n.formatMessage(r.clearSelectedDate),
     nextMonthAriaLabel: n.formatMessage(r.switchToNextMonth),
     openCalendarDropdownAriaLabel: n.formatMessage(r.openCalendar),
     previousMonthAriaLabel: n.formatMessage(r.switchToNextMonth)
-  }, Fe = () => {
+  }, Te = () => {
     s(m, void 0), s(d, void 0), V.current = void 0, M.current = void 0;
-  }, Te = (e) => {
+  }, ye = (e) => {
     const a = me(e, c.FROM);
     V.current = e, s(m, a), I(c.FROM);
-  }, ye = (e) => {
+  }, De = (e) => {
     const a = me(e, 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) => {
+    pe(a, !0), I(e);
+  }, Ve = (e) => {
     let a;
     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) => {
-    s(q, e), ee(e), s(E, void 0), Fe();
+  }, Me = (e) => {
+    s(q, e), ee(e), s(E, void 0), Te();
     const a = u.find((t) => t.name === e);
     if (a && a.type === "text") {
       const {
@@ -66,11 +67,11 @@ const ve = {
       } = de(a.from, a.to);
       s(m, t), s(d, o);
     }
-  }, le = Ie(() => {
+  }, le = Ne(() => {
     const {
       from: e,
       to: a
-    } = ke(D, S);
+    } = Ee(D, S);
     s(m, e), s(d, a);
   }, [m, S, D, s, d]);
   ie(() => {
@@ -79,7 +80,7 @@ const ve = {
     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) => {
+  const Re = ce(() => fe(y, ue), [y]), Ce = 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 a = (o) => {
@@ -90,7 +91,7 @@ const ve = {
           count: o
         })
       };
-    }, t = Pe.map(a);
+    }, t = $e.map(a);
     return /* @__PURE__ */ l(p, {
       className: f.dateSelect,
       defaultValue: S === void 0 ? "" : String(S),
@@ -108,7 +109,7 @@ const ve = {
         }, o.value))
       })
     });
-  }, Ce = (e, a) => e !== w ? null : /* @__PURE__ */ l(p, {
+  }, be = (e, a) => e !== w ? null : /* @__PURE__ */ l(p, {
     className: f.dateSelect,
     defaultValue: Z === void 0 ? "" : String(Z),
     label: n.formatMessage(r.relativeDaysSelectLabel),
@@ -117,9 +118,9 @@ const ve = {
       if (o) {
         const {
           from: R,
-          to: Se
+          to: Oe
         } = de(o.from, o.to);
-        s(m, R), s(d, Se), s(E, o.name);
+        s(m, R), s(d, Oe), s(E, o.name);
       }
     },
     placeholder: n.formatMessage(r.selectValuePlaceholder),
@@ -131,10 +132,10 @@ const ve = {
         children: t.name
       }, t.name))
     })
-  }), be = () => /* @__PURE__ */ L(i.Group, {
+  }), Se = () => /* @__PURE__ */ L(i.Group, {
     disabled: C,
     loop: !1,
-    onValueChange: Ve,
+    onValueChange: Me,
     value: w,
     children: [/* @__PURE__ */ l(i.Item, {
       label: n.formatMessage(r.relativeDateFilterAnyTime),
@@ -150,7 +151,7 @@ const ve = {
         options: t
       } = e;
       return /* @__PURE__ */ l(i.Item, {
-        description: t ? Ce(a, t) : void 0,
+        description: t ? be(a, t) : void 0,
         label: a,
         value: a
       }, a);
@@ -160,7 +161,7 @@ const ve = {
       value: "customRange"
     })]
   }), ne = () => !u && D !== "customRange" || u && w !== "customRange" ? null : /* @__PURE__ */ L("div", {
-    className: Ae(f.rangeInputsContainer, f.verticalLayout, f.dateSelect),
+    className: Le(f.rangeInputsContainer, f.verticalLayout, f.dateSelect),
     children: [/* @__PURE__ */ l(oe, {
       name: m,
       validate: (e) => z(V.current, M.current, c.FROM),
@@ -176,9 +177,9 @@ const ve = {
           error: re(J, K, X !== c.FROM) ? void 0 : a.error,
           isDisabled: C,
           label: n.formatMessage(r.fieldStartDateLabel),
-          maxValue: Me,
+          maxValue: Re,
           onBlur: () => te(c.FROM),
-          onChange: (t) => Te(t),
+          onChange: (t) => ye(t),
           portalElement: b,
           value: T
         })
@@ -199,30 +200,30 @@ const ve = {
           isDisabled: C,
           label: n.formatMessage(r.fieldEndDateLabel),
           maxValue: ue,
-          minValue: Re,
+          minValue: Ce,
           onBlur: () => te(c.TO),
-          onChange: (t) => ye(t),
+          onChange: (t) => De(t),
           portalElement: b,
           value: y
         })
       })
     })]
   });
-  return /* @__PURE__ */ l(Oe, {
+  return /* @__PURE__ */ l(xe, {
     locale: j,
     children: /* @__PURE__ */ L("div", {
       className: f.container,
       "data-testid": `${U}-field`,
-      children: [/* @__PURE__ */ l(xe, {
+      children: [!he && /* @__PURE__ */ l(Ae, {
         as: "span",
         className: f.rangeFieldLabel,
         color: "textOnLightSecondary",
         variant: "bodyDefaultBold",
         children: U
-      }), u ? be() : /* @__PURE__ */ L(i.Group, {
+      }), u ? Se() : /* @__PURE__ */ L(i.Group, {
         disabled: C,
         loop: !1,
-        onValueChange: De,
+        onValueChange: Ve,
         value: D,
         children: [/* @__PURE__ */ l(i.Item, {
           label: n.formatMessage(r.relativeDateFilterAnyTime),
@@ -252,6 +253,6 @@ const ve = {
   });
 };
 export {
-  We as MetadataDateFieldRelative,
-  We as default
+  Ye as MetadataDateFieldRelative,
+  Ye as default
 };

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

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

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

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