@box/metadata-view 1.6.1 → 1.6.3

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

@@ -1,76 +1,82 @@
-import { Filter as B } from "./filter.js";
-import { SidePanel as t, Accordion as c } from "@box/blueprint-web";
-import { useIntl as k } from "react-intl";
-import { useFormikContext as A } from "formik";
-import P from "lodash/noop";
-import { useState as u } from "react";
-import o from "./messages.js";
+import { Filter as x } from "./filter.js";
+import { SidePanel as t, Accordion as u } from "@box/blueprint-web";
+import { useIntl as j } from "react-intl";
+import { useFormikContext as B } from "formik";
+import k from "lodash/noop";
+import { useState as p } from "react";
+import l from "./messages.js";
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-const M = ({
-  containerRef: n,
-  filterGroups: i,
-  isOpen: p,
-  onIsOpenChange: s = P,
-  getInitialFormValues: C
+import '../../../../styles/filter-side-panel.css';const A = "_sidePanelContent_1j6pr_1", N = "_staticPosition_1j6pr_1", a = {
+  sidePanelContent: A,
+  staticPosition: N
+}, q = ({
+  containerRef: s,
+  filterGroups: r,
+  isOpen: C,
+  onIsOpenChange: c = k,
+  getInitialFormValues: P
 }) => {
   const {
-    formatMessage: r
-  } = k(), {
+    formatMessage: o
+  } = j(), {
     handleSubmit: F,
     resetForm: m,
     values: f
-  } = A(), [S] = u(f), [v, b] = u(null), y = () => {
+  } = B(), [S] = p(f), [v, y] = p(null), _ = () => {
     m({
-      values: C()
+      values: P()
     });
-  }, g = (l) => {
+  }, b = (n) => {
     m({
       values: S
-    }), s(l);
-  }, x = () => {
-    F(), s(!1);
+    }), c(n);
+  }, g = () => {
+    F(), c(!1);
   };
   return /* @__PURE__ */ e(t, {
-    onOpenChange: g,
-    open: p,
+    onOpenChange: b,
+    open: C,
     variant: "overlay",
     children: /* @__PURE__ */ e(t.Overlay, {
-      container: n == null ? void 0 : n.current,
+      container: s == null ? void 0 : s.current,
       children: /* @__PURE__ */ h(t.Content, {
+        className: a.sidePanelContent,
         children: [/* @__PURE__ */ e(t.Header, {
-          children: r(o.filtersHeader)
+          className: a.staticPosition,
+          children: o(l.filtersHeader)
         }), /* @__PURE__ */ e(t.ScrollableContainer, {
-          ref: b,
-          children: /* @__PURE__ */ e(c, {
-            defaultValue: i.map((l, a) => `item-${a}`),
+          ref: y,
+          children: /* @__PURE__ */ e(u, {
+            defaultValue: r.map((n, i) => `item-${i}`),
             type: "multiple",
-            children: i.map((l, a) => /* @__PURE__ */ e(c.Item, {
-              ...l.toggleable ? {} : {
+            children: r.map((n, i) => /* @__PURE__ */ e(u.Item, {
+              ...n.toggleable ? {} : {
                 fixed: "true"
               },
-              title: l.title,
-              value: `item-${a}`,
-              children: l.filters.map((d) => /* @__PURE__ */ e(B, {
+              title: n.title,
+              value: `item-${i}`,
+              children: n.filters.map((d) => /* @__PURE__ */ e(x, {
                 ...d,
                 parentRef: v
               }, d.id))
-            }, `accordion-item-${l.title || "unnamed"}`))
+            }, `accordion-item-${n.title || "unnamed"}`))
           })
         }), /* @__PURE__ */ h(t.Footer, {
+          className: a.staticPosition,
           children: [/* @__PURE__ */ e(t.Footer.SecondaryButton, {
-            onClick: y,
-            children: r(o.clearAllButton)
+            onClick: _,
+            children: o(l.clearAllButton)
           }), /* @__PURE__ */ e(t.Footer.PrimaryButton, {
-            onClick: x,
-            children: r(o.showResultsButton)
+            onClick: g,
+            children: o(l.showResultsButton)
           })]
         }), /* @__PURE__ */ e(t.Close, {
-          "aria-label": r(o.closeAriaLabel)
+          "aria-label": o(l.closeAriaLabel)
         })]
       })
     })
   });
 };
 export {
-  M as FilterSidePanel
+  q as FilterSidePanel
 };

package/dist/styles/filter-side-panel.css

@@ -0,0 +1 @@
+._sidePanelContent_1j6pr_1 ._staticPosition_1j6pr_1{position:static}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "1.6.1",
+    "version": "1.6.3",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",
@@ -18,12 +18,12 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.89.1",
+        "@box/blueprint-web": "^12.89.2",
         "@box/blueprint-web-assets": "^4.75.0",
-        "@box/box-item-type-selector": "^1.2.5",
+        "@box/box-item-type-selector": "^1.2.6",
         "@box/eslint-plugin-blueprint": "1.0.5",
-        "@box/item-icon": "^1.3.5",
-        "@box/metadata-filter": "^1.39.5",
+        "@box/item-icon": "^1.3.6",
+        "@box/metadata-filter": "^1.39.6",
         "@box/storybook-utils": "0.14.11",
         "@box/types": "1.0.0",
         "@tanstack/react-virtual": "^3.10.8",