@procore/saved-views 1.1.0-alpha.6 → 1.1.0-alpha.7

package/dist/legacy/index.js

@@ -5601,7 +5601,7 @@ var de_DE_default = {
         required: "Kann nicht leer sein.",
         duplicateName: "Es existiert bereits eine gespeicherte Ansicht mit diesem Namen. Bitte benennen Sie sie um und versuchen Sie es erneut.",
         unknown: "Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",
-        title: "Sorry, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
+        title: "Es tut uns leid, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
         description: {
           create: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Datei zu erstellen",
           update: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Aktualisierung durchzuf\xFChren"
@@ -5625,7 +5625,7 @@ var de_DE_default = {
       success: "Der Link wurde erfolgreich erstellt und in die Zwischenablage kopiert."
     },
     errors: {
-      fetch: "Sorry, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
+      fetch: "Es tut uns leid, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
       create: "Die gespeicherte Ansicht konnte leider nicht erstellt werden. Versuchen Sie es noch einmal.",
       update: "Die gespeicherte Ansicht konnte leider nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       delete: "Die gespeicherte Ansicht konnte leider nicht gel\xF6scht werden. Versuchen Sie es noch einmal.",
@@ -10131,6 +10131,18 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useViewSelection.ts
+var isSmartGridConfig = (config) => {
+  return config != null && "rowGroupState" in config;
+};
+var areRowGroupStatesEqual = (a2, b2) => {
+  if (!a2 && !b2)
+    return true;
+  if (!a2 || !b2)
+    return false;
+  if (a2.length !== b2.length)
+    return false;
+  return a2.every((val, idx) => val === b2[idx]);
+};
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -10166,7 +10178,7 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
     );
   }
 };
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = (0, import_core_react14.useI18nContext)();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
@@ -10257,6 +10269,46 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  const previousRowGroupStateRef = (0, import_react12.useRef)(
+    isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
+  );
+  const selectedViewRef = (0, import_react12.useRef)(selectedSavedView);
+  selectedViewRef.current = selectedSavedView;
+  const defaultViewRef = (0, import_react12.useRef)(config.defaultView);
+  defaultViewRef.current = config.defaultView;
+  (0, import_react12.useEffect)(() => {
+    var _a;
+    if (!isSmartGridConfig(tableConfig) || !(presetViews == null ? void 0 : presetViews.length))
+      return;
+    const currentView = selectedViewRef.current;
+    const isPresetSelected = !currentView || currentView.view_level === "default";
+    if (!isPresetSelected)
+      return;
+    const currentRowGroupState = tableConfig.rowGroupState;
+    if (!currentRowGroupState)
+      return;
+    if (areRowGroupStatesEqual(
+      previousRowGroupStateRef.current,
+      currentRowGroupState
+    )) {
+      return;
+    }
+    previousRowGroupStateRef.current = currentRowGroupState;
+    const matchingPreset = presetViews.find((preset) => {
+      const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
+      return areRowGroupStatesEqual(
+        presetConfig == null ? void 0 : presetConfig.rowGroupState,
+        currentRowGroupState
+      );
+    });
+    if (matchingPreset && matchingPreset.id !== ((_a = selectedViewRef.current) == null ? void 0 : _a.id)) {
+      setSelectedSavedView(matchingPreset);
+      persistViewToStorageAndUrl(matchingPreset);
+    } else if (!matchingPreset && (currentView == null ? void 0 : currentView.id) !== defaultViewRef.current.id) {
+      setSelectedSavedView(defaultViewRef.current);
+      persistViewToStorageAndUrl(defaultViewRef.current);
+    }
+  }, [tableConfig, presetViews, persistViewToStorageAndUrl]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -10316,7 +10368,8 @@ var SavedViewsContent = (props) => {
     },
     savedViews,
     props.presetViews,
-    openSharedViewModal
+    openSharedViewModal,
+    props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     (modalData == null ? void 0 : modalData.viewId) ?? null,

package/dist/legacy/index.mjs

@@ -5588,7 +5588,7 @@ var de_DE_default = {
         required: "Kann nicht leer sein.",
         duplicateName: "Es existiert bereits eine gespeicherte Ansicht mit diesem Namen. Bitte benennen Sie sie um und versuchen Sie es erneut.",
         unknown: "Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",
-        title: "Sorry, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
+        title: "Es tut uns leid, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
         description: {
           create: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Datei zu erstellen",
           update: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Aktualisierung durchzuf\xFChren"
@@ -5612,7 +5612,7 @@ var de_DE_default = {
       success: "Der Link wurde erfolgreich erstellt und in die Zwischenablage kopiert."
     },
     errors: {
-      fetch: "Sorry, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
+      fetch: "Es tut uns leid, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
       create: "Die gespeicherte Ansicht konnte leider nicht erstellt werden. Versuchen Sie es noch einmal.",
       update: "Die gespeicherte Ansicht konnte leider nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       delete: "Die gespeicherte Ansicht konnte leider nicht gel\xF6scht werden. Versuchen Sie es noch einmal.",
@@ -10171,6 +10171,18 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useViewSelection.ts
+var isSmartGridConfig = (config) => {
+  return config != null && "rowGroupState" in config;
+};
+var areRowGroupStatesEqual = (a2, b2) => {
+  if (!a2 && !b2)
+    return true;
+  if (!a2 || !b2)
+    return false;
+  if (a2.length !== b2.length)
+    return false;
+  return a2.every((val, idx) => val === b2[idx]);
+};
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -10206,7 +10218,7 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
     );
   }
 };
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = useI18nContext11();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
@@ -10297,6 +10309,46 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  const previousRowGroupStateRef = useRef2(
+    isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
+  );
+  const selectedViewRef = useRef2(selectedSavedView);
+  selectedViewRef.current = selectedSavedView;
+  const defaultViewRef = useRef2(config.defaultView);
+  defaultViewRef.current = config.defaultView;
+  useEffect3(() => {
+    var _a;
+    if (!isSmartGridConfig(tableConfig) || !(presetViews == null ? void 0 : presetViews.length))
+      return;
+    const currentView = selectedViewRef.current;
+    const isPresetSelected = !currentView || currentView.view_level === "default";
+    if (!isPresetSelected)
+      return;
+    const currentRowGroupState = tableConfig.rowGroupState;
+    if (!currentRowGroupState)
+      return;
+    if (areRowGroupStatesEqual(
+      previousRowGroupStateRef.current,
+      currentRowGroupState
+    )) {
+      return;
+    }
+    previousRowGroupStateRef.current = currentRowGroupState;
+    const matchingPreset = presetViews.find((preset) => {
+      const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
+      return areRowGroupStatesEqual(
+        presetConfig == null ? void 0 : presetConfig.rowGroupState,
+        currentRowGroupState
+      );
+    });
+    if (matchingPreset && matchingPreset.id !== ((_a = selectedViewRef.current) == null ? void 0 : _a.id)) {
+      setSelectedSavedView(matchingPreset);
+      persistViewToStorageAndUrl(matchingPreset);
+    } else if (!matchingPreset && (currentView == null ? void 0 : currentView.id) !== defaultViewRef.current.id) {
+      setSelectedSavedView(defaultViewRef.current);
+      persistViewToStorageAndUrl(defaultViewRef.current);
+    }
+  }, [tableConfig, presetViews, persistViewToStorageAndUrl]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -10356,7 +10408,8 @@ var SavedViewsContent = (props) => {
     },
     savedViews,
     props.presetViews,
-    openSharedViewModal
+    openSharedViewModal,
+    props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     (modalData == null ? void 0 : modalData.viewId) ?? null,

package/dist/modern/index.js

@@ -5601,7 +5601,7 @@ var de_DE_default = {
         required: "Kann nicht leer sein.",
         duplicateName: "Es existiert bereits eine gespeicherte Ansicht mit diesem Namen. Bitte benennen Sie sie um und versuchen Sie es erneut.",
         unknown: "Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",
-        title: "Sorry, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
+        title: "Es tut uns leid, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
         description: {
           create: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Datei zu erstellen",
           update: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Aktualisierung durchzuf\xFChren"
@@ -5625,7 +5625,7 @@ var de_DE_default = {
       success: "Der Link wurde erfolgreich erstellt und in die Zwischenablage kopiert."
     },
     errors: {
-      fetch: "Sorry, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
+      fetch: "Es tut uns leid, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
       create: "Die gespeicherte Ansicht konnte leider nicht erstellt werden. Versuchen Sie es noch einmal.",
       update: "Die gespeicherte Ansicht konnte leider nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       delete: "Die gespeicherte Ansicht konnte leider nicht gel\xF6scht werden. Versuchen Sie es noch einmal.",
@@ -10127,6 +10127,18 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useViewSelection.ts
+var isSmartGridConfig = (config) => {
+  return config != null && "rowGroupState" in config;
+};
+var areRowGroupStatesEqual = (a2, b2) => {
+  if (!a2 && !b2)
+    return true;
+  if (!a2 || !b2)
+    return false;
+  if (a2.length !== b2.length)
+    return false;
+  return a2.every((val, idx) => val === b2[idx]);
+};
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -10162,7 +10174,7 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
     );
   }
 };
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = (0, import_core_react14.useI18nContext)();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
@@ -10253,6 +10265,45 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  const previousRowGroupStateRef = (0, import_react12.useRef)(
+    isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
+  );
+  const selectedViewRef = (0, import_react12.useRef)(selectedSavedView);
+  selectedViewRef.current = selectedSavedView;
+  const defaultViewRef = (0, import_react12.useRef)(config.defaultView);
+  defaultViewRef.current = config.defaultView;
+  (0, import_react12.useEffect)(() => {
+    if (!isSmartGridConfig(tableConfig) || !presetViews?.length)
+      return;
+    const currentView = selectedViewRef.current;
+    const isPresetSelected = !currentView || currentView.view_level === "default";
+    if (!isPresetSelected)
+      return;
+    const currentRowGroupState = tableConfig.rowGroupState;
+    if (!currentRowGroupState)
+      return;
+    if (areRowGroupStatesEqual(
+      previousRowGroupStateRef.current,
+      currentRowGroupState
+    )) {
+      return;
+    }
+    previousRowGroupStateRef.current = currentRowGroupState;
+    const matchingPreset = presetViews.find((preset) => {
+      const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
+      return areRowGroupStatesEqual(
+        presetConfig?.rowGroupState,
+        currentRowGroupState
+      );
+    });
+    if (matchingPreset && matchingPreset.id !== selectedViewRef.current?.id) {
+      setSelectedSavedView(matchingPreset);
+      persistViewToStorageAndUrl(matchingPreset);
+    } else if (!matchingPreset && currentView?.id !== defaultViewRef.current.id) {
+      setSelectedSavedView(defaultViewRef.current);
+      persistViewToStorageAndUrl(defaultViewRef.current);
+    }
+  }, [tableConfig, presetViews, persistViewToStorageAndUrl]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -10312,7 +10363,8 @@ var SavedViewsContent = (props) => {
     },
     savedViews,
     props.presetViews,
-    openSharedViewModal
+    openSharedViewModal,
+    props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     modalData?.viewId ?? null,

package/dist/modern/index.mjs

@@ -5588,7 +5588,7 @@ var de_DE_default = {
         required: "Kann nicht leer sein.",
         duplicateName: "Es existiert bereits eine gespeicherte Ansicht mit diesem Namen. Bitte benennen Sie sie um und versuchen Sie es erneut.",
         unknown: "Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",
-        title: "Sorry, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
+        title: "Es tut uns leid, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
         description: {
           create: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Datei zu erstellen",
           update: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Aktualisierung durchzuf\xFChren"
@@ -5612,7 +5612,7 @@ var de_DE_default = {
       success: "Der Link wurde erfolgreich erstellt und in die Zwischenablage kopiert."
     },
     errors: {
-      fetch: "Sorry, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
+      fetch: "Es tut uns leid, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
       create: "Die gespeicherte Ansicht konnte leider nicht erstellt werden. Versuchen Sie es noch einmal.",
       update: "Die gespeicherte Ansicht konnte leider nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       delete: "Die gespeicherte Ansicht konnte leider nicht gel\xF6scht werden. Versuchen Sie es noch einmal.",
@@ -10167,6 +10167,18 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useViewSelection.ts
+var isSmartGridConfig = (config) => {
+  return config != null && "rowGroupState" in config;
+};
+var areRowGroupStatesEqual = (a2, b2) => {
+  if (!a2 && !b2)
+    return true;
+  if (!a2 || !b2)
+    return false;
+  if (a2.length !== b2.length)
+    return false;
+  return a2.every((val, idx) => val === b2[idx]);
+};
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -10202,7 +10214,7 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
     );
   }
 };
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = useI18nContext11();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
@@ -10293,6 +10305,45 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  const previousRowGroupStateRef = useRef2(
+    isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
+  );
+  const selectedViewRef = useRef2(selectedSavedView);
+  selectedViewRef.current = selectedSavedView;
+  const defaultViewRef = useRef2(config.defaultView);
+  defaultViewRef.current = config.defaultView;
+  useEffect3(() => {
+    if (!isSmartGridConfig(tableConfig) || !presetViews?.length)
+      return;
+    const currentView = selectedViewRef.current;
+    const isPresetSelected = !currentView || currentView.view_level === "default";
+    if (!isPresetSelected)
+      return;
+    const currentRowGroupState = tableConfig.rowGroupState;
+    if (!currentRowGroupState)
+      return;
+    if (areRowGroupStatesEqual(
+      previousRowGroupStateRef.current,
+      currentRowGroupState
+    )) {
+      return;
+    }
+    previousRowGroupStateRef.current = currentRowGroupState;
+    const matchingPreset = presetViews.find((preset) => {
+      const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
+      return areRowGroupStatesEqual(
+        presetConfig?.rowGroupState,
+        currentRowGroupState
+      );
+    });
+    if (matchingPreset && matchingPreset.id !== selectedViewRef.current?.id) {
+      setSelectedSavedView(matchingPreset);
+      persistViewToStorageAndUrl(matchingPreset);
+    } else if (!matchingPreset && currentView?.id !== defaultViewRef.current.id) {
+      setSelectedSavedView(defaultViewRef.current);
+      persistViewToStorageAndUrl(defaultViewRef.current);
+    }
+  }, [tableConfig, presetViews, persistViewToStorageAndUrl]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -10352,7 +10403,8 @@ var SavedViewsContent = (props) => {
     },
     savedViews,
     props.presetViews,
-    openSharedViewModal
+    openSharedViewModal,
+    props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     modalData?.viewId ?? null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/saved-views",
-  "version": "1.1.0-alpha.6",
+  "version": "1.1.0-alpha.7",
   "description": "Saved Views Component for Data Table",
   "author": "Procore Technologies, Inc",
   "repository": {
@@ -67,7 +67,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@dotenvx/dotenvx": "1.6.4",
-    "@procore/core-react": "^12.42.0",
+    "@procore/core-react": "^12.45.0",
     "@procore/data-table": "14.27.1",
     "@procore/hammer": "^1.2.0",
     "@procore/hammer-test-jest": "^0.9.1",