@box/metadata-view 0.39.2 → 0.39.4

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

@@ -1,50 +1,51 @@
 import { FilterChip as I } from "@box/blueprint-web";
 import { Formik as S, Form as v } from "formik";
-import { useState as g, useEffect as w, useRef as C } from "react";
-import G from "./all-filters-chip.js";
-import { getInitialFieldValues as R } from "./initial-field-values.js";
-import { MetadataFilterChip as j } from "./metadata-filter-chip.js";
-import { usePredefinedFilter as x } from "./predefinedFilters/use-predefined-filter.js";
-import { s as V } from "../../../../chunks/form-filter-chip.js";
-import { jsx as l, jsxs as b } from "react/jsx-runtime";
+import { useState as R, useEffect as g, useRef as w } from "react";
+import C from "./all-filters-chip.js";
+import { getInitialFieldValues as G } from "./initial-field-values.js";
+import { MetadataFilterChip as b } from "./metadata-filter-chip.js";
+import { usePredefinedFilter as j } from "./predefinedFilters/use-predefined-filter.js";
+import { s as x } from "../../../../chunks/form-filter-chip.js";
+import { jsx as l, jsxs as V } from "react/jsx-runtime";
 const p = (s) => Object.entries(s).filter(([r, t]) => {
   var i;
   return ((i = t.value) == null ? void 0 : i.enum) && t.value.enum.length > 0 && t.value.enum[0] !== "";
-}).map(([r]) => r), z = ({
+}).map(([r]) => r), q = ({
   predefinedFilterOptions: s,
   filterGroups: r = [],
   initialFilterValues: t,
   isAllFiltersDisabled: i,
   onFilterSubmit: o
 }) => {
-  const [a, m] = g([]), f = x(s), F = ({
+  const [a, n] = R([]), f = j(s), F = ({
     metadata: {
       fields: e
     }
   }) => {
     const h = p(e);
-    m(h), o && o(e);
-  }, n = [...f, ...r], d = n.flatMap(({
+    n(h), o && o(e);
+  }, m = [...f, ...r], u = m.flatMap(({
     filters: e
-  }) => e), u = R(d, t);
-  w(() => {
-    const e = p(u.metadata.fields);
-    m(e);
+  }) => e), d = G(u, t);
+  g(() => {
+    const e = p(d.metadata.fields);
+    n(e);
   }, []);
-  const c = C(null);
+  const c = w(null);
   return /* @__PURE__ */ l(S, {
-    initialValues: u,
+    enableReinitialize: !0,
+    initialValues: d,
     onSubmit: F,
     children: /* @__PURE__ */ l(v, {
       ref: c,
-      children: /* @__PURE__ */ b(I.Group, {
-        className: V.filterChipGroup,
+      children: /* @__PURE__ */ V(I.Group, {
+        className: x.filterChipGroup,
         name: "metadata-view-filters",
         type: "multiple",
-        children: [i ? null : /* @__PURE__ */ l(G, {
+        children: [i ? null : /* @__PURE__ */ l(C, {
           activeFilterCount: a.length,
-          filterGroups: n
-        }), d.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ l(j, {
+          filterGroups: m
+        }), u.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ l(b, {
           filterOption: e,
           formRef: c,
           selected: a.includes(e.id)
@@ -54,7 +55,7 @@ const p = (s) => Object.entries(s).filter(([r, t]) => {
   });
 };
 export {
-  z as FilterRow,
-  z as default,
+  q as FilterRow,
+  q as default,
   p as getSelectedFilterIds
 };

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

@@ -1,54 +1,55 @@
-import { useState as w } from "react";
-import { useFormikContext as I } from "formik";
 import { DropdownMenu as a, FilterChip as c } from "@box/blueprint-web";
-import { useIntl as O } from "react-intl";
-import y from "./messages.js";
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-const L = ({
-  fieldNamePrefix: h,
-  formRef: u,
-  icon: l,
-  id: o,
-  name: i,
-  options: s,
-  type: d
+import { useFormikContext as z } from "formik";
+import { useState as S } from "react";
+import { useIntl as V } from "react-intl";
+import j from "./messages.js";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+const P = ({
+  fieldNamePrefix: C,
+  formRef: g,
+  icon: i,
+  id: s,
+  name: l,
+  options: o,
+  type: v
 }) => {
+  var h, u, d, p;
   const {
-    formatMessage: p
-  } = O(), [f, C] = w(!1), {
-    values: g,
-    setFieldValue: v,
-    submitForm: k
-  } = I(), x = g.metadata.fields[o].value.enum, e = new Set(x), F = e.size > 0 ? p(y.chipNameWithCount, {
-    name: i,
+    formatMessage: k
+  } = V(), [w, x] = S(!1), {
+    values: y,
+    setFieldValue: F,
+    submitForm: b
+  } = z(), m = (p = (d = (u = (h = y.metadata) == null ? void 0 : h.fields) == null ? void 0 : u[s]) == null ? void 0 : d.value) == null ? void 0 : p.enum, A = Array.isArray(m) ? m : [], e = new Set(A), I = e.size > 0 ? k(j.chipNameWithCount, {
+    name: l,
     count: e.size
-  }) : i, b = async (r, n) => {
-    d === "enum" ? e.clear() : e.delete(n), r && e.add(n), await v(`${h}.value.enum`, Array.from(e)), k();
+  }) : l, O = async (r, n) => {
+    v === "enum" ? e.clear() : e.delete(n), r && e.add(n), await F(`${C}.value.enum`, Array.from(e)), b();
   };
-  return /* @__PURE__ */ m(a.Root, {
-    onOpenChange: C,
-    open: f,
+  return /* @__PURE__ */ f(a.Root, {
+    onOpenChange: x,
+    open: w,
     children: [/* @__PURE__ */ t(a.Trigger, {
       asChild: !0,
-      children: /* @__PURE__ */ m(c.TriggerChip, {
+      children: /* @__PURE__ */ f(c.TriggerChip, {
         selected: e.size > 0,
-        value: o,
-        children: [l && /* @__PURE__ */ t(c.Icon, {
-          icon: l
+        value: s,
+        children: [i && /* @__PURE__ */ t(c.Icon, {
+          icon: i
         }), /* @__PURE__ */ t(c.Label, {
-          children: F
+          children: I
         }), /* @__PURE__ */ t(c.DropdownIndicator, {})]
-      }, o)
+      }, s)
     }), /* @__PURE__ */ t(a.Content, {
-      container: u.current,
-      children: s == null ? void 0 : s.map((r) => /* @__PURE__ */ t(a.CheckboxItem, {
+      container: g.current,
+      children: o == null ? void 0 : o.map((r) => /* @__PURE__ */ t(a.CheckboxItem, {
         checked: e.has(r),
-        onCheckedChange: (n) => b(n, r),
+        onCheckedChange: (n) => O(n, r),
         children: r
       }, r))
     })]
   });
 };
 export {
-  L as SelectFilterChip
+  P as SelectFilterChip
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.39.2",
+    "version": "0.39.4",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -20,10 +20,10 @@
     "devDependencies": {
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.63.0",
-        "@box/box-item-type-selector": "^0.63.9",
+        "@box/box-item-type-selector": "^0.63.10",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.17.12",
-        "@box/metadata-filter": "^1.18.10",
+        "@box/item-icon": "^0.17.13",
+        "@box/metadata-filter": "^1.18.11",
         "@box/storybook-utils": "0.13.18",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",