@procore/saved-views 6.0.1 → 6.1.0

package/dist/legacy/index.js

@@ -5541,9 +5541,11 @@ __export(index_exports, {
   SavedViewCollectionMenuItem: () => SavedViewCollectionMenuItem,
   SavedViews: () => SavedViews,
   SavedViewsDeleteConfirmationModalShared: () => SavedViewsDeleteConfirmationModalShared,
+  SavedViewsSelectionProvider: () => SavedViewsSelectionProvider,
   SmartGridSavedViews: () => SmartGridSavedViews,
   getTranslations: () => getTranslations,
-  useSavedViewsPanel: () => useSavedViewsPanel_default
+  useSavedViewsPanel: () => useSavedViewsPanel_default,
+  useSavedViewsSelection: () => useSavedViewsSelection
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -5557,7 +5559,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",
@@ -5652,7 +5662,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",
@@ -5747,7 +5765,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",
@@ -5842,7 +5868,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",
@@ -5937,7 +5971,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",
@@ -6032,7 +6074,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",
@@ -6064,7 +6114,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",
@@ -6114,7 +6164,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"
     }
   }
@@ -6127,7 +6177,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",
@@ -6222,7 +6280,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",
@@ -6249,7 +6315,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",
@@ -6264,9 +6330,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"
@@ -6277,8 +6343,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."
@@ -6290,12 +6356,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",
@@ -6317,7 +6383,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",
@@ -6412,7 +6486,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",
@@ -6507,7 +6589,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",
@@ -6602,7 +6692,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",
@@ -6697,7 +6795,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",
@@ -6792,7 +6898,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",
@@ -6887,7 +7001,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",
@@ -6982,7 +7104,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",
@@ -7105,7 +7235,7 @@ function getTranslations(envLocale) {
 }
 
 // src/components/buttons/useSavedViewsPanel.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // ../../node_modules/tslib/tslib.es6.mjs
 var __assign = function() {
@@ -7324,7 +7454,7 @@ var Plus_default = Plus;
 
 // src/components/buttons/SavedViewsButton.tsx
 var import_core_react2 = require("@procore/core-react");
-var import_react3 = __toESM(require("react"));
+var import_react4 = __toESM(require("react"));
 
 // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function memoize(fn) {
@@ -8837,6 +8967,25 @@ var EnvironmentI18nProvider = ({ children }) => {
   return /* @__PURE__ */ import_react2.default.createElement(import_core_react.I18nContext.Provider, { value: i18n }, children);
 };
 
+// src/components/buttons/SavedViewsSelectionContext.tsx
+var import_react3 = __toESM(require("react"));
+var SavedViewsSelectionContext = (0, import_react3.createContext)(null);
+var SavedViewsSelectionProvider = ({
+  children
+}) => {
+  const [selectedView, setSelectedView] = (0, import_react3.useState)(null);
+  const updateSelectedView = (0, import_react3.useCallback)(
+    (view) => setSelectedView(view),
+    []
+  );
+  const value = (0, import_react3.useMemo)(
+    () => ({ selectedView, setSelectedView: updateSelectedView }),
+    [selectedView, updateSelectedView]
+  );
+  return /* @__PURE__ */ import_react3.default.createElement(SavedViewsSelectionContext.Provider, { value }, children);
+};
+var useSavedViewsSelection = () => (0, import_react3.useContext)(SavedViewsSelectionContext);
+
 // src/components/buttons/SavedViewsButton.tsx
 var StyledIcon = pt(ExpandSidebar_default)`
   transform: ${(props) => props.left ? "rotate(180deg)" : ""};
@@ -8846,43 +8995,72 @@ 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__ */ import_react3.default.createElement(Container, null, /* @__PURE__ */ import_react3.default.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__ */ import_react4.default.createElement(
     import_core_react2.ToggleButton,
     {
       selected: isOpen,
       onClick: handleClick,
-      icon: /* @__PURE__ */ import_react3.default.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ import_react4.default.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__ */ import_react4.default.createElement(Label, null, label)
+  );
+  return /* @__PURE__ */ import_react4.default.createElement(Container, null, activeName ? /* @__PURE__ */ import_react4.default.createElement(
+    import_core_react2.Tooltip,
+    {
+      showDelay: 500,
+      overlay: /* @__PURE__ */ import_react4.default.createElement(import_core_react2.Tooltip.Content, null, label)
+    },
+    button
+  ) : button);
 };
 
 // src/components/buttons/useSavedViewsPanel.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
-  const [isOpen, setIsOpen] = (0, import_react4.useState)(
+  const [isOpen, setIsOpen] = (0, import_react5.useState)(
     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__ */ import_react5.default.createElement(SavedViewsButton, { handleClick, isOpen });
-  return { isOpen, SavedViewsButton: Button7 };
+  const Button7 = () => /* @__PURE__ */ import_react6.default.createElement(SavedViewsButton, { handleClick, isOpen });
+  return {
+    isOpen,
+    SavedViewsButton: Button7,
+    SavedViewsProvider: SavedViewsSelectionProvider
+  };
 };
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
 // src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
 var import_core_react3 = require("@procore/core-react");
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_toast_alert = require("@procore/toast-alert");
 var RowActionsBox = pt(import_core_react3.Flex)`
   justify-content: center;
@@ -8904,7 +9082,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) {
@@ -8952,7 +9130,7 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  const preventEventBubbleToNotTriggerViewSelectEvent = React15.useCallback(
+  const preventEventBubbleToNotTriggerViewSelectEvent = React16.useCallback(
     (e) => {
       e.stopPropagation();
     },
@@ -8963,7 +9141,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),
@@ -8975,7 +9153,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",
@@ -8983,7 +9161,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    hasActions && /* @__PURE__ */ React15.createElement(RowActionsBox, null, /* @__PURE__ */ React15.createElement(import_core_react3.Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React15.createElement(
+    hasActions && /* @__PURE__ */ React16.createElement(RowActionsBox, null, /* @__PURE__ */ React16.createElement(import_core_react3.Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React16.createElement(
       import_core_react3.Button,
       {
         onClick: updateItem,
@@ -8994,7 +9172,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ), hasCopyShareLinkButton && /* @__PURE__ */ React15.createElement(
+    ), hasCopyShareLinkButton && /* @__PURE__ */ React16.createElement(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -9003,8 +9181,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(
       import_core_react3.Button,
       {
         onClick: (e) => {
@@ -9018,8 +9196,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(import_core_react3.Box, null, hasOverflowMenu && /* @__PURE__ */ React15.createElement(
+      /* @__PURE__ */ React16.createElement(IconWrapper, null, /* @__PURE__ */ React16.createElement(Clear_default, { size: "sm" }))
+    )), /* @__PURE__ */ React16.createElement(import_core_react3.Box, null, hasOverflowMenu && /* @__PURE__ */ React16.createElement(
       import_core_react3.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -9045,7 +9223,7 @@ var ExpandedPanel = pt(import_core_react4.Panel)`
 // src/components/panels/PanelContent.tsx
 var import_core_react8 = require("@procore/core-react");
 var import_toast_alert2 = require("@procore/toast-alert");
-var import_react9 = __toESM(require("react"));
+var import_react10 = __toESM(require("react"));
 
 // src/utils/api/queries.ts
 var import_core_http2 = require("@procore/core-http");
@@ -9407,10 +9585,10 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
 };
 
 // src/components/panels/useGroups.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var useGroups = (isProjectLevelTool) => {
   const viewLevels = getViewLevels(isProjectLevelTool);
-  const [groups, setGroups] = (0, import_react6.useState)(
+  const [groups, setGroups] = (0, import_react7.useState)(
     Object.fromEntries(viewLevels.map((level) => [level, true]))
   );
   const toggleGroup = (group) => {
@@ -9421,15 +9599,15 @@ var useGroups = (isProjectLevelTool) => {
 
 // src/components/panels/ViewLevelHeader.tsx
 var import_core_react6 = require("@procore/core-react");
-var import_react7 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ import_react7.default.createElement(Person_default, null);
+      return /* @__PURE__ */ import_react8.default.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ import_react7.default.createElement(Excavator_default, null);
+      return /* @__PURE__ */ import_react8.default.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ import_react7.default.createElement(Building_default, null);
+      return /* @__PURE__ */ import_react8.default.createElement(Building_default, null);
   }
 };
 var StyledButton = pt(import_core_react6.Button)`
@@ -9439,7 +9617,7 @@ var StyledButton = pt(import_core_react6.Button)`
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
   const I18n = (0, import_core_react6.useI18nContext)();
-  return /* @__PURE__ */ import_react7.default.createElement(import_core_react6.Box, { style: { width: "100%" } }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react8.default.createElement(import_core_react6.Box, { style: { width: "100%" } }, /* @__PURE__ */ import_react8.default.createElement(
     StyledButton,
     {
       block: true,
@@ -9452,19 +9630,19 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       onClick: () => toggleGroup(group),
       "aria-controls": `saved-views-collections-${group}`,
       "aria-expanded": expanded,
-      icon: expanded ? /* @__PURE__ */ import_react7.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(ChevronRight_default, { size: "sm" })
+      icon: expanded ? /* @__PURE__ */ import_react8.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(ChevronRight_default, { size: "sm" })
     },
     groupIcon(group),
-    /* @__PURE__ */ import_react7.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ import_react8.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   ));
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
 // src/utils/hooks/useScrollToRef.ts
-var import_react8 = require("react");
+var import_react9 = require("react");
 var useScrollToRef = (dependency) => {
-  const ref = (0, import_react8.useRef)(null);
-  (0, import_react8.useEffect)(() => {
+  const ref = (0, import_react9.useRef)(null);
+  (0, import_react9.useEffect)(() => {
     if (ref.current) {
       ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
@@ -9506,8 +9684,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 = import_react9.default.useRef(null);
-  import_react9.default.useEffect(() => {
+  const errorToastRef = import_react10.default.useRef(null);
+  import_react10.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
@@ -9537,7 +9715,7 @@ var PanelContent = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react8.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ import_react10.default.createElement(
     StyledMenuImperative,
     {
       role: "listbox",
@@ -9547,7 +9725,7 @@ var PanelContent = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react9.default.createElement(import_core_react8.MenuImperative.Options, null, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ import_react10.default.createElement(import_core_react8.MenuImperative.Options, null, temporaryView && /* @__PURE__ */ import_react10.default.createElement(
       Row,
       {
         key: temporaryView.id,
@@ -9556,7 +9734,7 @@ var PanelContent = (props) => {
         "aria-current": isTemporarySelected ? "true" : void 0,
         ref: isTemporarySelected ? selectedRowRef : null
       },
-      /* @__PURE__ */ import_react9.default.createElement(
+      /* @__PURE__ */ import_react10.default.createElement(
         SavedViewCollectionMenuItem,
         {
           item: temporaryView,
@@ -9566,7 +9744,7 @@ var PanelContent = (props) => {
       )
     ), presetViews.map((presetView) => {
       const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
-      return /* @__PURE__ */ import_react9.default.createElement(
+      return /* @__PURE__ */ import_react10.default.createElement(
         Row,
         {
           key: presetView.id,
@@ -9575,7 +9753,7 @@ var PanelContent = (props) => {
           "aria-current": isSelected ? "true" : void 0,
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ import_react9.default.createElement(
+        /* @__PURE__ */ import_react10.default.createElement(
           SavedViewCollectionMenuItem,
           {
             item: presetView,
@@ -9589,14 +9767,14 @@ var PanelContent = (props) => {
     const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
-    return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, { key: level }, /* @__PURE__ */ import_react9.default.createElement(
+    return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, { key: level }, /* @__PURE__ */ import_react10.default.createElement(
       ViewLevelHeader_default,
       {
         group: level,
         toggleGroup,
         expanded: isExpanded
       }
-    ), isExpanded && views.length > 0 && /* @__PURE__ */ import_react9.default.createElement(
+    ), isExpanded && views.length > 0 && /* @__PURE__ */ import_react10.default.createElement(
       StyledMenuImperative,
       {
         id: `saved-views-collections-${level}`,
@@ -9607,7 +9785,7 @@ var PanelContent = (props) => {
           }
         }
       },
-      /* @__PURE__ */ import_react9.default.createElement(import_core_react8.MenuImperative.Options, null, views.map((view) => {
+      /* @__PURE__ */ import_react10.default.createElement(import_core_react8.MenuImperative.Options, null, views.map((view) => {
         const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === view.id;
         const canUpdate = isSelected && hasPermissionForViewLevel(
           view.view_level,
@@ -9619,7 +9797,7 @@ var PanelContent = (props) => {
           props.provider
         );
         const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-        return /* @__PURE__ */ import_react9.default.createElement(
+        return /* @__PURE__ */ import_react10.default.createElement(
           Row,
           {
             key: view.id,
@@ -9628,7 +9806,7 @@ var PanelContent = (props) => {
             "aria-current": isSelected ? "true" : void 0,
             ref: isSelected ? selectedRowRef : null
           },
-          /* @__PURE__ */ import_react9.default.createElement(
+          /* @__PURE__ */ import_react10.default.createElement(
             SavedViewCollectionMenuItem,
             {
               item: view,
@@ -9651,20 +9829,20 @@ var PanelContent = (props) => {
 
 // src/components/saved-views/SavedViews.tsx
 var import_core_react15 = require("@procore/core-react");
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
 var import_react_query3 = require("@tanstack/react-query");
 var import_toast_alert3 = require("@procore/toast-alert");
 
 // src/components/modals/DeleteConfirmationModal.tsx
 var import_core_react9 = require("@procore/core-react");
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = (0, import_core_react9.useI18nContext)();
-  return /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react11.default.createElement(
     import_core_react9.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -9674,17 +9852,17 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react11.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/components/modals/form-modal/FormModalBase.tsx
 var import_core_react11 = require("@procore/core-react");
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var yup = __toESM(require("yup"));
 
 // src/components/modals/form-modal/FormModalBaseUtils.ts
@@ -9721,7 +9899,7 @@ function extractMessage(error, I18n) {
 
 // src/components/modals/form-modal/NameInputField.tsx
 var import_core_react10 = require("@procore/core-react");
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var NAME_INPUT_ID = "saved-view-form-name-input";
 var NameInputField = ({
   error,
@@ -9730,13 +9908,13 @@ var NameInputField = ({
   const I18n = (0, import_core_react10.useI18nContext)();
   const label = I18n.t("savedViews.modal.fields.name");
   const { errors: formErrors, submitCount } = (0, import_core_react10.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(
     import_core_react10.Form.Text,
     {
       id: NAME_INPUT_ID,
@@ -9828,7 +10006,7 @@ var FormModalBase = ({
     I18n,
     isProjectLevelTool
   );
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     import_core_react11.Modal,
     {
       howToClose: ["x", "scrim"],
@@ -9837,7 +10015,7 @@ var FormModalBase = ({
       width: "md",
       "data-testid": "create-update-modal"
     },
-    /* @__PURE__ */ React20.createElement(ScrollContainer, null, /* @__PURE__ */ React20.createElement(import_core_react11.Modal.Header, { style: { borderBottom: `1px solid ${import_core_react11.colors.gray85}` } }, /* @__PURE__ */ React20.createElement(import_core_react11.Modal.Heading, null, header)), /* @__PURE__ */ React20.createElement(
+    /* @__PURE__ */ React21.createElement(ScrollContainer, null, /* @__PURE__ */ React21.createElement(import_core_react11.Modal.Header, { style: { borderBottom: `1px solid ${import_core_react11.colors.gray85}` } }, /* @__PURE__ */ React21.createElement(import_core_react11.Modal.Heading, null, header)), /* @__PURE__ */ React21.createElement(
       import_core_react11.Form,
       {
         initialValues: {
@@ -9863,25 +10041,25 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React20.createElement(import_core_react11.Form.Form, { name: header }, /* @__PURE__ */ React20.createElement(
+      /* @__PURE__ */ React21.createElement(import_core_react11.Form.Form, { name: header }, /* @__PURE__ */ React21.createElement(
         import_core_react11.Modal.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react11.spacing.lg }
         },
-        errors && /* @__PURE__ */ React20.createElement(import_core_react11.ErrorBanner, { style: { marginBottom: import_core_react11.spacing.xl } }, /* @__PURE__ */ React20.createElement(import_core_react11.Banner.Content, null, /* @__PURE__ */ React20.createElement(import_core_react11.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React20.createElement(import_core_react11.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React20.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React20.createElement(
+        errors && /* @__PURE__ */ React21.createElement(import_core_react11.ErrorBanner, { style: { marginBottom: import_core_react11.spacing.xl } }, /* @__PURE__ */ React21.createElement(import_core_react11.Banner.Content, null, /* @__PURE__ */ React21.createElement(import_core_react11.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React21.createElement(import_core_react11.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React21.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React21.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: resetMutations
           }
         )),
-        /* @__PURE__ */ React20.createElement(
+        /* @__PURE__ */ React21.createElement(
           import_core_react11.Form.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react11.spacing.xl : import_core_react11.spacing.none }
           },
-          /* @__PURE__ */ React20.createElement(
+          /* @__PURE__ */ React21.createElement(
             import_core_react11.Form.TextArea,
             {
               name: "description",
@@ -9892,7 +10070,7 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React20.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React20.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React21.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React21.createElement(
           import_core_react11.Form.Select,
           {
             name: "view_level",
@@ -9902,8 +10080,8 @@ var FormModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__PURE__ */ React20.createElement(React20.Fragment, null)
-      ), /* @__PURE__ */ React20.createElement(import_core_react11.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react11.colors.gray85}` } }, /* @__PURE__ */ React20.createElement(import_core_react11.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React20.createElement(import_core_react11.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React20.createElement(import_core_react11.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React20.createElement(import_core_react11.Modal.FooterButtons, null, /* @__PURE__ */ React20.createElement(import_core_react11.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React20.createElement(
+        )) : /* @__PURE__ */ React21.createElement(React21.Fragment, null)
+      ), /* @__PURE__ */ React21.createElement(import_core_react11.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react11.colors.gray85}` } }, /* @__PURE__ */ React21.createElement(import_core_react11.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(import_core_react11.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(import_core_react11.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(import_core_react11.Modal.FooterButtons, null, /* @__PURE__ */ React21.createElement(import_core_react11.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React21.createElement(
         import_core_react11.Button,
         {
           "data-testid": "create-update-modal-button",
@@ -9933,7 +10111,7 @@ var FormModal = ({
   defaultView
 }) => {
   const i18n = (0, import_core_react12.useI18nContext)();
-  return /* @__PURE__ */ import_react11.default.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(
     FormModalBase,
     {
       open,
@@ -9955,7 +10133,7 @@ var FormModal = ({
 
 // src/components/modals/form-modal/SharedViewFormModal.tsx
 var import_core_react13 = require("@procore/core-react");
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var yup2 = __toESM(require("yup"));
 var SharedViewFormModal = ({
   open,
@@ -9978,7 +10156,7 @@ var SharedViewFormModal = ({
   const handleOnSubmit = (data) => {
     onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     import_core_react13.Modal,
     {
       "data-testid": "shared-view-form-modal",
@@ -9987,7 +10165,7 @@ var SharedViewFormModal = ({
       onClose,
       style: { width: "540px" }
     },
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       import_core_react13.Modal.Header,
       {
         onClose,
@@ -9998,9 +10176,9 @@ var SharedViewFormModal = ({
           paddingRight: import_core_react13.spacing.xl
         }
       },
-      /* @__PURE__ */ React22.createElement(import_core_react13.Modal.Heading, null, I18n.t("savedViews.modal.create.title"))
+      /* @__PURE__ */ React23.createElement(import_core_react13.Modal.Heading, null, I18n.t("savedViews.modal.create.title"))
     ),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       import_core_react13.P,
       {
         style: {
@@ -10015,7 +10193,7 @@ var SharedViewFormModal = ({
       },
       I18n.t("savedViews.modal.copyConfirmation.description")
     ),
-    /* @__PURE__ */ React22.createElement(
+    /* @__PURE__ */ React23.createElement(
       import_core_react13.Form,
       {
         initialValues: {
@@ -10034,7 +10212,7 @@ var SharedViewFormModal = ({
         onSubmit: handleOnSubmit,
         validateOnChange: true
       },
-      /* @__PURE__ */ React22.createElement(import_core_react13.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React22.createElement(
+      /* @__PURE__ */ React23.createElement(import_core_react13.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React23.createElement(
         import_core_react13.Modal.Body,
         {
           style: {
@@ -10043,22 +10221,22 @@ var SharedViewFormModal = ({
             borderTop: `1px solid ${import_core_react13.colors.gray85}`
           }
         },
-        errors && /* @__PURE__ */ React22.createElement(import_core_react13.ErrorBanner, { style: { marginBottom: import_core_react13.spacing.xl } }, /* @__PURE__ */ React22.createElement(import_core_react13.Banner.Content, null, /* @__PURE__ */ React22.createElement(import_core_react13.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
+        errors && /* @__PURE__ */ React23.createElement(import_core_react13.ErrorBanner, { style: { marginBottom: import_core_react13.spacing.xl } }, /* @__PURE__ */ React23.createElement(import_core_react13.Banner.Content, null, /* @__PURE__ */ React23.createElement(import_core_react13.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
           mode: "create"
-        })), /* @__PURE__ */ React22.createElement(import_core_react13.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React22.createElement(import_core_react13.Form.Row, null, /* @__PURE__ */ React22.createElement(
+        })), /* @__PURE__ */ React23.createElement(import_core_react13.Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React23.createElement(import_core_react13.Form.Row, null, /* @__PURE__ */ React23.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: handleNameChange
           }
         )),
-        /* @__PURE__ */ React22.createElement(
+        /* @__PURE__ */ React23.createElement(
           import_core_react13.Form.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? import_core_react13.spacing.xl : import_core_react13.spacing.none }
           },
-          /* @__PURE__ */ React22.createElement(
+          /* @__PURE__ */ React23.createElement(
             import_core_react13.Form.TextArea,
             {
               name: "description",
@@ -10069,7 +10247,7 @@ var SharedViewFormModal = ({
             }
           )
         )
-      ), /* @__PURE__ */ React22.createElement(import_core_react13.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react13.colors.gray85}` } }, /* @__PURE__ */ React22.createElement(import_core_react13.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React22.createElement(import_core_react13.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React22.createElement(import_core_react13.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React22.createElement(import_core_react13.Modal.FooterButtons, null, /* @__PURE__ */ React22.createElement(
+      ), /* @__PURE__ */ React23.createElement(import_core_react13.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react13.colors.gray85}` } }, /* @__PURE__ */ React23.createElement(import_core_react13.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React23.createElement(import_core_react13.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React23.createElement(import_core_react13.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React23.createElement(import_core_react13.Modal.FooterButtons, null, /* @__PURE__ */ React23.createElement(
         import_core_react13.Button,
         {
           variant: "secondary",
@@ -10078,7 +10256,7 @@ var SharedViewFormModal = ({
           disabled: isCreating
         },
         I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React22.createElement(
+      ), /* @__PURE__ */ React23.createElement(
         import_core_react13.Button,
         {
           type: "submit",
@@ -10094,7 +10272,7 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/hooks/useViewSelection.ts
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_react_router_dom = require("react-router-dom");
 var import_core_react14 = require("@procore/core-react");
 
@@ -10121,13 +10299,13 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useLatest.ts
-var import_react12 = require("react");
+var import_react13 = require("react");
 var useLatest = (callback) => {
-  const ref = (0, import_react12.useRef)(callback);
-  (0, import_react12.useLayoutEffect)(() => {
+  const ref = (0, import_react13.useRef)(callback);
+  (0, import_react13.useLayoutEffect)(() => {
     ref.current = callback;
   });
-  return (0, import_react12.useCallback)((...args) => ref.current(...args), []);
+  return (0, import_react13.useCallback)((...args) => ref.current(...args), []);
 };
 
 // src/utils/hooks/useViewSelection.ts
@@ -10140,16 +10318,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;
@@ -10158,21 +10341,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) => {
@@ -10181,31 +10354,33 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${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 previousSavedViewParamRef = (0, import_react14.useRef)(null);
+  const intendedTokenRef = (0, import_react14.useRef)(null);
+  const [selectedSavedView, setSelectedSavedView] = (0, import_react14.useState)(() => {
     const stored = ViewStorage.load(storageKey, config.defaultView);
     return stored ?? config.defaultView;
   });
-  const [temporaryView, setTemporaryView] = (0, import_react13.useState)(() => {
+  const [temporaryView, setTemporaryView] = (0, import_react14.useState)(() => {
     const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
     return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
   });
-  const persistViewToStorageAndUrl = (0, import_react13.useCallback)(
+  const persistViewToStorageAndUrl = (0, import_react14.useCallback)(
     (view) => {
       ViewStorage.save(storageKey, view);
+      intendedTokenRef.current = getViewToken(view);
       setViewInUrl(view, setSearchParams);
     },
     [storageKey, setSearchParams]
   );
-  const baseViews = (0, import_react13.useMemo)(
+  const baseViews = (0, import_react14.useMemo)(
     () => [...savedViews ?? [], ...presetViews ?? []],
     [savedViews, presetViews]
   );
-  const allViews = (0, import_react13.useMemo)(
+  const allViews = (0, import_react14.useMemo)(
     () => temporaryView ? [...baseViews, temporaryView] : baseViews,
     [baseViews, temporaryView]
   );
-  const selectView = (0, import_react13.useCallback)(
+  const selectView = (0, import_react14.useCallback)(
     (view) => {
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
@@ -10214,7 +10389,7 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [config, persistViewToStorageAndUrl]
   );
-  const createTemporaryView = (0, import_react13.useCallback)(
+  const createTemporaryView = (0, import_react14.useCallback)(
     (fetchedView) => {
       const tempView = {
         ...fetchedView,
@@ -10229,12 +10404,12 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [temporaryStorageKey, selectView]
   );
-  const clearTemporaryView = (0, import_react13.useCallback)(() => {
+  const clearTemporaryView = (0, import_react14.useCallback)(() => {
     ViewStorage.remove(temporaryStorageKey);
     setTemporaryView(null);
     selectView(config.defaultView);
   }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = (0, import_react13.useCallback)(
+  const isViewAlreadySelected = (0, import_react14.useCallback)(
     (viewId) => checkIsViewSelected(selectedSavedView, viewId),
     [selectedSavedView]
   );
@@ -10249,8 +10424,16 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
       openSharedViewModal(viewId);
     }
   });
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     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,
@@ -10263,14 +10446,14 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
-  const previousRowGroupStateRef = (0, import_react13.useRef)(
+  const previousRowGroupStateRef = (0, import_react14.useRef)(
     isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
   );
-  const selectedViewRef = (0, import_react13.useRef)(selectedSavedView);
+  const selectedViewRef = (0, import_react14.useRef)(selectedSavedView);
   selectedViewRef.current = selectedSavedView;
-  const defaultViewRef = (0, import_react13.useRef)(config.defaultView);
+  const defaultViewRef = (0, import_react14.useRef)(config.defaultView);
   defaultViewRef.current = config.defaultView;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     var _a;
     if (!isSmartGridConfig(tableConfig) || !(presetViews == null ? void 0 : presetViews.length)) return;
     const currentView = selectedViewRef.current;
@@ -10312,12 +10495,12 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
 
 // src/components/saved-views/FocusScopeToggle.tsx
 var import_focus = require("@react-aria/focus");
-var import_react14 = require("react");
+var import_react15 = require("react");
 var useFocusScopeToggle = (isOpen) => {
   const focusManager = (0, import_focus.useFocusManager)();
-  const triggerRef = (0, import_react14.useRef)(null);
-  const firstFocusedElementRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  const triggerRef = (0, import_react15.useRef)(null);
+  const firstFocusedElementRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     var _a, _b;
     const handleKeyDown = (event) => {
       var _a2;
@@ -10366,6 +10549,7 @@ var StyledPanel = pt.div`
 `;
 var queryClient = new import_react_query3.QueryClient();
 var SavedViewsContent = (props) => {
+  var _a;
   const { projectId, companyId } = props;
   const queryInput = {
     domain: props.domain,
@@ -10377,13 +10561,13 @@ var SavedViewsContent = (props) => {
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
   const { showToast } = (0, import_toast_alert3.useToastAlertContext)();
   const i18n = (0, import_core_react15.useI18nContext)();
-  const [activeModal, setActiveModal] = (0, import_react15.useState)(null);
-  const [modalData, setModalData] = (0, import_react15.useState)(null);
+  const [activeModal, setActiveModal] = (0, import_react16.useState)(null);
+  const [modalData, setModalData] = (0, import_react16.useState)(null);
   const openModal = (type, data) => {
     setActiveModal(type);
     setModalData(data ?? null);
   };
-  const closeModal = (0, import_react15.useCallback)(() => {
+  const closeModal = (0, import_react16.useCallback)(() => {
     setActiveModal(null);
     setModalData(null);
   }, []);
@@ -10423,13 +10607,17 @@ var SavedViewsContent = (props) => {
     error: createError,
     reset: resetCreateError
   } = useCreateSavedView(queryInput);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (fetchError) {
       showToast.error(i18n.t("savedViews.errors.notFound"));
       selectView(selectedView ?? props.defaultView);
       closeModal();
     }
   }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
+  const setSelectedViewInContext = (_a = useSavedViewsSelection()) == null ? void 0 : _a.setSelectedView;
+  (0, import_react16.useEffect)(() => {
+    setSelectedViewInContext == null ? void 0 : setSelectedViewInContext(selectedView ?? null);
+  }, [selectedView, setSelectedViewInContext]);
   const viewSharedViewTemporarily = () => {
     if (fetchedView) {
       createTemporaryView(fetchedView);
@@ -10471,19 +10659,19 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  return /* @__PURE__ */ import_react15.default.createElement(import_focus2.FocusScope, { contain: false }, /* @__PURE__ */ import_react15.default.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ import_react15.default.createElement(FocusScopeToggle, { isOpen: props.isPanelOpen ?? true }), /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react16.default.createElement(import_focus2.FocusScope, { contain: false }, /* @__PURE__ */ import_react16.default.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ import_react16.default.createElement(FocusScopeToggle, { isOpen: props.isPanelOpen ?? true }), /* @__PURE__ */ import_react16.default.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Panel.Title, null, /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Panel.Title, null, /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Flex, { alignItems: "center" }, /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ import_react16.default.createElement(
       import_core_react15.Tooltip,
       {
         showDelay: 200,
-        overlay: /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Tooltip.Content, null, i18n.t("savedViews.tooltip"))
+        overlay: /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Tooltip.Content, null, i18n.t("savedViews.tooltip"))
       },
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(
         Help_default,
         {
           tabIndex: 0,
@@ -10491,16 +10679,16 @@ var SavedViewsContent = (props) => {
           "aria-label": i18n.t("savedViews.tooltip")
         }
       )
-    ))), /* @__PURE__ */ import_react15.default.createElement(
+    ))), /* @__PURE__ */ import_react16.default.createElement(
       import_core_react15.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ import_react15.default.createElement(
+      /* @__PURE__ */ import_react16.default.createElement(
         import_core_react15.Button,
         {
-          icon: /* @__PURE__ */ import_react15.default.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ import_react16.default.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -10509,7 +10697,7 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       )
     )),
-    /* @__PURE__ */ import_react15.default.createElement(import_core_react15.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react15.default.createElement(
+    /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react16.default.createElement(
       PanelContent,
       {
         onSelect: ({ item }) => selectView(item),
@@ -10526,7 +10714,7 @@ var SavedViewsContent = (props) => {
         onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react15.default.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react16.default.createElement(
     FormModal,
     {
       open: true,
@@ -10540,14 +10728,14 @@ var SavedViewsContent = (props) => {
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react15.default.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react16.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react15.default.createElement(
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react16.default.createElement(
     SharedViewFormModal,
     {
       open: true,
@@ -10562,14 +10750,14 @@ var SavedViewsContent = (props) => {
   )));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ import_react15.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react15.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react15.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react15.default.createElement(SavedViewsContent, { ...props }))));
+  return /* @__PURE__ */ import_react16.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ import_react16.default.createElement(import_react_query3.QueryClientProvider, { client: queryClient }, /* @__PURE__ */ import_react16.default.createElement(import_toast_alert3.ToastAlertProvider, null, /* @__PURE__ */ import_react16.default.createElement(SavedViewsContent, { ...props }))));
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 
 // src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var DEFAULT_COLUMN_STATE = {
   hide: false,
   pinned: null,
@@ -10617,7 +10805,7 @@ var extractDefaultView = (gridApi, receivedConfig) => {
   return result;
 };
 var useNormalizedDefaultViews = (defaultViews, gridApi) => {
-  return (0, import_react16.useMemo)(() => {
+  return (0, import_react17.useMemo)(() => {
     if (!gridApi)
       return defaultViews.map((view) => ({ ...view, share_token: view.id }));
     return defaultViews.map((view) => ({
@@ -10629,7 +10817,7 @@ var useNormalizedDefaultViews = (defaultViews, gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSmartGridConfig.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -10645,10 +10833,10 @@ var GRID_STATE_EVENTS = [
   "gridReady"
 ];
 var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = (0, import_react17.useState)(
+  const [config, setConfig] = (0, import_react18.useState)(
     () => getSmartGridConfig(gridApi)
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (!gridApi) return;
     const updateConfig = () => {
       setConfig(getSmartGridConfig(gridApi));
@@ -10666,14 +10854,14 @@ var useSmartGridConfig = (gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSavedViewsPanelOpen.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 var SAVED_VIEWS_PANEL_ID = "savedViews";
 var useSavedViewsPanelOpen = (gridApi) => {
   var _a;
-  const [isOpen, setIsOpen] = (0, import_react18.useState)(
+  const [isOpen, setIsOpen] = (0, import_react19.useState)(
     ((_a = gridApi.getOpenedToolPanel) == null ? void 0 : _a.call(gridApi)) === SAVED_VIEWS_PANEL_ID
   );
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     var _a2;
     const syncOpenState = () => {
       var _a3;
@@ -10696,7 +10884,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 = (0, import_react19.useCallback)(
+  const onSelect = (0, import_react20.useCallback)(
     ({ item }) => {
       var _a;
       if (!gridApi) return item;
@@ -10724,7 +10912,7 @@ var SmartGridSavedViews = (props) => {
     },
     [gridApi, tableConfig, setTableConfig]
   );
-  return /* @__PURE__ */ import_react19.default.createElement(
+  return /* @__PURE__ */ import_react20.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -10743,10 +10931,10 @@ var SmartGridSavedViews = (props) => {
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 
 // src/components/adapters/data-table/DataTableDefaultSavedView.tsx
-var import_react20 = require("react");
+var import_react21 = require("react");
 var DEFAULT_COLUMN_STATE2 = {
   hidden: false,
   pinned: null,
@@ -10794,7 +10982,7 @@ var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   return result;
 };
 var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
-  return (0, import_react20.useMemo)(
+  return (0, import_react21.useMemo)(
     () => defaultViews.map((view) => ({
       ...view,
       share_token: view.id,
@@ -10805,22 +10993,22 @@ var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-var DataTableSavedViews = (0, import_react21.forwardRef)((props, ref) => {
+var DataTableSavedViews = (0, import_react22.forwardRef)((props, ref) => {
   const { tableApi, userId, projectId, companyId } = props;
   const presetViews = useNormalizedDefaultViews2(
     props.defaultViews,
     props.columnDefinitions
   );
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const [internalTableConfig, setInternalTableConfig] = (0, import_react21.useState)(
+  const [internalTableConfig, setInternalTableConfig] = (0, import_react22.useState)(
     ViewStorage.load(props.stickyViewsKey, defaultView).table_config
   );
-  (0, import_react21.useImperativeHandle)(ref, () => ({
+  (0, import_react22.useImperativeHandle)(ref, () => ({
     setTableConfig: (newConfig) => {
       setInternalTableConfig(newConfig);
     }
   }));
-  const onSelect = (0, import_react21.useCallback)(
+  const onSelect = (0, import_react22.useCallback)(
     ({ item }) => {
       var _a;
       const isPresetView = item.view_level === "default";
@@ -10844,7 +11032,7 @@ var DataTableSavedViews = (0, import_react21.forwardRef)((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ import_react21.default.createElement(
+  return /* @__PURE__ */ import_react22.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -10870,9 +11058,11 @@ DataTableSavedViews.displayName = "DataTableSavedViews";
   SavedViewCollectionMenuItem,
   SavedViews,
   SavedViewsDeleteConfirmationModalShared,
+  SavedViewsSelectionProvider,
   SmartGridSavedViews,
   getTranslations,
-  useSavedViewsPanel
+  useSavedViewsPanel,
+  useSavedViewsSelection
 });
 /*! Bundled license information: