@box/metadata-view 0.8.7 → 0.9.0

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

@@ -1,26 +1,78 @@
-import { FilterChip as a } from "@box/blueprint-web";
-import { MetadataBadge as d } from "@box/blueprint-web-assets/icons/Line";
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
-const c = ({
-  filterOptions: i,
-  onFilterChange: r
+import { FilterChip as r } from "@box/blueprint-web";
+import { MetadataBadge as h } from "@box/blueprint-web-assets/icons/Line";
+import { Formik as F, Form as f } from "formik";
+import { useState as p, useRef as S } from "react";
+import { StringFilterChip as g } from "./string-filter-chip.js";
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+const v = (e, s, c) => {
+  switch (e.fieldType) {
+    case "float":
+    case "string":
+      return /* @__PURE__ */ l(g, {
+        formRef: c,
+        id: e.id,
+        name: e.name,
+        selected: s
+      }, e.id);
+    case "date":
+    case "enum":
+    case "multiSelect":
+      return /* @__PURE__ */ b(r.Chip, {
+        value: e.id,
+        children: [/* @__PURE__ */ l(r.Icon, {
+          icon: h
+        }), /* @__PURE__ */ l(r.Label, {
+          children: e.name
+        })]
+      }, e.id);
+    default:
+      return null;
+  }
+}, k = ({
+  filterOptions: e,
+  onFilterSubmit: s
 }) => {
-  const l = i.filter((e) => e.selected).map((e) => e.id);
-  return /* @__PURE__ */ t(a.Group, {
-    name: "metadata-view-filters",
-    onValueChange: r,
-    type: "multiple",
-    value: l,
-    children: i.map((e) => /* @__PURE__ */ o(a.Chip, {
-      value: e.id,
-      children: [/* @__PURE__ */ t(a.Icon, {
-        icon: d
-      }), /* @__PURE__ */ t(a.Label, {
-        children: e.name
-      })]
-    }, e.id))
+  const [c, m] = p([]), n = ([t, i]) => {
+    var a;
+    return ((a = i.value) == null ? void 0 : a.enum) && i.value.enum.length > 0;
+  }, u = ({
+    metadata: {
+      fields: t
+    }
+  }) => {
+    const i = Object.entries(t).filter(n).map(([a]) => a);
+    m(i), s(t);
+  }, o = {
+    metadata: {
+      fields: e.reduce((t, i) => {
+        let a;
+        switch (i.fieldType) {
+          case "string":
+          case "float":
+            a = [""];
+            break;
+          default:
+            a = null;
+        }
+        return t[i.id] = {
+          value: a
+        }, t;
+      }, {})
+    }
+  }, d = S(null);
+  return /* @__PURE__ */ l(F, {
+    initialValues: o,
+    onSubmit: u,
+    children: /* @__PURE__ */ l(f, {
+      ref: d,
+      children: /* @__PURE__ */ l(r.Group, {
+        name: "metadata-view-filters",
+        type: "multiple",
+        children: e.map((t) => v(t, c.includes(t.id), d))
+      })
+    })
   });
 };
 export {
-  c as default
+  k as default
 };

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

@@ -0,0 +1,18 @@
+import { defineMessages as e } from "react-intl";
+const a = e({
+  applyButton: {
+    id: "groupSharedFeatures.metadataView.filterRow.applyButton",
+    defaultMessage: "Apply"
+  },
+  clearButton: {
+    id: "groupSharedFeatures.metadataView.filterRow.clearButton",
+    defaultMessage: "Clear"
+  },
+  textInputPlaceholder: {
+    id: "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder",
+    defaultMessage: "Set Value"
+  }
+});
+export {
+  a as default
+};

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

@@ -0,0 +1,67 @@
+import { Popover as o, FilterChip as t, Button as p } from "@box/blueprint-web";
+import { MetadataBadge as u } from "@box/blueprint-web-assets/icons/Line";
+import { MetadataStringField as g } from "@box/metadata-filter";
+import { useState as v } from "react";
+import { useIntl as F } from "react-intl";
+import { useFormikContext as C } from "formik";
+import m from "./messages.js";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import '../../../../styles/string-filter-chip.css';const b = "_popoverFooter_1tgko_1", k = {
+  popoverFooter: b
+}, _ = ({
+  formRef: c,
+  id: r,
+  name: i,
+  selected: d
+}) => {
+  const {
+    formatMessage: a
+  } = F(), [f, l] = v(!1), s = C(), h = () => {
+    s.handleSubmit(), l(!1);
+  };
+  return /* @__PURE__ */ e("div", {
+    children: /* @__PURE__ */ n(o.Root, {
+      onOpenChange: l,
+      open: f,
+      children: [/* @__PURE__ */ e(o.Trigger, {
+        children: /* @__PURE__ */ n(t.TriggerChip, {
+          selected: d,
+          value: r,
+          children: [/* @__PURE__ */ e(t.Icon, {
+            icon: u
+          }), /* @__PURE__ */ e(t.Label, {
+            children: i
+          }), /* @__PURE__ */ e(t.DropdownIndicator, {})]
+        }, r)
+      }), /* @__PURE__ */ n(o.ContentContainer, {
+        align: "start",
+        container: c.current,
+        children: [/* @__PURE__ */ e(o.MainContent, {
+          children: /* @__PURE__ */ e(g, {
+            fieldNamePrefix: `metadata.fields.${r}`,
+            label: i
+          })
+        }), /* @__PURE__ */ n(o.Footer, {
+          className: k.popoverFooter,
+          children: [/* @__PURE__ */ e(p, {
+            onClick: () => {
+              s.setFieldValue(`metadata.fields.${r}.value.enum`, []);
+            },
+            size: "small",
+            variant: "secondary",
+            children: a(m.clearButton)
+          }), /* @__PURE__ */ e(p, {
+            onClick: h,
+            size: "small",
+            type: "submit",
+            variant: "primary",
+            children: a(m.applyButton)
+          })]
+        })]
+      })]
+    })
+  });
+};
+export {
+  _ as StringFilterChip
+};

package/dist/i18n/bn-IN.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/da-DK.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/de-DE.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/en-AU.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/en-CA.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/en-GB.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/en-US.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all"

package/dist/i18n/en-US.properties

@@ -1,3 +1,9 @@
+# Button label to apply the current input as a filter to the metadata table
+groupSharedFeatures.metadataView.filterRow.applyButton = Apply
+# Button label to clear the current input in a textarea
+groupSharedFeatures.metadataView.filterRow.clearButton = Clear
+# Placeholder text for the input field in the filter row
+groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = Set Value
 # Label for the action menu for an item in the metadata view list
 groupSharedFeatures.metadataView.itemActionMenu.actionMenu = Action menu
 # Label for the list of files and folders displayed in a list view

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

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/es-419.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/es-ES.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/fi-FI.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/fr-CA.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/fr-FR.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/hi-IN.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/it-IT.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/ja-JP.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

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

@@ -0,0 +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"}]

package/dist/i18n/ko-KR.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/nb-NO.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/nl-NL.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/pl-PL.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/pt-BR.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/ru-RU.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/sv-SE.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/tr-TR.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/zh-CN.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/i18n/zh-TW.js

@@ -1,4 +1,7 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
+  "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "Action menu",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",

package/dist/styles/string-filter-chip.css

@@ -0,0 +1 @@
+._popoverFooter_1tgko_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}

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

@@ -1,13 +1,3 @@
-export type FieldType = 'string' | 'float' | 'date' | 'enum' | 'multiselect';
-export interface FilterOption {
-    id: string;
-    name: string;
-    fieldType: FieldType;
-    selected: boolean;
-}
-export interface FilterRowProps {
-    filterOptions: FilterOption[];
-    onFilterChange: (activeFilterIds: string[]) => void;
-}
-declare const FilterRow: ({ filterOptions, onFilterChange }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
+import { FilterRowProps } from './types';
+declare const FilterRow: ({ filterOptions, onFilterSubmit }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterRow;

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

@@ -0,0 +1,18 @@
+declare const messages: {
+    applyButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    clearButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    textInputPlaceholder: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

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

@@ -0,0 +1,2 @@
+import { FilterChipProps } from './types';
+export declare const StringFilterChip: ({ formRef, id, name, selected }: FilterChipProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+import { MetadataTemplateField } from '@box/metadata-filter';
+import { MetadataFieldType } from '../../types';
+export interface FilterOption {
+    id: string;
+    name: string;
+    fieldType: MetadataFieldType;
+    selected: boolean;
+}
+export interface FilterRowProps {
+    filterOptions: FilterOption[];
+    onFilterSubmit: (fields: MetadataTemplateField[]) => void;
+}
+export interface FilterChipProps {
+    formRef: React.RefObject<HTMLFormElement>;
+    id: string;
+    name: string;
+    selected: boolean;
+}

package/dist/types/lib/metadata-view.d.ts

@@ -1,5 +1,5 @@
-import { FilterRowProps } from './components/filter-row/filter-row';
 import { MetadataTableProps } from './components/metadata-table/metadata-table';
+import { FilterRowProps } from './components/filter-row/types';
 export interface MetadataViewProps {
     filterRowProps: FilterRowProps;
     metadataTableProps: MetadataTableProps;

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

@@ -1,8 +1,13 @@
 import { Item } from '@box/types';
-import { FilterOption } from '../components/filter-row/filter-row';
+import { FilterOption } from '../components/filter-row/types';
 import { Column } from '../types';
 export declare const mockActiveFilterIds: string[];
 export declare const mockColumnData: Column[];
 export declare const mockFilterOptions: FilterOption[];
 export declare const mockFilterOptionsNoSelection: FilterOption[];
+export declare const mockFilterOptionsWithInvalidType: FilterOption[];
 export declare const mockMetadata: Item[];
+export declare const mockFilterRowArgs: {
+    filterOptions: FilterOption[];
+    onFilterSubmit: () => void;
+};

package/dist/types/lib/types.d.ts

@@ -1,7 +1,7 @@
 import { ColumnProps } from '@box/blueprint-web';
 import { default as React } from 'react';
 import { Item } from '@box/types';
-export type MetadataFieldType = 'date' | 'enum' | 'float' | 'multiselect' | 'string';
+export type MetadataFieldType = 'date' | 'enum' | 'float' | 'multiSelect' | 'string';
 export interface Column extends Partial<ColumnProps> {
     cellRenderer?: (item: Item, column: Column) => React.ReactNode | undefined;
     headerRenderer?: (name: string, column: Column) => React.ReactNode | undefined;

package/package.json

@@ -1,12 +1,14 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.8.7",
+    "version": "0.9.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.44.1",
         "@box/item-icon": "^0.9.168",
+        "@box/metadata-filter": "^1.8.4",
         "@box/types": "0.1.0",
+        "formik": "^2.4.5",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
@@ -15,10 +17,11 @@
     "devDependencies": {
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.55.0",
+        "@box/eslint-plugin-blueprint": "*",
         "@box/item-icon": "^0.9.172",
-        "@box/types": "0.2.0",
+        "@box/metadata-filter": "^1.10.0",
         "@box/storybook-utils": "0.13.8",
-        "@box/eslint-plugin-blueprint": "*",
+        "@box/types": "0.2.0",
         "react-intl": "^6.4.2"
     },
     "files": [