@snapdragonsnursery/react-components 1.23.0 → 1.25.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapdragonsnursery/react-components",
-  "version": "1.23.0",
+  "version": "1.25.0",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/ChildSearchModal.jsx

@@ -101,6 +101,42 @@ const ChildSearchModal = ({
     return () => clearTimeout(timer);
   }, [searchTerm]);
 
+  // Value-stable key for siteIds so the sync effect only runs when the set of site IDs actually
+  // changes, not on every parent re-render (avoids resetting user's site/room selection and pagination).
+  const siteIdsKey = useMemo(
+    () =>
+      Array.isArray(siteIds) && siteIds.length > 0
+        ? [...siteIds].sort((a, b) => a - b).join(",")
+        : "",
+    [siteIds]
+  );
+
+  // Keep the internal site filter in sync with externally controlled site changes
+  // (for example when the app site is switched from a sidebar while the page stays mounted).
+  useEffect(() => {
+    const nextSelectedSiteId =
+      siteIdsKey !== "" ? "" : siteId || "";
+
+    setAdvancedFilters((prev) => {
+      if (
+        prev.selectedSiteId === nextSelectedSiteId &&
+        prev.selectedRoomId === ""
+      ) {
+        return prev;
+      }
+
+      return {
+        ...prev,
+        selectedSiteId: nextSelectedSiteId,
+        selectedRoomId: "",
+      };
+    });
+
+    setPagination((prev) =>
+      prev.page === 1 ? prev : { ...prev, page: 1 }
+    );
+  }, [siteId, siteIdsKey]);
+
   // Close modal when clicking outside
   useEffect(() => {
     const handleClickOutside = (event) => {