@box/metadata-view 1.50.16 → 1.51.1

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

@@ -1,43 +1,44 @@
 import { FilterChip as e } from "@box/blueprint-web";
-import { Filter as f } from "@box/blueprint-web-assets/icons/Line";
+import { Filter as u } from "@box/blueprint-web-assets/icons/Line";
 import { useFormikContext as d } from "formik";
-import { useState as u, useMemo as h } from "react";
-import { useIntl as F } from "react-intl";
-import { getInitialFieldValues as g } from "./initial-field-values.js";
-import { isFilterSelected as C } from "./is-filter-selected.js";
+import { useState as h, useMemo as F } from "react";
+import { useIntl as g } from "react-intl";
+import { getInitialFieldValues as C } from "./initial-field-values.js";
+import { isFilterSelected as I } from "./is-filter-selected.js";
 import S from "./messages.js";
-import { s as I } from "../../../../chunks/filter-row.module.js";
-import { jsxs as a, Fragment as O, jsx as t } from "react/jsx-runtime";
-import { FilterSidePanel as v } from "../filter-sidepanel/filter-side-panel.js";
-const P = ({
-  containerRef: m,
-  filterGroups: l
+import { s as v } from "../../../../chunks/filter-row.module.js";
+import { jsxs as m, Fragment as O, jsx as t } from "react/jsx-runtime";
+import { FilterSidePanel as x } from "../filter-sidepanel/filter-side-panel.js";
+const q = ({
+  containerRef: p,
+  filterGroups: l,
+  onAllFiltersClick: r
 }) => {
   const {
-    formatMessage: p
-  } = F(), {
-    values: r
-  } = d(), [o, s] = u(!1), c = () => s(!0), n = h(() => Object.values(r.metadata.fields).filter((i) => C(i.value)).length, [r.metadata.fields]);
-  return /* @__PURE__ */ a(O, {
+    formatMessage: c
+  } = g(), {
+    values: o
+  } = d(), [s, a] = h(!1), f = () => r ? r() : a(!0), n = F(() => Object.values(o.metadata.fields).filter((i) => I(i.value)).length, [o.metadata.fields]);
+  return /* @__PURE__ */ m(O, {
     children: [
       // We need to initialize the sidepanel state at the moment it is opened
-      o && /* @__PURE__ */ t(v, {
-        containerRef: m,
+      s && /* @__PURE__ */ t(x, {
+        containerRef: p,
         filterGroups: l,
-        getInitialFormValues: () => g(l.flatMap(({
+        getInitialFormValues: () => C(l.flatMap(({
           filters: i
         }) => i)),
-        isOpen: o,
-        onIsOpenChange: s
+        isOpen: s,
+        onIsOpenChange: a
       }),
-      /* @__PURE__ */ a(e.ChipButton, {
-        onClick: c,
+      /* @__PURE__ */ m(e.ChipButton, {
+        onClick: f,
         value: "all-filters-chip-btn",
         children: [/* @__PURE__ */ t(e.Icon, {
-          className: I.filterChipIcon,
-          icon: f
+          className: v.filterChipIcon,
+          icon: u
         }), /* @__PURE__ */ t(e.Label, {
-          children: p(S.allFilters)
+          children: c(S.allFilters)
         }), n > 0 ? /* @__PURE__ */ t(e.Status, {
           children: n.toString()
         }) : null]
@@ -46,5 +47,5 @@ const P = ({
   });
 };
 export {
-  P as default
+  q as default
 };

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

@@ -1,51 +1,53 @@
-import { FilterChip as h } from "@box/blueprint-web";
-import { Formik as F, Form as C } from "formik";
-import { useMemo as R, useRef as y } from "react";
-import G from "./all-filters-chip.js";
-import { getInitialFieldValues as j } from "./initial-field-values.js";
-import { MetadataFilterChip as x } from "./metadata-filter-chip.js";
-import { usePredefinedFilter as M } from "./predefinedFilters/use-predefined-filter.js";
-import { s as b } from "../../../../chunks/filter-row.module.js";
-import { jsx as i, jsxs as w } from "react/jsx-runtime";
+import { FilterChip as F } from "@box/blueprint-web";
+import { Formik as C, Form as R } from "formik";
+import { useMemo as y, useRef as G } from "react";
+import j from "./all-filters-chip.js";
+import { getInitialFieldValues as x } from "./initial-field-values.js";
+import { MetadataFilterChip as M } from "./metadata-filter-chip.js";
+import { usePredefinedFilter as b } from "./predefinedFilters/use-predefined-filter.js";
+import { s as w } from "../../../../chunks/filter-row.module.js";
+import { jsx as i, jsxs as S } from "react/jsx-runtime";
 import "./form-filter-chip.js";
 import "./select-filter-chip.js";
 import "./predefinedFilters/index.js";
-const T = ({
+const q = ({
   predefinedFilterOptions: p,
   containerRef: s,
   filterGroups: a = [],
   initialFilterValues: t,
   isAllFiltersDisabled: f,
+  onAllFiltersClick: n,
   onFilterSubmit: o
 }) => {
-  const n = M(p), d = ({
+  const d = b(p), u = ({
     metadata: {
       fields: e
     }
   }) => {
     o && o(e);
-  }, l = [...n, ...a], r = l.flatMap(({
+  }, l = [...d, ...a], r = l.flatMap(({
     filters: e
-  }) => e), u = r.map((e) => `${e.id}:${e.fieldType}`).join("|"), c = R(
-    () => j(r, t),
+  }) => e), c = r.map((e) => `${e.id}:${e.fieldType}`).join("|"), h = y(
+    () => x(r, t),
     // Intentionally depend on filterSchemaKey (not filterOptions identity) to prevent unwanted reinitialization
     // eslint-disable-next-line react-hooks/exhaustive-deps -- depend on schema key instead of filterOptions identity
-    [u, t]
-  ), m = y(null);
-  return /* @__PURE__ */ i(F, {
+    [c, t]
+  ), m = G(null);
+  return /* @__PURE__ */ i(C, {
     enableReinitialize: !0,
-    initialValues: c,
-    onSubmit: d,
-    children: /* @__PURE__ */ i(C, {
+    initialValues: h,
+    onSubmit: u,
+    children: /* @__PURE__ */ i(R, {
       ref: m,
-      children: /* @__PURE__ */ w(h.Group, {
-        className: b.filterChipGroup,
+      children: /* @__PURE__ */ S(F.Group, {
+        className: w.filterChipGroup,
         name: "metadata-view-filters",
         type: "multiple",
-        children: [f ? null : /* @__PURE__ */ i(G, {
+        children: [f ? null : /* @__PURE__ */ i(j, {
           containerRef: s,
-          filterGroups: l
-        }), r.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ i(x, {
+          filterGroups: l,
+          onAllFiltersClick: n
+        }), r.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ i(M, {
           filterOption: e,
           formRef: m
         }, e.id))]
@@ -54,5 +56,5 @@ const T = ({
   });
 };
 export {
-  T as FilterRow
+  q as FilterRow
 };

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

@@ -1,7 +1,8 @@
 import { FilterGroup } from './types';
-interface AllFiltersChipProps {
+type AllFiltersChipProps = {
     containerRef?: React.RefObject<HTMLElement>;
     filterGroups: Array<FilterGroup>;
-}
-declare const AllFiltersChip: ({ containerRef, filterGroups }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
+    onAllFiltersClick?: () => void;
+};
+declare const AllFiltersChip: ({ containerRef, filterGroups, onAllFiltersClick }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
 export default AllFiltersChip;

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

@@ -6,6 +6,7 @@ export interface FilterRowProps {
     filterGroups?: Array<FilterGroup>;
     initialFilterValues?: InitialFilterValues;
     isAllFiltersDisabled?: boolean;
+    onAllFiltersClick?: () => void;
     onFilterSubmit?: (fields: FilterValues) => void;
 }
-export declare const FilterRow: ({ predefinedFilterOptions, containerRef, filterGroups: customFilterGroups, initialFilterValues: customFilterValues, isAllFiltersDisabled, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterRow: ({ predefinedFilterOptions, containerRef, filterGroups: customFilterGroups, initialFilterValues: customFilterValues, isAllFiltersDisabled, onAllFiltersClick, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.50.16",
+    "version": "1.51.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.5.8",
-        "@box/blueprint-web-assets": "^4.104.3",
-        "@box/box-item-type-selector": "^1.38.13",
-        "@box/item-icon": "^2.30.14",
-        "@box/metadata-filter": "^1.78.5",
-        "@box/types": "2.1.4",
+        "@box/blueprint-web": "^13.5.10",
+        "@box/blueprint-web-assets": "^4.104.5",
+        "@box/box-item-type-selector": "^1.38.15",
+        "@box/item-icon": "^2.30.16",
+        "@box/metadata-filter": "^1.78.7",
+        "@box/types": "2.1.6",
         "@tanstack/react-virtual": "^3.10.8",
         "formik": "^2.4.5",
         "lodash": "^4.17.15",
@@ -18,14 +18,14 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.5.8",
-        "@box/blueprint-web-assets": "^4.104.3",
-        "@box/box-item-type-selector": "^1.38.13",
-        "@box/eslint-plugin-blueprint": "1.1.3",
-        "@box/item-icon": "^2.30.14",
-        "@box/metadata-filter": "^1.78.5",
-        "@box/storybook-utils": "0.16.64",
-        "@box/types": "2.1.4",
+        "@box/blueprint-web": "^13.5.10",
+        "@box/blueprint-web-assets": "^4.104.5",
+        "@box/box-item-type-selector": "^1.38.15",
+        "@box/eslint-plugin-blueprint": "1.1.5",
+        "@box/item-icon": "^2.30.16",
+        "@box/metadata-filter": "^1.78.7",
+        "@box/storybook-utils": "0.16.66",
+        "@box/types": "2.1.6",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"
     },