@box/metadata-view 1.6.2 → 1.7.0

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

@@ -1,10 +1,10 @@
-import { MetadataStringField as F, MetadataFloatField as f, MetadataDateField as h } from "@box/metadata-filter";
-import { useIntl as M } from "react-intl";
-import { MetadataFileChip as C } from "../metadata-value/metadata-file-chip.js";
+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 b } from "./select-filter-chip.js";
+import { SelectFilterChip as v } from "./select-filter-chip.js";
 import { jsx as t } from "react/jsx-runtime";
-const j = ({
+const w = ({
   filterOption: c,
   formRef: i
 }) => {
@@ -12,65 +12,67 @@ const j = ({
     canUseRelativeDates: d,
     customDateFilterOptions: s,
     fieldType: o,
-    icon: r,
+    icon: l,
     id: e,
     name: a,
     options: m,
-    variant: p
+    placeholder: p,
+    variant: u
   } = c, {
-    locale: u
-  } = M(), l = `metadata.fields.${e}`;
+    locale: F
+  } = C(), r = `metadata.fields.${e}`;
   switch (o) {
     case "date":
       return /* @__PURE__ */ t(n, {
         formRef: i,
-        icon: r,
+        icon: l,
         id: e,
         name: a,
-        children: /* @__PURE__ */ t(h, {
+        children: /* @__PURE__ */ t(M, {
           canUseRelativeDates: d,
           customDateFilterOptions: s,
           direction: "vertical",
-          fieldNamePrefix: l,
+          fieldNamePrefix: r,
           label: a,
-          locale: u
+          locale: F
         })
       }, e);
     case "float":
       return /* @__PURE__ */ t(n, {
         formRef: i,
-        icon: r,
+        icon: l,
         id: e,
         name: a,
-        children: /* @__PURE__ */ t(f, {
-          fieldNamePrefix: l,
+        children: /* @__PURE__ */ t(h, {
+          fieldNamePrefix: r,
           label: a
         })
       }, e);
     case "string":
       return /* @__PURE__ */ t(n, {
         formRef: i,
-        icon: r,
+        icon: l,
         id: e,
         name: a,
-        children: /* @__PURE__ */ t(F, {
-          fieldNamePrefix: l,
+        children: /* @__PURE__ */ t(f, {
+          fieldNamePrefix: r,
           label: a
         })
       }, e);
     case "multiSelect":
-      if (p === "file")
-        return /* @__PURE__ */ t(C, {
+      if (u === "file")
+        return /* @__PURE__ */ t(b, {
           id: e
         });
     case "enum":
-      return /* @__PURE__ */ t(b, {
-        fieldNamePrefix: l,
+      return /* @__PURE__ */ t(v, {
+        fieldNamePrefix: r,
         formRef: i,
-        icon: r,
+        icon: l,
         id: e,
         name: a,
         options: m,
+        placeholder: p,
         type: o
       });
     default:
@@ -78,6 +80,6 @@ const j = ({
   }
 };
 export {
-  j as MetadataFilterChip,
-  j as default
+  w as MetadataFilterChip,
+  w as default
 };

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

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

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

@@ -6,6 +6,7 @@ export interface SelectFilterChipProps {
     id: string;
     name: string;
     options?: string[];
+    placeholder?: string;
     type: MetadataFieldType;
 }
-export declare const SelectFilterChip: ({ fieldNamePrefix, formRef, icon, id, name, options, type, }: SelectFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectFilterChip: ({ fieldNamePrefix, formRef, icon, id, name, options, type, placeholder, }: SelectFilterChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -22,6 +22,7 @@ export declare const mockFilterOptionsWithoutName: FilterOption[];
 export declare const mockFilterGroupsWithoutName: FilterGroup[];
 export declare const mockFilterOptionsWithInvalidType: FilterOption[];
 export declare const mockFilterOptionsWithSomeChipsHidden: FilterOption[];
+export declare const mockFilterOptionsWithEnumPlaceholder: FilterOption[];
 export declare const mockMetadata: Item[];
 export declare const mockMetadataWithThumbnail: Item[];
 export declare const mockSortableColumns: Column[];

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.6.2",
+    "version": "1.7.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",
@@ -18,12 +18,12 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.89.1",
+        "@box/blueprint-web": "^12.89.2",
         "@box/blueprint-web-assets": "^4.75.0",
-        "@box/box-item-type-selector": "^1.2.5",
+        "@box/box-item-type-selector": "^1.2.6",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^1.3.5",
-        "@box/metadata-filter": "^1.39.5",
+        "@box/item-icon": "^1.3.6",
+        "@box/metadata-filter": "^1.39.6",
         "@box/storybook-utils": "0.14.11",
         "@box/types": "1.0.0",
         "@tanstack/react-virtual": "^3.10.8",