@box/metadata-view 1.51.25 → 1.52.0

package/dist/esm/lib/components/filter-row/advanced-field-content.js

@@ -0,0 +1,53 @@
+import { MetadataMultiSelectField as o, MetadataStringField as l, MetadataFloatField as c, MetadataDateField as s } from "@box/metadata-filter";
+import { useAdvancedFilterContext as F } from "./advanced-filter-context.js";
+import { jsx as n } from "react/jsx-runtime";
+const u = ({
+  fieldNamePrefix: a,
+  filterOptionsMap: d,
+  label: r
+}) => {
+  const e = F();
+  return {
+    key: e?.resetKey,
+    fieldAdvancedFilterOptions: e?.currentOption,
+    fieldNamePrefix: a,
+    filterOptionsMap: d,
+    isAdvancedFilterEnabled: !0,
+    label: r,
+    onAdvancedFilterOptionChange: e ? (i, t) => e.onOptionChange(t) : void 0
+  };
+}, f = ({
+  fieldType: a,
+  fieldNamePrefix: d,
+  filterOptionsMap: r,
+  label: e,
+  locale: i
+}) => {
+  const t = u({
+    fieldNamePrefix: d,
+    filterOptionsMap: r,
+    label: e
+  });
+  switch (a) {
+    case "date":
+      return /* @__PURE__ */ n(s, {
+        ...t,
+        locale: i
+      });
+    case "float":
+      return /* @__PURE__ */ n(c, {
+        ...t
+      });
+    case "string":
+      return /* @__PURE__ */ n(l, {
+        ...t
+      });
+    default:
+      return /* @__PURE__ */ n(o, {
+        ...t
+      });
+  }
+};
+export {
+  f as AdvancedFieldContent
+};

package/dist/esm/lib/components/filter-row/advanced-filter-context.js

@@ -0,0 +1,6 @@
+import { createContext as t, useContext as e } from "react";
+const n = /* @__PURE__ */ t(null), r = () => e(n);
+export {
+  n as AdvancedFilterContext,
+  r as useAdvancedFilterContext
+};

package/dist/esm/lib/components/filter-row/form-filter-chip.js

@@ -1,79 +1,108 @@
-import { Popover as a, FilterChip as s, Button as f } from "@box/blueprint-web";
-import { useFormikContext as V, getIn as l } from "formik";
-import { useState as v, useMemo as M } from "react";
-import { useIntl as j } from "react-intl";
-import { s as h } from "../../../../chunks/filter-row.module.js";
-import { getDefaultFieldValue as z } from "./initial-field-values.js";
-import { isFilterSelected as N } from "./is-filter-selected.js";
-import y from "./messages.js";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-const Q = ({
-  children: C,
-  formRef: F,
-  icon: i,
+import { Popover as n, FilterChip as l, Button as O } from "@box/blueprint-web";
+import { useFormikContext as X, getIn as i } from "formik";
+import { useState as c, useMemo as Y } from "react";
+import { useIntl as Z } from "react-intl";
+import { AdvancedFilterContext as _ } from "./advanced-filter-context.js";
+import { s as T } from "../../../../chunks/filter-row.module.js";
+import { getDefaultFieldValue as A } from "./initial-field-values.js";
+import { isBlankOrNotBlankFilter as b } from "./is-blank-or-not-blank-filter.js";
+import { extractAdvancedFilterOption as E, isFilterSelected as ee } from "./is-filter-selected.js";
+import D from "./messages.js";
+import { useFormFilterChip as te } from "./use-form-filter-chip.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+const he = ({
+  children: u,
+  formRef: B,
+  icon: f,
   id: t,
-  name: g
+  name: d = "",
+  isAdvancedFilterEnabled: e,
+  advancedFilterOptionsMap: S
 }) => {
   const {
-    formatMessage: c
-  } = j(), [T, m] = v(!1), {
-    handleSubmit: D,
-    setFieldValue: S,
-    resetForm: b,
-    values: r
-  } = V(), p = l(r, `metadata.fields.${t}.fieldType`), B = () => {
-    D(), m(!1);
-  }, [I, R] = v(r), $ = (e) => {
-    m(e), e ? R(r) : b({
-      values: I
-    });
-  }, k = () => {
-    S(`metadata.fields.${t}.value`, z(p));
-  }, d = M(() => {
-    const e = l(r, `metadata.fields.${t}.value`);
-    return e ? N(e) : !1;
-  }, [r, t]), x = () => {
-    if (p === "date") {
-      const e = l(r, `metadata.fields.${t}.value.customType`), O = e && e !== "anyTime" && e !== "customRange", u = l(r, `metadata.fields.${t}.value.relativeType`);
-      return (O || u && u !== "customRange") && !d;
+    formatMessage: h
+  } = Z(), [k, y] = c(!1), {
+    handleSubmit: x,
+    setFieldValue: R,
+    resetForm: $,
+    values: a
+  } = X(), v = i(a, `metadata.fields.${t}.fieldType`), C = i(a, `metadata.fields.${t}.value`), I = e && C ? E(C) : void 0, {
+    appliedAdvancedFilterOption: F,
+    currentAdvancedFilterOption: V,
+    dynamicDisplayName: N,
+    handleAdvancedFilterOptionChange: M,
+    handleApply: P,
+    handleCancel: j,
+    handleClear: z
+  } = te({
+    name: d,
+    advancedFilterOptionsMap: S,
+    initialAdvancedFilterOption: I
+  }), [K, L] = c(0), w = () => {
+    e && P(), x(), y(!1);
+  }, [q, G] = c(a), H = (o) => {
+    y(o), o ? (G(a), e && L((m) => m + 1)) : ($({
+      values: q
+    }), e && j());
+  }, J = () => {
+    R(`metadata.fields.${t}.value`, A({
+      fieldType: v,
+      isAdvancedFilterEnabled: e
+    })), e && z();
+  }, p = Y(() => {
+    if (e && b(F))
+      return !0;
+    const o = i(a, `metadata.fields.${t}.value`);
+    return o ? ee(o) : !1;
+  }, [a, t, e, F]), Q = () => {
+    if (v === "date") {
+      const o = i(a, `metadata.fields.${t}.value.customType`), m = o && o !== "anyTime" && o !== "customRange", g = i(a, `metadata.fields.${t}.value.relativeType`);
+      return (m || g && g !== "customRange") && !p;
     }
     return !1;
-  };
-  return /* @__PURE__ */ o("div", {
-    children: /* @__PURE__ */ n(a.Root, {
-      onOpenChange: $,
-      open: T,
-      children: [/* @__PURE__ */ o(a.Trigger, {
-        children: /* @__PURE__ */ n(s.TriggerChip, {
-          selected: d,
+  }, U = e && p ? N : d, W = e ? /* @__PURE__ */ r(_.Provider, {
+    value: {
+      currentOption: V,
+      onOptionChange: M,
+      resetKey: K
+    },
+    children: u
+  }) : u;
+  return /* @__PURE__ */ r("div", {
+    children: /* @__PURE__ */ s(n.Root, {
+      onOpenChange: H,
+      open: k,
+      children: [/* @__PURE__ */ r(n.Trigger, {
+        children: /* @__PURE__ */ s(l.TriggerChip, {
+          selected: p,
           value: t,
-          children: [i && /* @__PURE__ */ o(s.Icon, {
-            icon: i
-          }), /* @__PURE__ */ o(s.Label, {
-            children: g
-          }), /* @__PURE__ */ o(s.DropdownIndicator, {})]
+          children: [f && /* @__PURE__ */ r(l.Icon, {
+            icon: f
+          }), /* @__PURE__ */ r(l.Label, {
+            children: U
+          }), /* @__PURE__ */ r(l.DropdownIndicator, {})]
         }, t)
-      }), /* @__PURE__ */ n(a.ContentContainer, {
+      }), /* @__PURE__ */ s(n.ContentContainer, {
         align: "start",
-        className: h.popoverContent,
-        container: F.current,
+        className: T.popoverContent,
+        container: B.current,
         "data-testid": "form-filter-chip-popover",
-        children: [/* @__PURE__ */ o(a.MainContent, {
-          children: C
-        }), /* @__PURE__ */ n(a.Footer, {
-          className: h.popoverFooter,
-          children: [/* @__PURE__ */ o(f, {
-            onClick: k,
+        children: [/* @__PURE__ */ r(n.MainContent, {
+          children: W
+        }), /* @__PURE__ */ s(n.Footer, {
+          className: T.popoverFooter,
+          children: [/* @__PURE__ */ r(O, {
+            onClick: J,
             size: "small",
             variant: "secondary",
-            children: c(y.clearButton)
-          }), /* @__PURE__ */ o(f, {
-            disabled: x(),
-            onClick: B,
+            children: h(D.clearButton)
+          }), /* @__PURE__ */ r(O, {
+            disabled: Q(),
+            onClick: w,
             size: "small",
             type: "submit",
             variant: "primary",
-            children: c(y.applyButton)
+            children: h(D.applyButton)
           })]
         })]
       })]
@@ -81,5 +110,5 @@ const Q = ({
   });
 };
 export {
-  Q as FormFilterChip
+  he as FormFilterChip
 };

package/dist/esm/lib/components/filter-row/initial-field-values.js

@@ -1,35 +1,43 @@
-const o = (e) => ({
+const c = (e) => ({
   key: e,
   id: e
-}), c = ({
+}), d = ({
   fieldType: e,
   options: t
-}) => ["enum", "multiSelect"].includes(e) ? (t || []).map(o) : [], s = (e) => e === "date" ? {
+}) => ["enum", "multiSelect"].includes(e) ? (t || []).map(c) : [], s = ({
+  fieldType: e,
+  isAdvancedFilterEnabled: t
+}) => e === "date" ? {
   customType: "anyTime",
   range: {
     gt: "",
     lt: ""
   }
-} : e === "float" ? {
+} : e === "float" ? t ? {
+  enum: []
+} : {
   range: {
     gt: "",
     lt: ""
   }
 } : {
   enum: []
-}, f = (e) => Array.isArray(e) ? e.length > 1 ? "multiSelect" : "enum" : !e || typeof e != "object" ? "enum" : "customDays" in e || "relativeDays" in e || "customType" in e || "relativeType" in e ? "date" : "range" in e ? "float" : "enum" in e && e.enum.length > 1 ? "multiSelect" : "enum", y = (e, t) => {
+}, l = (e) => Array.isArray(e) ? e.length > 1 ? "multiSelect" : "enum" : !e || typeof e != "object" ? "enum" : "customDays" in e || "relativeDays" in e || "customType" in e || "relativeType" in e ? "date" : "range" in e ? "float" : "enum" in e && e.enum.length > 1 ? "multiSelect" : "enum", o = (e, t) => {
   const i = e.reduce((n, r) => {
-    const a = t?.[r.id]?.value, u = s(r.fieldType);
+    const a = t?.[r.id]?.value, u = s({
+      fieldType: r.fieldType,
+      isAdvancedFilterEnabled: r.isAdvancedFilterEnabled
+    });
     return n[r.id] = {
       value: a ?? u,
       fieldType: r.fieldType,
-      options: c(r)
+      options: d(r)
     }, n;
   }, {});
   return t && Object.keys(t).filter((n) => !i[n]).forEach((n) => {
     i[n] = {
       value: t[n].value,
-      fieldType: f(t[n].value)
+      fieldType: l(t[n].value)
     };
   }), {
     metadata: {
@@ -39,6 +47,6 @@ const o = (e) => ({
 };
 export {
   s as getDefaultFieldValue,
-  y as getInitialFieldValues,
-  f as inferFieldType
+  o as getInitialFieldValues,
+  l as inferFieldType
 };

package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js

@@ -0,0 +1,5 @@
+import { FilterKeyTypes as e } from "@box/metadata-filter";
+const l = (r) => r === e.IS_BLANK || r === e.IS_NOT_BLANK;
+export {
+  l as isBlankOrNotBlankFilter
+};

package/dist/esm/lib/components/filter-row/is-filter-selected.js

@@ -1,16 +1,59 @@
-function t(e) {
-  if ("range" in e) {
+import { FilterKeyTypes as d } from "@box/metadata-filter";
+import { isBlankOrNotBlankFilter as i } from "./is-blank-or-not-blank-filter.js";
+const o = (t) => !!t && typeof t == "object" && !Array.isArray(t) && "advancedFilterOption" in t, s = ({
+  value: t,
+  advancedFilterOption: r
+}) => i(r) ? !0 : !!(t && t.length > 0 && t[0]), c = (t) => !!t && typeof t == "object" && !Array.isArray(t) && "advancedFilterOption" in t, a = ({
+  value: t,
+  advancedFilterOption: r
+}) => {
+  if (i(r))
+    return !0;
+  if (typeof t == "string")
+    return !!t;
+  if (t && typeof t == "object" && "range" in t) {
     const {
       range: n
-    } = e;
+    } = t;
     return !!(n && (n.gt || n.lt));
   }
-  if ("enum" in e) {
-    const n = e.enum;
-    return !!(n && n.length > 0 && n[0]);
+  return !1;
+}, f = (t) => {
+  if ("advancedFilterOption" in t)
+    return t.advancedFilterOption;
+  if ("enum" in t) {
+    const r = t.enum;
+    if (o(r))
+      return r.advancedFilterOption;
+    const n = r?.[0];
+    if (c(n))
+      return n.advancedFilterOption;
+  }
+}, y = (t) => {
+  const r = f(t);
+  return r && r !== d.SELECT_FILTER_TYPE ? r : void 0;
+}, m = (t) => {
+  if ("advancedFilterOption" in t && i(t.advancedFilterOption))
+    return !0;
+  if ("range" in t) {
+    const {
+      range: r
+    } = t;
+    return !!(r && (r.gt || r.lt));
+  }
+  if ("enum" in t) {
+    const r = t.enum;
+    if (o(r))
+      return s(r);
+    const n = r;
+    if (!n || n.length === 0)
+      return !1;
+    const e = n[0];
+    return c(e) ? a(e) : !!e;
   }
   return !1;
-}
+};
 export {
-  t as isFilterSelected
+  y as extractAdvancedFilterOption,
+  m as isFilterSelected
 };

package/dist/esm/lib/components/filter-row/messages.js

@@ -31,6 +31,10 @@ const a = e({
   locationFilterTitle: {
     id: "groupSharedFeatures.metadataView.filterRow.locationFilterTitle",
     defaultMessage: "Location"
+  },
+  chipNameWithFilterOption: {
+    id: "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption",
+    defaultMessage: "{name} - {optionLabel}"
   }
 });
 export {

package/dist/esm/lib/components/filter-row/metadata-filter-chip.js

@@ -1,86 +1,104 @@
-import { MetadataStringField as f, MetadataFloatField as h, MetadataDateField as M } from "@box/metadata-filter";
-import { useIntl as C } from "react-intl";
-import { MetadataFileChip as b } from "../metadata-value/metadata-file-chip.js";
-import { FormFilterChip as n } from "./form-filter-chip.js";
-import { SelectFilterChip as v } from "./select-filter-chip.js";
+import { MetadataStringField as M, MetadataFloatField as C, MetadataDateField as S } from "@box/metadata-filter";
+import { useIntl as b } from "react-intl";
+import { MetadataFileChip as x } from "../metadata-value/metadata-file-chip.js";
+import { AdvancedFieldContent as A } from "./advanced-field-content.js";
+import { FormFilterChip as o } from "./form-filter-chip.js";
+import { SelectFilterChip as D } from "./select-filter-chip.js";
 import { jsx as t } from "react/jsx-runtime";
-const w = ({
-  filterOption: c,
-  formRef: i
+const N = ({
+  filterOption: p,
+  formRef: a
 }) => {
   const {
-    canUseRelativeDates: d,
-    customDateFilterOptions: s,
-    fieldType: o,
-    icon: l,
+    advancedFilterOptionsMap: c,
+    canUseRelativeDates: m,
+    customDateFilterOptions: u,
+    fieldType: n,
+    icon: r,
     id: e,
-    name: a,
-    options: m,
-    placeholder: p,
-    variant: u
-  } = c, {
-    locale: F
-  } = C(), r = `metadata.fields.${e}`;
-  switch (o) {
+    isAdvancedFilterEnabled: F,
+    name: i,
+    options: f,
+    placeholder: h,
+    variant: v
+  } = p, {
+    locale: s
+  } = b(), l = `metadata.fields.${e}`, d = i ?? "";
+  if (n === "multiSelect" && v === "file")
+    return /* @__PURE__ */ t(x, {
+      id: e
+    });
+  if (F)
+    return /* @__PURE__ */ t(o, {
+      advancedFilterOptionsMap: c,
+      formRef: a,
+      icon: r,
+      id: e,
+      isAdvancedFilterEnabled: !0,
+      name: i,
+      children: /* @__PURE__ */ t(A, {
+        fieldType: n,
+        fieldNamePrefix: l,
+        filterOptionsMap: c,
+        label: d,
+        locale: s
+      })
+    }, e);
+  switch (n) {
     case "date":
-      return /* @__PURE__ */ t(n, {
-        formRef: i,
-        icon: l,
+      return /* @__PURE__ */ t(o, {
+        formRef: a,
+        icon: r,
         id: e,
-        name: a,
-        children: /* @__PURE__ */ t(M, {
-          canUseRelativeDates: d,
-          customDateFilterOptions: s,
+        name: i,
+        children: /* @__PURE__ */ t(S, {
+          canUseRelativeDates: m,
+          customDateFilterOptions: u,
           direction: "vertical",
-          fieldNamePrefix: r,
-          label: a,
-          locale: F
+          fieldNamePrefix: l,
+          label: d,
+          locale: s
         })
       }, e);
     case "float":
-      return /* @__PURE__ */ t(n, {
-        formRef: i,
-        icon: l,
+      return /* @__PURE__ */ t(o, {
+        formRef: a,
+        icon: r,
         id: e,
-        name: a,
-        children: /* @__PURE__ */ t(h, {
-          fieldNamePrefix: r,
-          label: a
+        name: i,
+        children: /* @__PURE__ */ t(C, {
+          fieldNamePrefix: l,
+          label: d
         })
       }, e);
     case "string":
-      return /* @__PURE__ */ t(n, {
-        formRef: i,
-        icon: l,
+      return /* @__PURE__ */ t(o, {
+        formRef: a,
+        icon: r,
         id: e,
-        name: a,
-        children: /* @__PURE__ */ t(f, {
-          fieldNamePrefix: r,
-          label: a
+        name: i,
+        children: /* @__PURE__ */ t(M, {
+          fieldNamePrefix: l,
+          label: d
         })
       }, e);
     case "multiSelect":
-      if (u === "file")
-        return /* @__PURE__ */ t(b, {
-          id: e
-        });
-    // Non file variant multiselects falls through as enum
     case "enum":
-      return /* @__PURE__ */ t(v, {
-        fieldNamePrefix: r,
-        formRef: i,
-        icon: l,
+      return /* @__PURE__ */ t(D, {
+        fieldNamePrefix: l,
+        formRef: a,
+        icon: r,
         id: e,
-        name: a,
-        options: m,
-        placeholder: p,
-        type: o
+        name: i,
+        options: f,
+        placeholder: h,
+        type: n
       });
     default:
       return null;
   }
 };
 export {
-  w as MetadataFilterChip,
-  w as default
+  N as MetadataFilterChip,
+  N as default
 };

package/dist/esm/lib/components/filter-row/select-filter-chip.js

@@ -9,7 +9,7 @@ const R = ({
   formRef: C,
   icon: m,
   id: i,
-  name: h,
+  name: h = "",
   options: f,
   type: l,
   placeholder: n

package/dist/esm/lib/components/filter-row/use-form-filter-chip.js

@@ -0,0 +1,41 @@
+import { useState as p, useCallback as n, useMemo as A } from "react";
+import { useIntl as C } from "react-intl";
+import { isBlankOrNotBlankFilter as v } from "./is-blank-or-not-blank-filter.js";
+import O from "./messages.js";
+const b = ({
+  name: e,
+  advancedFilterOptionsMap: s,
+  initialAdvancedFilterOption: l
+}) => {
+  const {
+    formatMessage: a
+  } = C(), [r, i] = p(l), [t, c] = p(l), d = n((o) => {
+    i(o);
+  }, []), m = n(() => {
+    c(r);
+  }, [r]), u = n(() => {
+    i(t);
+  }, [t]), h = n(() => {
+    i(void 0), c(void 0);
+  }, []), f = A(() => {
+    if (!t || !v(t))
+      return e;
+    const [, o] = s?.find(([F]) => F === t) ?? [];
+    return o ? a(O.chipNameWithFilterOption, {
+      name: e,
+      optionLabel: o
+    }) : e;
+  }, [e, t, s, a]);
+  return {
+    currentAdvancedFilterOption: r,
+    appliedAdvancedFilterOption: t,
+    dynamicDisplayName: f,
+    handleAdvancedFilterOptionChange: d,
+    handleApply: m,
+    handleCancel: u,
+    handleClear: h
+  };
+};
+export {
+  b as useFormFilterChip
+};

package/dist/i18n/bn-IN.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "সকল ফিল্টার",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "প্রয়োগ করুন",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "পরিষ্কার করুন",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "ফাইলের ধরন",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "কিওয়ার্ড লিখুন",

package/dist/i18n/da-DK.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Anvend",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Ryd",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Filtype",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Indtast nøgleord",

package/dist/i18n/de-DE.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle Filter",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Anwenden",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Leeren",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Dateityp",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Schlüsselwörter eingeben",

package/dist/i18n/en-AU.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",

package/dist/i18n/en-CA.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",

package/dist/i18n/en-GB.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",

package/dist/i18n/en-US.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",

package/dist/i18n/en-US.properties

@@ -18,6 +18,8 @@ groupSharedFeatures.metadataView.filterRow.AllFilters = All Filters
 groupSharedFeatures.metadataView.filterRow.applyButton = Apply
 # Label for a filter chip that includes the name and count of selected options
 groupSharedFeatures.metadataView.filterRow.chipNameWithCount = {name} ({count})
+# Label for a filter chip showing the field name and active filter option, e.g. "Modified - Is blank"
+groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption = {name} - {optionLabel}
 # Button label to clear the current input in a textarea
 groupSharedFeatures.metadataView.filterRow.clearButton = Clear
 # Title for the file type filter group

package/dist/i18n/en-x-pseudo.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Áĺĺ ₣їļτёŗş 國國國⟧",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬 ΆΡΡļÿ 國⟧",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "⟦萬萬萬 {name} ({count}) 國國國⟧",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬 Ċľéåя 國⟧",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "⟦萬萬 ₣ĩĺė ŦỳΡé 國國⟧",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "⟦萬萬萬萬 Σņŧεѓ κĕýшοгďś 國國國國⟧",

package/dist/i18n/es-419.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Eliminar",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Tipo de archivo",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Introducir palabras clave",

package/dist/i18n/es-ES.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Eliminar",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Tipo de archivo",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Introducir palabras clave",

package/dist/i18n/fi-FI.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Kaikki suodattimet",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Käytä",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Tyhjennä",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Tiedostotyyppi",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Kirjoita hakusanat",

package/dist/i18n/fr-CA.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "OK",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Effacer",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Type de fichier",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Saisir des mots-clés",

package/dist/i18n/fr-FR.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "OK",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Effacer",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Type de fichier",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Saisir des mots-clés",

package/dist/i18n/hi-IN.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "सभी फ़िल्टर्स",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "लागू करें",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "साफ़ करें",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "फ़ाइल का प्रकार",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "कीवर्ड्स दर्ज करें",

package/dist/i18n/it-IT.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tutti i filtri",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Applica",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Cancella",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Tipo di file",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Inserisci parole chiave",

package/dist/i18n/ja-JP.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "すべてのフィルタ",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "適用",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "クリア",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "ファイルの種類",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "キーワードを入力",

package/dist/i18n/json/src/lib/components/filter-row/messages.json

@@ -1 +1 @@
-[{"id":"groupSharedFeatures.metadataView.filterRow.applyButton","description":"Button label to apply the current input as a filter to the metadata table","defaultMessage":"Apply"},{"id":"groupSharedFeatures.metadataView.filterRow.clearButton","description":"Button label to clear the current input in a textarea","defaultMessage":"Clear"},{"id":"groupSharedFeatures.metadataView.filterRow.textInputPlaceholder","description":"Placeholder text for the input field in the filter row","defaultMessage":"Set Value"},{"id":"groupSharedFeatures.metadataView.filterRow.AllFilters","description":"Button label to open the sidepanel with all filters","defaultMessage":"All Filters"},{"id":"groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder","description":"Placeholder text for the keyword search filter","defaultMessage":"Enter keywords"},{"id":"groupSharedFeatures.metadataView.filterRow.chipNameWithCount","description":"Label for a filter chip that includes the name and count of selected options","defaultMessage":"{name} ({count})"},{"id":"groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle","description":"Title for the file type filter group","defaultMessage":"File Type"},{"id":"groupSharedFeatures.metadataView.filterRow.locationFilterTitle","description":"Title for the location filter group","defaultMessage":"Location"}]
+[{"id":"groupSharedFeatures.metadataView.filterRow.applyButton","description":"Button label to apply the current input as a filter to the metadata table","defaultMessage":"Apply"},{"id":"groupSharedFeatures.metadataView.filterRow.clearButton","description":"Button label to clear the current input in a textarea","defaultMessage":"Clear"},{"id":"groupSharedFeatures.metadataView.filterRow.textInputPlaceholder","description":"Placeholder text for the input field in the filter row","defaultMessage":"Set Value"},{"id":"groupSharedFeatures.metadataView.filterRow.AllFilters","description":"Button label to open the sidepanel with all filters","defaultMessage":"All Filters"},{"id":"groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder","description":"Placeholder text for the keyword search filter","defaultMessage":"Enter keywords"},{"id":"groupSharedFeatures.metadataView.filterRow.chipNameWithCount","description":"Label for a filter chip that includes the name and count of selected options","defaultMessage":"{name} ({count})"},{"id":"groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle","description":"Title for the file type filter group","defaultMessage":"File Type"},{"id":"groupSharedFeatures.metadataView.filterRow.locationFilterTitle","description":"Title for the location filter group","defaultMessage":"Location"},{"id":"groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption","description":"Label for a filter chip showing the field name and active filter option, e.g. \"Modified - Is blank\"","defaultMessage":"{name} - {optionLabel}"}]

package/dist/i18n/ko-KR.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "모든 필터",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "적용",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name}({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "지우기",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "파일 유형",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "키워드 입력",

package/dist/i18n/nb-NO.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Bruk",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Tøm",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Filtype",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Skriv inn søkeord",

package/dist/i18n/nl-NL.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Toepassen",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Wissen",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Bestandstype",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Zoekwoorden invoeren",

package/dist/i18n/pl-PL.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Wszystkie filtry",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Zastosuj",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Wyczyść",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Typ pliku",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Wprowadź słowa kluczowe",

package/dist/i18n/pt-BR.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos os filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Limpar",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Tipo de arquivo",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Inserir palavras-chave",

package/dist/i18n/ru-RU.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Все фильтры",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Применить",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Очистить",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Тип файла",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Введите ключевые слова",

package/dist/i18n/sv-SE.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alla filter",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Tillämpa",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Rensa",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Filtyp",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Ange nyckelord",

package/dist/i18n/tr-TR.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tüm Filtreler",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Uygula",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Temizle",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Dosya Türü",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Anahtar kelimeleri girin",

package/dist/i18n/zh-CN.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "所有筛选条件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "应用程序",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "文件类型",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "输入关键字",

package/dist/i18n/zh-TW.js

@@ -9,6 +9,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "全部篩選條件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "套用",
   "groupSharedFeatures.metadataView.filterRow.chipNameWithCount": "{name} ({count})",
+  "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption": "{name} - {optionLabel}",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "檔案類型",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "輸入關鍵字",

package/dist/types/lib/components/filter-row/advanced-field-content.d.ts

@@ -0,0 +1,12 @@
+import { AdvancedFilterOptionsMap, FilterOption } from './types';
+type BaseAdvancedFieldProps = {
+    fieldNamePrefix: string;
+    filterOptionsMap?: AdvancedFilterOptionsMap;
+    label: string;
+};
+type AdvancedFieldContentProps = BaseAdvancedFieldProps & {
+    fieldType: FilterOption['fieldType'];
+    locale: string;
+};
+export declare const AdvancedFieldContent: ({ fieldType, fieldNamePrefix, filterOptionsMap, label, locale, }: AdvancedFieldContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/components/filter-row/advanced-filter-context.d.ts

@@ -0,0 +1,8 @@
+import { FilterKey } from '@box/metadata-filter';
+export type AdvancedFilterContextValue = {
+    currentOption: FilterKey | undefined;
+    onOptionChange: (option: FilterKey) => void;
+    resetKey: number;
+};
+export declare const AdvancedFilterContext: import('react').Context<AdvancedFilterContextValue>;
+export declare const useAdvancedFilterContext: () => AdvancedFilterContextValue;

package/dist/types/lib/components/filter-row/form-filter-chip.d.ts

@@ -1,8 +1,11 @@
+import { AdvancedFilterOptionsMap } from './types';
 export interface FormFilterChipProps {
     children: React.ReactNode;
     formRef: React.RefObject<HTMLFormElement>;
     icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
     id: string;
-    name: string;
+    name?: string;
+    isAdvancedFilterEnabled?: boolean;
+    advancedFilterOptionsMap?: AdvancedFilterOptionsMap;
 }
-export declare const FormFilterChip: ({ children, formRef, icon, id, name }: FormFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFilterChip: ({ children, formRef, icon, id, name, isAdvancedFilterEnabled, advancedFilterOptionsMap, }: FormFilterChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/filter-row/initial-field-values.d.ts

@@ -1,6 +1,9 @@
 import { MetadataFormFieldValue } from '@box/metadata-filter';
 import { MetadataFieldType } from '../../types';
 import { FilterOption, InitialFilterValues, MetadataFormValues } from './types';
-export declare const getDefaultFieldValue: (fieldType?: MetadataFieldType) => MetadataFormFieldValue;
+export declare const getDefaultFieldValue: ({ fieldType, isAdvancedFilterEnabled, }: {
+    fieldType?: MetadataFieldType;
+    isAdvancedFilterEnabled?: boolean;
+}) => MetadataFormFieldValue;
 export declare const inferFieldType: (value: MetadataFormFieldValue) => MetadataFieldType;
 export declare const getInitialFieldValues: (filterOptions: FilterOption[], customFieldValues?: InitialFilterValues) => MetadataFormValues;

package/dist/types/lib/components/filter-row/is-blank-or-not-blank-filter.d.ts

@@ -0,0 +1,2 @@
+import { FilterKey } from '@box/metadata-filter';
+export declare const isBlankOrNotBlankFilter: (option?: FilterKey) => boolean;

package/dist/types/lib/components/filter-row/is-filter-selected.d.ts

@@ -1,5 +1,8 @@
-import { MetadataFormFieldValue } from '@box/metadata-filter';
+import { FilterKey, MetadataFormFieldValue } from '@box/metadata-filter';
+export declare const extractAdvancedFilterOption: (value: MetadataFormFieldValue) => FilterKey | undefined;
 /**
- * Returns true if the given field value is considered "selected" (i.e., not empty)
+ * Returns true if the given field value is considered "selected" (i.e., not empty).
+ * Also returns true when an isBlank/isNotBlank advanced filter option is applied,
+ * since those filters are active even when the field value itself is empty.
  */
-export declare function isFilterSelected(value: MetadataFormFieldValue): boolean;
+export declare const isFilterSelected: (value: MetadataFormFieldValue) => boolean;

package/dist/types/lib/components/filter-row/messages.d.ts

@@ -39,5 +39,10 @@ declare const messages: {
         description: string;
         id: string;
     };
+    chipNameWithFilterOption: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

package/dist/types/lib/components/filter-row/select-filter-chip.d.ts

@@ -4,7 +4,7 @@ export interface SelectFilterChipProps {
     formRef: React.RefObject<HTMLFormElement>;
     icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
     id: string;
-    name: string;
+    name?: string;
     options?: string[];
     placeholder?: string;
     type: MetadataFieldType;

package/dist/types/lib/components/filter-row/types.d.ts

@@ -1,4 +1,4 @@
-import { MetadataFormFieldValue, MetadataTemplateFieldOption } from '@box/metadata-filter';
+import { FilterKey, MetadataFormFieldValue, MetadataTemplateFieldOption } from '@box/metadata-filter';
 import { ReactNode } from 'react';
 import { FilterVariant, MetadataFieldType } from '../../types';
 export interface CustomDateFilterOption {
@@ -18,11 +18,14 @@ export interface FilterGroup {
     title?: string;
     toggleable: boolean;
 }
+export type AdvancedFilterOptionsMap = [FilterKey, string][];
 export interface FilterOption {
     customLabels?: string[];
     fieldType: MetadataFieldType;
     icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
     id: string;
+    isAdvancedFilterEnabled?: boolean;
+    advancedFilterOptionsMap?: AdvancedFilterOptionsMap;
     isItemMetadata?: boolean;
     name?: string;
     options?: string[];

package/dist/types/lib/components/filter-row/use-form-filter-chip.d.ts

@@ -0,0 +1,18 @@
+import { FilterKey } from '@box/metadata-filter';
+import { AdvancedFilterOptionsMap } from './types';
+type UseFormFilterChipProps = {
+    name: string;
+    advancedFilterOptionsMap?: AdvancedFilterOptionsMap;
+    initialAdvancedFilterOption?: FilterKey;
+};
+type UseFormFilterChipResult = {
+    currentAdvancedFilterOption: FilterKey | undefined;
+    appliedAdvancedFilterOption: FilterKey | undefined;
+    dynamicDisplayName: string;
+    handleAdvancedFilterOptionChange: (option: FilterKey) => void;
+    handleApply: () => void;
+    handleCancel: () => void;
+    handleClear: () => void;
+};
+export declare const useFormFilterChip: ({ name, advancedFilterOptionsMap, initialAdvancedFilterOption, }: UseFormFilterChipProps) => UseFormFilterChipResult;
+export {};

package/dist/types/lib/test-utils/mock-data.d.ts

@@ -2,7 +2,7 @@ import { Item } from '@box/types';
 import { SortDirection } from 'react-aria-components';
 import { ActionBarProps } from '../components/action-bar/action-bar';
 import { FilterRowProps } from '../components/filter-row/filter-row';
-import { FilterGroup, FilterOption, InitialFilterValues } from '../components/filter-row/types';
+import { AdvancedFilterOptionsMap, FilterGroup, FilterOption, InitialFilterValues } from '../components/filter-row/types';
 import { ItemActionMenuProps } from '../components/item-action-menu/item-action-menu';
 import { MetadataTableProps } from '../components/metadata-table';
 import { PaginationProps } from '../components/pagination/pagination';
@@ -22,6 +22,17 @@ export declare const mockFilterOptionsWithoutName: FilterOption[];
 export declare const mockFilterGroupsWithoutName: FilterGroup[];
 export declare const mockFilterOptionsWithInvalidType: FilterOption[];
 export declare const mockFilterOptionsWithSomeChipsHidden: FilterOption[];
+export declare const mockAdvancedDateFilterOptionsMap: AdvancedFilterOptionsMap;
+export declare const mockAdvancedFloatFilterOptionsMap: AdvancedFilterOptionsMap;
+export declare const mockAdvancedMultiSelectFilterOptionsMap: AdvancedFilterOptionsMap;
+export declare const mockAdvancedStringFilterOptionsMap: AdvancedFilterOptionsMap;
+export declare const ADVANCED_FILTER_IDS: {
+    readonly modifiedAt: "modified-at-filter";
+    readonly fileSize: "file-size-filter";
+    readonly phoneNumber: "phone-number-filter";
+    readonly roleAdvanced: "role-advanced-filter";
+};
+export declare const mockAdvancedFilterOptions: FilterOption[];
 export declare const mockFilterOptionsWithEnumPlaceholder: FilterOption[];
 export declare const mockMetadata: Item[];
 export declare const mockMetadataWithThumbnail: Item[];
@@ -92,4 +103,5 @@ export type SortArgs = {
     direction: SortDirection;
 };
 export declare const defaultSortArgs: SortArgs;
+export declare const mockInitialAdvancedFilterValues: InitialFilterValues;
 export declare const mockInitialFilterValues: InitialFilterValues;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.51.25",
+    "version": "1.52.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^13.9.3",