@box/metadata-filter 1.78.10 → 1.79.1

package/dist/chunks/metadata-float-field-advanced.js

@@ -0,0 +1,98 @@
+import { TextInput as L } from "@box/blueprint-web";
+import { Field as B } from "formik";
+import { useState as w, useCallback as C } from "react";
+import { useIntl as $ } from "react-intl";
+import u from "../esm/lib/messages.js";
+import { R as c, F as k } from "./types.js";
+import { fieldDefaultProps as N } from "../esm/lib/components/metadata-filter-fields/components/constants.js";
+import { createAdvancedFilterOptionHandler as G, createInputChangeHandler as S } from "../esm/lib/components/metadata-filter-fields/components/metadata-float-field/handlers.js";
+import { u as K } from "./use-float-validation.js";
+import { getInputValues as b, getInputDisplayState as Q, FloatInputDisplayState as F } from "../esm/lib/components/metadata-filter-fields/components/metadata-float-field/utils.js";
+import { jsx as o, jsxs as y, Fragment as U } from "react/jsx-runtime";
+import { A as z } from "./index.js";
+import '../styles/metadata-float-field-advanced.css';const J = "_container_uvlwq_1", W = "_rangeInputsContainer_uvlwq_6", X = "_inputContainer_uvlwq_16", Y = "_advancedFilterContainer_uvlwq_23", m = {
+  container: J,
+  rangeInputsContainer: W,
+  inputContainer: X,
+  advancedFilterContainer: Y
+}, de = ({
+  label: d,
+  fieldNamePrefix: I,
+  disableForm: p,
+  onAdvancedFilterOptionChange: h,
+  fieldAdvancedFilterOptions: _,
+  filterOptionsMap: V,
+  hasAccordion: E,
+  isModified: R
+}) => {
+  const l = $(), r = `${I}.value.enum[0]`, [q, M] = w(c.FROM), [s, O] = w(_ || k.EQUALS), {
+    validateFloats: f
+  } = K(), x = C((a, t, n, e) => G(r, h, O)(a, t, n, e), [r, h, O]), A = C((a, t, n) => S(r, s, M, c.FROM)(a, t, n), [r, s]), D = C((a, t, n) => S(r, s, M, c.TO)(a, t, n), [r, s]);
+  return /* @__PURE__ */ o("div", {
+    className: m.advancedFilterContainer,
+    "data-testid": `${d}-field`,
+    children: /* @__PURE__ */ o(B, {
+      name: r,
+      validate: (a) => {
+        const t = b(a, !0);
+        return f(t.from, t.to, q, !0);
+      },
+      children: ({
+        field: a,
+        meta: t,
+        form: n
+      }) => {
+        const e = b(a.value, !0), g = Q(s), H = g !== F.NONE, T = g === F.SINGLE, v = g === F.BOTH, P = f(e.from, e.to, c.FROM, !0), j = f(e.from, e.to, c.TO, !0);
+        return /* @__PURE__ */ y(U, {
+          children: [/* @__PURE__ */ o(z, {
+            disableForm: p,
+            fieldAdvancedFilterOptions: _,
+            fieldNamePrefix: I,
+            filterOptionsMap: V,
+            isModified: R,
+            label: d,
+            onAdvancedFilterOptionChange: h,
+            onValueChange: (i) => x(i, e.from, e.to, n),
+            showLabel: !E,
+            value: s
+          }), H && /* @__PURE__ */ y("div", {
+            className: m.rangeInputsContainer,
+            children: [(T || v) && /* @__PURE__ */ o("div", {
+              className: m.inputContainer,
+              children: /* @__PURE__ */ o(L, {
+                ...N,
+                disabled: p,
+                error: T ? t.error : P,
+                hideLabel: !0,
+                label: l.formatMessage(u.fieldFromLabel, {
+                  label: d
+                }),
+                onChange: (i) => A(i.currentTarget.value, e.to, n),
+                placeholder: v ? l.formatMessage(u.minValuePlaceholder) : l.formatMessage(u.enterNumberPlaceholder),
+                value: e.from
+              })
+            }), v && /* @__PURE__ */ o("div", {
+              className: m.inputContainer,
+              children: /* @__PURE__ */ o(L, {
+                ...N,
+                disabled: p,
+                error: j,
+                hideLabel: !0,
+                label: l.formatMessage(u.fieldToLabel, {
+                  label: d
+                }),
+                onChange: (i) => D(i.currentTarget.value, e.from, n),
+                placeholder: l.formatMessage(u.maxValuePlaceholder),
+                value: e.to
+              })
+            })]
+          })]
+        });
+      }
+    })
+  });
+};
+export {
+  de as M,
+  m as s
+};

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

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

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

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

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

@@ -1,93 +1,100 @@
-import { Text as S, TextInput as y } from "@box/blueprint-web";
-import { useFormikContext as _, getIn as M, Field as E } from "formik";
-import { useState as k, useRef as I } from "react";
-import { useIntl as A } from "react-intl";
+import { Text as D, TextInput as C } from "@box/blueprint-web";
+import { useFormikContext as S, getIn as y, Field as E } from "formik";
+import { useState as _, useRef as I } from "react";
+import { useIntl as k } from "react-intl";
 import V from "../../../../messages.js";
-import { R as r } from "../../../../../../chunks/types.js";
+import { R as t } from "../../../../../../chunks/types.js";
 import { fieldDefaultProps as $ } from "../constants.js";
-import { s as d } from "../../../../../../chunks/metadata-float-field.module.js";
-import { u as G, E as H } from "../../../../../../chunks/use-float-validation.js";
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-const Y = ({
-  label: n,
-  fieldNamePrefix: s,
+import { M as G, s as i } from "../../../../../../chunks/metadata-float-field-advanced.js";
+import { u as H, E as q } from "../../../../../../chunks/use-float-validation.js";
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+const w = ({
+  label: o,
+  fieldNamePrefix: a,
   disableForm: p,
   hasAccordion: L
 }) => {
-  const f = A(), [h, c] = k(r.FROM), {
-    values: g,
-    setFieldValue: F,
-    setFieldTouched: b
-  } = _(), l = `${s}.value.range.gt`, i = `${s}.value.range.lt`, B = M(g, l), N = M(g, i), u = I(B), m = I(N), {
+  const f = k(), [h, c] = _(t.FROM), {
+    values: F,
+    setFieldValue: g,
+    setFieldTouched: B
+  } = S(), s = `${a}.value.range.gt`, d = `${a}.value.range.lt`, b = y(F, s), N = y(F, d), u = I(b), m = I(N), {
     validateFloats: T,
-    fromErrorType: O,
-    toErrorType: v
-  } = G(), j = (e) => {
-    u.current = e, F(l, e), c(r.FROM);
-  }, D = (e) => {
-    m.current = e, F(i, e), c(r.TO);
-  }, R = (e, o) => {
-    b(e, !0), c(o);
-  }, C = (e, o, a) => !!(e === H.OVERLAPPING && a);
+    fromErrorType: v,
+    toErrorType: O
+  } = H(), j = (e) => {
+    u.current = e, g(s, e), c(t.FROM);
+  }, A = (e) => {
+    m.current = e, g(d, e), c(t.TO);
+  }, M = (e, n) => {
+    B(e, !0), c(n);
+  }, R = (e, n, l) => !!(e === q.OVERLAPPING && l);
   return /* @__PURE__ */ x("div", {
-    className: d.container,
-    "data-testid": `${n}-field`,
-    children: [!L && /* @__PURE__ */ t(S, {
+    className: i.container,
+    "data-testid": `${o}-field`,
+    children: [!L && /* @__PURE__ */ r(D, {
       as: "span",
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: n
+      children: o
     }), /* @__PURE__ */ x("div", {
-      className: d.rangeInputsContainer,
-      children: [/* @__PURE__ */ t(E, {
-        name: `${l}`,
-        validate: () => T(u.current, m.current, r.FROM),
+      className: i.rangeInputsContainer,
+      children: [/* @__PURE__ */ r(E, {
+        name: `${s}`,
+        validate: () => T(u.current, m.current, t.FROM),
         children: ({
           field: e,
-          meta: o
-        }) => /* @__PURE__ */ t("div", {
-          className: d.inputContainer,
-          children: /* @__PURE__ */ t(y, {
+          meta: n
+        }) => /* @__PURE__ */ r("div", {
+          className: i.inputContainer,
+          children: /* @__PURE__ */ r(C, {
             ...$,
             ...e,
-            "data-target-id": `TextInput-${s}_from`,
+            "data-target-id": `TextInput-${a}_from`,
             disabled: p,
-            error: C(O, v, h !== r.FROM) ? void 0 : o.error,
+            error: R(v, O, h !== t.FROM) ? void 0 : n.error,
             label: f.formatMessage(V.fieldFromLabel, {
-              label: n
+              label: o
             }),
-            onBlur: () => R(l, r.FROM),
-            onChange: (a) => j(a.currentTarget.value),
+            onBlur: () => M(s, t.FROM),
+            onChange: (l) => j(l.currentTarget.value),
             placeholder: "0"
           })
         })
-      }), /* @__PURE__ */ t(E, {
-        name: `${i}`,
-        validate: () => T(u.current, m.current, r.TO),
+      }), /* @__PURE__ */ r(E, {
+        name: `${d}`,
+        validate: () => T(u.current, m.current, t.TO),
         children: ({
           field: e,
-          meta: o
-        }) => /* @__PURE__ */ t("div", {
-          className: d.inputContainer,
-          children: /* @__PURE__ */ t(y, {
+          meta: n
+        }) => /* @__PURE__ */ r("div", {
+          className: i.inputContainer,
+          children: /* @__PURE__ */ r(C, {
             ...$,
             ...e,
-            "data-target-id": `TextInput-${s}_to`,
+            "data-target-id": `TextInput-${a}_to`,
             disabled: p,
-            error: C(v, O, h !== r.TO) ? void 0 : o.error,
+            error: R(O, v, h !== t.TO) ? void 0 : n.error,
             label: f.formatMessage(V.fieldToLabel, {
-              label: n
+              label: o
             }),
-            onBlur: () => R(i, r.TO),
-            onChange: (a) => D(a.currentTarget.value),
+            onBlur: () => M(d, t.TO),
+            onChange: (l) => A(l.currentTarget.value),
             placeholder: "0"
           })
         })
       })]
     })]
   });
-};
+}, ee = ({
+  isAdvancedFilterEnabled: o,
+  ...a
+}) => o ? /* @__PURE__ */ r(G, {
+  ...a
+}) : /* @__PURE__ */ r(w, {
+  ...a
+});
 export {
-  Y as MetadataFloatField,
-  Y as default
+  ee as MetadataFloatField,
+  ee as default
 };

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

@@ -1,86 +1,85 @@
-import { TooltipProvider as U, Combobox as Y } from "@box/blueprint-web";
-import { useFormikContext as q, getIn as G, Field as J } from "formik";
-import { useMemo as Q, useState as p, useRef as w, useCallback as s } from "react";
-import { useIntl as W } from "react-intl";
-import X from "../../../../messages.js";
-import { F as f } from "../../../../../../chunks/types.js";
-import { fieldDefaultProps as Z } from "../constants.js";
-import { getInitialAdvancedFilterValue as E, createFieldValue as y, getInputValue as ee } from "./utils.js";
-import { jsx as a, jsxs as te, Fragment as oe } from "react/jsx-runtime";
+import { TooltipProvider as P, Combobox as U } from "@box/blueprint-web";
+import { useFormikContext as Y, getIn as q, Field as G } from "formik";
+import { useMemo as J, useState as m, useRef as A, useCallback as s } from "react";
+import { useIntl as Q } from "react-intl";
+import W from "../../../../messages.js";
+import { F as p } from "../../../../../../chunks/types.js";
+import { fieldDefaultProps as X } from "../constants.js";
+import { getInitialAdvancedFilterValue as Z, createFieldValue as x, getInputValue as E } from "./utils.js";
+import { jsx as l, jsxs as ee, Fragment as te } from "react/jsx-runtime";
 import { A as ne } from "../../../../../../chunks/index.js";
-const T = (o) => o === f.IS_BLANK || o === f.IS_NOT_BLANK, he = ({
-  label: o,
-  fieldNamePrefix: c,
-  disableForm: h,
-  isAdvancedFilterEnabled: r,
-  onAdvancedFilterOptionChange: i,
-  fieldAdvancedFilterOptions: g,
-  filterOptionsMap: d,
-  portalElement: C,
-  hasAccordion: k,
-  isModified: v,
-  hasExperimentalVirtualization: M
+const L = (n) => n === p.IS_BLANK || n === p.IS_NOT_BLANK, de = ({
+  label: n,
+  fieldNamePrefix: a,
+  disableForm: d,
+  onAdvancedFilterOptionChange: u,
+  fieldAdvancedFilterOptions: f,
+  filterOptionsMap: h,
+  portalElement: g,
+  hasAccordion: w,
+  isModified: y,
+  hasExperimentalVirtualization: T
 }) => {
   const {
-    setFieldValue: V,
-    values: O
-  } = q(), S = W(), n = `${c}.value.enum`, _ = Q(() => G(O, `${c}.options`, []).map((e) => e?.key).filter((e) => typeof e == "string"), [O, c]), [u, A] = p(E(g, d) || f.MATCH_ANY), [B, I] = p(!1), [K, F] = p(!1), R = (e, t) => typeof t != "string" ? !1 : t.toLowerCase().includes(e.toLowerCase()), x = w([]), m = w(null), L = s((e, t, l) => {
-    const b = e;
-    A(b), i?.(n, b);
-    const H = T(e) ? [] : t, P = y(H, e, r);
-    l.setFieldValue(n, P);
-  }, [n, r, i]), $ = s((e) => {
-    m.current && L(e, x.current, m.current);
-  }, [L]), j = s((e) => {
-    const t = y(e, u, r);
-    V(n, t);
-  }, [u, n, r, V]), N = s((e) => {
-    I(e), e && F(!1);
-  }, []), z = s((e) => {
-    F(e), e && I(!1);
-  }, []), D = s((e) => !e || e.length === 0 ? S.formatMessage(X.multiselectPlaceholder) : "", [S]);
-  return /* @__PURE__ */ a("div", {
-    "data-testid": `${o}-field`,
-    children: /* @__PURE__ */ a(J, {
-      name: n,
+    setFieldValue: C,
+    values: V
+  } = Y(), F = Q(), o = `${a}.value.enum`, k = J(() => q(V, `${a}.options`, []).map((e) => e?.key).filter((e) => typeof e == "string"), [V, a]), [c, M] = m(Z(f, h) || p.MATCH_ANY), [_, b] = m(!1), [B, O] = m(!1), K = (e, t) => typeof t != "string" ? !1 : t.toLowerCase().includes(e.toLowerCase()), S = A([]), i = A(null), v = s((e, t, r) => {
+    const I = e;
+    M(I), u?.(o, I);
+    const D = L(e) ? [] : t, H = x(D, e, !0);
+    r.setFieldValue(o, H);
+  }, [o, u]), R = s((e) => {
+    i.current && v(e, S.current, i.current);
+  }, [v]), $ = s((e) => {
+    const t = x(e, c, !0);
+    C(o, t);
+  }, [c, o, C]), j = s((e) => {
+    b(e), e && O(!1);
+  }, []), N = s((e) => {
+    O(e), e && b(!1);
+  }, []), z = s((e) => !e || e.length === 0 ? F.formatMessage(W.multiselectPlaceholder) : "", [F]);
+  return /* @__PURE__ */ l("div", {
+    "data-testid": `${n}-field`,
+    children: /* @__PURE__ */ l(G, {
+      name: o,
       children: ({
         field: e,
         form: t
       }) => {
-        const l = ee(e.value, r);
-        return x.current = l, m.current = t, /* @__PURE__ */ te(oe, {
-          children: [/* @__PURE__ */ a(ne, {
-            disableForm: h,
-            fieldAdvancedFilterOptions: g,
-            fieldNamePrefix: c,
-            filterOptionsMap: d,
-            isModified: v,
-            label: o,
-            onAdvancedFilterOptionChange: i,
-            onOpenChange: z,
-            onValueChange: $,
-            open: K,
-            portalElement: C,
-            showLabel: !k,
-            value: u
-          }), !T(u) && /* @__PURE__ */ a(U, {
-            children: /* @__PURE__ */ a(Y, {
-              ...Z,
+        const r = E(e.value, !0);
+        return S.current = r, i.current = t, /* @__PURE__ */ ee(te, {
+          children: [/* @__PURE__ */ l(ne, {
+            disableForm: d,
+            fieldAdvancedFilterOptions: f,
+            fieldNamePrefix: a,
+            filterOptionsMap: h,
+            isModified: y,
+            label: n,
+            onAdvancedFilterOptionChange: u,
+            onOpenChange: N,
+            onValueChange: R,
+            open: B,
+            portalElement: g,
+            showLabel: !w,
+            value: c
+          }), !L(c) && /* @__PURE__ */ l(P, {
+            children: /* @__PURE__ */ l(U, {
+              ...X,
               as: "input",
-              disabled: h,
-              experimentalVirtualization: M,
-              filterFn: R,
+              disabled: d,
+              experimentalVirtualization: T,
+              filterFn: K,
               hideLabel: !0,
-              label: o,
+              label: n,
               multiselect: !0,
               name: e.name,
-              onOpenChange: N,
-              onValueChange: j,
-              open: B,
-              options: _,
-              placeholder: D(l),
-              portalElement: C,
-              value: l
+              onOpenChange: j,
+              onValueChange: $,
+              open: _,
+              options: k,
+              placeholder: z(r),
+              portalElement: g,
+              value: r
             })
           })]
         });
@@ -89,5 +88,5 @@ const T = (o) => o === f.IS_BLANK || o === f.IS_NOT_BLANK, he = ({
   });
 };
 export {
-  he as MetadataMultiSelectFieldAdvanced
+  de as MetadataMultiSelectFieldAdvanced
 };

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

@@ -1,57 +1,65 @@
-import { TooltipProvider as b, Combobox as f } from "@box/blueprint-web";
-import { useFormikContext as F, getIn as M, Field as V } from "formik";
-import { useMemo as $, useCallback as l } from "react";
+import { TooltipProvider as F, Combobox as M } from "@box/blueprint-web";
+import { useFormikContext as f, getIn as b, Field as V } from "formik";
+import { useMemo as $, useCallback as n } from "react";
 import { useIntl as x } from "react-intl";
 import L from "../../../../messages.js";
-import { fieldDefaultProps as k } from "../constants.js";
+import { fieldDefaultProps as S } from "../constants.js";
+import { MetadataMultiSelectFieldAdvanced as k } from "./metadata-multi-select-field-advanced.js";
 import { jsx as o } from "react/jsx-runtime";
-const T = ({
-  disableForm: m,
+const w = ({
+  disableForm: a,
   fieldNamePrefix: t,
   label: r,
-  portalElement: u,
-  hasAccordion: d,
+  portalElement: d,
+  hasAccordion: u,
   hasExperimentalVirtualization: c
 }) => {
   const {
-    setFieldValue: n,
+    setFieldValue: i,
     values: s
-  } = F(), i = x(), a = `${t}.value.enum`, p = $(() => M(s, `${t}.options`, []).map(({
+  } = f(), m = x(), l = `${t}.value.enum`, p = $(() => b(s, `${t}.options`, []).map(({
     key: e
-  }) => e), [s, t]), h = l((e, v) => v.toLowerCase().includes(e.toLowerCase()), []), g = l((e) => n(a, e), [n, a]), C = l((e) => (
+  }) => e), [s, t]), h = n((e, C) => C.toLowerCase().includes(e.toLowerCase()), []), g = n((e) => i(l, e), [i, l]), v = n((e) => (
     // Empty array must be substituted if there is no value found
     // Otherwise no placeholder appears despite no selection
-    (e || [])?.length === 0 ? i.formatMessage(L.multiselectPlaceholder) : ""
-  ), [i]);
+    (e || [])?.length === 0 ? m.formatMessage(L.multiselectPlaceholder) : ""
+  ), [m]);
   return /* @__PURE__ */ o("div", {
     "data-testid": `${r}-field`,
     children: /* @__PURE__ */ o(V, {
-      name: a,
+      name: l,
       children: ({
         field: e
-      }) => /* @__PURE__ */ o(b, {
-        children: /* @__PURE__ */ o(f, {
-          ...k,
+      }) => /* @__PURE__ */ o(F, {
+        children: /* @__PURE__ */ o(M, {
+          ...S,
           as: "input",
           "data-target-id": `Combobox-${t}`,
-          disabled: m,
+          disabled: a,
           filterFn: h,
-          hideLabel: d,
+          hideLabel: u,
           label: r,
           multiselect: !0,
           experimentalVirtualization: c,
           name: e.name,
           onValueChange: g,
           options: p,
-          placeholder: C(e.value),
-          portalElement: u,
+          placeholder: v(e.value),
+          portalElement: d,
           value: e.value
         })
       })
     })
   });
-};
+}, q = ({
+  isAdvancedFilterEnabled: a,
+  ...t
+}) => a ? /* @__PURE__ */ o(k, {
+  ...t
+}) : /* @__PURE__ */ o(w, {
+  ...t
+});
 export {
-  T as MetadataMultiSelectField,
-  T as default
+  q as MetadataMultiSelectField,
+  q as default
 };

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

@@ -2,7 +2,7 @@ import { MetadataDateField as d } from "./components/metadata-date-field/metadat
 import { MetadataDateFieldAdvanced as i } from "./components/metadata-date-field/metadata-date-field-advanced.js";
 import { MetadataEnumField as m } from "./components/metadata-enum-field/metadata-enum-field.js";
 import { MetadataFloatField as r } from "./components/metadata-float-field/metadata-float-field.js";
-import { MetadataFloatFieldAdvanced as l } from "./components/metadata-float-field/metadata-float-field-advanced.js";
+import { M as l } from "../../../../chunks/metadata-float-field-advanced.js";
 import { MetadataMultiSelectField as n } from "./components/metadata-multi-select-field/metadata-multi-select-field.js";
 import { MetadataMultiSelectFieldAdvanced as e } from "./components/metadata-multi-select-field/metadata-multi-select-field-advanced.js";
 import { MetadataStringField as o } from "./components/metadata-string-field/metadata-string-field.js";
@@ -10,6 +10,7 @@ import { MetadataTaxonomyField as F } from "./components/metadata-taxonomy-field
 import { MetadataTaxonomyFieldAdvanced as f } from "./components/metadata-taxonomy-field/metadata-taxonomy-field-advanced.js";
 import { jsx as a } from "react/jsx-runtime";
 const g = {
+  // locale is always provided by the parent for all field types, so the cast is safe even though MetadataFieldProps types it as optional
   date: (t) => /* @__PURE__ */ a(d, {
     ...t
   }),
@@ -29,6 +30,7 @@ const g = {
     ...t
   })
 }, D = {
+  // locale is always provided by the parent for all field types, so the cast is safe even though MetadataFieldProps types it as optional
   date: (t) => /* @__PURE__ */ a(i, {
     ...t
   }),

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

@@ -1,3 +1,3 @@
-import { MetadataFieldProps } from '../../types';
-export declare const MetadataDateFieldAdvanced: ({ disableForm, fieldNamePrefix, label, locale, portalElement, filterOptionsMap, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, hasAccordion, isModified, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { MetadataDateFieldProps } from '../../types';
+export declare const MetadataDateFieldAdvanced: ({ disableForm, fieldNamePrefix, label, locale, portalElement, filterOptionsMap, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, hasAccordion, isModified, }: MetadataDateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataDateFieldAdvanced;

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: ({ customDateFilterOptions, disableForm, fieldNamePrefix, label, locale, portalElement, hasAccordion, }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
+import { MetadataDateFieldProps } from '../../types';
+export declare const MetadataDateFieldRelative: ({ customDateFilterOptions, disableForm, fieldNamePrefix, label, locale, portalElement, hasAccordion, }: MetadataDateFieldProps) => 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 }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
-export declare const MetadataDateFieldNonRelative: ({ customFieldLabels, direction, disableForm, fieldNamePrefix, label, locale, portalElement, hasAccordion, }: Omit<MetadataFieldProps, "taxonomyOptionsFetcher">) => import("react/jsx-runtime").JSX.Element;
+import { MetadataDateFieldProps } from '../../types';
+export declare const MetadataDateField: ({ canUseRelativeDates, isAdvancedFilterEnabled, ...props }: MetadataDateFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataDateFieldNonRelative: ({ customFieldLabels, direction, disableForm, fieldNamePrefix, label, locale, portalElement, hasAccordion, }: MetadataDateFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataDateField;

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

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

package/dist/types/lib/components/metadata-filter-fields/components/metadata-multi-select-field/metadata-multi-select-field-advanced.d.ts

@@ -1,2 +1,2 @@
 import { MetadataFieldProps } from '../../types';
-export declare const MetadataMultiSelectFieldAdvanced: ({ label, fieldNamePrefix, disableForm, isAdvancedFilterEnabled, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, portalElement, hasAccordion, isModified, hasExperimentalVirtualization, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataMultiSelectFieldAdvanced: ({ label, fieldNamePrefix, disableForm, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, portalElement, hasAccordion, isModified, hasExperimentalVirtualization, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,6 @@
 import { MetadataFieldProps } from '../../types';
 export declare const MetadataStringField: {
-    ({ label, fieldNamePrefix, disableForm, isAdvancedFilterEnabled, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, hasAccordion, isModified, placeholder, }: Omit<MetadataFieldProps, "locale" | "taxonomyOptionsFetcher">): import("react/jsx-runtime").JSX.Element;
+    ({ label, fieldNamePrefix, disableForm, isAdvancedFilterEnabled, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, hasAccordion, isModified, placeholder, }: MetadataFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MetadataStringField;

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

@@ -1,3 +1,3 @@
-import { MetadataFieldProps } from '../../types';
-export declare const MetadataTaxonomyFieldAdvanced: ({ className, disableForm, fieldNamePrefix, label, portalElement, taxonomyOptionsFetcher, isMultilevelTaxonomyFieldEnabled, hasAccordion, isAdvancedFilterEnabled, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, isModified, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { MetadataTaxonomyFieldProps } from '../../types';
+export declare const MetadataTaxonomyFieldAdvanced: ({ className, disableForm, fieldNamePrefix, label, portalElement, taxonomyOptionsFetcher, isMultilevelTaxonomyFieldEnabled, hasAccordion, isAdvancedFilterEnabled, onAdvancedFilterOptionChange, fieldAdvancedFilterOptions, filterOptionsMap, isModified, }: MetadataTaxonomyFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataTaxonomyFieldAdvanced;

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

@@ -1,3 +1,3 @@
-import { MetadataFieldProps } from '../../types';
-export declare const MetadataTaxonomyField: ({ className, disableForm, fieldNamePrefix, label, portalElement, taxonomyOptionsFetcher, isMultilevelTaxonomyFieldEnabled, hasAccordion, }: MetadataFieldProps) => import("react/jsx-runtime").JSX.Element;
+import { MetadataTaxonomyFieldProps } from '../../types';
+export declare const MetadataTaxonomyField: ({ className, disableForm, fieldNamePrefix, label, portalElement, taxonomyOptionsFetcher, isMultilevelTaxonomyFieldEnabled, hasAccordion, }: MetadataTaxonomyFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataTaxonomyField;

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

@@ -37,8 +37,6 @@ export type MetadataFieldProps = {
     disableForm?: boolean;
     portalElement?: HTMLElement;
     options?: Array<MetadataTemplateFieldOption>;
-    locale: string;
-    taxonomyOptionsFetcher?: TaxonomyOptionsFetcher;
     className?: string;
     canUseRelativeDates?: boolean;
     isAdvancedFilterEnabled?: boolean;
@@ -54,6 +52,14 @@ export type MetadataFieldProps = {
     isModified?: boolean;
     placeholder?: string;
     hasExperimentalVirtualization?: boolean;
+    locale?: string;
+    taxonomyOptionsFetcher?: TaxonomyOptionsFetcher;
+};
+export type MetadataDateFieldProps = MetadataFieldProps & {
+    locale: string;
+};
+export type MetadataTaxonomyFieldProps = MetadataFieldProps & {
+    taxonomyOptionsFetcher?: TaxonomyOptionsFetcher;
 };
 export type FieldType = Extract<MetadataTemplateFieldType, 'string' | 'float' | 'enum' | 'multiSelect' | 'date' | 'taxonomy'>;
 export type PartialRangeValue = Partial<RangeValue>;

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

@@ -3,6 +3,7 @@ import { TaxonomyOptionsFetcher } from './components/metadata-filter-fields/comp
 export type MetadataFormFieldValue = EnumType | RangeType | FloatType;
 export type EnumType = {
     enum: Array<string>;
+    advancedFilterOption?: FilterKey;
 } | BaseOptionType[];
 export type RelativeRangeType = 'today' | 'next' | 'past' | 'olderThan';
 export type RelDateTypeUi = RelativeRangeType | 'customRange' | 'anyTime';

package/package.json

@@ -1,19 +1,19 @@
 {
     "name": "@box/metadata-filter",
-    "version": "1.78.10",
+    "version": "1.79.1",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.5.13",
-        "@box/blueprint-web-assets": "^4.104.8",
-        "@box/combobox-with-api": "^1.41.19",
+        "@box/blueprint-web": "^13.6.0",
+        "@box/blueprint-web-assets": "^4.104.9",
+        "@box/combobox-with-api": "^1.41.20",
         "formik": "^2.0.3",
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0",
         "react-intl": "6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.5.13",
-        "@box/blueprint-web-assets": "^4.104.8",
-        "@box/storybook-utils": "^0.16.69",
+        "@box/blueprint-web": "^13.6.0",
+        "@box/blueprint-web-assets": "^4.104.9",
+        "@box/storybook-utils": "^0.16.70",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-intl": "6.4.2"

package/dist/chunks/metadata-float-field.module.js

@@ -1,9 +0,0 @@
-import '../styles/metadata-float-field.css';const n = "_container_uvlwq_1", t = "_rangeInputsContainer_uvlwq_6", e = "_inputContainer_uvlwq_16", a = "_advancedFilterContainer_uvlwq_23", r = {
-  container: n,
-  rangeInputsContainer: t,
-  inputContainer: e,
-  advancedFilterContainer: a
-};
-export {
-  r as s
-};