@smartnet360/svelte-components 0.0.76 → 0.0.77

package/dist/map-v2/demo/demo-cells.js

@@ -10,7 +10,7 @@
 const BASE_LAT = 37.7749;
 const BASE_LNG = -122.4194;
 // Grid parameters for distributing sites
-const NUM_SITES = 10;
+const NUM_SITES = 1700;
 const GRID_SIZE = 10; // 10×10 grid
 const LAT_SPACING = 0.01; // ~1.1 km spacing
 const LNG_SPACING = 0.015; // ~1.1 km spacing (adjusted for longitude)

package/dist/map-v2/features/cells/controls/CellFilterControl.svelte

@@ -56,7 +56,16 @@
 	let treeStore = $state<Writable<TreeStoreValue> | null>(null);
 	let level1 = $state<Exclude<CellGroupingField, 'none'>>(store.groupingConfig.level1);
 	let level2 = $state<CellGroupingField>(store.groupingConfig.level2);
-	
+
+	// Track checked paths separately to avoid re-filtering on expand/collapse
+	let checkedPaths = $state<Set<string>>(new Set());
+
+	// When checkedPaths change, re-run the filter
+	$effect(() => {
+		const newFilteredCells = getFilteredCells(checkedPaths, store.cellsFilteredByStatus);
+		store.setFilteredCells(newFilteredCells);
+	});
+
 	// Track config for localStorage invalidation
 	const STORAGE_CONFIG_KEY = 'cellular-cell-filter:config';
 	
@@ -100,24 +109,30 @@
 			persistState: true,
 			defaultExpandAll: false
 		});
-		
+
 		// Subscribe to tree changes and update filtered cells
 		if (treeStore) {
+			// This subscription now only syncs the checkedPaths state
+			// The $effect above will handle the actual filtering
 			const unsub = treeStore.subscribe((treeValue: TreeStoreValue) => {
-				const checkedPaths = treeValue.getCheckedPaths();
-				
-				// Convert string[] to Set<string>
-				const checkedPathsSet = new Set(checkedPaths);
-				const newFilteredCells = getFilteredCells(checkedPathsSet, store.cellsFilteredByStatus); // Use filtered cells
-				
-				// Update the cell store directly
-				store.setFilteredCells(newFilteredCells);
+				// getCheckedPaths() is expensive, so check if tree is initializing
+				if (treeValue.isInitializing) return;
+
+				const newCheckedPaths = new Set(treeValue.getCheckedPaths());
+
+				// Avoid unnecessary updates if the set hasn't changed
+				if (
+					newCheckedPaths.size !== checkedPaths.size ||
+					![...newCheckedPaths].every((path) => checkedPaths.has(path))
+				) {
+					checkedPaths = newCheckedPaths;
+				}
 			});
-			
+
 			return () => unsub();
 		}
 	}
-	
+
 	onMount(() => {
 		rebuildTree();
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.76",
+	"version": "0.0.77",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",