@procore/saved-views 5.1.0-alpha.3 → 5.1.0-alpha.4

package/dist/legacy/index.js

@@ -14697,7 +14697,7 @@ var ViewStorage = {
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
-    updatedParams.delete("saved-view");
+    updatedParams.set("saved-view", "default");
   } else if (view.id === "temporary") {
     updatedParams.set("saved-view", "temporary");
   } else {
@@ -14712,6 +14712,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
   const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}_temporary`;
   const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
+  const previousSavedViewParamRef = (0, import_react13.useRef)(null);
   const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
     const stored = ViewStorage.load(storageKey);
     return stored ?? config.defaultView;
@@ -14781,8 +14782,9 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
       const viewInList = allViews.find((view) => view.share_token === viewId);
       if (viewInList) {
         selectView(viewInList);
+      } else {
+        openSharedViewModal(viewId);
       }
-      openSharedViewModal(viewId);
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
@@ -14800,6 +14802,22 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     handleSavedViewFromUrl,
     allViews.length
   ]);
+  (0, import_react13.useEffect)(() => {
+    const currentSavedViewParam = searchParams.get("saved-view");
+    if (previousSavedViewParamRef.current && !currentSavedViewParam) {
+      setSearchParams(
+        (currentParams) => {
+          const updatedParams = new URLSearchParams(currentParams);
+          updatedParams.set("saved-view", previousSavedViewParamRef.current);
+          return updatedParams;
+        },
+        { replace: true }
+      );
+    }
+    if (currentSavedViewParam) {
+      previousSavedViewParamRef.current = currentSavedViewParam;
+    }
+  }, [searchParams.get("saved-view"), setSearchParams]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14820,7 +14838,6 @@ var SavedViewsContent = (props) => {
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
-    enableSavedViews: props.enableSavedViews,
     projectId,
     companyId
   };

package/dist/legacy/index.mjs

@@ -14719,7 +14719,7 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/Hooks/useViewSelection.ts
-import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3 } from "react";
+import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2 } from "react";
 import { useSearchParams } from "react-router-dom";
 
 // src/utils/viewStorage.ts
@@ -14744,7 +14744,7 @@ var ViewStorage = {
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
-    updatedParams.delete("saved-view");
+    updatedParams.set("saved-view", "default");
   } else if (view.id === "temporary") {
     updatedParams.set("saved-view", "temporary");
   } else {
@@ -14759,6 +14759,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
   const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}_temporary`;
   const [searchParams, setSearchParams] = useSearchParams();
+  const previousSavedViewParamRef = useRef2(null);
   const [selectedSavedView, setSelectedSavedView] = useState4(() => {
     const stored = ViewStorage.load(storageKey);
     return stored ?? config.defaultView;
@@ -14828,8 +14829,9 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
       const viewInList = allViews.find((view) => view.share_token === viewId);
       if (viewInList) {
         selectView(viewInList);
+      } else {
+        openSharedViewModal(viewId);
       }
-      openSharedViewModal(viewId);
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
@@ -14847,6 +14849,22 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     handleSavedViewFromUrl,
     allViews.length
   ]);
+  useEffect3(() => {
+    const currentSavedViewParam = searchParams.get("saved-view");
+    if (previousSavedViewParamRef.current && !currentSavedViewParam) {
+      setSearchParams(
+        (currentParams) => {
+          const updatedParams = new URLSearchParams(currentParams);
+          updatedParams.set("saved-view", previousSavedViewParamRef.current);
+          return updatedParams;
+        },
+        { replace: true }
+      );
+    }
+    if (currentSavedViewParam) {
+      previousSavedViewParamRef.current = currentSavedViewParam;
+    }
+  }, [searchParams.get("saved-view"), setSearchParams]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14867,7 +14885,6 @@ var SavedViewsContent = (props) => {
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
-    enableSavedViews: props.enableSavedViews,
     projectId,
     companyId
   };

package/dist/modern/index.js

@@ -14692,7 +14692,7 @@ var ViewStorage = {
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
-    updatedParams.delete("saved-view");
+    updatedParams.set("saved-view", "default");
   } else if (view.id === "temporary") {
     updatedParams.set("saved-view", "temporary");
   } else {
@@ -14707,6 +14707,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
   const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}_temporary`;
   const [searchParams, setSearchParams] = (0, import_react_router_dom.useSearchParams)();
+  const previousSavedViewParamRef = (0, import_react13.useRef)(null);
   const [selectedSavedView, setSelectedSavedView] = (0, import_react13.useState)(() => {
     const stored = ViewStorage.load(storageKey);
     return stored ?? config.defaultView;
@@ -14776,8 +14777,9 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
       const viewInList = allViews.find((view) => view.share_token === viewId);
       if (viewInList) {
         selectView(viewInList);
+      } else {
+        openSharedViewModal(viewId);
       }
-      openSharedViewModal(viewId);
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
@@ -14795,6 +14797,22 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     handleSavedViewFromUrl,
     allViews.length
   ]);
+  (0, import_react13.useEffect)(() => {
+    const currentSavedViewParam = searchParams.get("saved-view");
+    if (previousSavedViewParamRef.current && !currentSavedViewParam) {
+      setSearchParams(
+        (currentParams) => {
+          const updatedParams = new URLSearchParams(currentParams);
+          updatedParams.set("saved-view", previousSavedViewParamRef.current);
+          return updatedParams;
+        },
+        { replace: true }
+      );
+    }
+    if (currentSavedViewParam) {
+      previousSavedViewParamRef.current = currentSavedViewParam;
+    }
+  }, [searchParams.get("saved-view"), setSearchParams]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14815,7 +14833,6 @@ var SavedViewsContent = (props) => {
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
-    enableSavedViews: props.enableSavedViews,
     projectId,
     companyId
   };

package/dist/modern/index.mjs

@@ -14714,7 +14714,7 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/Hooks/useViewSelection.ts
-import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3 } from "react";
+import { useState as useState4, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2 } from "react";
 import { useSearchParams } from "react-router-dom";
 
 // src/utils/viewStorage.ts
@@ -14739,7 +14739,7 @@ var ViewStorage = {
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
-    updatedParams.delete("saved-view");
+    updatedParams.set("saved-view", "default");
   } else if (view.id === "temporary") {
     updatedParams.set("saved-view", "temporary");
   } else {
@@ -14754,6 +14754,7 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
   const storageKey = `${config.domain}_${config.tableName}_${config.stickyViewsKey}_${config.projectId}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}_temporary`;
   const [searchParams, setSearchParams] = useSearchParams();
+  const previousSavedViewParamRef = useRef2(null);
   const [selectedSavedView, setSelectedSavedView] = useState4(() => {
     const stored = ViewStorage.load(storageKey);
     return stored ?? config.defaultView;
@@ -14823,8 +14824,9 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
       const viewInList = allViews.find((view) => view.share_token === viewId);
       if (viewInList) {
         selectView(viewInList);
+      } else {
+        openSharedViewModal(viewId);
       }
-      openSharedViewModal(viewId);
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
@@ -14842,6 +14844,22 @@ var useViewSelection = (config, savedViews, openSharedViewModal) => {
     handleSavedViewFromUrl,
     allViews.length
   ]);
+  useEffect3(() => {
+    const currentSavedViewParam = searchParams.get("saved-view");
+    if (previousSavedViewParamRef.current && !currentSavedViewParam) {
+      setSearchParams(
+        (currentParams) => {
+          const updatedParams = new URLSearchParams(currentParams);
+          updatedParams.set("saved-view", previousSavedViewParamRef.current);
+          return updatedParams;
+        },
+        { replace: true }
+      );
+    }
+    if (currentSavedViewParam) {
+      previousSavedViewParamRef.current = currentSavedViewParam;
+    }
+  }, [searchParams.get("saved-view"), setSearchParams]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -14862,7 +14880,6 @@ var SavedViewsContent = (props) => {
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
-    enableSavedViews: props.enableSavedViews,
     projectId,
     companyId
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/saved-views",
-  "version": "5.1.0-alpha.3",
+  "version": "5.1.0-alpha.4",
   "description": "Saved Views Component for Data Table",
   "author": "Procore Technologies, Inc",
   "repository": {