@box/metadata-view 0.57.0 → 0.58.0

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

@@ -1,5 +1,5 @@
-import { I as N, V as t } from "../../chunks/types.js";
-import { ActionBar as j } from "./components/action-bar/action-bar.js";
+import { I as j, V as t } from "../../chunks/types.js";
+import { ActionBar as k } from "./components/action-bar/action-bar.js";
 import "./components/filter-row/filter-row.js";
 import "./components/filter-row/form-filter-chip.js";
 import "./components/filter-row/metadata-filter-chip.js";
@@ -25,68 +25,68 @@ import "./components/sort-dropdown/sort-dropdown.js";
 import { SwitchCase as z, Case as s } from "./components/switch-case/switch-case.js";
 import { TooltipProvider as F } from "@box/blueprint-web";
 import { useState as l, useRef as U, useCallback as q } from "react";
-import { jsx as o, jsxs as w, Fragment as H } from "react/jsx-runtime";
+import { jsx as o, jsxs as v, Fragment as H } from "react/jsx-runtime";
 import { ErrorState as J } from "./components/error-state/error-state.js";
 import K from "./components/empty-state/empty-state.js";
-import '../../styles/metadata-view.css';const O = "_container_nykl3_5", Q = "_contentContainer_nykl3_14", T = {
+import '../../styles/metadata-view.css';const O = "_container_1o9go_5", Q = "_contentContainer_1o9go_15", w = {
   container: O,
   contentContainer: Q
 };
-function go({
+function Vo({
   actionBarProps: m,
   columns: d,
   tableProps: e,
-  hasError: V,
-  onRefresh: g,
-  initialViewMode: y = t.LIST,
+  hasError: T,
+  onRefresh: V,
+  initialViewMode: L = t.LIST,
   paginationProps: C,
   isLoading: f,
   isSelectionEnabled: c,
   ...a
 }) {
-  const [i, h] = l(y), [u, M] = l(void 0), [p, L] = l(0), S = U(null), D = () => {
+  const [i, h] = l(L), [u, M] = l(void 0), [p, D] = l(0), S = U(null), _ = () => {
     i === t.LIST ? h(t.GRID) : h(t.LIST);
-  }, _ = !f && a.items.length === 0, k = m && m.sortDropdownProps && d.filter((n) => n.type !== "multiSelect" && n.type !== "enum"), {
-    iconColumnVariant: I
-  } = e || {}, R = I && I === N.COLUMN, r = e == null ? void 0 : e.onSortChange, E = q(({
+  }, y = !f && a.items.length === 0, R = m && m.sortDropdownProps && d.filter((n) => n.type !== "multiSelect" && n.type !== "enum"), {
+    iconColumnVariant: g
+  } = e || {}, E = g && g === j.COLUMN, r = e == null ? void 0 : e.onSortChange, G = q(({
     column: n,
-    direction: v
+    direction: I
   }) => {
     M({
       column: n,
-      direction: v
+      direction: I
     }), r == null || r({
       column: n,
-      direction: v
+      direction: I
     });
-  }, [r]), G = {
+  }, [r]), N = {
     ...e,
     sortDescriptor: u,
-    onSortChange: E
+    onSortChange: G
   };
   return /* @__PURE__ */ o(F, {
     children: /* @__PURE__ */ o("div", {
       ref: S,
-      className: T.container,
-      children: V ? /* @__PURE__ */ o(J, {
-        onRefresh: g
-      }) : /* @__PURE__ */ w(H, {
-        children: [/* @__PURE__ */ o(j, {
+      className: w.container,
+      children: T ? /* @__PURE__ */ o(J, {
+        onRefresh: V
+      }) : /* @__PURE__ */ v(H, {
+        children: [/* @__PURE__ */ o(k, {
           ...m,
           containerRef: S,
-          isIconColumnEnabled: R,
+          isIconColumnEnabled: E,
           onSortDescriptorChange: M,
-          onViewModeClick: D,
-          onZoomLevelChange: L,
-          sortableColumns: k,
+          onViewModeClick: _,
+          onZoomLevelChange: D,
+          sortableColumns: R,
           sortDescriptor: u,
           viewMode: i,
           zoomLevel: p
         }), /* @__PURE__ */ o("div", {
-          className: T.contentContainer,
-          children: /* @__PURE__ */ w(z, {
+          className: w.contentContainer,
+          children: /* @__PURE__ */ v(z, {
             children: [/* @__PURE__ */ o(s, {
-              condition: _,
+              condition: y,
               children: /* @__PURE__ */ o(K, {})
             }), /* @__PURE__ */ o(s, {
               condition: i === t.LIST,
@@ -97,7 +97,7 @@ function go({
                 selectionMode: c ? "multiple" : "none",
                 zoomLevel: p,
                 ...a,
-                ...G
+                ...N
               })
             }), /* @__PURE__ */ o(s, {
               condition: i === t.GRID,
@@ -116,6 +116,6 @@ function go({
   });
 }
 export {
-  go as MetadataView,
-  go as default
+  Vo as MetadataView,
+  Vo as default
 };

package/dist/styles/metadata-view.css

@@ -1 +1 @@
-._container_nykl3_5{display:flex;flex-direction:column;overflow:hidden}._contentContainer_nykl3_14{overflow:auto}
+._container_1o9go_5{display:flex;flex-direction:column;height:100%;overflow:hidden}._contentContainer_1o9go_15{overflow:auto}

package/dist/types/lib/test-utils/infinite-scroll.d.ts

@@ -0,0 +1,13 @@
+import { Item } from '@box/types';
+export declare const generateLargeDataset: (count: number) => Item[];
+export type UseInfiniteScrollDemoOptions = {
+    initialCount?: number;
+    batchSize?: number;
+    maxItems?: number;
+};
+export declare const useInfiniteScrollDemo: ({ initialCount, batchSize, maxItems, }: UseInfiniteScrollDemoOptions) => {
+    displayedItems: Item[];
+    isLoading: boolean;
+    hasNextPage: boolean;
+    handleGetNextPage: () => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.57.0",
+    "version": "0.58.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.76.2",