Draw Rectangle on Map and filter data

[MSDrao]

CAM-730

Add the ability to filter by drawing a box on the map

[netlify]

✅ Deploy Preview for hydroprocess ready!

Name	Link
🔨 Latest commit	47bc1f1
🔍 Latest deploy log	https://app.netlify.com/projects/hydroprocess/deploys/68a014bdf7350e0008cb1114
😎 Deploy Preview	https://deploy-preview-79--hydroprocess.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[devincowan]

Nice work on this Sandesh!
I left a few questions for you, but otherwise this looks good

[devincowan]

@MSDrao thanks for your updates. However, this feels pretty broken to me.
Issue with map panning:
https://github.com/user-attachments/assets/6ee967f1-852a-4f58-8502-fcd49a50b126

When I try to click an drag, no box is shown and the selected area does not match the area that I dragged over:
https://github.com/user-attachments/assets/15c7f07a-d3c2-44d5-8d69-ab11f820c020

[devincowan]

@sandesh and I met for quite a long debugging session to figure out what's going on with this PR and cache issues between his local system and our Netlify builds.

We tried

• Dumping browser cache
• Incognito
• Using npm run build && npm run preview instead of npm run dev to get a full Vite build

We used git bisect (FUN!) to narrow the problem down to this commit:
1b2b2d0

I tried but was unable to determine exactly what was going on in this commit that causes things to fail in Netlify and in my local builds but not to fail for Sandesh locally. We narrowed it down to these lines pertaining to the Leaflet Draw event handlers:
1b2b2d0#diff-48b72786e83be9529e224683e7c77fd2b1ca82dd71ffd4c3dd4d10b82f68cdb2R95-R242

I suggested that Sandesh rm -rf node_modules && npm install && npm run dev just in case that's a factor.

@martinseul tagging you for awareness...

[devincowan]

Screen.Recording.2025-08-13.at.12.43.08.PM.mov

[devincowan]

From @MSDrao:

Basically, the "Draw a Box" button essentially acts as a reset for the drawn box, returning it to its default state that's why you see 400 default data points. The "Reset Filters" button below the Draw box button is specifically used to reset only the applied filters.

I hear that... but this state (at the end of the video I posted) doesn't make sense:

It shows "400" total models even though the Spatial Zone filter is activated. It should show "54". It also shouldn't show all 400 points on the map while the Spatial Zone filter is active. It should only show 54 points.

[devincowan]

Screen.Recording.2025-08-14.at.2.22.03.PM.mov

[devincowan]

looks good, I would have @Castronova do a functional review using the netlify deploy as well