@box/metadata-view 0.14.0 → 0.15.1

package/dist/esm/lib/components/action-bar/action-bar.js

@@ -0,0 +1,24 @@
+import { Text as o } from "@box/blueprint-web";
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { FilterRow as i } from "../filter-row/filter-row.js";
+import '../../../../styles/action-bar.css';const a = "_actionBar_17enr_1", c = {
+  actionBar: a
+}, d = ({
+  filterRowProps: t
+}) => /* @__PURE__ */ e("div", {
+  className: c.actionBar,
+  children: [/* @__PURE__ */ r("div", {
+    children: /* @__PURE__ */ r(i, {
+      ...t
+    })
+  }), /* @__PURE__ */ r("div", {
+    children: /* @__PURE__ */ r(o, {
+      as: "span",
+      children: "placeholder to be replaced with buttons from other tickets"
+    })
+  })]
+});
+export {
+  d as ActionBar,
+  d as default
+};

package/dist/esm/lib/components/action-bar/index.js

@@ -0,0 +1,4 @@
+import { ActionBar as t } from "./action-bar.js";
+export {
+  t as ActionBar
+};

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

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

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

@@ -1,22 +1,22 @@
 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({
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { ActionBar as e } from "./components/action-bar/action-bar.js";
+import n from "./components/metadata-table/metadata-table.js";
+import '../../styles/metadata-view.css';const m = {};
+function l({
   filterRowProps: a,
   metadataTableProps: o
 }) {
-  return /* @__PURE__ */ e("div", {
-    className: n.container,
-    children: [/* @__PURE__ */ t(i, {
-      ...a
-    }), /* @__PURE__ */ t(m, {
+  return /* @__PURE__ */ i("div", {
+    className: m.container,
+    children: [/* @__PURE__ */ t(e, {
+      filterRowProps: a
+    }), /* @__PURE__ */ t(n, {
       ...o
     }), /* @__PURE__ */ t(r, {})]
   });
 }
 export {
-  d as MetadataView,
-  d as default
+  l as MetadataView,
+  l as default
 };

package/dist/styles/action-bar.css

@@ -0,0 +1 @@
+._actionBar_17enr_1{display:flex;justify-content:space-between}

package/dist/types/lib/components/action-bar/action-bar.d.ts

@@ -0,0 +1,6 @@
+import { FilterRowProps } from '../filter-row';
+export interface ActionBarProps {
+    filterRowProps: FilterRowProps;
+}
+export declare const ActionBar: ({ filterRowProps }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionBar;

package/dist/types/lib/components/action-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './action-bar';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.14.0",
+    "version": "0.15.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -16,11 +16,11 @@
     },
     "devDependencies": {
         "@box/blueprint-web": "^11.12.0",
-        "@box/blueprint-web-assets": "^4.55.0",
+        "@box/blueprint-web-assets": "^4.56.0",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.10.1",
-        "@box/metadata-filter": "^1.11.0",
-        "@box/storybook-utils": "0.13.8",
+        "@box/item-icon": "^0.10.2",
+        "@box/metadata-filter": "^1.11.1",
+        "@box/storybook-utils": "0.13.9",
         "@box/types": "0.2.0",
         "react-intl": "^6.4.2"
     },