@noya-app/noya-file-explorer 0.0.24 → 0.0.26

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@noya-app/noya-file-explorer",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "browser": "./dist/bundle/index.js",
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
@@ -20,9 +19,9 @@
     "dev": "npm run build:main -- --watch"
   },
   "dependencies": {
-    "@noya-app/noya-designsystem": "0.1.71",
+    "@noya-app/noya-designsystem": "0.1.72",
     "@noya-app/noya-icons": "0.1.16",
-    "@noya-app/noya-multiplayer-react": "0.1.71",
+    "@noya-app/noya-multiplayer-react": "0.1.73",
     "@noya-app/noya-keymap": "0.1.4",
     "@noya-app/react-utils": "0.1.27",
     "@noya-app/noya-utils": "0.1.9",

package/src/ResourceExplorer.tsx

@@ -53,9 +53,9 @@ import {
 } from "@noya-app/noya-schemas";
 import { Base64, groupBy, isDeepEqual, uuid } from "@noya-app/noya-utils";
 import {
-  AutoSizer,
   downloadUrl,
   memoGeneric,
+  SingleDimensionAutoSizer,
   useControlledOrUncontrolled,
 } from "@noya-app/react-utils";
 import { fileOpen } from "browser-fs-access";
@@ -71,7 +71,6 @@ import {
   useState,
 } from "react";
 
-import { Size } from "@noya-app/noya-geometry";
 import { path } from "imfs";
 import React from "react";
 import { getContentTypeFromFile } from "./utils/contentType";
@@ -866,7 +865,7 @@ export const ResourceExplorer = memo(
 
       const keyExtractor = useCallback((item: Resource) => item.id, []);
 
-      const renderCollection = (virtualizedSize: Size | undefined) => (
+      const renderCollection = (virtualizedHeight: number | undefined) => (
         <FileExplorerCollection<Resource, MenuAction>
           ref={collectionRef}
           sortableId={sortableId}
@@ -915,7 +914,7 @@ export const ResourceExplorer = memo(
           selectedIds={selectedIds}
           itemClassName={itemClassName}
           itemStyle={itemStyle}
-          virtualized={virtualizedSize}
+          virtualized={virtualizedHeight}
           renderThumbnail={(props) => (
             <ResourceThumbnail
               {...props}
@@ -1080,12 +1079,9 @@ export const ResourceExplorer = memo(
           className={className}
         >
           {virtualized ? (
-            <AutoSizer>
-              {({ width, height }) =>
-                // add 24px to account for the -mx-3 on the Collection component
-                renderCollection({ width: width + 24, height })
-              }
-            </AutoSizer>
+            <SingleDimensionAutoSizer dimension="height">
+              {(height) => renderCollection(height)}
+            </SingleDimensionAutoSizer>
           ) : (
             renderCollection(undefined)
           )}