@box/metadata-view 0.11.0 → 0.12.0

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

@@ -1,15 +1,17 @@
-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) => {
+import { FilterChip as l } from "@box/blueprint-web";
+import { Filter as g, MetadataBadge as p } from "@box/blueprint-web-assets/icons/Line";
+import { Formik as S, Form as b } from "formik";
+import { useState as v, useRef as w } from "react";
+import { useIntl as C } from "react-intl";
+import { StringFilterChip as I } from "./string-filter-chip.js";
+import j from "./messages.js";
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+const k = (e, s, n) => {
   switch (e.fieldType) {
     case "float":
     case "string":
-      return /* @__PURE__ */ l(g, {
-        formRef: c,
+      return /* @__PURE__ */ i(I, {
+        formRef: n,
         id: e.id,
         name: e.name,
         selected: s
@@ -17,36 +19,39 @@ const v = (e, s, c) => {
     case "date":
     case "enum":
     case "multiSelect":
-      return /* @__PURE__ */ b(r.Chip, {
+      return /* @__PURE__ */ c(l.Chip, {
         value: e.id,
-        children: [/* @__PURE__ */ l(r.Icon, {
-          icon: h
-        }), /* @__PURE__ */ l(r.Label, {
+        children: [/* @__PURE__ */ i(l.Icon, {
+          icon: p
+        }), /* @__PURE__ */ i(l.Label, {
           children: e.name
         })]
       }, e.id);
     default:
       return null;
   }
-}, k = ({
+}, _ = ({
   filterOptions: e,
-  onFilterSubmit: s
+  onAllFiltersClick: s,
+  onFilterSubmit: n
 }) => {
-  const [c, m] = p([]), n = ([t, i]) => {
+  const {
+    formatMessage: d
+  } = C(), [u, o] = v([]), h = ([t, r]) => {
     var a;
-    return ((a = i.value) == null ? void 0 : a.enum) && i.value.enum.length > 0;
-  }, u = ({
+    return ((a = r.value) == null ? void 0 : a.enum) && r.value.enum.length > 0;
+  }, F = ({
     metadata: {
       fields: t
     }
   }) => {
-    const i = Object.entries(t).filter(n).map(([a]) => a);
-    m(i), s(t);
-  }, o = {
+    const r = Object.entries(t).filter(h).map(([a]) => a);
+    o(r), n(t);
+  }, f = {
     metadata: {
-      fields: e.reduce((t, i) => {
+      fields: e.reduce((t, r) => {
         let a;
-        switch (i.fieldType) {
+        switch (r.fieldType) {
           case "string":
           case "float":
             a = [""];
@@ -54,25 +59,36 @@ const v = (e, s, c) => {
           default:
             a = null;
         }
-        return t[i.id] = {
+        return t[r.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, {
+  }, m = w(null);
+  return /* @__PURE__ */ i(S, {
+    initialValues: f,
+    onSubmit: F,
+    children: /* @__PURE__ */ i(b, {
+      ref: m,
+      children: /* @__PURE__ */ c(l.Group, {
         name: "metadata-view-filters",
         type: "multiple",
-        children: e.map((t) => v(t, c.includes(t.id), d))
+        children: [/* @__PURE__ */ c(l.ChipButton, {
+          onClick: s,
+          value: "all-filters-chip-btn",
+          children: [/* @__PURE__ */ i(l.Icon, {
+            icon: g
+          }), /* @__PURE__ */ i(l.Label, {
+            children: d(j.allFilters)
+          }), e.length > 0 && /* @__PURE__ */ i(l.Status, {
+            children: e.length.toString()
+          })]
+        }), e.map((t) => k(t, u.includes(t.id), m))]
       })
     })
   });
 };
 export {
-  k as default
+  _ as FilterRow,
+  _ as default
 };

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

@@ -0,0 +1,4 @@
+import { FilterRow as e } from "./filter-row.js";
+export {
+  e as FilterRow
+};

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

@@ -11,6 +11,10 @@ const a = e({
   textInputPlaceholder: {
     id: "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder",
     defaultMessage: "Set Value"
+  },
+  allFilters: {
+    id: "groupSharedFeatures.metadataView.filterRow.AllFilters",
+    defaultMessage: "All Filters"
   }
 });
 export {

package/dist/esm/lib/metadata-view.js

@@ -1,19 +1,19 @@
-import r from "./components/filter-row/filter-row.js";
-import e from "./components/pagination/pagination.js";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import r from "./components/pagination/pagination.js";
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { FilterRow as i } from "./components/filter-row/filter-row.js";
 import m from "./components/metadata-table/metadata-table.js";
 import '../../styles/metadata-view.css';const n = {};
 function d({
   filterRowProps: a,
   metadataTableProps: o
 }) {
-  return /* @__PURE__ */ i("div", {
+  return /* @__PURE__ */ e("div", {
     className: n.container,
-    children: [/* @__PURE__ */ t(r, {
+    children: [/* @__PURE__ */ t(i, {
       ...a
     }), /* @__PURE__ */ t(m, {
       ...o
-    }), /* @__PURE__ */ t(e, {})]
+    }), /* @__PURE__ */ t(r, {})]
   });
 }
 export {

package/dist/i18n/bn-IN.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/da-DK.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/de-DE.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/en-AU.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/en-CA.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/en-GB.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/en-US.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/en-US.properties

@@ -1,3 +1,5 @@
+# Button label to open the sidepanel with all filters
+groupSharedFeatures.metadataView.filterRow.AllFilters = All Filters
 # 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

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

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/es-419.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/es-ES.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/fi-FI.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/fr-CA.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/fr-FR.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/hi-IN.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/it-IT.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/ja-JP.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

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.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"}]

package/dist/i18n/ko-KR.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/nb-NO.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/nl-NL.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/pl-PL.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/pt-BR.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/ru-RU.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/sv-SE.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/tr-TR.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/zh-CN.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

package/dist/i18n/zh-TW.js

@@ -1,4 +1,5 @@
 export default {
+  "groupSharedFeatures.metadataView.filterRow.AllFilters": "All Filters",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Apply",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Clear",
   "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder": "Set Value",

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

@@ -1,3 +1,9 @@
-import { FilterRowProps } from './types';
-declare const FilterRow: ({ filterOptions, onFilterSubmit }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
+import { MetadataTemplateField } from '@box/metadata-filter';
+import { FilterOption } from './types';
+export interface FilterRowProps {
+    filterOptions: FilterOption[];
+    onAllFiltersClick?: () => void;
+    onFilterSubmit: (fields: MetadataTemplateField[]) => void;
+}
+export declare const FilterRow: ({ filterOptions, onAllFiltersClick, onFilterSubmit }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterRow;

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

@@ -0,0 +1 @@
+export * from './filter-row';

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.11.0",
+    "version": "0.12.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",