@box/metadata-filter 1.31.0 → 1.31.1

package/dist/chunks/index.js

@@ -1,70 +1,76 @@
 import { Text as D, Select as c } from "@box/blueprint-web";
-import { Field as I } from "formik";
-import { useState as k, useCallback as B } from "react";
-import { useIntl as $ } from "react-intl";
-import i from "../esm/lib/messages.js";
-import { jsxs as q, Fragment as w, jsx as e } from "react/jsx-runtime";
-import '../styles/index.css';const z = "_noAttributesText_12d80_1", E = "_fieldLabel_12d80_5", G = "_selectContainer_12d80_10", H = "_comboboxContainer_12d80_15", _ = {
-  noAttributesText: z,
-  fieldLabel: E,
-  selectContainer: G,
-  comboboxContainer: H
-}, V = ({
-  label: d,
-  fieldNamePrefix: n,
+import { Field as k } from "formik";
+import { useState as B, useCallback as M } from "react";
+import { useIntl as N } from "react-intl";
+import l from "../esm/lib/messages.js";
+import { jsxs as _, Fragment as $, jsx as e } from "react/jsx-runtime";
+import '../styles/index.css';const q = "_noAttributesText_2lw3u_1", z = "_fieldLabel_2lw3u_5", E = "_selectContainer_2lw3u_10", G = "_comboboxContainer_2lw3u_15", H = "_modifiedIcon_2lw3u_19", d = {
+  noAttributesText: q,
+  fieldLabel: z,
+  selectContainer: E,
+  comboboxContainer: G,
+  modifiedIcon: H
+}, W = ({
+  label: m,
+  fieldNamePrefix: i,
   fieldAdvancedFilterOptions: h,
-  filterOptionsMap: a,
+  filterOptionsMap: n,
   disableForm: b,
   portalElement: x,
-  onAdvancedFilterOptionChange: l,
-  onValueChange: m,
-  defaultValue: f = "",
-  showLabel: v = !0,
-  advancedFilterFieldName: C = `${n}.value.advancedFilterOption`,
-  value: o,
-  labelClassName: L = _.fieldLabel,
-  labelAs: g = "div",
-  open: A,
-  onOpenChange: T
+  onAdvancedFilterOptionChange: s,
+  onValueChange: u,
+  defaultValue: v = "",
+  showLabel: C = !0,
+  advancedFilterFieldName: L = `${i}.value.advancedFilterOption`,
+  value: r,
+  labelClassName: g = d.fieldLabel,
+  labelAs: A = "div",
+  open: I,
+  onOpenChange: w,
+  isModified: T
 }) => {
-  const s = $(), [F, p] = k(h || f), y = o !== void 0 ? o : F, S = B((t, ...r) => {
-    o === void 0 && p(t), l && l(n, t), m(t, ...r);
-  }, [n, l, m, o]);
-  return /* @__PURE__ */ q(w, {
-    children: [v && /* @__PURE__ */ e(D, {
-      as: g,
-      className: L,
+  const a = N(), [F, p] = B(h || v), y = r !== void 0 ? r : F, S = M((t, ...o) => {
+    r === void 0 && p(t), s && s(i, t), u(t, ...o);
+  }, [i, s, u, r]);
+  return /* @__PURE__ */ _($, {
+    children: [C && /* @__PURE__ */ _(D, {
+      as: A,
+      className: g,
       color: "textOnLightDefault",
       variant: "bodyDefaultBold",
-      children: d
-    }), /* @__PURE__ */ e(I, {
-      name: C,
+      children: [m, T && /* @__PURE__ */ e("div", {
+        "aria-label": a.formatMessage(l.filterModifiedAriaLabel),
+        className: d.modifiedIcon,
+        role: "img"
+      })]
+    }), /* @__PURE__ */ e(k, {
+      name: L,
       children: ({
         field: t,
-        meta: r
+        meta: o
       }) => /* @__PURE__ */ e("div", {
-        className: _.selectContainer,
+        className: d.selectContainer,
         children: /* @__PURE__ */ e(c, {
           ...t,
           "aria-disabled": b,
-          "aria-label": s.formatMessage(i.advancedFilterOptionAriaLabel, {
-            label: d
+          "aria-label": a.formatMessage(l.advancedFilterOptionAriaLabel, {
+            label: m
           }),
           disabled: b,
-          error: r.touched && r.error ? r.error : void 0,
+          error: o.touched && o.error ? o.error : void 0,
           hideLabel: !0,
-          label: s.formatMessage(i.selectFilterType),
-          onOpenChange: T,
+          label: a.formatMessage(l.selectFilterType),
+          onOpenChange: w,
           onValueChange: S,
-          open: A,
-          placeholder: s.formatMessage(i.selectOptionPlaceholder),
+          open: I,
+          placeholder: a.formatMessage(l.selectOptionPlaceholder),
           value: y,
           children: /* @__PURE__ */ e(c.Content, {
             container: x,
-            children: a == null ? void 0 : a.map(([u, j]) => /* @__PURE__ */ e(c.Option, {
+            children: n == null ? void 0 : n.map(([f, j]) => /* @__PURE__ */ e(c.Option, {
               text: j,
-              value: u
-            }, u))
+              value: f
+            }, f))
           })
         })
       })
@@ -72,6 +78,6 @@ import '../styles/index.css';const z = "_noAttributesText_12d80_1", E = "_fieldL
   });
 };
 export {
-  V as A,
-  _ as s
+  W as A,
+  d as s
 };

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
-import { TextInput as T } from "@box/blueprint-web";
-import { Field as j } from "formik";
-import { useState as $, useCallback as n } from "react";
-import { useIntl as k } from "react-intl";
+import { TextInput as j } from "@box/blueprint-web";
+import { Field as $ } from "formik";
+import { useState as k, useCallback as n } from "react";
+import { useIntl as y } from "react-intl";
 import x from "../../../../messages.js";
-import { fieldDefaultProps as y } from "../constants.js";
-import { getInitialAdvancedFilterValue as D, createFieldValue as w, getInputValue as H, shouldHideTextInput as N } from "./utils.js";
-import { jsx as p, jsxs as P, Fragment as q } from "react/jsx-runtime";
-import { A as z } from "../../../../../../chunks/index.js";
-const B = ({
+import { fieldDefaultProps as D } from "../constants.js";
+import { getInitialAdvancedFilterValue as H, createFieldValue as w, getInputValue as N, shouldHideTextInput as P } from "./utils.js";
+import { jsx as p, jsxs as q, Fragment as z } from "react/jsx-runtime";
+import { A as B } from "../../../../../../chunks/index.js";
+const G = ({
   label: s,
   fieldNamePrefix: f,
   disableForm: g,
@@ -15,39 +15,41 @@ const B = ({
   onAdvancedFilterOptionChange: o,
   fieldAdvancedFilterOptions: h,
   filterOptionsMap: I,
-  hasAccordion: c
+  hasAccordion: c,
+  isModified: S
 }) => {
-  const i = k(), r = `${f}.value.enum[0]`, [l, S] = $(D(h, I)), L = n((e, m, u) => {
-    S(e), o == null || o(r, e);
+  const i = y(), r = `${f}.value.enum[0]`, [l, L] = k(H(h, I)), M = n((e, m, u) => {
+    L(e), o == null || o(r, e);
     const a = w(m, e, t);
     u.setFieldValue(r, a);
-  }, [r, t, o]), M = n((e, m) => {
+  }, [r, t, o]), T = n((e, m) => {
     const u = e.target.value, a = w(u, l, t);
     m.setFieldValue(r, a);
   }, [l, t, r]);
   return /* @__PURE__ */ p("div", {
     "data-testid": `${s}-field`,
-    children: /* @__PURE__ */ p(j, {
+    children: /* @__PURE__ */ p($, {
       name: r,
       children: ({
         field: e,
         meta: m,
         form: u
       }) => {
-        const a = H(e.value, t);
-        return /* @__PURE__ */ P(q, {
-          children: [t && /* @__PURE__ */ p(z, {
+        const a = N(e.value, t);
+        return /* @__PURE__ */ q(z, {
+          children: [t && /* @__PURE__ */ p(B, {
             disableForm: g,
             fieldAdvancedFilterOptions: h,
             fieldNamePrefix: f,
             filterOptionsMap: I,
+            isModified: S,
             label: s,
             onAdvancedFilterOptionChange: o,
-            onValueChange: (V) => L(V, a, u),
+            onValueChange: (V) => M(V, a, u),
             showLabel: t && !c,
             value: l
-          }), !N(t, l) && /* @__PURE__ */ p(T, {
-            ...y,
+          }), !P(t, l) && /* @__PURE__ */ p(j, {
+            ...D,
             ...e,
             "aria-label": i.formatMessage(x.enterValueAriaLabel, {
               label: s
@@ -56,7 +58,7 @@ const B = ({
             error: m.error,
             hideLabel: t || c,
             label: s,
-            onChange: (V) => M(V, u),
+            onChange: (V) => T(V, u),
             placeholder: i.formatMessage(x.setValuePlaceholder),
             value: a
           })]
@@ -65,8 +67,8 @@ const B = ({
     })
   });
 };
-B.displayName = "MetadataStringField";
+G.displayName = "MetadataStringField";
 export {
-  B as MetadataStringField,
-  B as default
+  G as MetadataStringField,
+  G as default
 };