@procore/saved-views 6.0.2 → 6.1.0

package/dist/legacy/index.mjs

@@ -5543,7 +5543,15 @@ var de_DE_default = {
     title: "Gespeicherte Ansichten",
     tooltip: "Erstellen und speichern Sie ein benutzerdefiniertes Tabellenlayout, um schnell zu Ihrer bevorzugten Ansicht zur\xFCckzukehren.",
     button: {
-      title: "Ansichten"
+      title: "Ansichten",
+      titleWithView: "Ansicht: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Unternehmen",
+        project: "Projekt",
+        personal: "Pers\xF6nlich",
+        default: "Standard",
+        temporary: "Vor\xFCbergehend"
+      }
     },
     actions: {
       update: "Aktualisieren",
@@ -5638,7 +5646,15 @@ var en_AU_default = {
     title: "Saved views",
     tooltip: "Create and save any custom table layout to quickly return to your preferred view.",
     button: {
-      title: "Views"
+      title: "Views",
+      titleWithView: "View: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Company",
+        project: "Project",
+        personal: "Personal",
+        default: "Default",
+        temporary: "Temporary"
+      }
     },
     actions: {
       update: "Update",
@@ -5733,7 +5749,15 @@ var en_CA_default = {
     title: "Saved views",
     tooltip: "Create and save any custom table layout to quickly return to your preferred view.",
     button: {
-      title: "Views"
+      title: "Views",
+      titleWithView: "View: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Company",
+        project: "Project",
+        personal: "Personal",
+        default: "Default",
+        temporary: "Temporary"
+      }
     },
     actions: {
       update: "Update",
@@ -5828,7 +5852,15 @@ var en_GB_default = {
     title: "Saved views",
     tooltip: "Create and save any custom table layout to quickly return to your preferred view.",
     button: {
-      title: "Views"
+      title: "Views",
+      titleWithView: "View: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Company",
+        project: "Project",
+        personal: "Personal",
+        default: "Default",
+        temporary: "Temporary"
+      }
     },
     actions: {
       update: "Update",
@@ -5923,7 +5955,15 @@ var en_default = {
     title: "Saved Views",
     tooltip: "Create and save any custom table layout to quickly return to your preferred view.",
     button: {
-      title: "Views"
+      title: "Views",
+      titleWithView: "View: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Company",
+        project: "Project",
+        personal: "Personal",
+        default: "Default",
+        temporary: "Temporary"
+      }
     },
     actions: {
       update: "Update",
@@ -6018,7 +6058,15 @@ var es_ES_default = {
     title: "Vistas guardadas",
     tooltip: "Cree y guarde un dise\xF1o de tabla personalizado para volver r\xE1pidamente a su vista preferida.",
     button: {
-      title: "Vistas"
+      title: "Vistas",
+      titleWithView: "Ver: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Empresa",
+        project: "Proyecto",
+        personal: "Personal",
+        default: "Predeterminado",
+        temporary: "Temporal"
+      }
     },
     actions: {
       update: "Actualizar",
@@ -6050,7 +6098,7 @@ var es_ES_default = {
       fields: {
         name: "Nombre",
         description: "Descripci\xF3n",
-        viewLevel: "Ver nivel",
+        viewLevel: "Nivel de vista",
         viewLevels: {
           company: "Vista de la empresa",
           project: "Vista del proyecto",
@@ -6100,7 +6148,7 @@ var es_ES_default = {
     temporaryViewName: "Vista temporal",
     viewLevel: {
       company: "Vistas de la empresa",
-      project: "Vistas de proyectos",
+      project: "Vistas del proyecto",
       personal: "Vistas personales"
     }
   }
@@ -6113,7 +6161,15 @@ var es_default = {
     title: "Vistas guardadas",
     tooltip: "Cree y guarde cualquier dise\xF1o de tabla personalizado para volver r\xE1pidamente a su vista preferida.",
     button: {
-      title: "Vistas"
+      title: "Vistas",
+      titleWithView: "Vista: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Compa\xF1\xEDa",
+        project: "Proyecto",
+        personal: "Personal",
+        default: "Predeterminado",
+        temporary: "Temporal"
+      }
     },
     actions: {
       update: "Actualizar",
@@ -6208,7 +6264,15 @@ var fr_CA_default = {
     title: "Affichages sauvegard\xE9s",
     tooltip: "Cr\xE9ez et sauvegardez n'importe quelle disposition de tableau personnalis\xE9e pour revenir rapidement \xE0 votre affichage pr\xE9f\xE9r\xE9.",
     button: {
-      title: "Affichages"
+      title: "Affichages",
+      titleWithView: "Affichage\xA0: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Entreprise",
+        project: "Projet",
+        personal: "Personnel",
+        default: "Par d\xE9faut",
+        temporary: "Temporaire"
+      }
     },
     actions: {
       update: "Mettre \xE0 jour",
@@ -6235,7 +6299,7 @@ var fr_CA_default = {
         description: "Cet affichage ne peut pas \xEAtre restaur\xE9 une fois qu'il a \xE9t\xE9 supprim\xE9."
       },
       copyConfirmation: {
-        description: "Vous avez coll\xE9 un lien vers une vue enregistr\xE9e qui n'existe pas encore pour vous.\nVous pouvez la cr\xE9er comme affichage personnel enregistr\xE9 ou simplement la consulter\ntemporairement."
+        description: "Vous avez coll\xE9 un lien vers un affichage sauvegard\xE9 qui n'existe pas encore pour vous.\nVous pouvez le cr\xE9er comme affichage personnel sauvegard\xE9 ou simplement le consulter\ntemporairement."
       },
       fields: {
         name: "Nom",
@@ -6250,9 +6314,9 @@ var fr_CA_default = {
       errors: {
         maxLengthName: "Ne peut pas contenir plus de {{maxLength}}\xA0caract\xE8res.",
         required: "Ne peut pas \xEAtre vide.",
-        duplicateName: "Un affichage enregistr\xE9 portant ce nom existe d\xE9j\xE0. Veuillez renommer et r\xE9essayer.",
+        duplicateName: "Un affichage sauvegard\xE9 portant ce nom existe d\xE9j\xE0. Veuillez renommer et r\xE9essayer.",
         unknown: "Une erreur s'est produite. Veuillez r\xE9essayer.",
-        title: "D\xE9sol\xE9, nous n'avons pas pu {{mode}} cet affichage enregistr\xE9",
+        title: "D\xE9sol\xE9, nous n'avons pas pu {{mode}} cet affichage sauvegard\xE9",
         description: {
           create: "Veuillez corriger les erreurs ci-dessous et r\xE9essayer de le cr\xE9er",
           update: "Veuillez corriger les erreurs ci-dessous et r\xE9essayer de le mettre \xE0 jour"
@@ -6263,8 +6327,8 @@ var fr_CA_default = {
       }
     },
     ariaLabels: {
-      menuItem: "\xC9l\xE9ment de menu Affichages enregistr\xE9s {{name}}",
-      modal: "Modal pour cr\xE9er/mettre \xE0 jour les affichages enregistr\xE9s"
+      menuItem: "Item du menu Affichages sauvegard\xE9s {{name}}",
+      modal: "Modal pour cr\xE9er/mettre \xE0 jour les affichages sauvegard\xE9s"
     },
     update: {
       success: "L'affichage sauvegard\xE9 a bien \xE9t\xE9 mis \xE0 jour."
@@ -6276,12 +6340,12 @@ var fr_CA_default = {
       success: "Le lien a \xE9t\xE9 cr\xE9\xE9 et copi\xE9 dans le presse-papiers."
     },
     errors: {
-      fetch: "D\xE9sol\xE9, les affichages enregistr\xE9s n'ont pas pu \xEAtre r\xE9cup\xE9r\xE9s. Veuillez r\xE9essayer.",
-      create: "D\xE9sol\xE9, l'affichage enregistr\xE9 n'a pas pu \xEAtre cr\xE9\xE9. Veuillez r\xE9essayer.",
-      update: "D\xE9sol\xE9, l'affichage enregistr\xE9 n'a pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
-      delete: "D\xE9sol\xE9, l'affichage enregistr\xE9 n'a pas pu \xEAtre supprim\xE9. Veuillez r\xE9essayer.",
+      fetch: "D\xE9sol\xE9, les affichages sauvegard\xE9s n'ont pas pu \xEAtre r\xE9cup\xE9r\xE9s. Veuillez r\xE9essayer.",
+      create: "D\xE9sol\xE9, l'affichage sauvegard\xE9 n'a pas pu \xEAtre cr\xE9\xE9. Veuillez r\xE9essayer.",
+      update: "D\xE9sol\xE9, l'affichage sauvegard\xE9 n'a pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
+      delete: "D\xE9sol\xE9, l'affichage sauvegard\xE9 n'a pas pu \xEAtre supprim\xE9. Veuillez r\xE9essayer.",
       copyFailed: "Impossible de copier le lien de partage dans le presse-papiers.",
-      notFound: "D\xE9sol\xE9, l'affichage enregistr\xE9 est introuvable. Veuillez r\xE9essayer."
+      notFound: "D\xE9sol\xE9, l'affichage sauvegard\xE9 est introuvable. Veuillez r\xE9essayer."
     },
     defaultViewTitle: {
       rfi: "Toutes les QRT",
@@ -6303,7 +6367,15 @@ var fr_FR_default = {
     title: "Vues enregistr\xE9es",
     tooltip: "Cr\xE9ez et enregistrez n'importe quelle disposition de tableau personnalis\xE9e pour revenir rapidement \xE0 votre vue pr\xE9f\xE9r\xE9e.",
     button: {
-      title: "Vues"
+      title: "Vues",
+      titleWithView: "Affichage\xA0: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Entreprise",
+        project: "Projet",
+        personal: "Personnelle",
+        default: "Par d\xE9faut",
+        temporary: "Temporaire"
+      }
     },
     actions: {
       update: "Mettre \xE0 jour",
@@ -6398,7 +6470,15 @@ var is_IS_default = {
     title: "Vista\xF0ar sko\xF0anir",
     tooltip: "B\xFA\xF0u til og vista\xF0u s\xE9rsni\xF0na t\xF6fluuppsetningu til a\xF0 fara flj\xF3tt aftur \xED valinn s\xFDn.",
     button: {
-      title: "\xDAts\xFDni"
+      title: "\xDAts\xFDni",
+      titleWithView: "Sko\xF0a: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Fyrirt\xE6ki",
+        project: "Verkefni",
+        personal: "Pers\xF3nulegt",
+        default: "Sj\xE1lfgefi\xF0",
+        temporary: "T\xEDmabundi\xF0"
+      }
     },
     actions: {
       update: "Uppf\xE6rsla",
@@ -6493,7 +6573,15 @@ var it_IT_default = {
     title: "Viste salvate",
     tooltip: "Creare e salvare qualsiasi layout di tabella personalizzato per tornare rapidamente alla vista preferita.",
     button: {
-      title: "Viste"
+      title: "Viste",
+      titleWithView: "Visualizza: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Azienda",
+        project: "Progetto",
+        personal: "Personale",
+        default: "Predefinita",
+        temporary: "Temporaneo"
+      }
     },
     actions: {
       update: "Aggiorna",
@@ -6588,7 +6676,15 @@ var ja_JP_default = {
     title: "\u4FDD\u5B58\u6E08\u307F\u30D3\u30E5\u30FC",
     tooltip: "\u4EFB\u610F\u306E\u30AB\u30B9\u30BF\u30E0 \u30C6\u30FC\u30D6\u30EB \u30EC\u30A4\u30A2\u30A6\u30C8\u3092\u4F5C\u6210\u3057\u3066\u4FDD\u5B58\u3057\u3001\u3059\u3070\u3084\u304F\u597D\u307F\u306E\u30D3\u30E5\u30FC\u306B\u623B\u305B\u307E\u3059\u3002",
     button: {
-      title: "\u30D3\u30E5\u30FC"
+      title: "\u30D3\u30E5\u30FC",
+      titleWithView: "\u30D3\u30E5\u30FC: {{name}} ({{type}})",
+      viewLevel: {
+        company: "\u4F1A\u793E",
+        project: "\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8",
+        personal: "\u500B\u4EBA\u7528",
+        default: "\u65E2\u5B9A\u306E",
+        temporary: "\u4E00\u6642\u7684"
+      }
     },
     actions: {
       update: "\u66F4\u65B0",
@@ -6683,7 +6779,15 @@ var pl_PL_default = {
     title: "Zapisane widoki",
     tooltip: "Utw\xF3rz i zapisz dowolny uk\u0142ad niestandardowej tabeli, aby szybko wr\xF3ci\u0107 do preferowanego widoku.",
     button: {
-      title: "Widoki"
+      title: "Widoki",
+      titleWithView: "Widok: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Firma",
+        project: "Projekt",
+        personal: "Osobiste",
+        default: "Domy\u015Blne",
+        temporary: "Tymczasowe"
+      }
     },
     actions: {
       update: "Zaktualizuj",
@@ -6778,7 +6882,15 @@ var pt_BR_default = {
     title: "Visualiza\xE7\xF5es Salvas",
     tooltip: "Crie e salve qualquer layout personalizado de tabela para retornar rapidamente \xE0 sua visualiza\xE7\xE3o preferida.",
     button: {
-      title: "Visualiza\xE7\xF5es"
+      title: "Visualiza\xE7\xF5es",
+      titleWithView: "Visualiza\xE7\xE3o: {{name}} ({{type}})",
+      viewLevel: {
+        company: "Empresa",
+        project: "Projeto",
+        personal: "Pessoal",
+        default: "Padr\xE3o",
+        temporary: "Tempor\xE1rio"
+      }
     },
     actions: {
       update: "Atualizar",
@@ -6873,7 +6985,15 @@ var th_TH_default = {
     title: "\u0E21\u0E38\u0E21\u0E21\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E44\u0E27\u0E49",
     tooltip: "\u0E2A\u0E23\u0E49\u0E32\u0E07\u0E41\u0E25\u0E30\u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\u0E40\u0E04\u0E49\u0E32\u0E42\u0E04\u0E23\u0E07\u0E15\u0E32\u0E23\u0E32\u0E07\u0E41\u0E1A\u0E1A\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E40\u0E2D\u0E07\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E01\u0E25\u0E31\u0E1A\u0E44\u0E1B\u0E22\u0E31\u0E07\u0E21\u0E38\u0E21\u0E21\u0E2D\u0E07\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E15\u0E49\u0E2D\u0E07\u0E01\u0E32\u0E23\u0E44\u0E14\u0E49\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E23\u0E27\u0E14\u0E40\u0E23\u0E47\u0E27",
     button: {
-      title: "\u0E21\u0E38\u0E21\u0E21\u0E2D\u0E07"
+      title: "\u0E21\u0E38\u0E21\u0E21\u0E2D\u0E07",
+      titleWithView: "\u0E08\u0E33\u0E19\u0E27\u0E19\u0E01\u0E32\u0E23\u0E14\u0E39: {{name}} ({{type}})",
+      viewLevel: {
+        company: "\u0E1A\u0E23\u0E34\u0E29\u0E31\u0E17",
+        project: "\u0E42\u0E04\u0E23\u0E07\u0E01\u0E32\u0E23",
+        personal: "\u0E2A\u0E48\u0E27\u0E19\u0E1A\u0E38\u0E04\u0E04\u0E25",
+        default: "\u0E04\u0E48\u0E32\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19",
+        temporary: "\u0E0A\u0E31\u0E48\u0E27\u0E04\u0E23\u0E32\u0E27"
+      }
     },
     actions: {
       update: "\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15",
@@ -6968,7 +7088,15 @@ var zh_SG_default = {
     title: "\u5DF2\u4FDD\u5B58\u89C6\u56FE",
     tooltip: "\u521B\u5EFA\u5E76\u4FDD\u5B58\u4EFB\u4F55\u81EA\u5B9A\u4E49\u8868\u683C\u5E03\u5C40\u4EE5\u5FEB\u901F\u8FD4\u56DE\u5230\u4F60\u7684\u9996\u9009\u89C6\u56FE\u3002",
     button: {
-      title: "\u89C6\u56FE"
+      title: "\u89C6\u56FE",
+      titleWithView: "\u67E5\u770B\uFF1A{{name}}\uFF08{{type}}\uFF09",
+      viewLevel: {
+        company: "\u516C\u53F8",
+        project: "\u9879\u76EE",
+        personal: "\u4E2A\u4EBA",
+        default: "\u9ED8\u8BA4",
+        temporary: "\u4E34\u65F6"
+      }
     },
     actions: {
       update: "\u66F4\u65B0",
@@ -7091,7 +7219,7 @@ function getTranslations(envLocale) {
 }
 
 // src/components/buttons/useSavedViewsPanel.tsx
-import { useState } from "react";
+import { useState as useState2 } from "react";
 
 // ../../node_modules/tslib/tslib.es6.mjs
 var __assign = function() {
@@ -7309,8 +7437,8 @@ Plus.displayName = "Plus";
 var Plus_default = Plus;
 
 // src/components/buttons/SavedViewsButton.tsx
-import { ToggleButton } from "@procore/core-react";
-import React13 from "react";
+import { ToggleButton, Tooltip } from "@procore/core-react";
+import React14 from "react";
 
 // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function memoize(fn) {
@@ -8823,6 +8951,31 @@ var EnvironmentI18nProvider = ({ children }) => {
   return /* @__PURE__ */ React12.createElement(I18nContext.Provider, { value: i18n }, children);
 };
 
+// src/components/buttons/SavedViewsSelectionContext.tsx
+import React13, {
+  createContext,
+  useCallback,
+  useContext,
+  useMemo as useMemo2,
+  useState
+} from "react";
+var SavedViewsSelectionContext = createContext(null);
+var SavedViewsSelectionProvider = ({
+  children
+}) => {
+  const [selectedView, setSelectedView] = useState(null);
+  const updateSelectedView = useCallback(
+    (view) => setSelectedView(view),
+    []
+  );
+  const value = useMemo2(
+    () => ({ selectedView, setSelectedView: updateSelectedView }),
+    [selectedView, updateSelectedView]
+  );
+  return /* @__PURE__ */ React13.createElement(SavedViewsSelectionContext.Provider, { value }, children);
+};
+var useSavedViewsSelection = () => useContext(SavedViewsSelectionContext);
+
 // src/components/buttons/SavedViewsButton.tsx
 var StyledIcon = pt(ExpandSidebar_default)`
   transform: ${(props) => props.left ? "rotate(180deg)" : ""};
@@ -8832,37 +8985,66 @@ var Container = pt.div`
   border-right: 2px solid #d6dadc;
   padding-right: 8px;
 `;
+var Label = pt.span`
+  display: inline-block;
+  max-width: 218px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: middle;
+`;
 var SavedViewsButton = ({
   handleClick,
   isOpen
 }) => {
   const I18n = useCDNTranslations();
-  return /* @__PURE__ */ React13.createElement(Container, null, /* @__PURE__ */ React13.createElement(
+  const selection = useSavedViewsSelection();
+  const activeView = selection == null ? void 0 : selection.selectedView;
+  const activeName = activeView == null ? void 0 : activeView.name;
+  const activeType = (activeView == null ? void 0 : activeView.view_level) ? I18n.t(`savedViews.button.viewLevel.${activeView.view_level}`) : "";
+  const label = activeName ? I18n.t("savedViews.button.titleWithView", {
+    name: activeName,
+    type: activeType
+  }) : I18n.t("savedViews.button.title");
+  const button = /* @__PURE__ */ React14.createElement(
     ToggleButton,
     {
       selected: isOpen,
       onClick: handleClick,
-      icon: /* @__PURE__ */ React13.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ React14.createElement(StyledIcon, { left: isOpen }),
       "data-testid": "saved-views-button",
-      "aria-controls": "saved-views-panel"
+      "aria-controls": "saved-views-panel",
+      "aria-label": label
     },
-    I18n.t("savedViews.button.title")
-  ));
+    /* @__PURE__ */ React14.createElement(Label, null, label)
+  );
+  return /* @__PURE__ */ React14.createElement(Container, null, activeName ? /* @__PURE__ */ React14.createElement(
+    Tooltip,
+    {
+      showDelay: 500,
+      overlay: /* @__PURE__ */ React14.createElement(Tooltip.Content, null, label)
+    },
+    button
+  ) : button);
 };
 
 // src/components/buttons/useSavedViewsPanel.tsx
-import React14 from "react";
+import React15 from "react";
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
-  const [isOpen, setIsOpen] = useState(
+  const [isOpen, setIsOpen] = useState2(
     localStorage.getItem(key(domain, tableName)) === null || localStorage.getItem(key(domain, tableName)) === "true"
   );
   const handleClick = () => {
     setIsOpen(!isOpen);
     localStorage.setItem(key(domain, tableName), JSON.stringify(!isOpen));
   };
-  const Button7 = () => /* @__PURE__ */ React14.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button7 };
+  const Button7 = () => /* @__PURE__ */ React15.createElement(SavedViewsButton, { handleClick, isOpen });
+  return {
+    isOpen,
+    SavedViewsButton: Button7,
+    SavedViewsProvider: SavedViewsSelectionProvider
+  };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
@@ -8874,7 +9056,7 @@ import {
   Flex,
   useI18nContext as useI18nContext2
 } from "@procore/core-react";
-import * as React15 from "react";
+import * as React16 from "react";
 import { useToastAlertContext } from "@procore/toast-alert";
 var RowActionsBox = pt(Flex)`
   justify-content: center;
@@ -8896,7 +9078,7 @@ var IconWrapper = pt.span`
   justify-content: center;
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React15.useCallback(
+  const onClick = React16.useCallback(
     (a2) => {
       var _a, _b;
       if (!props.item) {
@@ -8944,7 +9126,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  const preventEventBubbleToNotTriggerViewSelectEvent = React15.useCallback(
+  const preventEventBubbleToNotTriggerViewSelectEvent = React16.useCallback(
     (e) => {
       e.stopPropagation();
     },
@@ -8955,7 +9137,7 @@ var SavedViewCollectionMenuItem = (props) => {
   const hasClearTemporaryButton = props.item.id === "temporary";
   const hasOverflowMenu = props.item.view_level !== "default" && props.canEditOrDelete;
   const hasActions = hasUpdateButton || hasCopyShareLinkButton || hasClearTemporaryButton || hasOverflowMenu;
-  return /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React16.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -8967,7 +9149,7 @@ var SavedViewCollectionMenuItem = (props) => {
       "data-testid": "saved-view-collection-menu-item",
       onKeyDown: preventEventBubbleToNotTriggerViewSelectEvent
     },
-    /* @__PURE__ */ React15.createElement(
+    /* @__PURE__ */ React16.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -8975,7 +9157,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    hasActions && /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React15.createElement(
+    hasActions && /* @__PURE__ */ React16.createElement(RowActionsBox, null, /* @__PURE__ */ React16.createElement(Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React16.createElement(
       Button,
       {
         onClick: updateItem,
@@ -8986,7 +9168,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ), hasCopyShareLinkButton && /* @__PURE__ */ React15.createElement(
+    ), hasCopyShareLinkButton && /* @__PURE__ */ React16.createElement(
       Button,
       {
         onClick: copyShareLink,
@@ -8995,8 +9177,8 @@ var SavedViewCollectionMenuItem = (props) => {
         "aria-label": i18n.t("savedViews.actions.copyShareLink"),
         "data-testid": "copy-share-link-button"
       },
-      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Link_default, { size: "sm" }))
-    ), hasClearTemporaryButton && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(IconWrapper, null, /* @__PURE__ */ React16.createElement(Link_default, { size: "sm" }))
+    ), hasClearTemporaryButton && /* @__PURE__ */ React16.createElement(
       Button,
       {
         onClick: (e) => {
@@ -9010,8 +9192,8 @@ var SavedViewCollectionMenuItem = (props) => {
         title: i18n.t("savedViews.actions.clearTemporary"),
         "data-testid": "clear-temporary-view-button"
       },
-      /* @__PURE__ */ React15.createElement(IconWrapper, null, /* @__PURE__ */ React15.createElement(Clear_default, { size: "sm" }))
-    )), /* @__PURE__ */ React15.createElement(Box, null, hasOverflowMenu && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(IconWrapper, null, /* @__PURE__ */ React16.createElement(Clear_default, { size: "sm" }))
+    )), /* @__PURE__ */ React16.createElement(Box, null, hasOverflowMenu && /* @__PURE__ */ React16.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -9037,7 +9219,7 @@ var ExpandedPanel = pt(Panel)`
 // src/components/panels/PanelContent.tsx
 import { Flex as Flex2, MenuImperative as MenuImperative2, useI18nContext as useI18nContext5 } from "@procore/core-react";
 import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
-import React17 from "react";
+import React18 from "react";
 
 // src/utils/api/queries.ts
 import { requestJSON as requestJSON2 } from "@procore/core-http";
@@ -9399,10 +9581,10 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
 };
 
 // src/components/panels/useGroups.ts
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 var useGroups = (isProjectLevelTool) => {
   const viewLevels = getViewLevels(isProjectLevelTool);
-  const [groups, setGroups] = useState2(
+  const [groups, setGroups] = useState3(
     Object.fromEntries(viewLevels.map((level) => [level, true]))
   );
   const toggleGroup = (group) => {
@@ -9419,15 +9601,15 @@ import {
   Typography,
   useI18nContext as useI18nContext4
 } from "@procore/core-react";
-import React16 from "react";
+import React17 from "react";
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ React16.createElement(Person_default, null);
+      return /* @__PURE__ */ React17.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ React16.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React17.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ React16.createElement(Building_default, null);
+      return /* @__PURE__ */ React17.createElement(Building_default, null);
   }
 };
 var StyledButton = pt(Button2)`
@@ -9437,7 +9619,7 @@ var StyledButton = pt(Button2)`
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
   const I18n = useI18nContext4();
-  return /* @__PURE__ */ React16.createElement(Box2, { style: { width: "100%" } }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(Box2, { style: { width: "100%" } }, /* @__PURE__ */ React17.createElement(
     StyledButton,
     {
       block: true,
@@ -9450,10 +9632,10 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       onClick: () => toggleGroup(group),
       "aria-controls": `saved-views-collections-${group}`,
       "aria-expanded": expanded,
-      icon: expanded ? /* @__PURE__ */ React16.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React16.createElement(ChevronRight_default, { size: "sm" })
+      icon: expanded ? /* @__PURE__ */ React17.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React17.createElement(ChevronRight_default, { size: "sm" })
     },
     groupIcon(group),
-    /* @__PURE__ */ React16.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React17.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   ));
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -9509,8 +9691,8 @@ var PanelContent = (props) => {
   const { mutate: updateSavedView } = updateMutation;
   const isUpdateLoading = "isPending" in updateMutation ? updateMutation.isPending : updateMutation.isLoading ?? false;
   const savedViews = props.savedViews ?? savedViewsFromQuery;
-  const errorToastRef = React17.useRef(null);
-  React17.useEffect(() => {
+  const errorToastRef = React18.useRef(null);
+  React18.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
@@ -9540,7 +9722,7 @@ var PanelContent = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ React17.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React17.createElement(Flex2, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React18.createElement(Flex2, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ React18.createElement(
     StyledMenuImperative,
     {
       role: "listbox",
@@ -9550,7 +9732,7 @@ var PanelContent = (props) => {
         }
       }
     },
-    /* @__PURE__ */ React17.createElement(MenuImperative2.Options, null, temporaryView && /* @__PURE__ */ React17.createElement(
+    /* @__PURE__ */ React18.createElement(MenuImperative2.Options, null, temporaryView && /* @__PURE__ */ React18.createElement(
       Row,
       {
         key: temporaryView.id,
@@ -9559,7 +9741,7 @@ var PanelContent = (props) => {
         "aria-current": isTemporarySelected ? "true" : void 0,
         ref: isTemporarySelected ? selectedRowRef : null
       },
-      /* @__PURE__ */ React17.createElement(
+      /* @__PURE__ */ React18.createElement(
         SavedViewCollectionMenuItem,
         {
           item: temporaryView,
@@ -9569,7 +9751,7 @@ var PanelContent = (props) => {
       )
     ), presetViews.map((presetView) => {
       const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
-      return /* @__PURE__ */ React17.createElement(
+      return /* @__PURE__ */ React18.createElement(
         Row,
         {
           key: presetView.id,
@@ -9578,7 +9760,7 @@ var PanelContent = (props) => {
           "aria-current": isSelected ? "true" : void 0,
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ React17.createElement(
+        /* @__PURE__ */ React18.createElement(
           SavedViewCollectionMenuItem,
           {
             item: presetView,
@@ -9592,14 +9774,14 @@ var PanelContent = (props) => {
     const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
-    return /* @__PURE__ */ React17.createElement(React17.Fragment, { key: level }, /* @__PURE__ */ React17.createElement(
+    return /* @__PURE__ */ React18.createElement(React18.Fragment, { key: level }, /* @__PURE__ */ React18.createElement(
       ViewLevelHeader_default,
       {
         group: level,
         toggleGroup,
         expanded: isExpanded
       }
-    ), isExpanded && views.length > 0 && /* @__PURE__ */ React17.createElement(
+    ), isExpanded && views.length > 0 && /* @__PURE__ */ React18.createElement(
       StyledMenuImperative,
       {
         id: `saved-views-collections-${level}`,
@@ -9610,7 +9792,7 @@ var PanelContent = (props) => {
           }
         }
       },
-      /* @__PURE__ */ React17.createElement(MenuImperative2.Options, null, views.map((view) => {
+      /* @__PURE__ */ React18.createElement(MenuImperative2.Options, null, views.map((view) => {
         const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === view.id;
         const canUpdate = isSelected && hasPermissionForViewLevel(
           view.view_level,
@@ -9622,7 +9804,7 @@ var PanelContent = (props) => {
           props.provider
         );
         const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-        return /* @__PURE__ */ React17.createElement(
+        return /* @__PURE__ */ React18.createElement(
           Row,
           {
             key: view.id,
@@ -9631,7 +9813,7 @@ var PanelContent = (props) => {
             "aria-current": isSelected ? "true" : void 0,
             ref: isSelected ? selectedRowRef : null
           },
-          /* @__PURE__ */ React17.createElement(
+          /* @__PURE__ */ React18.createElement(
             SavedViewCollectionMenuItem,
             {
               item: view,
@@ -9658,10 +9840,10 @@ import {
   Button as Button6,
   Flex as Flex5,
   Panel as Panel3,
-  Tooltip,
+  Tooltip as Tooltip2,
   useI18nContext as useI18nContext12
 } from "@procore/core-react";
-import React23, { useState as useState4, useEffect as useEffect6, useCallback as useCallback4 } from "react";
+import React24, { useState as useState5, useEffect as useEffect6, useCallback as useCallback5 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useToastAlertContext as useToastAlertContext3, ToastAlertProvider } from "@procore/toast-alert";
 
@@ -9673,14 +9855,14 @@ import {
   P as P2,
   useI18nContext as useI18nContext6
 } from "@procore/core-react";
-import React18 from "react";
+import React19 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = useI18nContext6();
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -9690,13 +9872,13 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ React18.createElement(Modal.Body, null, /* @__PURE__ */ React18.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ React18.createElement(Modal.Footer, null, /* @__PURE__ */ React18.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React18.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React18.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ React19.createElement(Modal.Body, null, /* @__PURE__ */ React19.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React19.createElement(Modal.Footer, null, /* @__PURE__ */ React19.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React19.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-import React21 from "react";
+import React22 from "react";
 
 // src/components/modals/form-modal/FormModalBase.tsx
 import {
@@ -9711,7 +9893,7 @@ import {
   Typography as Typography2,
   useI18nContext as useI18nContext8
 } from "@procore/core-react";
-import * as React20 from "react";
+import * as React21 from "react";
 import * as yup from "yup";
 
 // src/components/modals/form-modal/FormModalBaseUtils.ts
@@ -9748,7 +9930,7 @@ function extractMessage(error, I18n) {
 
 // src/components/modals/form-modal/NameInputField.tsx
 import { Form, useFormContext, useI18nContext as useI18nContext7 } from "@procore/core-react";
-import * as React19 from "react";
+import * as React20 from "react";
 var NAME_INPUT_ID = "saved-view-form-name-input";
 var NameInputField = ({
   error,
@@ -9757,13 +9939,13 @@ var NameInputField = ({
   const I18n = useI18nContext7();
   const label = I18n.t("savedViews.modal.fields.name");
   const { errors: formErrors, submitCount } = useFormContext();
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     var _a;
     if (submitCount > 0 && (formErrors == null ? void 0 : formErrors.name)) {
       (_a = document.getElementById(NAME_INPUT_ID)) == null ? void 0 : _a.focus();
     }
   }, [formErrors == null ? void 0 : formErrors.name, submitCount]);
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     Form.Text,
     {
       id: NAME_INPUT_ID,
@@ -9855,7 +10037,7 @@ var FormModalBase = ({
     I18n,
     isProjectLevelTool
   );
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     Modal2,
     {
       howToClose: ["x", "scrim"],
@@ -9864,7 +10046,7 @@ var FormModalBase = ({
       width: "md",
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React20.createElement(ScrollContainer, null, /* @__PURE__ */ React20.createElement(Modal2.Header, { style: { borderBottom: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React20.createElement(Modal2.Heading, null, header)), /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.createElement(ScrollContainer, null, /* @__PURE__ */ React21.createElement(Modal2.Header, { style: { borderBottom: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React21.createElement(Modal2.Heading, null, header)), /* @__PURE__ */ React21.createElement(
       Form2,
       {
         initialValues: {
@@ -9890,25 +10072,25 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React20.createElement(Form2.Form, { name: header }, /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement(Form2.Form, { name: header }, /* @__PURE__ */ React21.createElement(
         Modal2.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: spacing2.lg }
         },
-        errors && /* @__PURE__ */ React20.createElement(ErrorBanner, { style: { marginBottom: spacing2.xl } }, /* @__PURE__ */ React20.createElement(Banner.Content, null, /* @__PURE__ */ React20.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React20.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React20.createElement(Form2.Row, null, /* @__PURE__ */ React20.createElement(
+        errors && /* @__PURE__ */ React21.createElement(ErrorBanner, { style: { marginBottom: spacing2.xl } }, /* @__PURE__ */ React21.createElement(Banner.Content, null, /* @__PURE__ */ React21.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React21.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React21.createElement(Form2.Row, null, /* @__PURE__ */ React21.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: resetMutations
           }
         )),
-        /* @__PURE__ */ React20.createElement(
+        /* @__PURE__ */ React21.createElement(
           Form2.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing2.xl : spacing2.none }
           },
-          /* @__PURE__ */ React20.createElement(
+          /* @__PURE__ */ React21.createElement(
             Form2.TextArea,
             {
               name: "description",
@@ -9919,7 +10101,7 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React20.createElement(Form2.Row, null, /* @__PURE__ */ React20.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React21.createElement(Form2.Row, null, /* @__PURE__ */ React21.createElement(
           Form2.Select,
           {
             name: "view_level",
@@ -9929,8 +10111,8 @@ var FormModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React20.createElement(React20.Fragment, null)
-      ), /* @__PURE__ */ React20.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React20.createElement(Flex3, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React20.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React20.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React20.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React20.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React20.createElement(
+        )) : /* @__PURE__ */ React21.createElement(React21.Fragment, null)
+      ), /* @__PURE__ */ React21.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React21.createElement(Flex3, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React21.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React21.createElement(
         Button4,
         {
           "data-testid": "create-update-modal-button",
@@ -9960,7 +10142,7 @@ var FormModal = ({
   defaultView
 }) => {
   const i18n = useI18nContext9();
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(
     FormModalBase,
     {
       open,
@@ -9994,7 +10176,7 @@ import {
   Typography as Typography3,
   useI18nContext as useI18nContext10
 } from "@procore/core-react";
-import * as React22 from "react";
+import * as React23 from "react";
 import * as yup2 from "yup";
 var SharedViewFormModal = ({
   open,
@@ -10017,7 +10199,7 @@ var SharedViewFormModal = ({
   const handleOnSubmit = (data) => {
     onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     Modal3,
     {
       "data-testid": "shared-view-form-modal",
@@ -10026,7 +10208,7 @@ var SharedViewFormModal = ({
       onClose,
       style: { width: "540px" }
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       Modal3.Header,
       {
         onClose,
@@ -10037,9 +10219,9 @@ var SharedViewFormModal = ({
           paddingRight: spacing3.xl
         }
       },
-      /* @__PURE__ */ React22.createElement(Modal3.Heading, null, I18n.t("savedViews.modal.create.title"))
+      /* @__PURE__ */ React23.createElement(Modal3.Heading, null, I18n.t("savedViews.modal.create.title"))
     ),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       P3,
       {
         style: {
@@ -10054,7 +10236,7 @@ var SharedViewFormModal = ({
       },
       I18n.t("savedViews.modal.copyConfirmation.description")
     ),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       Form3,
       {
         initialValues: {
@@ -10073,7 +10255,7 @@ var SharedViewFormModal = ({
         onSubmit: handleOnSubmit,
         validateOnChange: true
       },
-      /* @__PURE__ */ React22.createElement(Form3.Form, { name: "share-view-form" }, /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(Form3.Form, { name: "share-view-form" }, /* @__PURE__ */ React23.createElement(
         Modal3.Body,
         {
           style: {
@@ -10082,22 +10264,22 @@ var SharedViewFormModal = ({
             borderTop: `1px solid ${colors4.gray85}`
           }
         },
-        errors && /* @__PURE__ */ React22.createElement(ErrorBanner2, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React22.createElement(Banner2.Content, null, /* @__PURE__ */ React22.createElement(Banner2.Title, null, I18n.t("savedViews.modal.errors.title", {
+        errors && /* @__PURE__ */ React23.createElement(ErrorBanner2, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React23.createElement(Banner2.Content, null, /* @__PURE__ */ React23.createElement(Banner2.Title, null, I18n.t("savedViews.modal.errors.title", {
           mode: "create"
-        })), /* @__PURE__ */ React22.createElement(Banner2.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React22.createElement(Form3.Row, null, /* @__PURE__ */ React22.createElement(
+        })), /* @__PURE__ */ React23.createElement(Banner2.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React23.createElement(Form3.Row, null, /* @__PURE__ */ React23.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: handleNameChange
           }
         )),
-        /* @__PURE__ */ React22.createElement(
+        /* @__PURE__ */ React23.createElement(
           Form3.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing3.xl : spacing3.none }
           },
-          /* @__PURE__ */ React22.createElement(
+          /* @__PURE__ */ React23.createElement(
             Form3.TextArea,
             {
               name: "description",
@@ -10108,7 +10290,7 @@ var SharedViewFormModal = ({
             }
           )
         )
-      ), /* @__PURE__ */ React22.createElement(Modal3.Footer, { style: { borderTop: `1px solid ${colors4.gray85}` } }, /* @__PURE__ */ React22.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React22.createElement(Typography3, { color: "gray45", italic: true }, /* @__PURE__ */ React22.createElement(Typography3, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React22.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React22.createElement(
+      ), /* @__PURE__ */ React23.createElement(Modal3.Footer, { style: { borderTop: `1px solid ${colors4.gray85}` } }, /* @__PURE__ */ React23.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React23.createElement(Typography3, { color: "gray45", italic: true }, /* @__PURE__ */ React23.createElement(Typography3, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React23.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React23.createElement(
         Button5,
         {
           variant: "secondary",
@@ -10117,7 +10299,7 @@ var SharedViewFormModal = ({
           disabled: isCreating
         },
         I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React22.createElement(
+      ), /* @__PURE__ */ React23.createElement(
         Button5,
         {
           type: "submit",
@@ -10133,7 +10315,7 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/hooks/useViewSelection.ts
-import { useState as useState3, useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3, useMemo as useMemo2 } from "react";
+import { useState as useState4, useCallback as useCallback4, useEffect as useEffect4, useRef as useRef3, useMemo as useMemo3 } from "react";
 import { useSearchParams } from "react-router-dom";
 import { useI18nContext as useI18nContext11 } from "@procore/core-react";
 
@@ -10160,13 +10342,13 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useLatest.ts
-import { useCallback as useCallback2, useLayoutEffect, useRef as useRef2 } from "react";
+import { useCallback as useCallback3, useLayoutEffect, useRef as useRef2 } from "react";
 var useLatest = (callback) => {
   const ref = useRef2(callback);
   useLayoutEffect(() => {
     ref.current = callback;
   });
-  return useCallback2((...args) => ref.current(...args), []);
+  return useCallback3((...args) => ref.current(...args), []);
 };
 
 // src/utils/hooks/useViewSelection.ts
@@ -10179,16 +10361,21 @@ var areRowGroupStatesEqual = (a2, b2) => {
   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") {
-    updatedParams.set("saved-view", "default");
-  } else if (view.id === "temporary") {
-    updatedParams.set("saved-view", "temporary");
-  } else {
-    updatedParams.set("saved-view", view.share_token);
+var getViewToken = (view) => {
+  if (view.id === "default" || view.id === "temporary") {
+    return view.id;
   }
-  return updatedParams;
+  return view.share_token;
+};
+var setSavedViewParam = (token2, setSearchParams) => {
+  setSearchParams(
+    (currentParams) => {
+      const updatedParams = new URLSearchParams(currentParams);
+      updatedParams.set("saved-view", token2);
+      return updatedParams;
+    },
+    { replace: true }
+  );
 };
 var checkIsViewSelected = (selectedView, viewId) => {
   return (selectedView == null ? void 0 : selectedView.share_token) === viewId || (selectedView == null ? void 0 : selectedView.id) === viewId;
@@ -10197,21 +10384,11 @@ var findViewByToken = (views, token2) => {
   return views.find((view) => view.share_token === token2);
 };
 var setViewInUrl = (view, setSearchParams) => {
-  setSearchParams(
-    (currentParams) => getUpdatedSearchParams(currentParams, view),
-    { replace: true }
-  );
+  setSavedViewParam(getViewToken(view), setSearchParams);
 };
 var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
   if (previousParam && !currentParam) {
-    setSearchParams(
-      (currentParams) => {
-        const updatedParams = new URLSearchParams(currentParams);
-        updatedParams.set("saved-view", previousParam);
-        return updatedParams;
-      },
-      { replace: true }
-    );
+    setSavedViewParam(previousParam, setSearchParams);
   }
 };
 var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
@@ -10221,30 +10398,32 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
   const temporaryStorageKey = `${storageKey}-temporary`;
   const [searchParams, setSearchParams] = useSearchParams();
   const previousSavedViewParamRef = useRef3(null);
-  const [selectedSavedView, setSelectedSavedView] = useState3(() => {
+  const intendedTokenRef = useRef3(null);
+  const [selectedSavedView, setSelectedSavedView] = useState4(() => {
     const stored = ViewStorage.load(storageKey, config.defaultView);
     return stored ?? config.defaultView;
   });
-  const [temporaryView, setTemporaryView] = useState3(() => {
+  const [temporaryView, setTemporaryView] = useState4(() => {
     const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
     return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
   });
-  const persistViewToStorageAndUrl = useCallback3(
+  const persistViewToStorageAndUrl = useCallback4(
     (view) => {
       ViewStorage.save(storageKey, view);
+      intendedTokenRef.current = getViewToken(view);
       setViewInUrl(view, setSearchParams);
     },
     [storageKey, setSearchParams]
   );
-  const baseViews = useMemo2(
+  const baseViews = useMemo3(
     () => [...savedViews ?? [], ...presetViews ?? []],
     [savedViews, presetViews]
   );
-  const allViews = useMemo2(
+  const allViews = useMemo3(
     () => temporaryView ? [...baseViews, temporaryView] : baseViews,
     [baseViews, temporaryView]
   );
-  const selectView = useCallback3(
+  const selectView = useCallback4(
     (view) => {
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
@@ -10253,7 +10432,7 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [config, persistViewToStorageAndUrl]
   );
-  const createTemporaryView = useCallback3(
+  const createTemporaryView = useCallback4(
     (fetchedView) => {
       const tempView = {
         ...fetchedView,
@@ -10268,12 +10447,12 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [temporaryStorageKey, selectView]
   );
-  const clearTemporaryView = useCallback3(() => {
+  const clearTemporaryView = useCallback4(() => {
     ViewStorage.remove(temporaryStorageKey);
     setTemporaryView(null);
     selectView(config.defaultView);
   }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = useCallback3(
+  const isViewAlreadySelected = useCallback4(
     (viewId) => checkIsViewSelected(selectedSavedView, viewId),
     [selectedSavedView]
   );
@@ -10290,6 +10469,14 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
   });
   useEffect4(() => {
     const savedViewId = searchParams.get("saved-view");
+    const intendedToken = intendedTokenRef.current;
+    if (intendedToken !== null && savedViewId !== intendedToken) {
+      setSavedViewParam(intendedToken, setSearchParams);
+      return;
+    }
+    if (intendedToken !== null && savedViewId === intendedToken) {
+      intendedTokenRef.current = null;
+    }
     restoreUrlParameter(
       savedViewId,
       previousSavedViewParamRef.current,
@@ -10405,6 +10592,7 @@ var StyledPanel = pt.div`
 `;
 var queryClient = new QueryClient();
 var SavedViewsContent = (props) => {
+  var _a;
   const { projectId, companyId } = props;
   const queryInput = {
     domain: props.domain,
@@ -10416,13 +10604,13 @@ var SavedViewsContent = (props) => {
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
   const { showToast } = useToastAlertContext3();
   const i18n = useI18nContext12();
-  const [activeModal, setActiveModal] = useState4(null);
-  const [modalData, setModalData] = useState4(null);
+  const [activeModal, setActiveModal] = useState5(null);
+  const [modalData, setModalData] = useState5(null);
   const openModal = (type, data) => {
     setActiveModal(type);
     setModalData(data ?? null);
   };
-  const closeModal = useCallback4(() => {
+  const closeModal = useCallback5(() => {
     setActiveModal(null);
     setModalData(null);
   }, []);
@@ -10469,6 +10657,10 @@ var SavedViewsContent = (props) => {
       closeModal();
     }
   }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
+  const setSelectedViewInContext = (_a = useSavedViewsSelection()) == null ? void 0 : _a.setSelectedView;
+  useEffect6(() => {
+    setSelectedViewInContext == null ? void 0 : setSelectedViewInContext(selectedView ?? null);
+  }, [selectedView, setSelectedViewInContext]);
   const viewSharedViewTemporarily = () => {
     if (fetchedView) {
       createTemporaryView(fetchedView);
@@ -10510,19 +10702,19 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  return /* @__PURE__ */ React23.createElement(FocusScope, { contain: false }, /* @__PURE__ */ React23.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ React23.createElement(FocusScopeToggle, { isOpen: props.isPanelOpen ?? true }), /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement(FocusScope, { contain: false }, /* @__PURE__ */ React24.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ React24.createElement(FocusScopeToggle, { isOpen: props.isPanelOpen ?? true }), /* @__PURE__ */ React24.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ React23.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React23.createElement(Panel3.Title, null, /* @__PURE__ */ React23.createElement(Flex5, { alignItems: "center" }, /* @__PURE__ */ React23.createElement(Box3, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React23.createElement(
-      Tooltip,
+    /* @__PURE__ */ React24.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React24.createElement(Panel3.Title, null, /* @__PURE__ */ React24.createElement(Flex5, { alignItems: "center" }, /* @__PURE__ */ React24.createElement(Box3, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React24.createElement(
+      Tooltip2,
       {
         showDelay: 200,
-        overlay: /* @__PURE__ */ React23.createElement(Tooltip.Content, null, i18n.t("savedViews.tooltip"))
+        overlay: /* @__PURE__ */ React24.createElement(Tooltip2.Content, null, i18n.t("savedViews.tooltip"))
       },
-      /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React24.createElement(
         Help_default,
         {
           tabIndex: 0,
@@ -10530,16 +10722,16 @@ var SavedViewsContent = (props) => {
           "aria-label": i18n.t("savedViews.tooltip")
         }
       )
-    ))), /* @__PURE__ */ React23.createElement(
-      Tooltip,
+    ))), /* @__PURE__ */ React24.createElement(
+      Tooltip2,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React24.createElement(
         Button6,
         {
-          icon: /* @__PURE__ */ React23.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ React24.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -10548,7 +10740,7 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       )
     )),
-    /* @__PURE__ */ React23.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React24.createElement(
       PanelContent,
       {
         onSelect: ({ item }) => selectView(item),
@@ -10565,7 +10757,7 @@ var SavedViewsContent = (props) => {
         onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React23.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React24.createElement(
     FormModal,
     {
       open: true,
@@ -10579,14 +10771,14 @@ var SavedViewsContent = (props) => {
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React23.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React24.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React23.createElement(
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React24.createElement(
     SharedViewFormModal,
     {
       open: true,
@@ -10601,14 +10793,14 @@ var SavedViewsContent = (props) => {
   )));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ React23.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React23.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React23.createElement(ToastAlertProvider, null, /* @__PURE__ */ React23.createElement(SavedViewsContent, { ...props }))));
+  return /* @__PURE__ */ React24.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React24.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React24.createElement(ToastAlertProvider, null, /* @__PURE__ */ React24.createElement(SavedViewsContent, { ...props }))));
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-import React24, { useCallback as useCallback5 } from "react";
+import React25, { useCallback as useCallback6 } from "react";
 
 // src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 var DEFAULT_COLUMN_STATE = {
   hide: false,
   pinned: null,
@@ -10656,7 +10848,7 @@ var extractDefaultView = (gridApi, receivedConfig) => {
   return result;
 };
 var useNormalizedDefaultViews = (defaultViews, gridApi) => {
-  return useMemo3(() => {
+  return useMemo4(() => {
     if (!gridApi)
       return defaultViews.map((view) => ({ ...view, share_token: view.id }));
     return defaultViews.map((view) => ({
@@ -10668,7 +10860,7 @@ var useNormalizedDefaultViews = (defaultViews, gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSmartGridConfig.ts
-import { useState as useState5, useEffect as useEffect7 } from "react";
+import { useState as useState6, useEffect as useEffect7 } from "react";
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -10684,7 +10876,7 @@ var GRID_STATE_EVENTS = [
   "gridReady"
 ];
 var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = useState5(
+  const [config, setConfig] = useState6(
     () => getSmartGridConfig(gridApi)
   );
   useEffect7(() => {
@@ -10705,11 +10897,11 @@ var useSmartGridConfig = (gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSavedViewsPanelOpen.ts
-import { useEffect as useEffect8, useState as useState6 } from "react";
+import { useEffect as useEffect8, useState as useState7 } from "react";
 var SAVED_VIEWS_PANEL_ID = "savedViews";
 var useSavedViewsPanelOpen = (gridApi) => {
   var _a;
-  const [isOpen, setIsOpen] = useState6(
+  const [isOpen, setIsOpen] = useState7(
     ((_a = gridApi.getOpenedToolPanel) == null ? void 0 : _a.call(gridApi)) === SAVED_VIEWS_PANEL_ID
   );
   useEffect8(() => {
@@ -10735,7 +10927,7 @@ var SmartGridSavedViews = (props) => {
   const isPanelOpen = useSavedViewsPanelOpen(gridApi);
   const presetViews = useNormalizedDefaultViews(props.defaultViews, gridApi);
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const onSelect = useCallback5(
+  const onSelect = useCallback6(
     ({ item }) => {
       var _a;
       if (!gridApi) return item;
@@ -10763,7 +10955,7 @@ var SmartGridSavedViews = (props) => {
     },
     [gridApi, tableConfig, setTableConfig]
   );
-  return /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React25.createElement(
     SavedViews,
     {
       onSelect,
@@ -10782,15 +10974,15 @@ var SmartGridSavedViews = (props) => {
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-import React25, {
+import React26, {
   forwardRef as forwardRef11,
   useImperativeHandle,
-  useState as useState7,
-  useCallback as useCallback6
+  useState as useState8,
+  useCallback as useCallback7
 } from "react";
 
 // src/components/adapters/data-table/DataTableDefaultSavedView.tsx
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 var DEFAULT_COLUMN_STATE2 = {
   hidden: false,
   pinned: null,
@@ -10838,7 +11030,7 @@ var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   return result;
 };
 var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
-  return useMemo4(
+  return useMemo5(
     () => defaultViews.map((view) => ({
       ...view,
       share_token: view.id,
@@ -10856,7 +11048,7 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
     props.columnDefinitions
   );
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const [internalTableConfig, setInternalTableConfig] = useState7(
+  const [internalTableConfig, setInternalTableConfig] = useState8(
     ViewStorage.load(props.stickyViewsKey, defaultView).table_config
   );
   useImperativeHandle(ref, () => ({
@@ -10864,7 +11056,7 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
       setInternalTableConfig(newConfig);
     }
   }));
-  const onSelect = useCallback6(
+  const onSelect = useCallback7(
     ({ item }) => {
       var _a;
       const isPresetView = item.view_level === "default";
@@ -10888,7 +11080,7 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     SavedViews,
     {
       onSelect,
@@ -10913,9 +11105,11 @@ export {
   SavedViewCollectionMenuItem,
   SavedViews,
   SavedViewsDeleteConfirmationModalShared,
+  SavedViewsSelectionProvider,
   SmartGridSavedViews,
   getTranslations,
-  useSavedViewsPanel_default as useSavedViewsPanel
+  useSavedViewsPanel_default as useSavedViewsPanel,
+  useSavedViewsSelection
 };
 /*! Bundled license information: