@box/metadata-filter 1.18.6 → 1.18.8

package/dist/chunks/index.js

@@ -1,15 +1,15 @@
-import { Text as S, Select as c } from "@box/blueprint-web";
-import { Field as j } from "formik";
-import { useState as D, useCallback as I } from "react";
-import { useIntl as k } from "react-intl";
+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 B, Fragment as $, jsx as e } from "react/jsx-runtime";
-import '../styles/index.css';const q = "_noAttributesText_12d80_1", w = "_fieldLabel_12d80_5", z = "_selectContainer_12d80_10", E = "_comboboxContainer_12d80_15", _ = {
-  noAttributesText: q,
-  fieldLabel: w,
-  selectContainer: z,
-  comboboxContainer: E
-}, R = ({
+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,
   fieldAdvancedFilterOptions: h,
@@ -23,19 +23,21 @@ import '../styles/index.css';const q = "_noAttributesText_12d80_1", w = "_fieldL
   advancedFilterFieldName: C = `${n}.value.advancedFilterOption`,
   value: o,
   labelClassName: L = _.fieldLabel,
-  labelAs: g = "div"
+  labelAs: g = "div",
+  open: A,
+  onOpenChange: T
 }) => {
-  const s = k(), [A, T] = D(h || f), F = o !== void 0 ? o : A, p = I((t, ...r) => {
-    o === void 0 && T(t), l && l(n, t), m(t, ...r);
+  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__ */ B($, {
-    children: [v && /* @__PURE__ */ e(S, {
+  return /* @__PURE__ */ q(w, {
+    children: [v && /* @__PURE__ */ e(D, {
       as: g,
       className: L,
       color: "textOnLightDefault",
       variant: "bodyDefaultBold",
       children: d
-    }), /* @__PURE__ */ e(j, {
+    }), /* @__PURE__ */ e(I, {
       name: C,
       children: ({
         field: t,
@@ -52,13 +54,15 @@ import '../styles/index.css';const q = "_noAttributesText_12d80_1", w = "_fieldL
           error: r.touched && r.error ? r.error : void 0,
           hideLabel: !0,
           label: s.formatMessage(i.selectFilterType),
-          onValueChange: p,
+          onOpenChange: T,
+          onValueChange: S,
+          open: A,
           placeholder: s.formatMessage(i.selectOptionPlaceholder),
-          value: F,
+          value: y,
           children: /* @__PURE__ */ e(c.Content, {
             container: x,
-            children: a == null ? void 0 : a.map(([u, y]) => /* @__PURE__ */ e(c.Option, {
-              text: y,
+            children: a == null ? void 0 : a.map(([u, j]) => /* @__PURE__ */ e(c.Option, {
+              text: j,
               value: u
             }, u))
           })
@@ -68,6 +72,6 @@ import '../styles/index.css';const q = "_noAttributesText_12d80_1", w = "_fieldL
   });
 };
 export {
-  R as A,
+  V as A,
   _ as s
 };

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

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

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

@@ -13,6 +13,8 @@ export interface AdvancedFilterSelectProps {
     value?: string;
     labelClassName?: string;
     labelAs?: 'div' | 'span';
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
 }
-export declare const AdvancedFilterSelect: ({ label, fieldNamePrefix, fieldAdvancedFilterOptions, filterOptionsMap, disableForm, portalElement, onAdvancedFilterOptionChange, onValueChange, defaultValue, showLabel, advancedFilterFieldName, value, labelClassName, labelAs, }: AdvancedFilterSelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AdvancedFilterSelect: ({ label, fieldNamePrefix, fieldAdvancedFilterOptions, filterOptionsMap, disableForm, portalElement, onAdvancedFilterOptionChange, onValueChange, defaultValue, showLabel, advancedFilterFieldName, value, labelClassName, labelAs, open, onOpenChange, }: AdvancedFilterSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default AdvancedFilterSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-filter",
-    "version": "1.18.6",
+    "version": "1.18.8",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.16.0",
@@ -11,7 +11,7 @@
         "react-intl": "6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.54.0",
+        "@box/blueprint-web": "^12.55.0",
         "@box/blueprint-web-assets": "^4.63.0",
         "@box/storybook-utils": "^0.13.18",
         "react": "^18.3.0",