@box/metadata-view 0.24.7 → 0.24.9

package/dist/chunks/table-body-with-data.js

@@ -1,77 +1,142 @@
-import { TableBody as C, Row as x, Cell as c, Text as o, ActionCell as A } from "@box/blueprint-web";
-import h from "lodash/get";
-import { ItemTypeIcon as p } from "@box/item-icon";
-import f from "clsx";
-import { I as t } from "./types.js";
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-import { ItemActionMenu as L } from "../esm/lib/components/item-action-menu/item-action-menu.js";
-import '../styles/table-body-with-data.css';const y = "_tableHeaderActionsWrapper_r2hj7_1", S = "_tableHeaderActions_r2hj7_1", j = "_selectAllCheckbox_r2hj7_33", E = "_tableNameCell_r2hj7_38", H = "_tableNameCellSubTitle_r2hj7_44", N = {
-  tableHeaderActionsWrapper: y,
-  tableHeaderActions: S,
-  selectAllCheckbox: j,
-  tableNameCell: E,
-  tableNameCellSubTitle: H
-}, O = ({
-  columns: m,
-  iconColumnVariant: r,
-  isSelectAllEnabled: _,
-  items: I,
-  itemActionMenuProps: i
-}) => /* @__PURE__ */ l(C, {
-  items: I.map((e) => ({
-    key: e.id,
-    ...e
-  })),
-  children: (e) => /* @__PURE__ */ d(x, {
-    id: e.id,
-    children: [r === t.COLUMN ? /* @__PURE__ */ l(c, {
-      children: /* @__PURE__ */ l(p, {
-        item: e
-      })
-    }, `item-type-icon-${e.id}`) : null, m.map((a) => {
-      const {
-        cellRenderer: b,
-        id: s,
-        subTitle: T,
-        textValue: u
-      } = a, n = `${u}-${e.id}`;
-      return s === "name" && (r === t.INLINE || r === t.INLINE_SUBTITLE) ? /* @__PURE__ */ l(c, {
-        children: /* @__PURE__ */ d("div", {
-          className: N.tableNameCell,
-          children: [/* @__PURE__ */ l(p, {
-            item: e
-          }), /* @__PURE__ */ d("div", {
-            className: f({
-              [N.tableNameCellSubTitle]: r === t.INLINE_SUBTITLE
-            }),
-            children: [/* @__PURE__ */ l(o, {
-              as: "span",
-              children: h(e, s)
-            }), r === t.INLINE_SUBTITLE ? /* @__PURE__ */ l(o, {
-              as: "span",
-              color: "textOnLightSecondary",
-              children: T
-            }) : null]
-          })]
-        })
-      }, n) : b ? /* @__PURE__ */ l(c, {
-        children: b(e, a)
-      }, n) : /* @__PURE__ */ l(c, {
-        children: /* @__PURE__ */ l(o, {
+import { TableBody as N, Row as _, Cell as s, ActionCell as u, Text as h } from "@box/blueprint-web";
+import I from "lodash/get";
+import a from "react";
+import { ItemTypeIcon as C } from "@box/item-icon";
+import T from "clsx";
+import { I as d } from "./types.js";
+import { jsx as l, jsxs as m } from "react/jsx-runtime";
+import { ItemActionMenu as x } from "../esm/lib/components/item-action-menu/item-action-menu.js";
+import '../styles/table-body-with-data.css';const f = "_tableHeaderActionsWrapper_r2hj7_1", y = "_tableHeaderActions_r2hj7_1", A = "_selectAllCheckbox_r2hj7_33", S = "_tableNameCell_r2hj7_38", $ = "_tableNameCellSubTitle_r2hj7_44", p = {
+  tableHeaderActionsWrapper: f,
+  tableHeaderActions: y,
+  selectAllCheckbox: A,
+  tableNameCell: S,
+  tableNameCellSubTitle: $
+}, L = /* @__PURE__ */ a.memo(({
+  item: t,
+  column: e,
+  iconColumnVariant: r
+}) => {
+  const {
+    id: o,
+    subTitle: c
+  } = e, i = `${e.textValue}-${t.id}`;
+  return /* @__PURE__ */ l(s, {
+    children: /* @__PURE__ */ m("div", {
+      className: p.tableNameCell,
+      children: [/* @__PURE__ */ l(C, {
+        item: t
+      }), /* @__PURE__ */ m("div", {
+        className: T({
+          [p.tableNameCellSubTitle]: r === d.INLINE_SUBTITLE
+        }),
+        children: [/* @__PURE__ */ l(h, {
           as: "span",
-          children: h(e, s)
-        })
-      }, n);
-    }), _ && /* @__PURE__ */ l(A, {
-      children: (a) => i ? /* @__PURE__ */ l(L, {
-        ...i,
-        item: e,
-        onOpenChange: a
-      }) : null
-    })]
-  }, e.id)
-});
+          children: I(t, o)
+        }), r === d.INLINE_SUBTITLE && /* @__PURE__ */ l(h, {
+          as: "span",
+          color: "textOnLightSecondary",
+          children: c
+        })]
+      })]
+    })
+  }, i);
+}), j = /* @__PURE__ */ a.memo(({
+  item: t,
+  column: e
+}) => {
+  var o;
+  const r = `${e.textValue}-${t.id}`;
+  return /* @__PURE__ */ l(s, {
+    children: (o = e.cellRenderer) == null ? void 0 : o.call(e, t, e)
+  }, r);
+}), k = /* @__PURE__ */ a.memo(({
+  item: t,
+  column: e
+}) => {
+  const r = `${e.textValue}-${t.id}`, o = I(t, e.id);
+  return o ? /* @__PURE__ */ l(s, {
+    children: o.join(" ")
+  }, r) : /* @__PURE__ */ l(s, {}, r);
+}), E = /* @__PURE__ */ a.memo(({
+  item: t,
+  column: e
+}) => {
+  const r = `${e.textValue}-${t.id}`;
+  return /* @__PURE__ */ l(s, {
+    children: /* @__PURE__ */ l(h, {
+      as: "span",
+      children: I(t, e.id)
+    })
+  }, r);
+}), W = /* @__PURE__ */ a.memo(({
+  item: t,
+  column: e,
+  iconColumnVariant: r
+}) => {
+  const {
+    cellRenderer: o,
+    id: c,
+    type: i
+  } = e;
+  return c === "name" && (r === d.INLINE || r === d.INLINE_SUBTITLE) ? /* @__PURE__ */ l(L, {
+    column: e,
+    iconColumnVariant: r,
+    item: t
+  }) : o ? /* @__PURE__ */ l(j, {
+    column: e,
+    item: t
+  }) : i === "multiSelect" ? /* @__PURE__ */ l(k, {
+    column: e,
+    item: t
+  }) : /* @__PURE__ */ l(E, {
+    column: e,
+    item: t
+  });
+}), H = /* @__PURE__ */ a.memo(({
+  item: t
+}) => /* @__PURE__ */ l(s, {
+  children: /* @__PURE__ */ l(C, {
+    item: t
+  })
+}, `item-type-icon-${t.id}`)), B = /* @__PURE__ */ a.memo(({
+  item: t,
+  itemActionMenuProps: e
+}) => /* @__PURE__ */ l(u, {
+  children: (r) => e ? /* @__PURE__ */ l(x, {
+    ...e,
+    item: t,
+    onOpenChange: r
+  }) : null
+})), V = ({
+  columns: t,
+  iconColumnVariant: e,
+  isSelectAllEnabled: r,
+  items: o,
+  itemActionMenuProps: c
+}) => {
+  const i = e === d.COLUMN;
+  return /* @__PURE__ */ l(N, {
+    items: o.map((n) => ({
+      key: n.id,
+      ...n
+    })),
+    children: (n) => /* @__PURE__ */ m(_, {
+      id: n.id,
+      children: [i && /* @__PURE__ */ l(H, {
+        item: n
+      }), t.map((b) => /* @__PURE__ */ l(W, {
+        column: b,
+        iconColumnVariant: e,
+        item: n
+      }, `${b.textValue}-${n.id}`)), r && /* @__PURE__ */ l(B, {
+        item: n,
+        itemActionMenuProps: c
+      })]
+    }, n.id)
+  });
+};
 export {
-  O as T,
-  N as s
+  V as T,
+  p as s
 };

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

@@ -1,47 +1,48 @@
-import { Button as d } from "@box/blueprint-web";
-import { Grid as f } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as p } from "react-intl";
+import { Button as f } from "@box/blueprint-web";
+import { Grid as p } from "@box/blueprint-web-assets/icons/Fill";
+import { useIntl as w } from "react-intl";
 import { V as s } from "../../../../chunks/types.js";
 import n from "./messages.js";
-import { SortDropdown as w } from "./sort-dropdown.js";
+import { SortDropdown as _ } from "./sort-dropdown.js";
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { FilterRow as _ } from "../filter-row/filter-row.js";
-import '../../../../styles/action-bar.css';const R = "_actionBar_1jgp4_1", B = "_filterRow_1jgp4_8", g = "_additionalActions_1jgp4_13", o = {
-  actionBar: R,
-  filterRow: B,
-  additionalActions: g
-}, y = ({
-  onViewModeClick: e,
-  viewMode: t,
-  sortableColumnNames: m,
-  sortDropdownProps: r,
-  ...l
+import { FilterRow as R } from "../filter-row/filter-row.js";
+import '../../../../styles/action-bar.css';const B = "_actionBar_1jgp4_1", g = "_filterRow_1jgp4_8", h = "_additionalActions_1jgp4_13", o = {
+  actionBar: B,
+  filterRow: g,
+  additionalActions: h
+}, I = ({
+  isViewModeButtonDisabled: e,
+  onViewModeClick: m,
+  sortableColumnNames: l,
+  sortDropdownProps: t,
+  viewMode: r,
+  ...d
 }) => {
   const {
     formatMessage: a
-  } = p();
+  } = w();
   return /* @__PURE__ */ c("div", {
     className: o.actionBar,
     children: [/* @__PURE__ */ i("div", {
       className: o.filterRow,
-      children: /* @__PURE__ */ i(_, {
-        ...l
+      children: /* @__PURE__ */ i(R, {
+        ...d
       })
     }), /* @__PURE__ */ c("div", {
       className: o.additionalActions,
-      children: [r && /* @__PURE__ */ i(w, {
-        ...r,
-        sortableColumnNames: m
-      }), /* @__PURE__ */ i(d, {
-        "aria-label": t === s.GRID ? a(n.switchToListView) : a(n.switchToGridView),
-        icon: f,
-        onClick: e,
-        variant: t === s.GRID ? "primary" : "tertiary"
+      children: [t && /* @__PURE__ */ i(_, {
+        ...t,
+        sortableColumnNames: l
+      }), !e && /* @__PURE__ */ i(f, {
+        "aria-label": r === s.GRID ? a(n.switchToListView) : a(n.switchToGridView),
+        icon: p,
+        onClick: m,
+        variant: r === s.GRID ? "primary" : "tertiary"
       })]
     })]
   });
 };
 export {
-  y as ActionBar,
-  y as default
+  I as ActionBar,
+  I as default
 };

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

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

package/dist/esm/lib/components/metadata-grid/metadata-grid.js

@@ -4,18 +4,18 @@ import { useIntl as l } from "react-intl";
 import { V as s } from "../../../../chunks/types.js";
 import d from "./messages.js";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { ItemActionMenu as u } from "../item-action-menu/item-action-menu.js";
-import '../../../../styles/metadata-grid.css';const h = "_itemThumbnail_1j3e6_1", p = {
-  itemThumbnail: h
+import { ItemActionMenu as h } from "../item-action-menu/item-action-menu.js";
+import '../../../../styles/metadata-grid.css';const u = "_itemThumbnail_1j3e6_1", p = {
+  itemThumbnail: u
 }, w = ({
   items: m,
   itemActionMenuProps: t
 }) => {
   const {
-    formatMessage: n
+    formatMessage: o
   } = l();
   return /* @__PURE__ */ e(i, {
-    "aria-label": n(d.gridView),
+    "aria-label": o(d.gridView),
     selectionMode: "multiple",
     children: m.map((r, f) => /* @__PURE__ */ c(i.Item, {
       children: [/* @__PURE__ */ e(i.Thumbnail, {
@@ -28,14 +28,14 @@ import '../../../../styles/metadata-grid.css';const h = "_itemThumbnail_1j3e6_1"
         children: r.name
       }), /* @__PURE__ */ e(i.Subtitle, {
         children: r.createdAt
-      }), /* @__PURE__ */ e(i.Actions, {
-        children: (o) => t ? /* @__PURE__ */ e(u, {
+      }), t ? /* @__PURE__ */ e(i.Actions, {
+        children: (n) => /* @__PURE__ */ e(h, {
           ...t,
           item: r,
-          onOpenChange: o,
+          onOpenChange: n,
           viewMode: s.GRID
-        }) : null
-      })]
+        })
+      }) : null]
     }, r.id))
   });
 };

package/dist/esm/lib/components/metadata-table/metadata-table.js

@@ -7,11 +7,11 @@ import h from "./messages.js";
 import { jsx as e, jsxs as R } from "react/jsx-runtime";
 const L = ({
   columns: l,
-  isLoading: i,
+  isLoading: i = !1,
   iconColumnVariant: o,
   isSelectAllEnabled: d,
-  items: p,
-  itemActionMenuProps: f,
+  items: f,
+  itemActionMenuProps: p,
   ...u
 }) => {
   const {
@@ -72,8 +72,8 @@ const L = ({
       columns: l,
       iconColumnVariant: o,
       isSelectAllEnabled: d,
-      itemActionMenuProps: f,
-      items: p
+      itemActionMenuProps: p,
+      items: f
     })]
   });
 };

package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js

@@ -1,11 +1,12 @@
 import "@box/blueprint-web";
 import "lodash/get";
+import "react";
 import "@box/item-icon";
 import "clsx";
 import "../../../../../chunks/types.js";
-import { T as d } from "../../../../../chunks/table-body-with-data.js";
+import { T as l } from "../../../../../chunks/table-body-with-data.js";
 import "react/jsx-runtime";
 import "../../item-action-menu/item-action-menu.js";
 export {
-  d as default
+  l as default
 };

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

@@ -2,66 +2,68 @@ import { useState as V } from "react";
 import u from "./components/error-state/error-state.js";
 import I from "./components/pagination/pagination.js";
 import { MetadataGrid as T } from "./components/metadata-grid/metadata-grid.js";
-import { SwitchCase as y, Case as i } from "./components/switch-case/switch-case.js";
+import { SwitchCase as _, Case as a } from "./components/switch-case/switch-case.js";
 import { V as e } from "../../chunks/types.js";
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { ActionBar as L } from "./components/action-bar/action-bar.js";
-import x from "./components/empty-state/empty-state.js";
-import g from "./components/metadata-table/metadata-table.js";
-import '../../styles/metadata-view.css';const v = "_contentContainer_19ns1_8", p = {
-  contentContainer: v
+import { jsx as t, jsxs as s, Fragment as x } from "react/jsx-runtime";
+import { ActionBar as b } from "./components/action-bar/action-bar.js";
+import k from "./components/empty-state/empty-state.js";
+import v from "./components/metadata-table/metadata-table.js";
+import '../../styles/metadata-view.css';const D = "_container_nykl3_5", E = "_contentContainer_nykl3_14", p = {
+  container: D,
+  contentContainer: E
 };
-function q({
-  actionBarProps: a,
+function H({
+  actionBarProps: i,
   columns: m,
-  tableProps: d,
-  hasError: f,
-  onRefresh: h,
-  initialViewMode: C = e.LIST,
+  tableProps: f,
+  hasError: h,
+  onRefresh: C,
+  initialViewMode: M = e.LIST,
   paginationProps: c,
+  isLoading: d,
   ...r
 }) {
-  const [o, s] = V(C), M = () => {
-    o === e.LIST ? s(e.GRID) : s(e.LIST);
-  }, S = !d.isLoading && r.items.length === 0, w = a.sortDropdownProps && m.filter((n) => n.type !== "multiSelect" && n.type !== "enum").map((n) => n.textValue);
-  return /* @__PURE__ */ l("div", {
+  const [n, l] = V(M), S = () => {
+    n === e.LIST ? l(e.GRID) : l(e.LIST);
+  }, w = !d && r.items.length === 0, y = i && i.sortDropdownProps && m.filter((o) => o.type !== "multiSelect" && o.type !== "enum").map((o) => o.textValue);
+  return /* @__PURE__ */ t("div", {
     className: p.container,
-    children: [/* @__PURE__ */ t(L, {
-      ...a,
-      onViewModeClick: M,
-      sortableColumnNames: w,
-      viewMode: o
-    }), /* @__PURE__ */ t("div", {
-      className: p.contentContainer,
-      children: /* @__PURE__ */ l(y, {
-        children: [/* @__PURE__ */ t(i, {
-          condition: f,
-          children: /* @__PURE__ */ t(u, {
-            onRefresh: h
-          })
-        }), /* @__PURE__ */ t(i, {
-          condition: S,
-          children: /* @__PURE__ */ t(x, {})
-        }), /* @__PURE__ */ t(i, {
-          condition: o === e.LIST,
-          children: /* @__PURE__ */ t(g, {
-            columns: m,
-            ...r,
-            ...d
-          })
-        }), /* @__PURE__ */ t(i, {
-          condition: o === e.GRID,
-          children: /* @__PURE__ */ t(T, {
-            ...r
-          })
-        })]
-      })
-    }), c && /* @__PURE__ */ t(I, {
-      ...c
-    })]
+    children: h ? /* @__PURE__ */ t(u, {
+      onRefresh: C
+    }) : /* @__PURE__ */ s(x, {
+      children: [/* @__PURE__ */ t(b, {
+        ...i,
+        onViewModeClick: S,
+        sortableColumnNames: y,
+        viewMode: n
+      }), /* @__PURE__ */ t("div", {
+        className: p.contentContainer,
+        children: /* @__PURE__ */ s(_, {
+          children: [/* @__PURE__ */ t(a, {
+            condition: w,
+            children: /* @__PURE__ */ t(k, {})
+          }), /* @__PURE__ */ t(a, {
+            condition: n === e.LIST,
+            children: /* @__PURE__ */ t(v, {
+              columns: m,
+              isLoading: d,
+              ...r,
+              ...f
+            })
+          }), /* @__PURE__ */ t(a, {
+            condition: n === e.GRID,
+            children: /* @__PURE__ */ t(T, {
+              ...r
+            })
+          })]
+        })
+      }), c && /* @__PURE__ */ t(I, {
+        ...c
+      })]
+    })
   });
 }
 export {
-  q as MetadataView,
-  q as default
+  H as MetadataView,
+  H as default
 };

package/dist/styles/metadata-view.css

@@ -1 +1 @@
-._contentContainer_19ns1_8{overflow:auto}
+._container_nykl3_5{display:flex;flex-direction:column;overflow:hidden}._contentContainer_nykl3_14{overflow:auto}

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

@@ -1,11 +1,14 @@
 import { FilterRowProps } from '../filter-row';
 import { ViewMode } from '../../types';
 import { SortDropdownProps } from './sort-dropdown';
-export interface ActionBarProps extends FilterRowProps {
+import { FilterGroup } from '../filter-row/types';
+export interface ActionBarProps extends Omit<FilterRowProps, 'filterGroups'> {
+    filterGroups?: FilterGroup[];
+    isViewModeButtonDisabled?: boolean;
     onViewModeClick?: () => void;
-    viewMode?: ViewMode;
     sortableColumnNames: string[];
     sortDropdownProps?: SortDropdownProps;
+    viewMode?: ViewMode;
 }
-export declare const ActionBar: ({ onViewModeClick, viewMode, sortableColumnNames, sortDropdownProps, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionBar: ({ isViewModeButtonDisabled, onViewModeClick, sortableColumnNames, sortDropdownProps, viewMode, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBar;

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

@@ -2,9 +2,9 @@ import { MetadataTemplateField } from '@box/metadata-filter';
 import { FilterGroup, PredefinedFilterName } from './types';
 export interface FilterRowProps {
     disabledPredefinedFilters?: Array<PredefinedFilterName>;
-    filterGroups: Array<FilterGroup>;
+    filterGroups?: Array<FilterGroup>;
     isAllFiltersDisabled?: boolean;
-    onFilterSubmit: (fields: MetadataTemplateField[]) => void;
+    onFilterSubmit?: (fields: MetadataTemplateField[]) => void;
 }
 export declare const FilterRow: ({ disabledPredefinedFilters, filterGroups: customFilterGroups, isAllFiltersDisabled, onFilterSubmit, }: FilterRowProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterRow;

package/dist/types/lib/metadata-view.d.ts

@@ -3,13 +3,13 @@ import { PaginationProps } from './components/pagination/pagination';
 import { ActionBarProps } from './components/action-bar';
 import { ViewMode, Column, MetadataProps } from './types';
 export interface MetadataViewProps extends MetadataProps {
-    columns: Column[];
     actionBarProps?: Omit<ActionBarProps, 'onViewModeClick' | 'viewMode' | 'sortableColumnNames'>;
+    columns: Column[];
     hasError?: boolean;
     initialViewMode?: ViewMode;
     onRefresh?: () => void;
-    tableProps: Omit<MetadataTableProps, 'columns' | 'items' | 'itemActionMenuProps'>;
+    tableProps?: Omit<MetadataTableProps, 'columns' | 'items' | 'itemActionMenuProps'>;
     paginationProps?: PaginationProps;
 }
-export declare function MetadataView({ actionBarProps, columns, tableProps, hasError, onRefresh, initialViewMode, paginationProps, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataView({ actionBarProps, columns, tableProps, hasError, onRefresh, initialViewMode, paginationProps, isLoading, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
 export default MetadataView;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.24.7",
+    "version": "0.24.9",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -19,8 +19,8 @@
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.58.0",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.13.12",
-        "@box/metadata-filter": "^1.15.7",
+        "@box/item-icon": "^0.13.13",
+        "@box/metadata-filter": "^1.15.8",
         "@box/storybook-utils": "0.13.12",
         "@box/types": "0.2.1",
         "react-intl": "^6.4.2"