@parallelworks/ui 0.21.1 → 0.21.2

package/dist/file-explorer/FileExplorer.js

@@ -187,6 +187,40 @@ function FileExplorer({ storages, onRefresh, refreshKey, onOpenFile, showUserHie
 	const [accessDrawerOpen, setAccessDrawerOpen] = useState(false);
 	const [connectionIssuesMessage, updateConnectionIssuesMessage] = useState(/* @__PURE__ */ new Map());
 	const [hasCorsIssue, setHasCorsIssue] = useState(/* @__PURE__ */ new Map());
+	const storageRoots = useMemo(() => {
+		const roots = /* @__PURE__ */ new Map();
+		for (const node of rootNodes) {
+			const candidates = node.root ? [node] : parentToChildrenMap[node.path] ?? [];
+			for (const root of candidates) if (root.root && root.storageId) roots.set(root.storageId, root.path);
+		}
+		return roots;
+	}, [rootNodes, parentToChildrenMap]);
+	const seenStorageRootsRef = useRef(storageRoots);
+	const forgetStorages = useEffectEvent((removed) => {
+		const isUnder = (path) => removed.some(([, root]) => path !== root && path.startsWith(root));
+		const isWithin = (path) => removed.some(([, root]) => path.startsWith(root));
+		for (const path of [...fetchesInFlightRef.current.keys()]) if (isWithin(path)) fetchesInFlightRef.current.delete(path);
+		setListings((prev) => removed.reduce((next, [, root]) => clearListingsUnder(next, root), prev));
+		setLoadingPaths((prev) => new Set([...prev].filter((path) => !isWithin(path))));
+		setExpandedPaths((prev) => new Set([...prev].filter((path) => !isUnder(path))));
+		const withoutRemoved = (prev) => {
+			const next = new Map(prev);
+			for (const [id] of removed) next.delete(id);
+			return next;
+		};
+		updateConnectionIssuesMessage(withoutRemoved);
+		setHasCorsIssue(withoutRemoved);
+		const selectedRoot = removed.find(([, root]) => normalizedSelectedPath.startsWith(root))?.[1];
+		if (selectedRoot) {
+			const parent = getParentPath(selectedRoot);
+			setSelectedPath(treeMap[parent] ? parent : "");
+		}
+	});
+	useEffect(() => {
+		const removed = [...seenStorageRootsRef.current].filter(([id]) => !storageRoots.has(id));
+		seenStorageRootsRef.current = storageRoots;
+		if (removed.length > 0) forgetStorages(removed);
+	}, [storageRoots]);
 	const [uploadModalOpen, setUploadModalOpen] = useState(false);
 	const [createFolderTarget, setCreateFolderTarget] = useState(null);
 	const [pendingUpload, setPendingUpload] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/ui",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "description": "React UI components: a theme contract, icons, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
   "license": "Apache-2.0",
   "repository": {
@@ -90,7 +90,7 @@
     "anser": "^2.3.5",
     "classnames": "^2.5.1",
     "fast-deep-equal": "^3.1.3",
-    "framer-motion": "^13.5.0",
+    "framer-motion": "^14.0.0",
     "luxon": "^3.7.2",
     "re-resizable": "^6.11.2",
     "react-animate-height": "^3.2.4",