@box/metadata-view 0.22.0 → 0.23.0

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

@@ -1,36 +1,43 @@
 import { FilterChip as e } from "@box/blueprint-web";
-import { Filter as a } from "@box/blueprint-web-assets/icons/Line";
-import { useState as p } from "react";
-import { useIntl as m } from "react-intl";
-import c from "../filter-sidepanel/filter-sidepanel.js";
-import d from "./messages.js";
-import { jsxs as n, Fragment as f, jsx as t } from "react/jsx-runtime";
-const I = ({
-  activeFilterCount: l
+import { Filter as m } from "@box/blueprint-web-assets/icons/Line";
+import { useState as f } from "react";
+import { useIntl as c } from "react-intl";
+import d from "../filter-sidepanel/filter-sidepanel.js";
+import { getInitialFieldValues as h } from "./initial-field-values.js";
+import u from "./messages.js";
+import { jsxs as o, Fragment as g, jsx as t } from "react/jsx-runtime";
+const M = ({
+  activeFilterCount: i,
+  filterGroups: l
 }) => {
   const {
-    formatMessage: r
-  } = m(), [o, i] = p(!1), s = () => i(!0);
-  return /* @__PURE__ */ n(f, {
-    children: [/* @__PURE__ */ t(c, {
-      isOpen: o,
-      onFilterSubmit: () => {
-        i(!1);
-      },
-      onIsOpenChange: i
-    }), /* @__PURE__ */ n(e.ChipButton, {
-      onClick: s,
-      value: "all-filters-chip-btn",
-      children: [/* @__PURE__ */ t(e.Icon, {
-        icon: a
-      }), /* @__PURE__ */ t(e.Label, {
-        children: r(d.allFilters)
-      }), l > 0 ? /* @__PURE__ */ t(e.Status, {
-        children: l.toString()
-      }) : null]
-    })]
+    formatMessage: s
+  } = c(), [n, r] = f(!1), a = () => r(!0);
+  return /* @__PURE__ */ o(g, {
+    children: [
+      // We need to initialize the sidepanel state at the moment it is opened
+      n && /* @__PURE__ */ t(d, {
+        filterGroups: l,
+        getInitialFormValues: () => h(l.flatMap(({
+          filters: p
+        }) => p)),
+        isOpen: n,
+        onIsOpenChange: r
+      }),
+      /* @__PURE__ */ o(e.ChipButton, {
+        onClick: a,
+        value: "all-filters-chip-btn",
+        children: [/* @__PURE__ */ t(e.Icon, {
+          icon: m
+        }), /* @__PURE__ */ t(e.Label, {
+          children: s(u.allFilters)
+        }), i > 0 ? /* @__PURE__ */ t(e.Status, {
+          children: i.toString()
+        }) : null]
+      })
+    ]
   });
 };
 export {
-  I as default
+  M as default
 };

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

@@ -1,86 +1,75 @@
-import { FilterChip as s } from "@box/blueprint-web";
-import { Formik as p, Form as f } from "formik";
-import { useState as S, useRef as g } from "react";
-import v from "./all-filters-chip.js";
-import { StringFilterChip as b } from "./string-filter-chip.js";
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-const w = (e, c, n) => {
+import { FilterChip as n } from "@box/blueprint-web";
+import { Formik as C, Form as v } from "formik";
+import { useState as I, useRef as b } from "react";
+import w from "./all-filters-chip.js";
+import { getInitialFieldValues as R } from "./initial-field-values.js";
+import { StringFilterChip as j } from "./string-filter-chip.js";
+import { usePredefinedFilter as x } from "./use-predefined-filter.js";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+const G = (e, a, m) => {
   const {
     icon: i
   } = e;
   switch (e.fieldType) {
     case "float":
     case "string":
-      return /* @__PURE__ */ r(b, {
-        formRef: n,
+      return /* @__PURE__ */ r(j, {
+        formRef: m,
         icon: i,
         id: e.id,
         name: e.name,
-        selected: c
+        selected: a
       }, e.id);
     case "date":
     case "enum":
     case "multiSelect":
-      return /* @__PURE__ */ d(s.Chip, {
+      return /* @__PURE__ */ p(n.Chip, {
         value: e.id,
-        children: [i && /* @__PURE__ */ r(s.Icon, {
+        children: [i && /* @__PURE__ */ r(n.Icon, {
           icon: i
-        }), /* @__PURE__ */ r(s.Label, {
+        }), /* @__PURE__ */ r(n.Label, {
           children: e.name
         })]
       }, e.id);
     default:
       return null;
   }
-}, T = ({
-  filterOptions: e,
-  isAllFiltersDisabled: c,
-  onFilterSubmit: n
+}, _ = ({
+  disabledPredefinedFilters: e = [],
+  filterGroups: a,
+  isAllFiltersDisabled: m,
+  onFilterSubmit: i
 }) => {
-  const [i, u] = S([]), o = ([t, a]) => {
-    var l;
-    return ((l = a.value) == null ? void 0 : l.enum) && a.value.enum.length > 0;
-  }, h = ({
+  const [o, h] = I([]), f = x(e), F = ([t, l]) => {
+    var s;
+    return ((s = l.value) == null ? void 0 : s.enum) && l.value.enum.length > 0;
+  }, S = ({
     metadata: {
       fields: t
     }
   }) => {
-    const a = Object.entries(t).filter(o).map(([l]) => l);
-    u(a), n(t);
-  }, F = {
-    metadata: {
-      fields: e.reduce((t, a) => {
-        let l;
-        switch (a.fieldType) {
-          case "string":
-          case "float":
-            l = [""];
-            break;
-          default:
-            l = null;
-        }
-        return t[a.id] = {
-          value: l
-        }, t;
-      }, {})
-    }
-  }, m = g(null);
-  return /* @__PURE__ */ r(p, {
-    initialValues: F,
-    onSubmit: h,
-    children: /* @__PURE__ */ r(f, {
-      ref: m,
-      children: /* @__PURE__ */ d(s.Group, {
+    const l = Object.entries(t).filter(F).map(([s]) => s);
+    h(l), i(t);
+  }, c = [...f, ...a], d = c.flatMap(({
+    filters: t
+  }) => t), g = R(d), u = b(null);
+  return /* @__PURE__ */ r(C, {
+    initialValues: g,
+    onSubmit: S,
+    children: /* @__PURE__ */ r(v, {
+      ref: u,
+      children: /* @__PURE__ */ p(n.Group, {
         name: "metadata-view-filters",
         type: "multiple",
-        children: [c ? null : /* @__PURE__ */ r(v, {
-          activeFilterCount: i.length
-        }), e.map((t) => w(t, i.includes(t.id), m))]
+        children: [m ? null : /* @__PURE__ */ r(w, {
+          activeFilterCount: o.length,
+          filterGroups: c
+        }), d.filter((t) => t.shouldRenderChip).map((t) => G(t, o.includes(t.id), u))]
       })
     })
   });
 };
 export {
-  T as FilterRow,
-  T as default
+  _ as FilterRow,
+  _ as default
 };

package/dist/esm/lib/components/filter-row/initial-field-values.js

@@ -0,0 +1,21 @@
+const u = (i) => ({
+  metadata: {
+    fields: i.reduce((a, l) => {
+      let e;
+      switch (l.fieldType) {
+        case "string":
+        case "float":
+          e = [""];
+          break;
+        default:
+          e = null;
+      }
+      return a[l.id] = {
+        value: e
+      }, a;
+    }, {})
+  }
+});
+export {
+  u as getInitialFieldValues
+};

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

@@ -1,5 +1,5 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
+const t = e({
   applyButton: {
     id: "groupSharedFeatures.metadataView.filterRow.applyButton",
     defaultMessage: "Apply"
@@ -15,8 +15,12 @@ const a = e({
   allFilters: {
     id: "groupSharedFeatures.metadataView.filterRow.AllFilters",
     defaultMessage: "All Filters"
+  },
+  keywordSearchFilterPlaceholder: {
+    id: "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder",
+    defaultMessage: "Enter keywords"
   }
 });
 export {
-  a as default
+  t as default
 };

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

@@ -0,0 +1,23 @@
+import { useIntl as l } from "react-intl";
+import o from "./messages.js";
+const a = {
+  fieldType: "string",
+  id: "keyword-filter",
+  name: "",
+  selected: !1,
+  variant: "search"
+}, i = (r) => r.reduce((e, t) => (e[t] = !0, e), {}), c = (r) => {
+  const {
+    formatMessage: e
+  } = l(), t = i(r), s = [];
+  return t.keywordSearchFilterGroup || s.push({
+    filters: [{
+      ...a,
+      placeholder: e(o.keywordSearchFilterPlaceholder)
+    }],
+    togglable: !1
+  }), s;
+};
+export {
+  c as usePredefinedFilter
+};

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

@@ -1,43 +1,71 @@
-import { SidePanel as e } from "@box/blueprint-web";
-import { useIntl as c } from "react-intl";
-import l from "./messages.js";
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-const p = ({
-  isOpen: t,
-  onIsOpenChange: a,
-  onFilterSubmit: i
+import { SidePanel as t, Accordion as c } from "@box/blueprint-web";
+import { useIntl as b } from "react-intl";
+import { useFormikContext as y } from "formik";
+import { useState as g } from "react";
+import x from "./filter.js";
+import o from "./messages.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+const O = ({
+  filterGroups: n,
+  isOpen: u,
+  onIsOpenChange: i,
+  getInitialFormValues: h
 }) => {
   const {
-    formatMessage: o
-  } = c(), s = () => {
+    formatMessage: r
+  } = b(), {
+    handleSubmit: p,
+    resetForm: s,
+    values: F
+  } = y(), [f] = g(F), C = () => {
+    s({
+      values: h()
+    });
+  }, v = (l) => {
+    s({
+      values: f
+    }), i(l);
+  }, S = () => {
+    p(), i(!1);
   };
-  return /* @__PURE__ */ r(e, {
-    onOpenChange: a,
-    open: t,
+  return /* @__PURE__ */ e(t, {
+    onOpenChange: v,
+    open: u,
     variant: "overlay",
-    children: /* @__PURE__ */ r(e.Overlay, {
-      children: /* @__PURE__ */ n(e.Content, {
-        children: [/* @__PURE__ */ r(e.Header, {
-          children: o(l.filtersHeader)
-        }), /* @__PURE__ */ r(e.ScrollableContainer, {
-          children: /* @__PURE__ */ r("div", {
-            children: "Placeholder for filter controls"
+    children: /* @__PURE__ */ e(t.Overlay, {
+      children: /* @__PURE__ */ d(t.Content, {
+        children: [/* @__PURE__ */ e(t.Header, {
+          children: r(o.filtersHeader)
+        }), /* @__PURE__ */ e(t.ScrollableContainer, {
+          children: /* @__PURE__ */ e(c, {
+            defaultValue: n.map((l, a) => `item-${a}`),
+            type: "multiple",
+            children: n.map((l, a) => /* @__PURE__ */ e(c.Item, {
+              ...l.togglable ? {} : {
+                fixed: "true"
+              },
+              title: l.title,
+              value: `item-${a}`,
+              children: l.filters.map((m) => /* @__PURE__ */ e(x, {
+                ...m
+              }, m.id))
+            }, `accordion-item-${l.title || "unnamed"}`))
           })
-        }), /* @__PURE__ */ n(e.Footer, {
-          children: [/* @__PURE__ */ r(e.Footer.SecondaryButton, {
-            onClick: s,
-            children: o(l.clearAllButton)
-          }), /* @__PURE__ */ r(e.Footer.PrimaryButton, {
-            onClick: i,
-            children: o(l.showResultsButton)
+        }), /* @__PURE__ */ d(t.Footer, {
+          children: [/* @__PURE__ */ e(t.Footer.SecondaryButton, {
+            onClick: C,
+            children: r(o.clearAllButton)
+          }), /* @__PURE__ */ e(t.Footer.PrimaryButton, {
+            onClick: S,
+            children: r(o.showResultsButton)
           })]
-        }), /* @__PURE__ */ r(e.Close, {
-          "aria-label": o(l.closeAriaLabel)
+        }), /* @__PURE__ */ e(t.Close, {
+          "aria-label": r(o.closeAriaLabel)
         })]
       })
     })
   });
 };
 export {
-  p as default
+  O as default
 };

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

@@ -0,0 +1,38 @@
+import { MetadataStringField as t } from "@box/metadata-filter";
+import { MetadataSearchField as i } from "../metadata-search-field/metadata-search-field.js";
+import { jsx as a } from "react/jsx-runtime";
+const d = ({
+  ...e
+}) => {
+  switch (e.variant) {
+    case "search":
+      return /* @__PURE__ */ a(i, {
+        id: e.id,
+        name: e.name,
+        placeholder: e.placeholder
+      });
+    case "default":
+    default:
+      return /* @__PURE__ */ a(t, {
+        fieldNamePrefix: `metadata.fields.${e.id}`,
+        label: e.name
+      });
+  }
+}, m = ({
+  ...e
+}) => {
+  switch (e.fieldType) {
+    case "string":
+      return /* @__PURE__ */ a(d, {
+        ...e
+      });
+    default:
+      return /* @__PURE__ */ a(t, {
+        fieldNamePrefix: `metadata.fields.${e.id}`,
+        label: e.name
+      });
+  }
+};
+export {
+  m as default
+};

package/dist/esm/lib/components/metadata-search-field/messages.js

@@ -0,0 +1,14 @@
+import { defineMessages as a } from "react-intl";
+const r = a({
+  searchInputAriaLabel: {
+    id: "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel",
+    defaultMessage: "Search"
+  },
+  searchInputClearAriaLabel: {
+    id: "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel",
+    defaultMessage: "Clear"
+  }
+});
+export {
+  r as default
+};

package/dist/esm/lib/components/metadata-search-field/metadata-search-field.js

@@ -0,0 +1,30 @@
+import { SearchInput as u } from "@box/blueprint-web";
+import { useFormikContext as p } from "formik";
+import { useIntl as c } from "react-intl";
+import o from "./messages.js";
+import { jsx as i } from "react/jsx-runtime";
+const C = ({
+  id: e,
+  name: l,
+  placeholder: s
+}) => {
+  const {
+    formatMessage: t
+  } = c(), {
+    values: n,
+    setFieldValue: r
+  } = p(), a = n.metadata.fields[e].value.enum;
+  return /* @__PURE__ */ i(u.Controlled, {
+    id: e,
+    name: l,
+    onChange: (m) => r(`metadata.fields.${e}.value.enum[0]`, m.target.value),
+    onClearInput: () => r(`metadata.fields.${e}.value.enum`, []),
+    placeholder: s || "",
+    searchInputAriaLabel: t(o.searchInputAriaLabel),
+    searchInputClearAriaLabel: t(o.searchInputClearAriaLabel),
+    value: (a == null ? void 0 : a[0]) || ""
+  });
+};
+export {
+  C as MetadataSearchField
+};

package/dist/i18n/bn-IN.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "সকল ফিল্টার",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "প্রয়োগ করুন",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "পরিষ্কার করুন",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "মূল্য সেট করুন",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "সমস্ত মুছুন",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "বন্ধ করুন",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "কোনো সমস্যা হয়েছে। অনুগ্রহ করে এই পৃষ্ঠাটি রিফ্রেশ করুন।",
   "groupSharedFeatures.metadataView.itemList.listView": "তালিকা ভিউ",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "রিফ্রেশ করুন",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "সমস্ত নির্বাচন করুন"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "সমস্ত নির্বাচন করুন",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/da-DK.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Anvend",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Ryd",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Indstil værdi",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Ryd alt",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Luk",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Noget gik galt. Opdater denne side.",
   "groupSharedFeatures.metadataView.itemList.listView": "Listevisning",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Opdater",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Vælg alt/alle"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Vælg alt/alle",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/de-DE.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle Filter",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Anwenden",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Leeren",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Wert festlegen",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Alles löschen",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Schließen",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Es ist ein Fehler aufgetreten. Bitte aktualisieren Sie diese Seite.",
   "groupSharedFeatures.metadataView.itemList.listView": "Listenansicht",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Aktualisieren",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Alle auswählen"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Alle auswählen",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/en-AU.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/en-CA.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/en-GB.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/en-US.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/en-US.properties

@@ -12,6 +12,8 @@ groupSharedFeatures.metadataView.filterRow.AllFilters = All Filters
 groupSharedFeatures.metadataView.filterRow.applyButton = Apply
 # Button label to clear the current input in a textarea
 groupSharedFeatures.metadataView.filterRow.clearButton = Clear
+# Placeholder text for the keyword search filter
+groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder = Enter keywords
 # Placeholder text for the input field in the filter row
 groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = Set Value
 # Button label to clear all filters in the sidepanel
@@ -34,3 +36,7 @@ groupSharedFeatures.metadataView.itemList.listView = List view
 groupSharedFeatures.metadataView.itemList.refreshButton = Refresh
 # Label for the select all checkbox in the metadata table
 groupSharedFeatures.metadataView.itemList.selectAll = Select all
+# Aria label for the search input
+groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel = Search
+# Aria label for the clear button in the search input
+groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel = Clear

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

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "⟦萬萬萬 Àĺĺ ₣ĩĺŧēґś 國國國⟧",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "⟦萬 ΆΡΡļў 國⟧",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "⟦萬 Čľêαŗ 國⟧",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "⟦萬萬 Ѕєť Våĺųέ 國國⟧",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "⟦萬萬 Ćļєάŗ Ãľĺ 國國⟧",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "⟦萬 Ċľõѕė 國⟧",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Śσmėŧĥíπğ ẁęйŧ ώŗòņġ. Pļéáѕë гĕƒřèŝħ ţнíś Ραğê. 國國國國國國國國國國國國國國⟧",
   "groupSharedFeatures.metadataView.itemList.listView": "⟦萬萬 Ļιşτ νĩêẃ 國國⟧",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "⟦萬萬 Řёƒгêѕĥ 國國⟧",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬 Śёľĕçţ âļľ 國國⟧"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "⟦萬萬 Śёľĕçţ âļľ 國國⟧",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/es-419.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Eliminar",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Definir valor",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Borrar todos",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Cerrar",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Se ha producido un error. Actualice esta página.",
   "groupSharedFeatures.metadataView.itemList.listView": "Vista de lista",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Actualizar",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleccionar todos"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleccionar todos",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/es-ES.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos los filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Eliminar",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Definir valor",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Borrar todos",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Cerrar",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Se ha producido un error. Actualice esta página.",
   "groupSharedFeatures.metadataView.itemList.listView": "Vista de lista",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Actualizar",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleccionar todos"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleccionar todos",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/fi-FI.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Kaikki suodattimet",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Käytä",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Tyhjennä",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Aseta arvo",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Tyhjennä kaikki",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Sulje",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Jokin meni vikaan. Päivitä tämä sivu.",
   "groupSharedFeatures.metadataView.itemList.listView": "Luettelonäkymä",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Päivitä",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Valitse kaikki"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Valitse kaikki",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/fr-CA.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "OK",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Effacer",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Définir la valeur",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Tout désélectionner",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Fermer",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Une erreur s'est produite. Veuillez actualiser cette page.",
   "groupSharedFeatures.metadataView.itemList.listView": "Affichage liste",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Actualiser",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Sélectionner tout"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Sélectionner tout",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/fr-FR.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tous les filtres",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "OK",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Effacer",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Définir la valeur",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Tout désélectionner",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Fermer",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Une erreur s'est produite. Veuillez actualiser cette page.",
   "groupSharedFeatures.metadataView.itemList.listView": "Affichage liste",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Actualiser",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Sélectionner tout"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Sélectionner tout",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/hi-IN.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "सभी फ़िल्टर्स",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "लागू करें",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "साफ़ करें",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "मान सेट करें",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "सब साफ करें",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "बंद करें",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "कुछ गड़बड़ हो गयी। कृपया इस पेज को रिफ्रेश करें।",
   "groupSharedFeatures.metadataView.itemList.listView": "सूची दृश्य",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "रिफ्रेश करें",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "सभी चुनें"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "सभी चुनें",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/it-IT.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tutti i filtri",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Applica",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Cancella",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Imposta valore",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Cancella tutto",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Chiudi",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Si è verificato un errore. Per favore, aggiorna questa pagina.",
   "groupSharedFeatures.metadataView.itemList.listView": "Visualizzazione elenco",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Aggiorna",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleziona tutto"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Seleziona tutto",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/ja-JP.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "すべてのフィルタ",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "適用",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "クリア",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "値を設定",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "すべてクリア",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "閉じる",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "問題が発生しました。このページを更新してください。",
   "groupSharedFeatures.metadataView.itemList.listView": "リストビュー",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "更新",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "すべて選択"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "すべて選択",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

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

@@ -1 +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"},{"id":"groupSharedFeatures.metadataView.filterRow.AllFilters","description":"Button label to open the sidepanel with all filters","defaultMessage":"All Filters"}]
+[{"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"},{"id":"groupSharedFeatures.metadataView.filterRow.AllFilters","description":"Button label to open the sidepanel with all filters","defaultMessage":"All Filters"},{"id":"groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder","description":"Placeholder text for the keyword search filter","defaultMessage":"Enter keywords"}]

package/dist/i18n/json/src/lib/components/metadata-search-field/messages.json

@@ -0,0 +1 @@
+[{"id":"groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel","description":"Aria label for the search input","defaultMessage":"Search"},{"id":"groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel","description":"Aria label for the clear button in the search input","defaultMessage":"Clear"}]

package/dist/i18n/ko-KR.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "모든 필터",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "적용",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "지우기",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "값 설정",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "모두 삭제합니다.",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "닫기",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "문제가 발생했습니다. 이 페이지를 새로 고침해 주세요.",
   "groupSharedFeatures.metadataView.itemList.listView": "목록 보기",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "새로 고침",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "모두 선택"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "모두 선택",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/nb-NO.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filtre",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Bruk",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Tøm",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Angi verdi",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Slett alle",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Lukk",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Noe gikk galt. Oppdater denne siden.",
   "groupSharedFeatures.metadataView.itemList.listView": "Listevisning",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Oppdater",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Merk alt"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Merk alt",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/nl-NL.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alle filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Toepassen",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Wissen",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Waarde instellen",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Alles wissen",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Sluiten",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Er is iets misgegaan. Gelieve deze pagina te vernieuwen.",
   "groupSharedFeatures.metadataView.itemList.listView": "Lijstweergave",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Verversen",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Selecteer alles"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Selecteer alles",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/pl-PL.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Wszystkie filtry",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Zastosuj",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Wyczyść",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Ustaw wartość",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Wyczyść wszystko",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Zamknij",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Wystąpił błąd. Odśwież tę stronę.",
   "groupSharedFeatures.metadataView.itemList.listView": "Widok listy",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Odśwież",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Wybierz wszystkie"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Wybierz wszystkie",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/pt-BR.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Todos os filtros",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Aplicar",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Limpar",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Definir Valor",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Limpar tudo",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Fechar",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Algo saiu errado. Recarregue esta página.",
   "groupSharedFeatures.metadataView.itemList.listView": "Exibição em lista",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Atualizar",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Selecionar todos"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Selecionar todos",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/ru-RU.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Все фильтры",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Применить",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Очистить",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Указать значение",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Очистить все",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Закрыть",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Что-то пошло не так. Обновите эту страницу.",
   "groupSharedFeatures.metadataView.itemList.listView": "Список",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Обновить",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Выбрать все"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Выбрать все",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/sv-SE.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Alla filter",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Tillämpa",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Rensa",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Ange värde",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Rensa allt",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Stäng",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Något gick fel. Uppdatera den här sidan.",
   "groupSharedFeatures.metadataView.itemList.listView": "Listvy",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Uppdatera",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Välj alla"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Välj alla",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/tr-TR.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tüm Filtreler",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Uygula",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Temizle",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Değer Ayarla",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Tümünü Temizle",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Kapat",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Bir hata oluştu. Lütfen bu sayfayı yenileyin.",
   "groupSharedFeatures.metadataView.itemList.listView": "Liste görünümü",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Yenile",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "Tümünü Seç"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "Tümünü Seç",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/zh-CN.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "所有筛选条件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "应用程序",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "设置值",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "全部清除",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "关闭",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "发生错误。请刷新此页面。",
   "groupSharedFeatures.metadataView.itemList.listView": "列表视图",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "刷新",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "选择全部"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "选择全部",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

package/dist/i18n/zh-TW.js

@@ -6,6 +6,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "全部篩選條件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "套用",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
+  "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "設定值",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "清除全部",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "關閉",
@@ -16,5 +17,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.errorMessage": "出了點問題。請重新整理此頁面。",
   "groupSharedFeatures.metadataView.itemList.listView": "清單檢視",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "重新整理",
-  "groupSharedFeatures.metadataView.itemList.selectAll": "全選"
+  "groupSharedFeatures.metadataView.itemList.selectAll": "全選",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputAriaLabel": "Search",
+  "groupSharedFeatures.metadataView.metadataSearchField.searchInputClearAriaLabel": "Clear"
 }

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

@@ -1,5 +1,7 @@
+import { FilterGroup } from './types';
 interface AllFiltersChipProps {
     activeFilterCount: number;
+    filterGroups: Array<FilterGroup>;
 }
-declare const AllFiltersChip: ({ activeFilterCount }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const AllFiltersChip: ({ activeFilterCount, filterGroups }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
 export default AllFiltersChip;

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

@@ -1,9 +1,10 @@
 import { MetadataTemplateField } from '@box/metadata-filter';
-import { FilterOption } from './types';
+import { FilterGroup, PredefinedFilterName } from './types';
 export interface FilterRowProps {
-    filterOptions: FilterOption[];
+    disabledPredefinedFilters?: Array<PredefinedFilterName>;
+    filterGroups: Array<FilterGroup>;
     isAllFiltersDisabled?: boolean;
     onFilterSubmit: (fields: MetadataTemplateField[]) => void;
 }
-export declare const FilterRow: ({ filterOptions, isAllFiltersDisabled, onFilterSubmit }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterRow: ({ disabledPredefinedFilters, filterGroups: customFilterGroups, isAllFiltersDisabled, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterRow;

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

@@ -0,0 +1,9 @@
+import { MetadataFormFieldValue } from '@box/metadata-filter';
+import { FilterOption } from './types';
+export declare const getInitialFieldValues: (filterOptions: FilterOption[]) => {
+    metadata: {
+        fields: Record<string, {
+            value: MetadataFormFieldValue;
+        }>;
+    };
+};

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

@@ -19,5 +19,10 @@ declare const messages: {
         description: string;
         id: string;
     };
+    keywordSearchFilterPlaceholder: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

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

@@ -1,15 +1,24 @@
-import { MetadataFieldType } from '../../types';
+import { FilterVariant, MetadataFieldType } from '../../types';
+export type PredefinedFilterName = 'keywordSearchFilterGroup';
+export interface FilterGroup {
+    filters: Array<FilterOption>;
+    title?: string;
+    togglable: boolean;
+}
 export interface FilterOption {
-    id: string;
-    name: string;
     fieldType: MetadataFieldType;
-    selected: boolean;
     icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
+    id: string;
+    name?: string;
+    placeholder?: string;
+    selected: boolean;
+    shouldRenderChip?: boolean;
+    variant?: FilterVariant;
 }
 export interface FilterChipProps {
     formRef: React.RefObject<HTMLFormElement>;
+    icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
     id: string;
     name: string;
     selected: boolean;
-    icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
 }

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

@@ -0,0 +1,2 @@
+import { FilterGroup, PredefinedFilterName } from './types';
+export declare const usePredefinedFilter: (toDisable: Array<PredefinedFilterName>) => FilterGroup[];

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

@@ -1,7 +1,9 @@
+import { FilterGroup } from '../filter-row/types';
 export interface FilterSidepanelProps {
+    filterGroups: Array<FilterGroup>;
     isOpen?: boolean;
-    onFilterSubmit?: () => void;
     onIsOpenChange?: (isOpen: boolean) => void;
+    getInitialFormValues: () => void;
 }
-declare const FilterSidepanel: ({ isOpen, onIsOpenChange, onFilterSubmit }: FilterSidepanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterSidepanel: ({ filterGroups, isOpen, onIsOpenChange, getInitialFormValues }: FilterSidepanelProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterSidepanel;

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

@@ -0,0 +1,3 @@
+import { FilterOption } from '../filter-row/types';
+declare const Filter: ({ ...props }: FilterOption) => import("react/jsx-runtime").JSX.Element;
+export default Filter;

package/dist/types/lib/components/metadata-search-field/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    searchInputAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    searchInputClearAriaLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/metadata-search-field/metadata-search-field.d.ts

@@ -0,0 +1,7 @@
+interface MetadataSearchFieldProps {
+    id: string;
+    name: string;
+    placeholder: string;
+}
+export declare const MetadataSearchField: ({ id, name, placeholder }: MetadataSearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -3,20 +3,32 @@ import { SortDirection } from 'react-aria-components';
 import { ActionBarProps } from '../components/action-bar/action-bar';
 import { SortDropdownProps } from '../components/action-bar/sort-dropdown';
 import { FilterRowProps } from '../components/filter-row/filter-row';
-import { FilterOption } from '../components/filter-row/types';
+import { FilterGroup, FilterOption } from '../components/filter-row/types';
 import { MetadataTableProps } from '../components/metadata-table';
 import { MetadataViewProps } from '../metadata-view';
 import { Column } from '../types';
+export declare const getMockFilterGroups: (filters: FilterOption[]) => {
+    title: string;
+    togglable: boolean;
+    filters: FilterOption[];
+}[];
 export declare const mockActiveFilterIds: string[];
 export declare const mockColumnData: Column[];
 export declare const mockFilterOptions: FilterOption[];
 export declare const mockFilterOptionsNoSelection: FilterOption[];
 export declare const mockFilterOptionsWithCustomFilterChips: FilterOption[];
 export declare const mockFilterOptionsWithoutAlias: FilterOption[];
+export declare const mockFilterGroupsWithoutAlias: FilterGroup[];
 export declare const mockFilterOptionsWithInvalidType: FilterOption[];
+export declare const mockFilterOptionsWithSomeChipsHidden: FilterOption[];
 export declare const mockMetadata: Item[];
 export declare const mockSortableColumnNames: string[];
 export declare const mockSortDropdownProps: SortDropdownProps;
+export declare const mockFilterGroups: {
+    title: string;
+    togglable: boolean;
+    filters: FilterOption[];
+}[];
 export declare const mockFilterRowArgs: FilterRowProps;
 export declare const mockActionBarProps: ActionBarProps;
 export declare const mockTableProps: MetadataTableProps;

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

@@ -1,8 +1,8 @@
 import { ColumnProps } from '@box/blueprint-web';
-import { default as React } from 'react';
 import { Item } from '@box/types';
 import { ItemActionMenuProps } from './components/item-action-menu';
 export type MetadataFieldType = 'date' | 'enum' | 'float' | 'multiSelect' | 'string';
+export type FilterVariant = 'default' | 'search';
 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,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.22.0",
+    "version": "0.23.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -19,8 +19,8 @@
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.57.0",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.13.2",
-        "@box/metadata-filter": "^1.14.2",
+        "@box/item-icon": "^0.13.3",
+        "@box/metadata-filter": "^1.14.3",
         "@box/storybook-utils": "0.13.11",
         "@box/types": "0.2.0",
         "react-intl": "^6.4.2"