@box/metadata-view 0.38.0 → 0.39.1

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

@@ -1,47 +1,53 @@
-import { FilterChip as C } from "@box/blueprint-web";
+import { FilterChip as I } from "@box/blueprint-web";
 import { Formik as S, Form as v } from "formik";
-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 { useState as g, useEffect as w, useRef as C } from "react";
+import G from "./all-filters-chip.js";
+import { getInitialFieldValues as R } from "./initial-field-values.js";
 import { MetadataFilterChip as j } from "./metadata-filter-chip.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 = ({
-  predefinedFilterOptions: n,
-  filterGroups: d = [],
-  isAllFiltersDisabled: p,
-  onFilterSubmit: l
+import { usePredefinedFilter as x } from "./predefinedFilters/use-predefined-filter.js";
+import { s as V } from "../../../../chunks/form-filter-chip.js";
+import { jsx as l, jsxs as b } from "react/jsx-runtime";
+const p = (s) => Object.entries(s).filter(([r, t]) => {
+  var i;
+  return ((i = t.value) == null ? void 0 : i.enum) && t.value.enum.length > 0 && t.value.enum[0] !== "";
+}).map(([r]) => r), z = ({
+  predefinedFilterOptions: s,
+  filterGroups: r = [],
+  initialFilterValues: t,
+  isAllFiltersDisabled: i,
+  onFilterSubmit: o
 }) => {
-  const [s, c] = G([]), u = w(n), f = ([e, t]) => {
-    var r;
-    return ((r = t.value) == null ? void 0 : r.enum) && t.value.enum.length > 0;
-  }, h = ({
+  const [a, m] = g([]), f = x(s), F = ({
     metadata: {
       fields: e
     }
   }) => {
-    const t = Object.entries(e).filter(f).map(([r]) => r);
-    c(t), l && l(e);
-  }, o = [...u, ...d], m = o.flatMap(({
+    const h = p(e);
+    m(h), o && o(e);
+  }, n = [...f, ...r], d = n.flatMap(({
     filters: e
-  }) => e), F = g(m), a = I(null);
-  return /* @__PURE__ */ i(S, {
-    initialValues: F,
-    onSubmit: h,
-    children: /* @__PURE__ */ i(v, {
-      ref: a,
-      children: /* @__PURE__ */ b(C.Group, {
-        className: x.filterChipGroup,
+  }) => e), u = R(d, t);
+  w(() => {
+    const e = p(u.metadata.fields);
+    m(e);
+  }, []);
+  const c = C(null);
+  return /* @__PURE__ */ l(S, {
+    initialValues: u,
+    onSubmit: F,
+    children: /* @__PURE__ */ l(v, {
+      ref: c,
+      children: /* @__PURE__ */ b(I.Group, {
+        className: V.filterChipGroup,
         name: "metadata-view-filters",
         type: "multiple",
-        children: [p ? null : /* @__PURE__ */ i(R, {
-          activeFilterCount: s.length,
-          filterGroups: o
-        }), m.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ i(j, {
+        children: [i ? null : /* @__PURE__ */ l(G, {
+          activeFilterCount: a.length,
+          filterGroups: n
+        }), d.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ l(j, {
           filterOption: e,
-          formRef: a,
-          selected: s.includes(e.id)
+          formRef: c,
+          selected: a.includes(e.id)
         }, e.id))]
       })
     })
@@ -49,5 +55,6 @@ const z = ({
 };
 export {
   z as FilterRow,
-  z as default
+  z as default,
+  p as getSelectedFilterIds
 };

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

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

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

@@ -1,17 +1,21 @@
-const u = (e) => ({
-  key: e,
-  id: e
-}), a = ({
-  fieldType: e,
-  options: t
-}) => ["enum", "multiSelect"].includes(e) ? (t || []).map(u) : [], l = (e) => ({
+const r = (t) => ({
+  key: t,
+  id: t
+}), c = ({
+  fieldType: t,
+  options: e
+}) => ["enum", "multiSelect"].includes(t) ? (e || []).map(r) : [], l = (t, e) => ({
   metadata: {
-    fields: e.reduce((i, n) => (i[n.id] = {
-      value: {
+    fields: t.reduce((a, n) => {
+      var i;
+      const u = (i = e == null ? void 0 : e[n.id]) == null ? void 0 : i.value, o = {
         enum: []
-      },
-      options: a(n)
-    }, i), {})
+      };
+      return a[n.id] = {
+        value: u || o,
+        options: c(n)
+      }, a;
+    }, {})
   }
 });
 export {

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

@@ -1,11 +1,15 @@
-import { MetadataTemplateField } from '@box/metadata-filter';
-import { FilterGroup } from './types';
 import { PredefinedFilterOptions } from './predefinedFilters/types';
+import { FilterGroup, FilterValues } from './types';
 export interface FilterRowProps {
     predefinedFilterOptions?: Partial<PredefinedFilterOptions>;
     filterGroups?: Array<FilterGroup>;
+    initialFilterValues?: FilterValues;
     isAllFiltersDisabled?: boolean;
-    onFilterSubmit?: (fields: MetadataTemplateField[]) => void;
+    onFilterSubmit?: (fields: FilterValues) => void;
 }
-export declare const FilterRow: ({ predefinedFilterOptions, filterGroups: customFilterGroups, isAllFiltersDisabled, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Extracts selected filter IDs from filter values
+ */
+export declare const getSelectedFilterIds: (fields: FilterValues) => string[];
+export declare const FilterRow: ({ predefinedFilterOptions, filterGroups: customFilterGroups, initialFilterValues: customFilterValues, isAllFiltersDisabled, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterRow;

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

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

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

@@ -1,3 +1,4 @@
+import { MetadataFormFieldValue } from '@box/metadata-filter';
 import { ReactNode } from 'react';
 import { FilterVariant, MetadataFieldType } from '../../types';
 export interface FilterGroup {
@@ -26,3 +27,6 @@ export interface FilterChipProps {
     name: string;
     selected: boolean;
 }
+export type FilterValues = Record<string, {
+    value: MetadataFormFieldValue;
+}>;

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

@@ -2,7 +2,7 @@ import { Item } from '@box/types';
 import { SortDirection } from 'react-aria-components';
 import { ActionBarProps } from '../components/action-bar/action-bar';
 import { FilterRowProps } from '../components/filter-row/filter-row';
-import { FilterGroup, FilterOption } from '../components/filter-row/types';
+import { FilterGroup, FilterOption, FilterValues } from '../components/filter-row/types';
 import { ItemActionMenuProps } from '../components/item-action-menu/item-action-menu';
 import { MetadataTableProps } from '../components/metadata-table';
 import { PaginationProps } from '../components/pagination/pagination';
@@ -92,3 +92,4 @@ export type SortArgs = {
     direction: SortDirection;
 };
 export declare const defaultSortArgs: SortArgs;
+export declare const mockInitialFilterValues: FilterValues;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.38.0",
+    "version": "0.39.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -20,10 +20,10 @@
     "devDependencies": {
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.63.0",
-        "@box/box-item-type-selector": "^0.63.7",
+        "@box/box-item-type-selector": "^0.63.8",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.17.10",
-        "@box/metadata-filter": "^1.18.8",
+        "@box/item-icon": "^0.17.11",
+        "@box/metadata-filter": "^1.18.9",
         "@box/storybook-utils": "0.13.18",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",