@noya-app/noya-file-explorer 0.0.23 → 0.0.25

package/dist/index.mjs

@@ -2428,9 +2428,9 @@ import {
 } from "@noya-app/noya-schemas";
 import { Base64 as Base642, groupBy as groupBy2, isDeepEqual as isDeepEqual2, uuid as uuid3 } from "@noya-app/noya-utils";
 import {
-  AutoSizer,
   downloadUrl as downloadUrl2,
   memoGeneric as memoGeneric2,
+  SingleDimensionAutoSizer,
   useControlledOrUncontrolled as useControlledOrUncontrolled2
 } from "@noya-app/react-utils";
 import { fileOpen as fileOpen2 } from "browser-fs-access";
@@ -3239,7 +3239,7 @@ var ResourceExplorer = memo2(
         };
       }, [media, publishedResources]);
       const keyExtractor = useCallback2((item) => item.id, []);
-      const renderCollection = (virtualizedSize) => /* @__PURE__ */ React2.createElement(
+      const renderCollection = (virtualizedHeight) => /* @__PURE__ */ React2.createElement(
         FileExplorerCollection2,
         {
           ref: collectionRef,
@@ -3289,7 +3289,7 @@ var ResourceExplorer = memo2(
           selectedIds,
           itemClassName,
           itemStyle,
-          virtualized: virtualizedSize,
+          virtualized: virtualizedHeight,
           renderThumbnail: (props) => /* @__PURE__ */ React2.createElement(
             ResourceThumbnail,
             {
@@ -3418,10 +3418,7 @@ var ResourceExplorer = memo2(
           ),
           className
         },
-        virtualized ? /* @__PURE__ */ React2.createElement(AutoSizer, null, ({ width, height }) => (
-          // add 24px to account for the -mx-3 on the Collection component
-          renderCollection({ width: width + 24, height })
-        )) : renderCollection(void 0)
+        virtualized ? /* @__PURE__ */ React2.createElement(SingleDimensionAutoSizer, { dimension: "height" }, (height) => renderCollection(height)) : renderCollection(void 0)
       );
     }
   )