@box/metadata-filter 1.62.4 → 1.63.1

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

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

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

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

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

@@ -0,0 +1,114 @@
+import { ComboboxWithApiTreeView as J, ComboboxWithApiPagination as N } from "@box/combobox-with-api";
+import L from "clsx";
+import { useFormikContext as Q, getIn as X, Field as Y } from "formik";
+import { useState as y, useCallback as h } from "react";
+import { useIntl as Z } from "react-intl";
+import E from "../../../../messages.js";
+import { getInitialAdvancedFilterValue as ee, createFieldValue as A, getInputValue as oe, isBlankOption as j } from "./utils.js";
+import { jsx as t, jsxs as te, Fragment as le } from "react/jsx-runtime";
+import { A as se } from "../../../../../../chunks/index.js";
+import '../../../../../../styles/metadata-taxonomy-field-advanced.css';const ae = "_comboboxWrapper_1e1d8_1", ne = "_disabled_1e1d8_1", ie = "_disabledTreeView_1e1d8_5", b = {
+  comboboxWrapper: ae,
+  disabled: ne,
+  disabledTreeView: ie
+}, Ve = ({
+  className: g,
+  disableForm: l,
+  fieldNamePrefix: r,
+  label: d,
+  portalElement: u,
+  taxonomyOptionsFetcher: m,
+  isMultilevelTaxonomyFieldEnabled: M,
+  hasAccordion: P,
+  isAdvancedFilterEnabled: n,
+  onAdvancedFilterOptionChange: V,
+  fieldAdvancedFilterOptions: f,
+  filterOptionsMap: v,
+  isModified: $
+}) => {
+  const {
+    setFieldValue: C,
+    values: x
+  } = Q(), {
+    metadata: {
+      templateKey: _,
+      scope: w
+    }
+  } = x, B = Z(), s = `${r}.value`, K = X(x, r), {
+    key: T,
+    optionsRules: R,
+    levels: U
+  } = K, W = !0, i = R?.selectableLevels, q = M && i?.some((e) => e > 1), [c, z] = y(ee(f, v)), [D, k] = y(!1), I = h((e) => m ? m(w, _, T, i?.[0] ?? 0, e) : Promise.resolve({
+    options: []
+  }), [T, w, i, m, _]), O = (e) => e?.length === 0 ? B.formatMessage(E.multiselectPlaceholder) : "", G = (e, a, o) => {
+    z(e), V?.(s, e);
+    const p = j(e) ? [] : a, H = A(p, e, n);
+    o.setFieldValue(s, H);
+  }, S = h((e) => {
+    e && k(!1);
+  }, []), F = h((e) => {
+    const a = A(e, c, n);
+    C(s, a);
+  }, [c, s, n, C]);
+  return /* @__PURE__ */ t("div", {
+    "data-testid": `${d}-field`,
+    children: /* @__PURE__ */ t(Y, {
+      name: s,
+      children: ({
+        field: e,
+        form: a
+      }) => {
+        const o = oe(e.value, n);
+        return /* @__PURE__ */ te(le, {
+          children: [/* @__PURE__ */ t(se, {
+            disableForm: l ?? !1,
+            fieldAdvancedFilterOptions: f,
+            fieldNamePrefix: r,
+            filterOptionsMap: v,
+            isModified: $,
+            label: d,
+            onAdvancedFilterOptionChange: V,
+            onOpenChange: k,
+            onValueChange: (p) => G(p, o, a),
+            open: D,
+            portalElement: u,
+            showLabel: !P,
+            value: c
+          }), !j(c) && /* @__PURE__ */ t("div", {
+            className: L(b.comboboxWrapper, l && b.disabled),
+            children: q ? /* @__PURE__ */ t(J, {
+              className: L(g, l && b.disabledTreeView),
+              defaultFetcher: I,
+              disabled: l,
+              hideLabel: !0,
+              label: d,
+              levels: U,
+              multiselect: W,
+              onOpenChange: S,
+              onValueChange: F,
+              placeholder: O(o),
+              portalElement: u,
+              selectableLevels: i,
+              value: o
+            }) : /* @__PURE__ */ t(N, {
+              className: g,
+              defaultFetcher: I,
+              disabled: l,
+              label: void 0,
+              multiselect: W,
+              onOpenChange: S,
+              onValueChange: F,
+              placeholder: O(o),
+              portalElement: u,
+              value: o
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+export {
+  Ve as MetadataTaxonomyFieldAdvanced,
+  Ve as default
+};

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

@@ -0,0 +1,15 @@
+import { F as s } from "../../../../../../chunks/types.js";
+let e = /* @__PURE__ */ (function(t) {
+  return t.MATCH_ANY = "matchAny", t.MATCH_ALL = "matchAll", t.IS_BLANK = "isBlank", t.IS_NOT_BLANK = "isNotBlank", t;
+})({});
+const n = (t, r) => t ? r?.some(([A]) => A === t) ? t : s.MATCH_ANY : s.MATCH_ANY, N = (t) => t === s.IS_BLANK || t === s.IS_NOT_BLANK, I = (t, r) => Array.isArray(t) ? t : r && typeof t == "object" && t !== null ? t.value || [] : [], c = (t, r, u) => u ? {
+  value: N(r) ? [] : t,
+  advancedFilterOption: r
+} : t;
+export {
+  e as TaxonomyAdvancedFilterOption,
+  c as createFieldValue,
+  n as getInitialAdvancedFilterValue,
+  I as getInputValue,
+  N as isBlankOption
+};

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

@@ -1,19 +1,29 @@
-import t from "../../messages.js";
-import { advancedFilterFieldTypes as l, filterFieldTypes as i } from "./filter-field-types.js";
-const y = ({
-  field: a,
-  isAdvancedFilterEnabled: r,
-  intl: e,
-  filterOptionsMap: d
+import a from "../../messages.js";
+import { F as s } from "../../../../chunks/types.js";
+import { advancedFilterFieldTypes as F, filterFieldTypes as m } from "./filter-field-types.js";
+const l = (e, o, t, r) => {
+  if (e.key === "modified_at" && o)
+    return [[s.SELECT_FILTER_TYPE, t.formatMessage(a.selectAdvancedFilterType)], [s.IS_NOT_BLANK, t.formatMessage(a.modifiedAtFilterAnyTime)], [s.TODAY, t.formatMessage(a.relativeDateFilterToday)], [s.PAST, t.formatMessage(a.relativeDateFilterPast)], [s.OLDER_THAN, t.formatMessage(a.relativeDateFilterOlderThan)], [s.CUSTOM_RANGE, t.formatMessage(a.modifiedAtFilterCustomRange)]];
+  if (e.type === "taxonomy") {
+    const i = e.optionsRules?.multiSelect ? "taxonomyMultiSelect" : "taxonomySingleSelect";
+    return r?.[i] || [];
+  }
+  return r?.[e.type] || [];
+}, T = (e, o, t, r) => e.type === "taxonomy" ? t && o ? F.taxonomy : m.taxonomy : r[e.type] || m[e.type], M = ({
+  field: e,
+  isAdvancedFilterEnabled: o,
+  isAdvancedTaxonomy: t,
+  intl: r,
+  filterOptionsMap: i
 }) => {
-  const s = r ? l : i, o = s[a.type] || i[a.type], F = o && !a.hidden;
+  const y = o ? F : m, n = T(e, o, t, y), p = !!n && !e.hidden;
   return {
-    fieldTypesMap: s,
-    MetadataFilterField: o,
-    showField: F,
-    getFilterOptionsForField: () => a.key === "modified_at" && r ? [["selectFilterType", e.formatMessage(t.selectAdvancedFilterType)], ["isNotBlank", e.formatMessage(t.modifiedAtFilterAnyTime)], ["today", e.formatMessage(t.relativeDateFilterToday)], ["past", e.formatMessage(t.relativeDateFilterPast)], ["olderThan", e.formatMessage(t.relativeDateFilterOlderThan)], ["customRange", e.formatMessage(t.modifiedAtFilterCustomRange)]] : d?.[a.type] || []
+    fieldTypesMap: y,
+    MetadataFilterField: n,
+    showField: p,
+    getFilterOptionsForField: () => l(e, o, r, i)
   };
 };
 export {
-  y as processMetadataField
+  M as processMetadataField
 };

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

@@ -1,40 +1,41 @@
-import { MetadataDateField as i } from "./components/metadata-date-field/metadata-date-field.js";
-import { MetadataDateFieldAdvanced as m } from "./components/metadata-date-field/metadata-date-field-advanced.js";
-import { MetadataEnumField as r } from "./components/metadata-enum-field/metadata-enum-field.js";
-import { MetadataFloatField as l } from "./components/metadata-float-field/metadata-float-field.js";
-import { MetadataFloatFieldAdvanced as n } from "./components/metadata-float-field/metadata-float-field-advanced.js";
-import { MetadataMultiSelectField as F } from "./components/metadata-multi-select-field/metadata-multi-select-field.js";
+import { MetadataDateField as d } from "./components/metadata-date-field/metadata-date-field.js";
+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 { 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";
-import { MetadataTaxonomyField as d } from "./components/metadata-taxonomy-field/metadata-taxonomy-field.js";
+import { MetadataTaxonomyField as F } from "./components/metadata-taxonomy-field/metadata-taxonomy-field.js";
+import { MetadataTaxonomyFieldAdvanced as f } from "./components/metadata-taxonomy-field/metadata-taxonomy-field-advanced.js";
 import { jsx as a } from "react/jsx-runtime";
 const g = {
-  date: (t) => /* @__PURE__ */ a(i, {
+  date: (t) => /* @__PURE__ */ a(d, {
     ...t
   }),
-  enum: (t) => /* @__PURE__ */ a(r, {
+  enum: (t) => /* @__PURE__ */ a(m, {
     ...t
   }),
-  float: (t) => /* @__PURE__ */ a(l, {
+  float: (t) => /* @__PURE__ */ a(r, {
     ...t
   }),
-  multiSelect: (t) => /* @__PURE__ */ a(F, {
+  multiSelect: (t) => /* @__PURE__ */ a(n, {
     ...t
   }),
   string: (t) => /* @__PURE__ */ a(o, {
     ...t
   }),
-  taxonomy: (t) => /* @__PURE__ */ a(d, {
+  taxonomy: (t) => /* @__PURE__ */ a(F, {
     ...t
   })
-}, A = {
-  date: (t) => /* @__PURE__ */ a(m, {
+}, D = {
+  date: (t) => /* @__PURE__ */ a(i, {
     ...t
   }),
   enum: (t) => /* @__PURE__ */ a(e, {
     ...t
   }),
-  float: (t) => /* @__PURE__ */ a(n, {
+  float: (t) => /* @__PURE__ */ a(l, {
     ...t
   }),
   multiSelect: (t) => /* @__PURE__ */ a(e, {
@@ -43,11 +44,11 @@ const g = {
   string: (t) => /* @__PURE__ */ a(o, {
     ...t
   }),
-  taxonomy: (t) => /* @__PURE__ */ a(d, {
+  taxonomy: (t) => /* @__PURE__ */ a(f, {
     ...t
   })
 };
 export {
-  A as advancedFilterFieldTypes,
+  D as advancedFilterFieldTypes,
   g as filterFieldTypes
 };