@box/metadata-view 0.48.19 → 0.48.20

package/dist/chunks/filter-row.module.js

@@ -0,0 +1,9 @@
+import '../styles/filter-row.css';const o = "_popoverFooter_1q01l_1", p = "_popoverContent_1q01l_9", t = "_filterChipGroup_1q01l_13", e = "_filterChipIcon_1q01l_18", r = {
+  popoverFooter: o,
+  popoverContent: p,
+  filterChipGroup: t,
+  filterChipIcon: e
+};
+export {
+  r as s
+};

package/dist/esm/index.js

@@ -2,9 +2,9 @@ import { MetadataView as o } from "./lib/metadata-view.js";
 import { I as a, V as i } from "../chunks/types.js";
 import { ActionBar as m } from "./lib/components/action-bar/action-bar.js";
 import { FilterRow as x } from "./lib/components/filter-row/filter-row.js";
-import { F as n } from "../chunks/form-filter-chip.js";
+import { FormFilterChip as n } from "./lib/components/filter-row/form-filter-chip.js";
 import { MetadataFilterChip as F } from "./lib/components/filter-row/metadata-filter-chip.js";
-import { SelectFilterChip as s } from "./lib/components/filter-row/select-filter-chip.js";
+import { SelectFilterChip as C } from "./lib/components/filter-row/select-filter-chip.js";
 import { PredefinedFilterName as c } from "./lib/components/filter-row/predefinedFilters/index.js";
 import { Filter as P } from "./lib/components/filter-sidepanel/filter.js";
 import { FilterSidePanel as w } from "./lib/components/filter-sidepanel/filter-side-panel.js";
@@ -48,7 +48,7 @@ export {
   H as Pagination,
   X as PaginationControls,
   c as PredefinedFilterName,
-  s as SelectFilterChip,
+  C as SelectFilterChip,
   Z as SortDropdown,
   ee as SwitchCase,
   k as TableRenderer,

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

@@ -4,10 +4,11 @@ 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 S } from "./is-filter-selected.js";
-import C from "./messages.js";
-import { jsxs as a, Fragment as I, jsx as t } from "react/jsx-runtime";
-import { FilterSidePanel as O } from "../filter-sidepanel/filter-side-panel.js";
+import { isFilterSelected as C } 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
@@ -16,28 +17,29 @@ const P = ({
     formatMessage: p
   } = F(), {
     values: r
-  } = d(), [o, n] = u(!1), c = () => n(!0), s = h(() => Object.values(r.metadata.fields).filter((i) => S(i.value)).length, [r.metadata.fields]);
-  return /* @__PURE__ */ a(I, {
+  } = 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, {
     children: [
       // We need to initialize the sidepanel state at the moment it is opened
-      o && /* @__PURE__ */ t(O, {
+      o && /* @__PURE__ */ t(v, {
         containerRef: m,
         filterGroups: l,
         getInitialFormValues: () => g(l.flatMap(({
           filters: i
         }) => i)),
         isOpen: o,
-        onIsOpenChange: n
+        onIsOpenChange: s
       }),
       /* @__PURE__ */ a(e.ChipButton, {
         onClick: c,
         value: "all-filters-chip-btn",
         children: [/* @__PURE__ */ t(e.Icon, {
+          className: I.filterChipIcon,
           icon: f
         }), /* @__PURE__ */ t(e.Label, {
-          children: p(C.allFilters)
-        }), s > 0 ? /* @__PURE__ */ t(e.Status, {
-          children: s.toString()
+          children: p(S.allFilters)
+        }), n > 0 ? /* @__PURE__ */ t(e.Status, {
+          children: n.toString()
         }) : null]
       })
     ]

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

@@ -5,41 +5,42 @@ import R from "./all-filters-chip.js";
 import { getInitialFieldValues as G } from "./initial-field-values.js";
 import { MetadataFilterChip as x } from "./metadata-filter-chip.js";
 import { usePredefinedFilter as V } from "./predefinedFilters/use-predefined-filter.js";
-import { s as b } from "../../../../chunks/form-filter-chip.js";
-import { jsx as e, jsxs as j } from "react/jsx-runtime";
+import { s as b } from "../../../../chunks/filter-row.module.js";
+import { jsx as r, jsxs as j } from "react/jsx-runtime";
+import "./form-filter-chip.js";
 import "./select-filter-chip.js";
 import "./predefinedFilters/index.js";
-const S = ({
+const q = ({
   predefinedFilterOptions: m,
   containerRef: s,
   filterGroups: p = [],
   initialFilterValues: a,
   isAllFiltersDisabled: n,
-  onFilterSubmit: r
+  onFilterSubmit: e
 }) => {
   const f = V(m), u = ({
     metadata: {
       fields: i
     }
   }) => {
-    r && r(i);
+    e && e(i);
   }, t = [...f, ...p], o = t.flatMap(({
     filters: i
   }) => i), d = G(o, a), l = C(null);
-  return /* @__PURE__ */ e(h, {
+  return /* @__PURE__ */ r(h, {
     enableReinitialize: !0,
     initialValues: d,
     onSubmit: u,
-    children: /* @__PURE__ */ e(F, {
+    children: /* @__PURE__ */ r(F, {
       ref: l,
       children: /* @__PURE__ */ j(c.Group, {
         className: b.filterChipGroup,
         name: "metadata-view-filters",
         type: "multiple",
-        children: [n ? null : /* @__PURE__ */ e(R, {
+        children: [n ? null : /* @__PURE__ */ r(R, {
           containerRef: s,
           filterGroups: t
-        }), o.filter((i) => i.shouldRenderChip).map((i) => /* @__PURE__ */ e(x, {
+        }), o.filter((i) => i.shouldRenderChip).map((i) => /* @__PURE__ */ r(x, {
           filterOption: i,
           formRef: l
         }, i.id))]
@@ -48,5 +49,5 @@ const S = ({
   });
 };
 export {
-  S as FilterRow
+  q as FilterRow
 };

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

@@ -1,12 +1,85 @@
-import "@box/blueprint-web";
-import "formik";
-import "react";
-import "react-intl";
-import { F as h } from "../../../../chunks/form-filter-chip.js";
-import "./initial-field-values.js";
-import "./is-filter-selected.js";
-import "./messages.js";
-import "react/jsx-runtime";
+import { Popover as a, FilterChip as s, Button as f } from "@box/blueprint-web";
+import { useFormikContext as V, getIn as l } from "formik";
+import { useState as v, useMemo as M } from "react";
+import { useIntl as j } from "react-intl";
+import { s as h } from "../../../../chunks/filter-row.module.js";
+import { getDefaultFieldValue as z } from "./initial-field-values.js";
+import { isFilterSelected as N } from "./is-filter-selected.js";
+import y from "./messages.js";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+const Q = ({
+  children: C,
+  formRef: F,
+  icon: i,
+  id: t,
+  name: g
+}) => {
+  const {
+    formatMessage: c
+  } = j(), [T, m] = v(!1), {
+    handleSubmit: D,
+    setFieldValue: S,
+    resetForm: b,
+    values: r
+  } = V(), p = l(r, `metadata.fields.${t}.fieldType`), B = () => {
+    D(), m(!1);
+  }, [I, R] = v(r), $ = (e) => {
+    m(e), e ? R(r) : b({
+      values: I
+    });
+  }, k = () => {
+    S(`metadata.fields.${t}.value`, z(p));
+  }, d = M(() => {
+    const e = l(r, `metadata.fields.${t}.value`);
+    return e ? N(e) : !1;
+  }, [r, t]), x = () => {
+    if (p === "date") {
+      const e = l(r, `metadata.fields.${t}.value.customType`), O = e && e !== "anyTime" && e !== "customRange", u = l(r, `metadata.fields.${t}.value.relativeType`);
+      return (O || u && u !== "customRange") && !d;
+    }
+    return !1;
+  };
+  return /* @__PURE__ */ o("div", {
+    children: /* @__PURE__ */ n(a.Root, {
+      onOpenChange: $,
+      open: T,
+      children: [/* @__PURE__ */ o(a.Trigger, {
+        children: /* @__PURE__ */ n(s.TriggerChip, {
+          selected: d,
+          value: t,
+          children: [i && /* @__PURE__ */ o(s.Icon, {
+            icon: i
+          }), /* @__PURE__ */ o(s.Label, {
+            children: g
+          }), /* @__PURE__ */ o(s.DropdownIndicator, {})]
+        }, t)
+      }), /* @__PURE__ */ n(a.ContentContainer, {
+        align: "start",
+        className: h.popoverContent,
+        container: F.current,
+        "data-testid": "form-filter-chip-popover",
+        children: [/* @__PURE__ */ o(a.MainContent, {
+          children: C
+        }), /* @__PURE__ */ n(a.Footer, {
+          className: h.popoverFooter,
+          children: [/* @__PURE__ */ o(f, {
+            onClick: k,
+            size: "small",
+            variant: "secondary",
+            children: c(y.clearButton)
+          }), /* @__PURE__ */ o(f, {
+            disabled: x(),
+            onClick: B,
+            size: "small",
+            type: "submit",
+            variant: "primary",
+            children: c(y.applyButton)
+          })]
+        })]
+      })]
+    })
+  });
+};
 export {
-  h as FormFilterChip
+  Q as FormFilterChip
 };

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

@@ -1,12 +1,12 @@
 import { FilterRow as t } from "./filter-row.js";
-import { F as i } from "../../../../chunks/form-filter-chip.js";
+import { FormFilterChip as i } from "./form-filter-chip.js";
 import { MetadataFilterChip as m } from "./metadata-filter-chip.js";
-import { SelectFilterChip as f } from "./select-filter-chip.js";
-import { PredefinedFilterName as a } from "./predefinedFilters/index.js";
+import { SelectFilterChip as l } from "./select-filter-chip.js";
+import { PredefinedFilterName as x } from "./predefinedFilters/index.js";
 export {
   t as FilterRow,
   i as FormFilterChip,
   m as MetadataFilterChip,
-  a as PredefinedFilterName,
-  f as SelectFilterChip
+  x as PredefinedFilterName,
+  l as SelectFilterChip
 };

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

@@ -1,7 +1,7 @@
 import { MetadataStringField as F, MetadataFloatField as f, MetadataDateField as h } from "@box/metadata-filter";
 import { useIntl as M } from "react-intl";
 import { MetadataFileChip as C } from "../metadata-value/metadata-file-chip.js";
-import { F as n } from "../../../../chunks/form-filter-chip.js";
+import { FormFilterChip as n } from "./form-filter-chip.js";
 import { SelectFilterChip as b } from "./select-filter-chip.js";
 import { jsx as t } from "react/jsx-runtime";
 const j = ({
@@ -9,8 +9,8 @@ const j = ({
   formRef: i
 }) => {
   const {
-    canUseRelativeDates: s,
-    customDateFilterOptions: d,
+    canUseRelativeDates: d,
+    customDateFilterOptions: s,
     fieldType: o,
     icon: r,
     id: e,
@@ -28,8 +28,8 @@ const j = ({
         id: e,
         name: a,
         children: /* @__PURE__ */ t(h, {
-          canUseRelativeDates: s,
-          customDateFilterOptions: d,
+          canUseRelativeDates: d,
+          customDateFilterOptions: s,
           direction: "vertical",
           fieldNamePrefix: l,
           label: a,

package/dist/esm/lib/components/index.js

@@ -1,12 +1,12 @@
 import { ActionBar as o } from "./action-bar/action-bar.js";
 import { FilterRow as a } from "./filter-row/filter-row.js";
-import { F as p } from "../../../chunks/form-filter-chip.js";
+import { FormFilterChip as p } from "./filter-row/form-filter-chip.js";
 import { MetadataFilterChip as m } from "./filter-row/metadata-filter-chip.js";
 import { SelectFilterChip as d } from "./filter-row/select-filter-chip.js";
 import { PredefinedFilterName as n } from "./filter-row/predefinedFilters/index.js";
 import { Filter as M } from "./filter-sidepanel/filter.js";
-import { FilterSidePanel as s } from "./filter-sidepanel/filter-side-panel.js";
-import { ItemActionMenu as h } from "./item-action-menu/item-action-menu.js";
+import { FilterSidePanel as c } from "./filter-sidepanel/filter-side-panel.js";
+import { ItemActionMenu as s } from "./item-action-menu/item-action-menu.js";
 import { MetadataGrid as g } from "./metadata-grid/metadata-grid.js";
 import { MetadataTable as w } from "./metadata-table/metadata-table.js";
 import { InlineEditingCell as R } from "./metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
@@ -27,10 +27,10 @@ export {
   W as Case,
   M as Filter,
   a as FilterRow,
-  s as FilterSidePanel,
+  c as FilterSidePanel,
   p as FormFilterChip,
   R as InlineEditingCell,
-  h as ItemActionMenu,
+  s as ItemActionMenu,
   y as MarkerBasedPagination,
   T as MetadataFileChip,
   u as MetadataFileField,

package/dist/esm/lib/index.js

@@ -2,9 +2,9 @@ import { MetadataView as o } from "./metadata-view.js";
 import { I as a, V as i } from "../../chunks/types.js";
 import { ActionBar as m } from "./components/action-bar/action-bar.js";
 import { FilterRow as x } from "./components/filter-row/filter-row.js";
-import { F as n } from "../../chunks/form-filter-chip.js";
+import { FormFilterChip as n } from "./components/filter-row/form-filter-chip.js";
 import { MetadataFilterChip as F } from "./components/filter-row/metadata-filter-chip.js";
-import { SelectFilterChip as s } from "./components/filter-row/select-filter-chip.js";
+import { SelectFilterChip as C } from "./components/filter-row/select-filter-chip.js";
 import { PredefinedFilterName as c } from "./components/filter-row/predefinedFilters/index.js";
 import { Filter as P } from "./components/filter-sidepanel/filter.js";
 import { FilterSidePanel as w } from "./components/filter-sidepanel/filter-side-panel.js";
@@ -48,7 +48,7 @@ export {
   H as Pagination,
   X as PaginationControls,
   c as PredefinedFilterName,
-  s as SelectFilterChip,
+  C as SelectFilterChip,
   Z as SortDropdown,
   ee as SwitchCase,
   k as TableRenderer,

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

@@ -1,7 +1,7 @@
 import { I as R, V as t } from "../../chunks/types.js";
 import { ActionBar as g } from "./components/action-bar/action-bar.js";
 import "./components/filter-row/filter-row.js";
-import "../../chunks/form-filter-chip.js";
+import "./components/filter-row/form-filter-chip.js";
 import "./components/filter-row/metadata-filter-chip.js";
 import "./components/filter-row/select-filter-chip.js";
 import "./components/filter-row/predefinedFilters/index.js";

package/dist/styles/filter-row.css

@@ -0,0 +1 @@
+._popoverFooter_1q01l_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}._popoverContent_1q01l_9{width:320px}._filterChipGroup_1q01l_13{display:flex;flex-wrap:wrap}._filterChipIcon_1q01l_18>path{fill:var(--icon-icon-on-light)}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.48.19",
+    "version": "0.48.20",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.66.0",
@@ -18,13 +18,13 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.69.0",
-        "@box/blueprint-web-assets": "^4.66.1",
-        "@box/box-item-type-selector": "^0.69.12",
+        "@box/blueprint-web": "^12.69.1",
+        "@box/blueprint-web-assets": "^4.67.0",
+        "@box/box-item-type-selector": "^0.69.13",
         "@box/eslint-plugin-blueprint": "1.0.4",
-        "@box/item-icon": "^0.23.12",
-        "@box/metadata-filter": "^1.26.10",
-        "@box/storybook-utils": "0.14.2",
+        "@box/item-icon": "^0.23.13",
+        "@box/metadata-filter": "^1.26.11",
+        "@box/storybook-utils": "0.14.3",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",
         "react-intl": "^6.4.2"

package/dist/chunks/form-filter-chip.js

@@ -1,89 +0,0 @@
-import { Popover as s, FilterChip as a, Button as f } from "@box/blueprint-web";
-import { useFormikContext as x, getIn as l } from "formik";
-import { useState as v, useMemo as O } from "react";
-import { useIntl as V } from "react-intl";
-import { getDefaultFieldValue as G } from "../esm/lib/components/filter-row/initial-field-values.js";
-import { isFilterSelected as M } from "../esm/lib/components/filter-row/is-filter-selected.js";
-import h from "../esm/lib/components/filter-row/messages.js";
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import '../styles/form-filter-chip.css';const j = "_popoverFooter_z1gpu_1", N = "_popoverContent_z1gpu_9", P = "_filterChipGroup_z1gpu_13", C = {
-  popoverFooter: j,
-  popoverContent: N,
-  filterChipGroup: P
-}, U = ({
-  children: F,
-  formRef: y,
-  icon: i,
-  id: t,
-  name: g
-}) => {
-  const {
-    formatMessage: p
-  } = V(), [T, c] = v(!1), {
-    handleSubmit: _,
-    setFieldValue: D,
-    resetForm: S,
-    values: r
-  } = x(), m = l(r, `metadata.fields.${t}.fieldType`), b = () => {
-    _(), c(!1);
-  }, [z, B] = v(r), I = (e) => {
-    c(e), e ? B(r) : S({
-      values: z
-    });
-  }, R = () => {
-    D(`metadata.fields.${t}.value`, G(m));
-  }, u = O(() => {
-    const e = l(r, `metadata.fields.${t}.value`);
-    return e ? M(e) : !1;
-  }, [r, t]), $ = () => {
-    if (m === "date") {
-      const e = l(r, `metadata.fields.${t}.value.customType`), k = e && e !== "anyTime" && e !== "customRange", d = l(r, `metadata.fields.${t}.value.relativeType`);
-      return (k || d && d !== "customRange") && !u;
-    }
-    return !1;
-  };
-  return /* @__PURE__ */ o("div", {
-    children: /* @__PURE__ */ n(s.Root, {
-      onOpenChange: I,
-      open: T,
-      children: [/* @__PURE__ */ o(s.Trigger, {
-        children: /* @__PURE__ */ n(a.TriggerChip, {
-          selected: u,
-          value: t,
-          children: [i && /* @__PURE__ */ o(a.Icon, {
-            icon: i
-          }), /* @__PURE__ */ o(a.Label, {
-            children: g
-          }), /* @__PURE__ */ o(a.DropdownIndicator, {})]
-        }, t)
-      }), /* @__PURE__ */ n(s.ContentContainer, {
-        align: "start",
-        className: C.popoverContent,
-        container: y.current,
-        "data-testid": "form-filter-chip-popover",
-        children: [/* @__PURE__ */ o(s.MainContent, {
-          children: F
-        }), /* @__PURE__ */ n(s.Footer, {
-          className: C.popoverFooter,
-          children: [/* @__PURE__ */ o(f, {
-            onClick: R,
-            size: "small",
-            variant: "secondary",
-            children: p(h.clearButton)
-          }), /* @__PURE__ */ o(f, {
-            disabled: $(),
-            onClick: b,
-            size: "small",
-            type: "submit",
-            variant: "primary",
-            children: p(h.applyButton)
-          })]
-        })]
-      })]
-    })
-  });
-};
-export {
-  U as F,
-  C as s
-};

package/dist/styles/form-filter-chip.css

@@ -1 +0,0 @@
-._popoverFooter_z1gpu_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}._popoverContent_z1gpu_9{width:320px}._filterChipGroup_z1gpu_13{display:flex;flex-wrap:wrap}