@box/metadata-view 0.32.4 → 0.34.0

package/dist/chunks/predefined-filter-options-factory.js

@@ -0,0 +1,25 @@
+import i from "lodash/merge";
+let e = /* @__PURE__ */ function(r) {
+  return r.KeywordSearchFilterGroup = "KeywordSearchFilterGroup", r.FileTypeFilterGroup = "FileTypeFilterGroup", r.LocationFilterGroup = "LocationFilterGroup", r;
+}({});
+function l(r = {}) {
+  const o = {
+    [e.KeywordSearchFilterGroup]: {
+      isDisabled: !1
+    },
+    [e.FileTypeFilterGroup]: {
+      isDisabled: !1
+    },
+    [e.LocationFilterGroup]: {
+      isDisabled: !1,
+      triggerCallback: () => {
+        console.error("Custom callback needs to be provided");
+      }
+    }
+  };
+  return i(o, r);
+}
+export {
+  e as P,
+  l as p
+};

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

@@ -4,11 +4,11 @@ import { useState as G, useRef as I } from "react";
 import R from "./all-filters-chip.js";
 import { getInitialFieldValues as g } from "./initial-field-values.js";
 import { MetadataFilterChip as j } from "./metadata-filter-chip.js";
-import { usePredefinedFilter as w } from "./use-predefined-filter.js";
+import { usePredefinedFilter as w } from "./predefinedFilters/use-predefined-filter.js";
 import { s as x } from "../../../../chunks/form-filter-chip.js";
 import { jsx as i, jsxs as b } from "react/jsx-runtime";
 const z = ({
-  disabledPredefinedFilters: n = [],
+  predefinedFilterOptions: n,
   filterGroups: d = [],
   isAllFiltersDisabled: p,
   onFilterSubmit: l

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

@@ -1,5 +1,5 @@
 import { defineMessages as e } from "react-intl";
-const t = e({
+const a = e({
   applyButton: {
     id: "groupSharedFeatures.metadataView.filterRow.applyButton",
     defaultMessage: "Apply"
@@ -27,8 +27,12 @@ const t = e({
   fileTypeFilterTitle: {
     id: "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle",
     defaultMessage: "File Type"
+  },
+  locationFilterTitle: {
+    id: "groupSharedFeatures.metadataView.filterRow.locationFilterTitle",
+    defaultMessage: "Location"
   }
 });
 export {
-  t as default
+  a as default
 };

package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js

@@ -0,0 +1,5 @@
+import "lodash/merge";
+import { p } from "../../../../../chunks/predefined-filter-options-factory.js";
+export {
+  p as predefinedFilterOptionsFactory
+};

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

@@ -0,0 +1,71 @@
+import { useIntl as l } from "react-intl";
+import o from "../messages.js";
+import { p as a, P as i } from "../../../../../chunks/predefined-filter-options-factory.js";
+const p = {
+  fieldType: "string",
+  id: "keyword-filter",
+  name: "",
+  selected: !1,
+  variant: "search"
+}, f = {
+  fieldType: "multiSelect",
+  id: "mimetype-filter",
+  name: "",
+  selected: !1,
+  shouldRenderChip: !0,
+  variant: "file"
+}, c = {
+  fieldType: "enum",
+  id: "location-filter",
+  name: "",
+  selected: !1,
+  shouldRenderChip: !1,
+  variant: "file"
+}, d = ({
+  isDisabled: t
+}) => {
+  const {
+    formatMessage: e
+  } = l();
+  return t ? [] : [{
+    filters: [{
+      ...p,
+      placeholder: e(o.keywordSearchFilterPlaceholder)
+    }],
+    toggleable: !1
+  }];
+}, u = ({
+  isDisabled: t
+}) => {
+  const {
+    formatMessage: e
+  } = l();
+  return t ? [] : [{
+    filters: [{
+      ...f
+    }],
+    title: e(o.fileTypeFilterTitle),
+    toggleable: !0
+  }];
+}, F = ({
+  isDisabled: t,
+  ...e
+}) => {
+  const {
+    formatMessage: r
+  } = l();
+  return t ? [] : [{
+    filters: [{
+      ...c,
+      ...e
+    }],
+    title: r(o.locationFilterTitle),
+    toggleable: !0
+  }];
+}, g = (t = {}) => {
+  const e = a(t), r = d(e[i.KeywordSearchFilterGroup]), n = u(e[i.FileTypeFilterGroup]), s = F(e[i.LocationFilterGroup]);
+  return [...r, ...n, ...s];
+};
+export {
+  g as usePredefinedFilter
+};

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

@@ -1,30 +1,31 @@
 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 g from "lodash/noop";
+import { useState as x } from "react";
+import B from "./filter.js";
 import o from "./messages.js";
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-const O = ({
-  filterGroups: n,
+const V = ({
+  filterGroups: a,
   isOpen: u,
-  onIsOpenChange: i,
+  onIsOpenChange: i = g,
   getInitialFormValues: h
 }) => {
   const {
-    formatMessage: r
+    formatMessage: l
   } = b(), {
     handleSubmit: p,
-    resetForm: s,
-    values: F
-  } = y(), [f] = g(F), C = () => {
-    s({
+    resetForm: m,
+    values: f
+  } = y(), [F] = x(f), C = () => {
+    m({
       values: h()
     });
-  }, v = (l) => {
-    s({
-      values: f
-    }), i(l);
+  }, v = (r) => {
+    m({
+      values: F
+    }), i(r);
   }, S = () => {
     p(), i(!1);
   };
@@ -35,37 +36,37 @@ const O = ({
     children: /* @__PURE__ */ e(t.Overlay, {
       children: /* @__PURE__ */ d(t.Content, {
         children: [/* @__PURE__ */ e(t.Header, {
-          children: r(o.filtersHeader)
+          children: l(o.filtersHeader)
         }), /* @__PURE__ */ e(t.ScrollableContainer, {
           children: /* @__PURE__ */ e(c, {
-            defaultValue: n.map((l, a) => `item-${a}`),
+            defaultValue: a.map((r, n) => `item-${n}`),
             type: "multiple",
-            children: n.map((l, a) => /* @__PURE__ */ e(c.Item, {
-              ...l.toggleable ? {} : {
+            children: a.map((r, n) => /* @__PURE__ */ e(c.Item, {
+              ...r.toggleable ? {} : {
                 fixed: "true"
               },
-              title: l.title,
-              value: `item-${a}`,
-              children: l.filters.map((m) => /* @__PURE__ */ e(x, {
-                ...m
-              }, m.id))
-            }, `accordion-item-${l.title || "unnamed"}`))
+              title: r.title,
+              value: `item-${n}`,
+              children: r.filters.map((s) => /* @__PURE__ */ e(B, {
+                ...s
+              }, s.id))
+            }, `accordion-item-${r.title || "unnamed"}`))
           })
         }), /* @__PURE__ */ d(t.Footer, {
           children: [/* @__PURE__ */ e(t.Footer.SecondaryButton, {
             onClick: C,
-            children: r(o.clearAllButton)
+            children: l(o.clearAllButton)
           }), /* @__PURE__ */ e(t.Footer.PrimaryButton, {
             onClick: S,
-            children: r(o.showResultsButton)
+            children: l(o.showResultsButton)
           })]
         }), /* @__PURE__ */ e(t.Close, {
-          "aria-label": r(o.closeAriaLabel)
+          "aria-label": l(o.closeAriaLabel)
         })]
       })
     })
   });
 };
 export {
-  O as default
+  V as default
 };

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

@@ -1,8 +1,9 @@
 import { MetadataStringField as r } from "@box/metadata-filter";
 import { MetadataFileField as d } from "../metadata-value/metadata-file-field.js";
-import { MetadataSearchField as f } from "../metadata-value/metadata-search-field.js";
+import { MetadataLocationField as c } from "../metadata-value/metadata-location-field.js";
+import { MetadataSearchField as u } from "../metadata-value/metadata-search-field.js";
 import { jsx as t } from "react/jsx-runtime";
-const c = ({
+const m = ({
   id: e,
   name: a,
   placeholder: l,
@@ -10,7 +11,7 @@ const c = ({
 }) => {
   switch (i) {
     case "search":
-      return /* @__PURE__ */ t(f, {
+      return /* @__PURE__ */ t(u, {
         id: e,
         name: a,
         placeholder: l
@@ -19,10 +20,10 @@ const c = ({
     default:
       return /* @__PURE__ */ t(r, {
         fieldNamePrefix: `metadata.fields.${e}`,
-        label: a
+        label: a || ""
       });
   }
-}, m = ({
+}, n = ({
   id: e,
   name: a,
   variant: l
@@ -36,28 +37,53 @@ const c = ({
     default:
       return /* @__PURE__ */ t(r, {
         fieldNamePrefix: `metadata.fields.${e}`,
-        label: a
+        label: a || ""
       });
   }
-}, F = ({
+}, s = ({
+  id: e,
+  name: a,
+  variant: l,
+  renderer: i,
+  triggerCallback: f
+}) => {
+  switch (l) {
+    case "file":
+      return /* @__PURE__ */ t(c, {
+        id: e,
+        renderer: i,
+        triggerSetValueCallback: f
+      });
+    case "default":
+    default:
+      return /* @__PURE__ */ t(r, {
+        fieldNamePrefix: `metadata.fields.${e}`,
+        label: a || ""
+      });
+  }
+}, b = ({
   ...e
 }) => {
   switch (e.fieldType) {
     case "string":
-      return /* @__PURE__ */ t(c, {
+      return /* @__PURE__ */ t(m, {
         ...e
       });
     case "multiSelect":
-      return /* @__PURE__ */ t(m, {
+      return /* @__PURE__ */ t(n, {
+        ...e
+      });
+    case "enum":
+      return /* @__PURE__ */ t(s, {
         ...e
       });
     default:
       return /* @__PURE__ */ t(r, {
         fieldNamePrefix: `metadata.fields.${e.id}`,
-        label: e.name
+        label: e.name || ""
       });
   }
 };
 export {
-  F as default
+  b as default
 };

package/dist/esm/lib/components/metadata-grid/metadata-grid.js

@@ -1,52 +1,61 @@
-import { GridList as t } from "@box/blueprint-web";
-import { ItemTypeIcon as l } from "@box/item-icon";
-import { useIntl as d } from "react-intl";
-import { V as c } from "../../../../chunks/types.js";
-import { THUMBNAIL_GRID_VIEW_SIZES as _ } from "../constants.js";
-import I from "./messages.js";
-import { jsx as e, jsxs as T } from "react/jsx-runtime";
-import { ItemActionMenu as p } from "../item-action-menu/item-action-menu.js";
-import '../../../../styles/metadata-grid.css';const u = "_itemThumbnail_1j3e6_1", E = {
-  itemThumbnail: u
-}, f = 188, M = 250, h = 8, A = 5, G = (m) => f + M * (h - m) / A, H = ({
+import { GridList as i } from "@box/blueprint-web";
+import { ItemTypeIcon as h } from "@box/item-icon";
+import { useIntl as T } from "react-intl";
+import { V as p } from "../../../../chunks/types.js";
+import { THUMBNAIL_GRID_VIEW_SIZES as E } from "../constants.js";
+import b from "./messages.js";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { ItemActionMenu as M } from "../item-action-menu/item-action-menu.js";
+import '../../../../styles/metadata-grid.css';const R = "_itemThumbnail_93ess_1", L = {
+  itemThumbnail: R
+}, A = 188, G = 250, g = 8, x = 5, U = (m) => A + G * (g - m) / x, N = ({
   items: m,
-  itemActionMenuProps: o,
-  zoomLevel: r,
-  ...n
+  itemActionMenuProps: n,
+  zoomLevel: c,
+  ...d
 }) => {
   const {
-    formatMessage: s
-  } = d();
-  return /* @__PURE__ */ e(t, {
-    "aria-label": s(I.gridView),
+    formatMessage: u
+  } = T();
+  return /* @__PURE__ */ e(i, {
+    "aria-label": u(b.gridView),
     selectionMode: "multiple",
     style: {
-      gridTemplateColumns: `repeat(auto-fit, minmax(${G(_[r])}px, 1fr))`
+      gridTemplateColumns: `repeat(auto-fit, minmax(${U(E[c])}px, 1fr))`
     },
-    ...n,
-    children: m.map((i, R) => /* @__PURE__ */ T(t.Item, {
-      children: [/* @__PURE__ */ e(t.Thumbnail, {
-        className: E.itemThumbnail,
-        children: /* @__PURE__ */ e(l, {
-          dimension: 128,
-          item: i
-        })
-      }), /* @__PURE__ */ e(t.Header, {
-        children: i.name
-      }), /* @__PURE__ */ e(t.Subtitle, {
-        children: i.createdAt
-      }), o ? /* @__PURE__ */ e(t.Actions, {
-        children: (a) => /* @__PURE__ */ e(p, {
-          ...o,
-          item: i,
-          onOpenChange: a,
-          viewMode: c.GRID
-        })
-      }) : null]
-    }, i.id))
+    ...d,
+    children: m.map((t, D) => {
+      var o, l, a;
+      const {
+        name: r,
+        createdAt: _
+      } = t, s = "thumbnailURLs" in t ? ((o = t.thumbnailURLs) == null ? void 0 : o.large) || ((l = t.thumbnailURLs) == null ? void 0 : l.medium) || ((a = t.thumbnailURLs) == null ? void 0 : a.small) : void 0;
+      return /* @__PURE__ */ f(i.Item, {
+        children: [/* @__PURE__ */ e(i.Thumbnail, {
+          className: L.itemThumbnail,
+          children: s ? /* @__PURE__ */ e("img", {
+            alt: r,
+            src: s
+          }) : /* @__PURE__ */ e(h, {
+            item: t
+          })
+        }), /* @__PURE__ */ e(i.Header, {
+          children: r
+        }), /* @__PURE__ */ e(i.Subtitle, {
+          children: _
+        }), n ? /* @__PURE__ */ e(i.Actions, {
+          children: (I) => /* @__PURE__ */ e(M, {
+            ...n,
+            item: t,
+            onOpenChange: I,
+            viewMode: p.GRID
+          })
+        }) : null]
+      }, t.id);
+    })
   });
 };
 export {
-  H as MetadataGrid,
-  H as default
+  N as MetadataGrid,
+  N as default
 };

package/dist/esm/lib/components/metadata-value/messages.js

@@ -7,6 +7,10 @@ const t = a({
   searchInputClearAriaLabel: {
     id: "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel",
     defaultMessage: "Clear"
+  },
+  selectFolderHint: {
+    id: "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint",
+    defaultMessage: "Select a folder"
   }
 });
 export {

package/dist/esm/lib/components/metadata-value/metadata-location-field.js

@@ -0,0 +1,44 @@
+import { ContentField as f } from "@box/blueprint-web";
+import { useFormikContext as u } from "formik";
+import p from "lodash/noop";
+import { useIntl as h } from "react-intl";
+import C from "./messages.js";
+import { jsx as i } from "react/jsx-runtime";
+import '../../../../styles/metadata-location-field.css';const v = "_metadataLocationFieldTrigger_1d3ch_1", L = {
+  metadataLocationFieldTrigger: v
+}, S = ({
+  id: t,
+  triggerSetValueCallback: n = p,
+  renderer: s = (a) => a
+}) => {
+  var r;
+  const {
+    formatMessage: a
+  } = h(), {
+    values: l,
+    setFieldValue: o
+  } = u(), e = (r = l.metadata.fields[t].value.enum) == null ? void 0 : r[0], m = () => {
+    o(`metadata.fields.${t}.value.enum`, []);
+  }, d = () => {
+    n((c, F, g = !1) => {
+      o(`metadata.fields.${t}.value.enum[0]`, {
+        folderId: c,
+        folderName: F,
+        isFolderShared: g
+      });
+    });
+  };
+  return s(/* @__PURE__ */ i("div", {
+    className: L.metadataLocationFieldTrigger,
+    children: /* @__PURE__ */ i(f, {
+      hintText: a(C.selectFolderHint),
+      isSharedFolder: e == null ? void 0 : e.isFolderShared,
+      onClick: d,
+      onClickClearButton: m,
+      title: e == null ? void 0 : e.folderName
+    })
+  }));
+};
+export {
+  S as MetadataLocationField
+};

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

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

package/dist/i18n/bn-IN.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "পরিষ্কার করুন",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "ফাইলের ধরন",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "কিওয়ার্ড লিখুন",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "মূল্য সেট করুন",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "সমস্ত মুছুন",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "বন্ধ করুন",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "তালিকা ভিউ",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "রিফ্রেশ করুন",
   "groupSharedFeatures.metadataView.itemList.selectAll": "সমস্ত নির্বাচন করুন",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "অনুসন্ধান করুন",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "পরিষ্কার করুন",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "পরবর্তী",

package/dist/i18n/da-DK.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Ryd",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Filtype",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Indtast nøgleord",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Indstil værdi",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Ryd alt",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Luk",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "Listevisning",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Opdater",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Vælg alt/alle",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Søg",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Ryd",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Næste",

package/dist/i18n/de-DE.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Leeren",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "Dateityp",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Schlüsselwörter eingeben",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Wert festlegen",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Alles löschen",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Schließen",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "Listenansicht",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Aktualisieren",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Alle auswählen",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Suchen",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Leeren",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Weiter",

package/dist/i18n/en-AU.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Search",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Clear",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Next",

package/dist/i18n/en-CA.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Search",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Clear",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Next",

package/dist/i18n/en-GB.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Search",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Clear",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Next",

package/dist/i18n/en-US.js

@@ -12,6 +12,7 @@ export default {
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle": "File Type",
   "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder": "Enter keywords",
+  "groupSharedFeatures.metadataView.filterRow.locationFilterTitle": "Location",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",
   "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton": "Clear All",
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
@@ -23,6 +24,7 @@ export default {
   "groupSharedFeatures.metadataView.itemList.listView": "List view",
   "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Select all",
+  "groupSharedFeatures.metadataView.metadataValue.metadataLocation.locationTriggerHint": "Select a folder",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputAriaLabel": "Search",
   "groupSharedFeatures.metadataView.metadataValue.metadataSearch.searchInputClearAriaLabel": "Clear",
   "groupSharedFeatures.metadataView.pagination.nextPageButton": "Next",