@procore/saved-views 6.1.0 → 6.2.0

package/dist/legacy/index.mjs

@@ -1,34 +1,8 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __require = /* @__PURE__ */ ((x2) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x2, {
-  get: (a2, b2) => (typeof require !== "undefined" ? require : a2)[b2]
-}) : x2)(function(x2) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x2 + '" is not supported');
-});
-var __commonJS = (cb, mod) => function __require2() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from2, except, desc) => {
-  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-    for (let key of __getOwnPropNames(from2))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
+import {
+  __commonJS,
+  __require,
+  __toESM
+} from "./chunk-6DZX6EAA.mjs";
 
 // node_modules/lodash/lodash.js
 var require_lodash = __commonJS({
@@ -738,7 +712,7 @@ var require_lodash = __commonJS({
         var reIsNative = RegExp2(
           "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
         );
-        var Buffer2 = moduleExports ? context.Buffer : undefined2, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined2, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined2, symIterator = Symbol2 ? Symbol2.iterator : undefined2, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined2;
+        var Buffer = moduleExports ? context.Buffer : undefined2, Symbol2 = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined2, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined2, symIterator = Symbol2 ? Symbol2.iterator : undefined2, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined2;
         var defineProperty = (function() {
           try {
             var func = getNative(Object2, "defineProperty");
@@ -748,7 +722,7 @@ var require_lodash = __commonJS({
           }
         })();
         var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+        var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
         var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
         var metaMap = WeakMap2 && new WeakMap2();
         var realNames = {};
@@ -2060,7 +2034,7 @@ var require_lodash = __commonJS({
         }
         function cloneArrayBuffer(arrayBuffer) {
           var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-          new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
+          new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
           return result2;
         }
         function cloneDataView(dataView, isDeep) {
@@ -2664,7 +2638,7 @@ var require_lodash = __commonJS({
               object3 = object3.buffer;
               other = other.buffer;
             case arrayBufferTag:
-              if (object3.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object3), new Uint8Array2(other))) {
+              if (object3.byteLength != other.byteLength || !equalFunc(new Uint8Array(object3), new Uint8Array(other))) {
                 return false;
               }
               return true;
@@ -9056,8 +9030,28 @@ import {
   Flex,
   useI18nContext as useI18nContext2
 } from "@procore/core-react";
-import * as React16 from "react";
+import * as React17 from "react";
 import { useToastAlertContext } from "@procore/toast-alert";
+
+// src/transport/context.tsx
+import React16, { createContext as createContext2, useContext as useContext2 } from "react";
+var SavedViewsTransportContext = createContext2(void 0);
+var SavedViewsTransportProvider = ({
+  transport,
+  children
+}) => /* @__PURE__ */ React16.createElement(SavedViewsTransportContext.Provider, { value: transport }, children);
+var useSavedViewsTransport = () => {
+  const transport = useContext2(SavedViewsTransportContext);
+  if (!transport) {
+    throw new Error(
+      "useSavedViewsTransport must be used inside <SavedViews> (or a SavedViewsTransportProvider). This usually means a hook is being called outside the saved-views component tree."
+    );
+  }
+  return transport;
+};
+var useOptionalSavedViewsTransport = () => useContext2(SavedViewsTransportContext);
+
+// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
 var RowActionsBox = pt(Flex)`
   justify-content: center;
   align-items: center;
@@ -9078,7 +9072,7 @@ var IconWrapper = pt.span`
   justify-content: center;
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React16.useCallback(
+  const onClick = React17.useCallback(
     (a2) => {
       var _a, _b;
       if (!props.item) {
@@ -9104,6 +9098,8 @@ var SavedViewCollectionMenuItem = (props) => {
   };
   const { showToast } = useToastAlertContext();
   const i18n = useI18nContext2();
+  const transport = useOptionalSavedViewsTransport();
+  const canShareViaUrl = (transport == null ? void 0 : transport.supportsUrlSharing) !== false;
   const copyShareLink = async (event) => {
     event.stopPropagation();
     try {
@@ -9126,18 +9122,18 @@ var SavedViewCollectionMenuItem = (props) => {
       label: i18n.t("savedViews.actions.delete")
     }
   ];
-  const preventEventBubbleToNotTriggerViewSelectEvent = React16.useCallback(
+  const preventEventBubbleToNotTriggerViewSelectEvent = React17.useCallback(
     (e) => {
       e.stopPropagation();
     },
     []
   );
   const hasUpdateButton = props.item.view_level !== "default" && props.canUpdate;
-  const hasCopyShareLinkButton = props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary";
+  const hasCopyShareLinkButton = canShareViaUrl && props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary";
   const hasClearTemporaryButton = props.item.id === "temporary";
   const hasOverflowMenu = props.item.view_level !== "default" && props.canEditOrDelete;
   const hasActions = hasUpdateButton || hasCopyShareLinkButton || hasClearTemporaryButton || hasOverflowMenu;
-  return /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement(
     Container2,
     {
       "aria-selected": Boolean(props.selected),
@@ -9149,7 +9145,7 @@ var SavedViewCollectionMenuItem = (props) => {
       "data-testid": "saved-view-collection-menu-item",
       onKeyDown: preventEventBubbleToNotTriggerViewSelectEvent
     },
-    /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement(
       "span",
       {
         "data-testid": "saved-view-display-name",
@@ -9157,7 +9153,7 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    hasActions && /* @__PURE__ */ React16.createElement(RowActionsBox, null, /* @__PURE__ */ React16.createElement(Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React16.createElement(
+    hasActions && /* @__PURE__ */ React17.createElement(RowActionsBox, null, /* @__PURE__ */ React17.createElement(Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React17.createElement(
       Button,
       {
         onClick: updateItem,
@@ -9168,7 +9164,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ), hasCopyShareLinkButton && /* @__PURE__ */ React16.createElement(
+    ), hasCopyShareLinkButton && /* @__PURE__ */ React17.createElement(
       Button,
       {
         onClick: copyShareLink,
@@ -9177,8 +9173,8 @@ var SavedViewCollectionMenuItem = (props) => {
         "aria-label": i18n.t("savedViews.actions.copyShareLink"),
         "data-testid": "copy-share-link-button"
       },
-      /* @__PURE__ */ React16.createElement(IconWrapper, null, /* @__PURE__ */ React16.createElement(Link_default, { size: "sm" }))
-    ), hasClearTemporaryButton && /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement(IconWrapper, null, /* @__PURE__ */ React17.createElement(Link_default, { size: "sm" }))
+    ), hasClearTemporaryButton && /* @__PURE__ */ React17.createElement(
       Button,
       {
         onClick: (e) => {
@@ -9192,8 +9188,8 @@ var SavedViewCollectionMenuItem = (props) => {
         title: i18n.t("savedViews.actions.clearTemporary"),
         "data-testid": "clear-temporary-view-button"
       },
-      /* @__PURE__ */ React16.createElement(IconWrapper, null, /* @__PURE__ */ React16.createElement(Clear_default, { size: "sm" }))
-    )), /* @__PURE__ */ React16.createElement(Box, null, hasOverflowMenu && /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement(IconWrapper, null, /* @__PURE__ */ React17.createElement(Clear_default, { size: "sm" }))
+    )), /* @__PURE__ */ React17.createElement(Box, null, hasOverflowMenu && /* @__PURE__ */ React17.createElement(
       DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
@@ -9219,15 +9215,9 @@ 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 React18 from "react";
-
-// src/utils/api/queries.ts
-import { requestJSON as requestJSON2 } from "@procore/core-http";
-import { useQuery } from "@tanstack/react-query";
+import React19 from "react";
 
 // src/utils/api/queriesHandler.ts
-import { requestJSON } from "@procore/core-http";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { useI18nContext as useI18nContext3 } from "@procore/core-react";
 var getBasePath = (companyId, projectId) => {
   if (projectId) {
@@ -9237,22 +9227,39 @@ var getBasePath = (companyId, projectId) => {
 };
 var useApiRequest = (props, method, mutationKey) => {
   const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = useQueryClient();
+  const transport = useSavedViewsTransport();
+  const http = transport.useHttp();
+  const cacheControl = transport.useCacheControl();
   const { locale } = useI18nContext3();
   const basePath = getBasePath(companyId, projectId);
-  const queryKey = ["savedViews", domain, tableName, companyId, projectId];
-  return useMutation({
+  const queryKey = [
+    "savedViews",
+    domain,
+    tableName,
+    companyId,
+    projectId
+  ];
+  return transport.useMutationAdapter({
     mutationKey,
     mutationFn: async (savedView) => {
-      let url = "";
-      if (method === "DELETE" || method === "PUT") {
+      let url = basePath;
+      let body = { ...savedView };
+      if (method === "DELETE") {
         url = `${basePath}/${savedView.share_token}?permissions_domain=${domain}`;
+      } else if (method === "PUT") {
+        url = `${basePath}/${savedView.share_token}`;
+        body = { ...savedView, permissions_domain: domain };
       } else {
-        url = `${basePath}?table_name=${tableName}&permissions_domain=${domain}`;
+        body = {
+          ...savedView,
+          table_name: tableName,
+          permissions_domain: domain
+        };
       }
-      const response = await requestJSON(url, {
+      const response = await http({
         method,
-        body: JSON.stringify(savedView),
+        url,
+        body: JSON.stringify(body),
         headers: {
           "Content-Type": "application/json",
           "Accept-Language": locale
@@ -9265,23 +9272,19 @@ var useApiRequest = (props, method, mutationKey) => {
     },
     onSuccess: (savedView) => {
       if (method === "DELETE" || method === "POST") {
-        queryClient2.invalidateQueries({
-          queryKey
-        });
+        cacheControl.invalidate(queryKey);
         return;
       } else {
-        const oldData = queryClient2.getQueryData(queryKey);
+        const oldData = cacheControl.getData(queryKey);
         const oldView = oldData == null ? void 0 : oldData.find(
           (item) => item.share_token === savedView.share_token
         );
         if ((oldView == null ? void 0 : oldView.name) !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey
-          });
+          cacheControl.invalidate(queryKey);
           return;
         }
       }
-      queryClient2.setQueryData(queryKey, (oldData) => {
+      cacheControl.setData(queryKey, (oldData) => {
         if (!oldData) return [savedView];
         return oldData.map(
           (item) => item.share_token === savedView.share_token ? savedView : item
@@ -9310,13 +9313,17 @@ var getBasePath2 = (companyId, projectId) => {
 };
 var useSavedViewsQuery = (props) => {
   const { projectId, companyId, domain, tableName } = props;
+  const transport = useSavedViewsTransport();
+  const http = transport.useHttp();
   const basePath = getBasePath2(companyId, projectId);
   const url = `${basePath}?table_name=${tableName}&permissions_domain=${domain}`;
-  return useQuery({
+  return transport.useQueryAdapter({
     queryKey: ["savedViews", domain, tableName, companyId, projectId],
     queryFn: async () => {
       const getUrl = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await requestJSON2(getUrl, {
+      const response = await http({
+        method: "GET",
+        url: getUrl,
         priority: "low"
       });
       return response.data;
@@ -9325,12 +9332,16 @@ var useSavedViewsQuery = (props) => {
 };
 var useSavedViewsPermissions = (props) => {
   const { projectId, companyId, domain } = props;
+  const transport = useSavedViewsTransport();
+  const http = transport.useHttp();
   const basePath = getBasePath2(companyId, projectId);
   const url = `${basePath}/permissions?permissions_domain=${domain}`;
-  return useQuery({
+  return transport.useQueryAdapter({
     queryKey: ["savedViewsConfig", domain, companyId, projectId],
     queryFn: async () => {
-      const response = await requestJSON2(url, {
+      const response = await http({
+        method: "GET",
+        url,
         priority: "low"
       });
       return response.data;
@@ -9354,13 +9365,17 @@ var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
 ]);
 var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
   const { projectId, companyId, domain } = queryInput;
+  const transport = useSavedViewsTransport();
+  const http = transport.useHttp();
   const basePath = getBasePath2(companyId, projectId);
-  return useQuery({
+  return transport.useQueryAdapter({
     enabled: enabled && Boolean(savedViewToken),
     queryKey: ["savedView", savedViewToken, companyId, projectId],
     queryFn: async () => {
       const url = `${basePath}/${savedViewToken}?permissions_domain=${domain}`;
-      const response = await requestJSON2(url, {
+      const response = await http({
+        method: "GET",
+        url,
         priority: "low"
       });
       return response.data;
@@ -9601,15 +9616,15 @@ import {
   Typography,
   useI18nContext as useI18nContext4
 } from "@procore/core-react";
-import React17 from "react";
+import React18 from "react";
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ React17.createElement(Person_default, null);
+      return /* @__PURE__ */ React18.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ React17.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React18.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ React17.createElement(Building_default, null);
+      return /* @__PURE__ */ React18.createElement(Building_default, null);
   }
 };
 var StyledButton = pt(Button2)`
@@ -9619,7 +9634,7 @@ var StyledButton = pt(Button2)`
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
   const I18n = useI18nContext4();
-  return /* @__PURE__ */ React17.createElement(Box2, { style: { width: "100%" } }, /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement(Box2, { style: { width: "100%" } }, /* @__PURE__ */ React18.createElement(
     StyledButton,
     {
       block: true,
@@ -9632,10 +9647,10 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       onClick: () => toggleGroup(group),
       "aria-controls": `saved-views-collections-${group}`,
       "aria-expanded": expanded,
-      icon: expanded ? /* @__PURE__ */ React17.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React17.createElement(ChevronRight_default, { size: "sm" })
+      icon: expanded ? /* @__PURE__ */ React18.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React18.createElement(ChevronRight_default, { size: "sm" })
     },
     groupIcon(group),
-    /* @__PURE__ */ React17.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React18.createElement(Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   ));
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -9689,10 +9704,10 @@ var PanelContent = (props) => {
   const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
   const updateMutation = useUpdateSavedView(queryInput);
   const { mutate: updateSavedView } = updateMutation;
-  const isUpdateLoading = "isPending" in updateMutation ? updateMutation.isPending : updateMutation.isLoading ?? false;
+  const isUpdateLoading = updateMutation.isPending;
   const savedViews = props.savedViews ?? savedViewsFromQuery;
-  const errorToastRef = React18.useRef(null);
-  React18.useEffect(() => {
+  const errorToastRef = React19.useRef(null);
+  React19.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
@@ -9722,7 +9737,7 @@ var PanelContent = (props) => {
       }
     });
   };
-  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(
+  return /* @__PURE__ */ React19.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React19.createElement(Flex2, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ React19.createElement(
     StyledMenuImperative,
     {
       role: "listbox",
@@ -9732,7 +9747,7 @@ var PanelContent = (props) => {
         }
       }
     },
-    /* @__PURE__ */ React18.createElement(MenuImperative2.Options, null, temporaryView && /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(MenuImperative2.Options, null, temporaryView && /* @__PURE__ */ React19.createElement(
       Row,
       {
         key: temporaryView.id,
@@ -9741,7 +9756,7 @@ var PanelContent = (props) => {
         "aria-current": isTemporarySelected ? "true" : void 0,
         ref: isTemporarySelected ? selectedRowRef : null
       },
-      /* @__PURE__ */ React18.createElement(
+      /* @__PURE__ */ React19.createElement(
         SavedViewCollectionMenuItem,
         {
           item: temporaryView,
@@ -9751,7 +9766,7 @@ var PanelContent = (props) => {
       )
     ), presetViews.map((presetView) => {
       const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === presetView.id;
-      return /* @__PURE__ */ React18.createElement(
+      return /* @__PURE__ */ React19.createElement(
         Row,
         {
           key: presetView.id,
@@ -9760,7 +9775,7 @@ var PanelContent = (props) => {
           "aria-current": isSelected ? "true" : void 0,
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ React18.createElement(
+        /* @__PURE__ */ React19.createElement(
           SavedViewCollectionMenuItem,
           {
             item: presetView,
@@ -9774,14 +9789,14 @@ var PanelContent = (props) => {
     const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
-    return /* @__PURE__ */ React18.createElement(React18.Fragment, { key: level }, /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(React19.Fragment, { key: level }, /* @__PURE__ */ React19.createElement(
       ViewLevelHeader_default,
       {
         group: level,
         toggleGroup,
         expanded: isExpanded
       }
-    ), isExpanded && views.length > 0 && /* @__PURE__ */ React18.createElement(
+    ), isExpanded && views.length > 0 && /* @__PURE__ */ React19.createElement(
       StyledMenuImperative,
       {
         id: `saved-views-collections-${level}`,
@@ -9792,7 +9807,7 @@ var PanelContent = (props) => {
           }
         }
       },
-      /* @__PURE__ */ React18.createElement(MenuImperative2.Options, null, views.map((view) => {
+      /* @__PURE__ */ React19.createElement(MenuImperative2.Options, null, views.map((view) => {
         const isSelected = (selectedSavedView == null ? void 0 : selectedSavedView.id) === view.id;
         const canUpdate = isSelected && hasPermissionForViewLevel(
           view.view_level,
@@ -9804,7 +9819,7 @@ var PanelContent = (props) => {
           props.provider
         );
         const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-        return /* @__PURE__ */ React18.createElement(
+        return /* @__PURE__ */ React19.createElement(
           Row,
           {
             key: view.id,
@@ -9813,7 +9828,7 @@ var PanelContent = (props) => {
             "aria-current": isSelected ? "true" : void 0,
             ref: isSelected ? selectedRowRef : null
           },
-          /* @__PURE__ */ React18.createElement(
+          /* @__PURE__ */ React19.createElement(
             SavedViewCollectionMenuItem,
             {
               item: view,
@@ -9843,8 +9858,7 @@ import {
   Tooltip as Tooltip2,
   useI18nContext as useI18nContext12
 } from "@procore/core-react";
-import React24, { useState as useState5, useEffect as useEffect6, useCallback as useCallback5 } from "react";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import React25, { useState as useState5, useEffect as useEffect6, useCallback as useCallback5 } from "react";
 import { useToastAlertContext as useToastAlertContext3, ToastAlertProvider } from "@procore/toast-alert";
 
 // src/components/modals/DeleteConfirmationModal.tsx
@@ -9855,14 +9869,14 @@ import {
   P as P2,
   useI18nContext as useI18nContext6
 } from "@procore/core-react";
-import React19 from "react";
+import React20 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
   const i18n = useI18nContext6();
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
@@ -9872,13 +9886,13 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__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"))))
+    /* @__PURE__ */ React20.createElement(Modal.Body, null, /* @__PURE__ */ React20.createElement(P2, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React20.createElement(Modal.Footer, null, /* @__PURE__ */ React20.createElement(Modal.FooterButtons, null, /* @__PURE__ */ React20.createElement(Button3, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React20.createElement(Button3, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-import React22 from "react";
+import React23 from "react";
 
 // src/components/modals/form-modal/FormModalBase.tsx
 import {
@@ -9893,7 +9907,7 @@ import {
   Typography as Typography2,
   useI18nContext as useI18nContext8
 } from "@procore/core-react";
-import * as React21 from "react";
+import * as React22 from "react";
 import * as yup from "yup";
 
 // src/components/modals/form-modal/FormModalBaseUtils.ts
@@ -9930,7 +9944,7 @@ function extractMessage(error, I18n) {
 
 // src/components/modals/form-modal/NameInputField.tsx
 import { Form, useFormContext, useI18nContext as useI18nContext7 } from "@procore/core-react";
-import * as React20 from "react";
+import * as React21 from "react";
 var NAME_INPUT_ID = "saved-view-form-name-input";
 var NameInputField = ({
   error,
@@ -9939,13 +9953,13 @@ var NameInputField = ({
   const I18n = useI18nContext7();
   const label = I18n.t("savedViews.modal.fields.name");
   const { errors: formErrors, submitCount } = useFormContext();
-  React20.useEffect(() => {
+  React21.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__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     Form.Text,
     {
       id: NAME_INPUT_ID,
@@ -10037,7 +10051,7 @@ var FormModalBase = ({
     I18n,
     isProjectLevelTool
   );
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React22.createElement(
     Modal2,
     {
       howToClose: ["x", "scrim"],
@@ -10046,7 +10060,7 @@ var FormModalBase = ({
       width: "md",
       "data-testid": "create-update-modal"
     },
-    /* @__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(
+    /* @__PURE__ */ React22.createElement(ScrollContainer, null, /* @__PURE__ */ React22.createElement(Modal2.Header, { style: { borderBottom: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React22.createElement(Modal2.Heading, null, header)), /* @__PURE__ */ React22.createElement(
       Form2,
       {
         initialValues: {
@@ -10072,25 +10086,25 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React21.createElement(Form2.Form, { name: header }, /* @__PURE__ */ React21.createElement(
+      /* @__PURE__ */ React22.createElement(Form2.Form, { name: header }, /* @__PURE__ */ React22.createElement(
         Modal2.Body,
         {
           style: { paddingTop: 0, paddingBottom: 0, marginTop: spacing2.lg }
         },
-        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(
+        errors && /* @__PURE__ */ React22.createElement(ErrorBanner, { style: { marginBottom: spacing2.xl } }, /* @__PURE__ */ React22.createElement(Banner.Content, null, /* @__PURE__ */ React22.createElement(Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React22.createElement(Banner.Body, null, (errors == null ? void 0 : errors.form) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React22.createElement(Form2.Row, null, /* @__PURE__ */ React22.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: resetMutations
           }
         )),
-        /* @__PURE__ */ React21.createElement(
+        /* @__PURE__ */ React22.createElement(
           Form2.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing2.xl : spacing2.none }
           },
-          /* @__PURE__ */ React21.createElement(
+          /* @__PURE__ */ React22.createElement(
             Form2.TextArea,
             {
               name: "description",
@@ -10101,7 +10115,7 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React21.createElement(Form2.Row, null, /* @__PURE__ */ React21.createElement(
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React22.createElement(Form2.Row, null, /* @__PURE__ */ React22.createElement(
           Form2.Select,
           {
             name: "view_level",
@@ -10111,8 +10125,8 @@ var FormModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__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(
+        )) : /* @__PURE__ */ React22.createElement(React22.Fragment, null)
+      ), /* @__PURE__ */ React22.createElement(Modal2.Footer, { style: { borderTop: `1px solid ${colors3.gray85}` } }, /* @__PURE__ */ React22.createElement(Flex3, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React22.createElement(Typography2, { color: "gray45", italic: true }, /* @__PURE__ */ React22.createElement(Typography2, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React22.createElement(Modal2.FooterButtons, null, /* @__PURE__ */ React22.createElement(Button4, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React22.createElement(
         Button4,
         {
           "data-testid": "create-update-modal-button",
@@ -10142,7 +10156,7 @@ var FormModal = ({
   defaultView
 }) => {
   const i18n = useI18nContext9();
-  return /* @__PURE__ */ React22.createElement(
+  return /* @__PURE__ */ React23.createElement(
     FormModalBase,
     {
       open,
@@ -10176,7 +10190,7 @@ import {
   Typography as Typography3,
   useI18nContext as useI18nContext10
 } from "@procore/core-react";
-import * as React23 from "react";
+import * as React24 from "react";
 import * as yup2 from "yup";
 var SharedViewFormModal = ({
   open,
@@ -10199,7 +10213,7 @@ var SharedViewFormModal = ({
   const handleOnSubmit = (data) => {
     onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ React23.createElement(
+  return /* @__PURE__ */ React24.createElement(
     Modal3,
     {
       "data-testid": "shared-view-form-modal",
@@ -10208,7 +10222,7 @@ var SharedViewFormModal = ({
       onClose,
       style: { width: "540px" }
     },
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       Modal3.Header,
       {
         onClose,
@@ -10219,9 +10233,9 @@ var SharedViewFormModal = ({
           paddingRight: spacing3.xl
         }
       },
-      /* @__PURE__ */ React23.createElement(Modal3.Heading, null, I18n.t("savedViews.modal.create.title"))
+      /* @__PURE__ */ React24.createElement(Modal3.Heading, null, I18n.t("savedViews.modal.create.title"))
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       P3,
       {
         style: {
@@ -10236,7 +10250,7 @@ var SharedViewFormModal = ({
       },
       I18n.t("savedViews.modal.copyConfirmation.description")
     ),
-    /* @__PURE__ */ React23.createElement(
+    /* @__PURE__ */ React24.createElement(
       Form3,
       {
         initialValues: {
@@ -10255,7 +10269,7 @@ var SharedViewFormModal = ({
         onSubmit: handleOnSubmit,
         validateOnChange: true
       },
-      /* @__PURE__ */ React23.createElement(Form3.Form, { name: "share-view-form" }, /* @__PURE__ */ React23.createElement(
+      /* @__PURE__ */ React24.createElement(Form3.Form, { name: "share-view-form" }, /* @__PURE__ */ React24.createElement(
         Modal3.Body,
         {
           style: {
@@ -10264,22 +10278,22 @@ var SharedViewFormModal = ({
             borderTop: `1px solid ${colors4.gray85}`
           }
         },
-        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", {
+        errors && /* @__PURE__ */ React24.createElement(ErrorBanner2, { style: { marginBottom: spacing3.xl } }, /* @__PURE__ */ React24.createElement(Banner2.Content, null, /* @__PURE__ */ React24.createElement(Banner2.Title, null, I18n.t("savedViews.modal.errors.title", {
           mode: "create"
-        })), /* @__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(
+        })), /* @__PURE__ */ React24.createElement(Banner2.Body, null, (errors == null ? void 0 : errors.form) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React24.createElement(Form3.Row, null, /* @__PURE__ */ React24.createElement(
           NameInputField,
           {
             error: errors == null ? void 0 : errors.name,
             onResetMutations: handleNameChange
           }
         )),
-        /* @__PURE__ */ React23.createElement(
+        /* @__PURE__ */ React24.createElement(
           Form3.Row,
           {
             style: { marginTop: (errors == null ? void 0 : errors.name) ? spacing3.xl : spacing3.none }
           },
-          /* @__PURE__ */ React23.createElement(
+          /* @__PURE__ */ React24.createElement(
             Form3.TextArea,
             {
               name: "description",
@@ -10290,7 +10304,7 @@ var SharedViewFormModal = ({
             }
           )
         )
-      ), /* @__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(
+      ), /* @__PURE__ */ React24.createElement(Modal3.Footer, { style: { borderTop: `1px solid ${colors4.gray85}` } }, /* @__PURE__ */ React24.createElement(Flex4, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React24.createElement(Typography3, { color: "gray45", italic: true }, /* @__PURE__ */ React24.createElement(Typography3, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React24.createElement(Modal3.FooterButtons, null, /* @__PURE__ */ React24.createElement(
         Button5,
         {
           variant: "secondary",
@@ -10299,7 +10313,7 @@ var SharedViewFormModal = ({
           disabled: isCreating
         },
         I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React23.createElement(
+      ), /* @__PURE__ */ React24.createElement(
         Button5,
         {
           type: "submit",
@@ -10316,7 +10330,6 @@ var SharedViewFormModal = ({
 
 // src/utils/hooks/useViewSelection.ts
 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";
 
 // src/utils/viewStorage.ts
@@ -10361,42 +10374,24 @@ var areRowGroupStatesEqual = (a2, b2) => {
   if (a2.length !== b2.length) return false;
   return a2.every((val, idx) => val === b2[idx]);
 };
-var getViewToken = (view) => {
-  if (view.id === "default" || view.id === "temporary") {
-    return view.id;
-  }
+var getViewTokenForView = (view) => {
+  if (view.id === "default") return "default";
+  if (view.id === "temporary") return "temporary";
   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;
 };
 var findViewByToken = (views, token2) => {
   return views.find((view) => view.share_token === token2);
 };
-var setViewInUrl = (view, setSearchParams) => {
-  setSavedViewParam(getViewToken(view), setSearchParams);
-};
-var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
-  if (previousParam && !currentParam) {
-    setSavedViewParam(previousParam, setSearchParams);
-  }
-};
 var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = useI18nContext11();
+  const transport = useSavedViewsTransport();
+  const urlAdapter = transport.useUrlAdapter();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}-temporary`;
-  const [searchParams, setSearchParams] = useSearchParams();
   const previousSavedViewParamRef = useRef3(null);
   const intendedTokenRef = useRef3(null);
   const [selectedSavedView, setSelectedSavedView] = useState4(() => {
@@ -10410,10 +10405,10 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
   const persistViewToStorageAndUrl = useCallback4(
     (view) => {
       ViewStorage.save(storageKey, view);
-      intendedTokenRef.current = getViewToken(view);
-      setViewInUrl(view, setSearchParams);
+      intendedTokenRef.current = getViewTokenForView(view);
+      urlAdapter.setViewToken(getViewTokenForView(view));
     },
-    [storageKey, setSearchParams]
+    [storageKey, urlAdapter]
   );
   const baseViews = useMemo3(
     () => [...savedViews ?? [], ...presetViews ?? []],
@@ -10467,28 +10462,26 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
       openSharedViewModal(viewId);
     }
   });
+  const savedViewIdFromUrl = urlAdapter.getViewToken();
   useEffect4(() => {
-    const savedViewId = searchParams.get("saved-view");
     const intendedToken = intendedTokenRef.current;
-    if (intendedToken !== null && savedViewId !== intendedToken) {
-      setSavedViewParam(intendedToken, setSearchParams);
+    if (intendedToken !== null && savedViewIdFromUrl !== intendedToken) {
+      urlAdapter.setViewToken(intendedToken);
       return;
     }
-    if (intendedToken !== null && savedViewId === intendedToken) {
+    if (intendedToken !== null && savedViewIdFromUrl === intendedToken) {
       intendedTokenRef.current = null;
     }
-    restoreUrlParameter(
-      savedViewId,
-      previousSavedViewParamRef.current,
-      setSearchParams
-    );
-    if (savedViewId) {
-      previousSavedViewParamRef.current = savedViewId;
+    if (previousSavedViewParamRef.current && !savedViewIdFromUrl) {
+      urlAdapter.setViewToken(previousSavedViewParamRef.current);
+    }
+    if (savedViewIdFromUrl) {
+      previousSavedViewParamRef.current = savedViewIdFromUrl;
     }
-    if (savedViewId && savedViews) {
-      handleSavedViewFromUrl(savedViewId);
+    if (savedViewIdFromUrl && savedViews) {
+      handleSavedViewFromUrl(savedViewIdFromUrl);
     }
-  }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  }, [savedViewIdFromUrl, handleSavedViewFromUrl, allViews.length, urlAdapter]);
   const previousRowGroupStateRef = useRef3(
     isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
   );
@@ -10587,10 +10580,26 @@ var FocusScopeToggle = ({ isOpen }) => {
 
 // src/components/saved-views/SavedViews.tsx
 import { FocusScope } from "@react-aria/focus";
+
+// src/transport/default-lazy.ts
+var cached;
+var inFlight;
+var getCachedDefaultTransport = () => cached;
+var loadDefaultTransport = () => {
+  if (cached) return Promise.resolve(cached);
+  if (inFlight) return inFlight;
+  inFlight = import("./transport/default.mjs").then((mod) => {
+    cached = mod.defaultTransport;
+    inFlight = void 0;
+    return mod.defaultTransport;
+  });
+  return inFlight;
+};
+
+// src/components/saved-views/SavedViews.tsx
 var StyledPanel = pt.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
 `;
-var queryClient = new QueryClient();
 var SavedViewsContent = (props) => {
   var _a;
   const { projectId, companyId } = props;
@@ -10702,19 +10711,19 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  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(
+  return /* @__PURE__ */ React25.createElement(FocusScope, { contain: false }, /* @__PURE__ */ React25.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ React25.createElement(FocusScopeToggle, { isOpen: props.isPanelOpen ?? true }), /* @__PURE__ */ React25.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__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(
+    /* @__PURE__ */ React25.createElement(Panel3.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React25.createElement(Panel3.Title, null, /* @__PURE__ */ React25.createElement(Flex5, { alignItems: "center" }, /* @__PURE__ */ React25.createElement(Box3, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React25.createElement(
       Tooltip2,
       {
         showDelay: 200,
-        overlay: /* @__PURE__ */ React24.createElement(Tooltip2.Content, null, i18n.t("savedViews.tooltip"))
+        overlay: /* @__PURE__ */ React25.createElement(Tooltip2.Content, null, i18n.t("savedViews.tooltip"))
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         Help_default,
         {
           tabIndex: 0,
@@ -10722,16 +10731,16 @@ var SavedViewsContent = (props) => {
           "aria-label": i18n.t("savedViews.tooltip")
         }
       )
-    ))), /* @__PURE__ */ React24.createElement(
+    ))), /* @__PURE__ */ React25.createElement(
       Tooltip2,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ React24.createElement(
+      /* @__PURE__ */ React25.createElement(
         Button6,
         {
-          icon: /* @__PURE__ */ React24.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ React25.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -10740,7 +10749,7 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       )
     )),
-    /* @__PURE__ */ React24.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React25.createElement(Panel3.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React25.createElement(
       PanelContent,
       {
         onSelect: ({ item }) => selectView(item),
@@ -10757,7 +10766,7 @@ var SavedViewsContent = (props) => {
         onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React24.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React25.createElement(
     FormModal,
     {
       open: true,
@@ -10771,14 +10780,14 @@ var SavedViewsContent = (props) => {
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React24.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React25.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React24.createElement(
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React25.createElement(
     SharedViewFormModal,
     {
       open: true,
@@ -10793,11 +10802,31 @@ var SavedViewsContent = (props) => {
   )));
 };
 var SavedViews = (props) => {
-  return /* @__PURE__ */ React24.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React24.createElement(QueryClientProvider, { client: queryClient }, /* @__PURE__ */ React24.createElement(ToastAlertProvider, null, /* @__PURE__ */ React24.createElement(SavedViewsContent, { ...props }))));
+  const [resolvedDefault, setResolvedDefault] = useState5(() => props.transport ? void 0 : getCachedDefaultTransport());
+  const [transportLoadError, setTransportLoadError] = useState5(void 0);
+  useEffect6(() => {
+    if (props.transport || resolvedDefault) return;
+    let cancelled = false;
+    void loadDefaultTransport().then((transport2) => {
+      if (!cancelled) setResolvedDefault(transport2);
+    }).catch((err) => {
+      if (!cancelled) setTransportLoadError(err);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [props.transport, resolvedDefault]);
+  const transport = props.transport ?? resolvedDefault;
+  if (!transport) {
+    if (transportLoadError) throw transportLoadError;
+    return null;
+  }
+  const { CacheProvider } = transport;
+  return /* @__PURE__ */ React25.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React25.createElement(SavedViewsTransportProvider, { transport }, /* @__PURE__ */ React25.createElement(CacheProvider, null, /* @__PURE__ */ React25.createElement(ToastAlertProvider, null, /* @__PURE__ */ React25.createElement(SavedViewsContent, { ...props })))));
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-import React25, { useCallback as useCallback6 } from "react";
+import React26, { useCallback as useCallback6 } from "react";
 
 // src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
 import { useMemo as useMemo4 } from "react";
@@ -10955,7 +10984,7 @@ var SmartGridSavedViews = (props) => {
     },
     [gridApi, tableConfig, setTableConfig]
   );
-  return /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(
     SavedViews,
     {
       onSelect,
@@ -10968,13 +10997,14 @@ var SmartGridSavedViews = (props) => {
       presetViews,
       tableName: props.tableName,
       tableConfig,
-      isPanelOpen
+      isPanelOpen,
+      transport: props.transport
     }
   );
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-import React26, {
+import React27, {
   forwardRef as forwardRef11,
   useImperativeHandle,
   useState as useState8,
@@ -11080,7 +11110,7 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ React26.createElement(
+  return /* @__PURE__ */ React27.createElement(
     SavedViews,
     {
       onSelect,
@@ -11092,7 +11122,8 @@ var DataTableSavedViews = forwardRef11((props, ref) => {
       defaultView,
       presetViews,
       tableName: props.tableName,
-      tableConfig: internalTableConfig
+      tableConfig: internalTableConfig,
+      transport: props.transport
     }
   );
 });