@procore/saved-views 6.1.0 → 6.2.0

package/dist/modern/index.js

@@ -1,38 +1,12 @@
-"use strict";
-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 __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+var _chunkQGM4M3NIjs = require('./chunk-QGM4M3NI.js');
 
 // node_modules/lodash/lodash.js
-var require_lodash = __commonJS({
-  "node_modules/lodash/lodash.js"(exports2, module2) {
+var require_lodash = _chunkQGM4M3NIjs.__commonJS.call(void 0, {
+  "node_modules/lodash/lodash.js"(exports, module) {
     "use strict";
     (function() {
       var undefined2;
@@ -361,8 +335,8 @@ var require_lodash = __commonJS({
       var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
       var freeSelf = typeof self == "object" && self && self.Object === Object && self;
       var root = freeGlobal || freeSelf || Function("return this")();
-      var freeExports = typeof exports2 == "object" && exports2 && !exports2.nodeType && exports2;
-      var freeModule = freeExports && typeof module2 == "object" && module2 && !module2.nodeType && module2;
+      var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+      var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;
       var nodeUtil = (function() {
@@ -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;
@@ -5527,30 +5501,14 @@ var require_lodash = __commonJS({
       } else {
         root._ = _3;
       }
-    }).call(exports2);
+    }).call(exports);
   }
 });
 
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  DataTableSavedViews: () => DataTableSavedViews,
-  ExpandedPanel: () => ExpandedPanel,
-  FormModal: () => FormModal,
-  PanelContent: () => PanelContent,
-  SavedViewCollectionMenuItem: () => SavedViewCollectionMenuItem,
-  SavedViews: () => SavedViews,
-  SavedViewsDeleteConfirmationModalShared: () => SavedViewsDeleteConfirmationModalShared,
-  SavedViewsSelectionProvider: () => SavedViewsSelectionProvider,
-  SmartGridSavedViews: () => SmartGridSavedViews,
-  getTranslations: () => getTranslations,
-  useSavedViewsPanel: () => useSavedViewsPanel_default,
-  useSavedViewsSelection: () => useSavedViewsSelection
-});
-module.exports = __toCommonJS(index_exports);
-
 // src/utils/translations/translations.ts
-var import_globalization_toolkit = require("@procore/globalization-toolkit");
+
+
+var _globalizationtoolkit = require('@procore/globalization-toolkit');
 
 // src/locales/de-DE.json
 var de_DE_default = {
@@ -7227,15 +7185,15 @@ var supportedLocales = {
 };
 function getTranslations(envLocale) {
   return Object.fromEntries(
-    (0, import_globalization_toolkit.getFallbackLocaleList)(envLocale).map((locale) => [
+    _globalizationtoolkit.getFallbackLocaleList.call(void 0, envLocale).map((locale) => [
       locale,
-      supportedLocales[locale] ?? {}
+      _nullishCoalesce(supportedLocales[locale], () => ( {}))
     ])
   );
 }
 
 // src/components/buttons/useSavedViewsPanel.tsx
-var import_react5 = require("react");
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React8 = _interopRequireWildcard(_react); var React9 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React17 = _interopRequireWildcard(_react); var React22 = _interopRequireWildcard(_react); var React21 = _interopRequireWildcard(_react); var React24 = _interopRequireWildcard(_react);
 
 // ../../node_modules/tslib/tslib.es6.mjs
 var __assign = function() {
@@ -7270,7 +7228,7 @@ function __spreadArray(to, from2, pack) {
 }
 
 // ../../node_modules/@procore/core-icons/dist/Icon.js
-var React = __toESM(require("react"));
+
 function getSize(size) {
   if (size === "sm") {
     return 16;
@@ -7289,7 +7247,7 @@ function Icon(_a) {
 }
 
 // ../../node_modules/@procore/core-icons/dist/icons/Building.js
-var React2 = __toESM(require("react"));
+
 var Building = React2.forwardRef(function Building2(props, ref) {
   return React2.createElement(
     Icon,
@@ -7305,7 +7263,7 @@ Building.displayName = "Building";
 var Building_default = Building;
 
 // ../../node_modules/@procore/core-icons/dist/icons/ChevronDown.js
-var React3 = __toESM(require("react"));
+
 var ChevronDown = React3.forwardRef(function ChevronDown2(props, ref) {
   return React3.createElement(
     Icon,
@@ -7321,7 +7279,7 @@ ChevronDown.displayName = "ChevronDown";
 var ChevronDown_default = ChevronDown;
 
 // ../../node_modules/@procore/core-icons/dist/icons/ChevronRight.js
-var React4 = __toESM(require("react"));
+
 var ChevronRight = React4.forwardRef(function ChevronRight2(props, ref) {
   return React4.createElement(
     Icon,
@@ -7337,7 +7295,7 @@ ChevronRight.displayName = "ChevronRight";
 var ChevronRight_default = ChevronRight;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Clear.js
-var React5 = __toESM(require("react"));
+
 var Clear = React5.forwardRef(function Clear2(props, ref) {
   return React5.createElement(
     Icon,
@@ -7353,7 +7311,7 @@ Clear.displayName = "Clear";
 var Clear_default = Clear;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Excavator.js
-var React6 = __toESM(require("react"));
+
 var Excavator = React6.forwardRef(function Excavator2(props, ref) {
   return React6.createElement(
     Icon,
@@ -7370,7 +7328,7 @@ Excavator.displayName = "Excavator";
 var Excavator_default = Excavator;
 
 // ../../node_modules/@procore/core-icons/dist/icons/ExpandSidebar.js
-var React7 = __toESM(require("react"));
+
 var ExpandSidebar = React7.forwardRef(function ExpandSidebar2(props, ref) {
   return React7.createElement(
     Icon,
@@ -7388,7 +7346,7 @@ ExpandSidebar.displayName = "ExpandSidebar";
 var ExpandSidebar_default = ExpandSidebar;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Help.js
-var React8 = __toESM(require("react"));
+
 var Help = React8.forwardRef(function Help2(props, ref) {
   return React8.createElement(
     Icon,
@@ -7404,7 +7362,7 @@ Help.displayName = "Help";
 var Help_default = Help;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Link.js
-var React9 = __toESM(require("react"));
+
 var Link = React9.forwardRef(function Link2(props, ref) {
   return React9.createElement(
     Icon,
@@ -7421,7 +7379,7 @@ Link.displayName = "Link";
 var Link_default = Link;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Person.js
-var React10 = __toESM(require("react"));
+
 var Person = React10.forwardRef(function Person2(props, ref) {
   return React10.createElement(
     Icon,
@@ -7437,7 +7395,7 @@ Person.displayName = "Person";
 var Person_default = Person;
 
 // ../../node_modules/@procore/core-icons/dist/icons/Plus.js
-var React11 = __toESM(require("react"));
+
 var Plus = React11.forwardRef(function Plus2(props, ref) {
   return React11.createElement(
     Icon,
@@ -7453,8 +7411,8 @@ Plus.displayName = "Plus";
 var Plus_default = Plus;
 
 // src/components/buttons/SavedViewsButton.tsx
-var import_core_react2 = require("@procore/core-react");
-var import_react4 = __toESM(require("react"));
+var _corereact = require('@procore/core-react');
+
 
 // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
 function memoize(fn) {
@@ -7475,7 +7433,7 @@ var isPropValid = /* @__PURE__ */ memoize(
 );
 
 // ../../node_modules/styled-components/dist/styled-components.esm.js
-var import_react = __toESM(require("react"));
+
 
 // ../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
 var unitlessKeys = {
@@ -8155,7 +8113,7 @@ var u = "data-styled-version";
 var l = "6.3.12";
 var p = "/*!sc*/\n";
 var d = "undefined" != typeof window && "undefined" != typeof document;
-var h = void 0 === import_react.default.createContext;
+var h = void 0 === React.default.createContext;
 var f = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV);
 var y = "production" !== process.env.NODE_ENV ? { 1: "Cannot create styled-component for component: %s.\n\n", 2: "Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n", 3: "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n", 4: "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n", 5: "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n", 6: "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n", 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: 'ThemeProvider: Please make your "theme" prop an object.\n\n', 9: "Missing document `<head>`\n\n", 10: "Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n", 11: "_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n", 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: "%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n", 14: 'ThemeProvider: "theme" prop is required.\n\n', 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: "Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n", 17: "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n", 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
 function v() {
@@ -8194,7 +8152,7 @@ var I = function(t, n) {
       console.error = function(t2) {
         for (var n2 = [], r2 = 1; r2 < arguments.length; r2++) n2[r2 - 1] = arguments[r2];
         _.test(t2) ? (a2 = false, A.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, false));
-      }, "function" == typeof import_react.default.useState && import_react.default.useState(null), a2 && !A.has(s) && (console.warn(s), A.add(s));
+      }, "function" == typeof React.default.useState && React.default.useState(null), a2 && !A.has(s) && (console.warn(s), A.add(s));
     } catch (e) {
       _.test(e.message) && A.delete(s);
     } finally {
@@ -8679,33 +8637,33 @@ var Ue = h ? { Provider: function(e) {
   return e.children;
 }, Consumer: function(e) {
   return (0, e.children)(He);
-} } : import_react.default.createContext(He);
+} } : React.default.createContext(He);
 var Je = Ue.Consumer;
 var Xe = h ? { Provider: function(e) {
   return e.children;
 }, Consumer: function(e) {
   return (0, e.children)(void 0);
-} } : import_react.default.createContext(void 0);
+} } : React.default.createContext(void 0);
 function Ze() {
-  return h ? He : import_react.default.useContext(Ue);
+  return h ? He : React.default.useContext(Ue);
 }
 function Ke(e) {
-  if (h || !import_react.default.useMemo) return e.children;
-  var t = Ze().styleSheet, n = import_react.default.useMemo(function() {
+  if (h || !React.default.useMemo) return e.children;
+  var t = Ze().styleSheet, n = React.default.useMemo(function() {
     var n2 = t;
     return e.sheet ? n2 = e.sheet : e.target && (n2 = n2.reconstructWithOptions({ target: e.target }, false)), e.disableCSSOMInjection && (n2 = n2.reconstructWithOptions({ useCSSOMInjection: false })), n2;
-  }, [e.disableCSSOMInjection, e.sheet, e.target, t]), o2 = import_react.default.useMemo(function() {
+  }, [e.disableCSSOMInjection, e.sheet, e.target, t]), o2 = React.default.useMemo(function() {
     return Ye({ options: { namespace: e.namespace, prefix: e.enableVendorPrefixes }, plugins: e.stylisPlugins });
-  }, [e.enableVendorPrefixes, e.namespace, e.stylisPlugins]), s = import_react.default.useMemo(function() {
+  }, [e.enableVendorPrefixes, e.namespace, e.stylisPlugins]), s = React.default.useMemo(function() {
     return { shouldForwardProp: e.shouldForwardProp, styleSheet: n, stylis: o2 };
   }, [e.shouldForwardProp, n, o2]);
-  return import_react.default.createElement(Ue.Provider, { value: s }, import_react.default.createElement(Xe.Provider, { value: o2 }, e.children));
+  return React.default.createElement(Ue.Provider, { value: s }, React.default.createElement(Xe.Provider, { value: o2 }, e.children));
 }
 var Qe = h ? { Provider: function(e) {
   return e.children;
 }, Consumer: function(e) {
   return (0, e.children)(void 0);
-} } : import_react.default.createContext(void 0);
+} } : React.default.createContext(void 0);
 var et = Qe.Consumer;
 var rt = {};
 var ot = /* @__PURE__ */ new Set();
@@ -8730,8 +8688,8 @@ function st(s, i, a2) {
   var _3 = new Fe(a2, S2, c2 ? u2.componentStyle : void 0);
   function A2(s2, i2) {
     return (function(s3, i3, a3) {
-      var c3 = s3.attrs, u3 = s3.componentStyle, l2 = s3.defaultProps, p3 = s3.foldedComponentIds, d3 = s3.styledComponentId, f3 = s3.target, m2 = h ? void 0 : import_react.default.useContext(Qe), y3 = Ze(), v3 = s3.shouldForwardProp || y3.shouldForwardProp;
-      "production" !== process.env.NODE_ENV && import_react.default.useDebugValue && import_react.default.useDebugValue(d3);
+      var c3 = s3.attrs, u3 = s3.componentStyle, l2 = s3.defaultProps, p3 = s3.foldedComponentIds, d3 = s3.styledComponentId, f3 = s3.target, m2 = h ? void 0 : React.default.useContext(Qe), y3 = Ze(), v3 = s3.shouldForwardProp || y3.shouldForwardProp;
+      "production" !== process.env.NODE_ENV && React.default.useDebugValue && React.default.useDebugValue(d3);
       var g3 = D(i3, m2, l2) || (h ? void 0 : O), S3 = (function(e, n, r2) {
         for (var o2, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i4 = 0; i4 < e.length; i4 += 1) {
           var a4 = se(o2 = e[i4]) ? o2(s4) : o2;
@@ -8742,12 +8700,12 @@ function st(s, i, a2) {
       for (var N3 in S3) void 0 === S3[N3] || "$" === N3[0] || "as" === N3 || "theme" === N3 && S3.theme === g3 || ("forwardedAs" === N3 ? b3.as = S3.forwardedAs : v3 && !v3(N3, w3) || (b3[N3] = S3[N3], v3 || "development" !== process.env.NODE_ENV || isPropValid(N3) || ot.has(N3) || !T.has(w3) || (ot.add(N3), console.warn('styled-components: it looks like an unknown prop "'.concat(N3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var E3 = (function(e, t) {
         var n = Ze(), o2 = e.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return "production" !== process.env.NODE_ENV && import_react.default.useDebugValue && import_react.default.useDebugValue(o2.className), o2;
+        return "production" !== process.env.NODE_ENV && React.default.useDebugValue && React.default.useDebugValue(o2.className), o2;
       })(u3, S3), _4 = E3.className;
       "production" !== process.env.NODE_ENV && s3.warnTooManyClasses && s3.warnTooManyClasses(_4);
       var A3 = ae(p3, d3);
       _4 && (A3 += " " + _4), S3.className && (A3 += " " + S3.className), b3[$(w3) && !T.has(w3) ? "class" : "className"] = A3, a3 && (b3.ref = a3);
-      var I2 = (0, import_react.createElement)(w3, b3);
+      var I2 = _react.createElement.call(void 0, w3, b3);
       if (h) {
         for (var P4 = [], R3 = u3, x2 = function() {
           var e = y3.styleSheet.getTag().getGroup(C(R3.componentId));
@@ -8755,17 +8713,17 @@ function st(s, i, a2) {
             var t = "", n = y3.styleSheet.names.get(R3.componentId);
             n && n.forEach(function(e2) {
               t && (t += "_"), t += e2;
-            }), P4.push(import_react.default.createElement("style", { key: "sc-".concat(R3.componentId), precedence: "styled-components", href: "sc-".concat(R3.componentId, "-").concat(t), children: e }));
+            }), P4.push(React.default.createElement("style", { key: "sc-".concat(R3.componentId), precedence: "styled-components", href: "sc-".concat(R3.componentId, "-").concat(t), children: e }));
           }
           R3 = R3.baseStyle;
         }; R3; ) x2();
-        if (P4.length) return P4.reverse(), import_react.default.createElement.apply(import_react.default, __spreadArray(__spreadArray([import_react.default.Fragment, null], P4, false), [I2], false));
+        if (P4.length) return P4.reverse(), React.default.createElement.apply(React.default, __spreadArray(__spreadArray([React.default.Fragment, null], P4, false), [I2], false));
       }
       return I2;
     })(R2, s2, i2);
   }
   A2.displayName = g2;
-  var R2 = import_react.default.forwardRef(A2);
+  var R2 = React.default.forwardRef(A2);
   return R2.attrs = w2, R2.componentStyle = _3, R2.displayName = g2, R2.shouldForwardProp = b2, R2.foldedComponentIds = c2 ? ae(u2.foldedComponentIds, u2.styledComponentId) : "", R2.styledComponentId = S2, R2.target = c2 ? u2.target : s, Object.defineProperty(R2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e) {
@@ -8868,18 +8826,18 @@ var St = (function() {
       var o2 = e2.instance.toString();
       if (!o2) return [];
       var s = ((n = {})[a] = "", n[u] = l, n.dangerouslySetInnerHTML = { __html: o2 }, n), i = we();
-      return i && (s.nonce = i), [import_react.default.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
+      return i && (s.nonce = i), [React.default.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
     }, this.seal = function() {
       e2.sealed = true;
     }, this.instance = new Ie({ isServer: true }), this.sealed = false;
   }
   return e.prototype.collectStyles = function(e2) {
     if (this.sealed) throw g(2);
-    return import_react.default.createElement(Ke, { sheet: this.instance }, e2);
+    return React.default.createElement(Ke, { sheet: this.instance }, e2);
   }, e.prototype.interleaveWithNodeStream = function(e2) {
     if (this.sealed) throw g(2);
     this.seal();
-    var t = require("stream").Transform, n = this.instance, r2 = this._emitSheetCSS, o2 = new t({ transform: function(e3, t2, o3) {
+    var t = _chunkQGM4M3NIjs.__require.call(void 0, "stream").Transform, n = this.instance, r2 = this._emitSheetCSS, o2 = new t({ transform: function(e3, t2, o3) {
       var s2 = e3.toString(), i = r2();
       if (n.clearTag(), gt.test(s2)) {
         var a2 = s2.indexOf(">") + 1, c2 = s2.slice(0, a2), u2 = s2.slice(a2);
@@ -8902,8 +8860,8 @@ var bt = "__sc-".concat(a, "__");
 "production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[bt] || (window[bt] = 0), 1 === window[bt] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."), window[bt] += 1);
 
 // src/components/EnvironmentI18nProvider.tsx
-var import_react2 = __toESM(require("react"));
-var import_core_react = require("@procore/core-react");
+
+
 
 // src/utils/translations/translationCache.ts
 var CACHE_KEY_PREFIX = "sg-saved-views-translations";
@@ -8915,26 +8873,26 @@ function readCache(locale) {
     const raw = localStorage.getItem(cacheKey(locale));
     if (!raw) return null;
     return JSON.parse(raw);
-  } catch {
+  } catch (e5) {
     return null;
   }
 }
 function writeCache(locale, translations) {
   try {
     localStorage.setItem(cacheKey(locale), JSON.stringify(translations));
-  } catch {
+  } catch (e6) {
   }
 }
 
 // src/components/EnvironmentI18nProvider.tsx
-var import_cdn_translations = require("@procore/cdn-translations");
+var _cdntranslations = require('@procore/cdn-translations');
 var useCDNTranslations = () => {
-  const i18n = (0, import_core_react.useI18nContext)();
-  const cachedTranslations = (0, import_react2.useMemo)(
+  const i18n = _corereact.useI18nContext.call(void 0, );
+  const cachedTranslations = _react.useMemo.call(void 0, 
     () => readCache(i18n.locale),
     [i18n.locale]
   );
-  const cdnTranslations = (0, import_cdn_translations.useRequestTranslations)(
+  const cdnTranslations = _cdntranslations.useRequestTranslations.call(void 0, 
     {
       type: "file",
       locale: i18n.locale,
@@ -8948,7 +8906,7 @@ var useCDNTranslations = () => {
       enableCDN: i18n.enableCDN
     }
   );
-  (0, import_react2.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (cdnTranslations.status === "resolved" && cdnTranslations.translations) {
       writeCache(
         i18n.locale,
@@ -8956,35 +8914,41 @@ var useCDNTranslations = () => {
       );
     }
   }, [cdnTranslations.status, cdnTranslations.translations, i18n.locale]);
-  const translationsToUse = cdnTranslations.status === "resolved" ? cdnTranslations.translations : cachedTranslations ?? getTranslations(i18n.locale);
-  return (0, import_core_react.useI18n)({
+  const translationsToUse = cdnTranslations.status === "resolved" ? cdnTranslations.translations : _nullishCoalesce(cachedTranslations, () => ( getTranslations(i18n.locale)));
+  return _corereact.useI18n.call(void 0, {
     translations: translationsToUse,
     locale: i18n.locale
   });
 };
 var EnvironmentI18nProvider = ({ children }) => {
   const i18n = useCDNTranslations();
-  return /* @__PURE__ */ import_react2.default.createElement(import_core_react.I18nContext.Provider, { value: i18n }, children);
+  return /* @__PURE__ */ React.default.createElement(_corereact.I18nContext.Provider, { value: i18n }, children);
 };
 
 // src/components/buttons/SavedViewsSelectionContext.tsx
-var import_react3 = __toESM(require("react"));
-var SavedViewsSelectionContext = (0, import_react3.createContext)(null);
+
+
+
+
+
+
+
+var SavedViewsSelectionContext = _react.createContext.call(void 0, null);
 var SavedViewsSelectionProvider = ({
   children
 }) => {
-  const [selectedView, setSelectedView] = (0, import_react3.useState)(null);
-  const updateSelectedView = (0, import_react3.useCallback)(
+  const [selectedView, setSelectedView] = _react.useState.call(void 0, null);
+  const updateSelectedView = _react.useCallback.call(void 0, 
     (view) => setSelectedView(view),
     []
   );
-  const value = (0, import_react3.useMemo)(
+  const value = _react.useMemo.call(void 0, 
     () => ({ selectedView, setSelectedView: updateSelectedView }),
     [selectedView, updateSelectedView]
   );
-  return /* @__PURE__ */ import_react3.default.createElement(SavedViewsSelectionContext.Provider, { value }, children);
+  return /* @__PURE__ */ React.default.createElement(SavedViewsSelectionContext.Provider, { value }, children);
 };
-var useSavedViewsSelection = () => (0, import_react3.useContext)(SavedViewsSelectionContext);
+var useSavedViewsSelection = () => _react.useContext.call(void 0, SavedViewsSelectionContext);
 
 // src/components/buttons/SavedViewsButton.tsx
 var StyledIcon = pt(ExpandSidebar_default)`
@@ -9009,47 +8973,47 @@ var SavedViewsButton = ({
 }) => {
   const I18n = useCDNTranslations();
   const selection = useSavedViewsSelection();
-  const activeView = selection?.selectedView;
-  const activeName = activeView?.name;
-  const activeType = activeView?.view_level ? I18n.t(`savedViews.button.viewLevel.${activeView.view_level}`) : "";
+  const activeView = _optionalChain([selection, 'optionalAccess', _2 => _2.selectedView]);
+  const activeName = _optionalChain([activeView, 'optionalAccess', _5 => _5.name]);
+  const activeType = _optionalChain([activeView, 'optionalAccess', _6 => _6.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,
+  const button = /* @__PURE__ */ React.default.createElement(
+    _corereact.ToggleButton,
     {
       selected: isOpen,
       onClick: handleClick,
-      icon: /* @__PURE__ */ import_react4.default.createElement(StyledIcon, { left: isOpen }),
+      icon: /* @__PURE__ */ React.default.createElement(StyledIcon, { left: isOpen }),
       "data-testid": "saved-views-button",
       "aria-controls": "saved-views-panel",
       "aria-label": label
     },
-    /* @__PURE__ */ import_react4.default.createElement(Label, null, label)
+    /* @__PURE__ */ React.default.createElement(Label, null, label)
   );
-  return /* @__PURE__ */ import_react4.default.createElement(Container, null, activeName ? /* @__PURE__ */ import_react4.default.createElement(
-    import_core_react2.Tooltip,
+  return /* @__PURE__ */ React.default.createElement(Container, null, activeName ? /* @__PURE__ */ React.default.createElement(
+    _corereact.Tooltip,
     {
       showDelay: 500,
-      overlay: /* @__PURE__ */ import_react4.default.createElement(import_core_react2.Tooltip.Content, null, label)
+      overlay: /* @__PURE__ */ React.default.createElement(_corereact.Tooltip.Content, null, label)
     },
     button
   ) : button);
 };
 
 // src/components/buttons/useSavedViewsPanel.tsx
-var import_react6 = __toESM(require("react"));
+
 var useSavedViewsPanel = (domain, tableName) => {
   const key = (domain2, tableName2) => `savedViewsPanel-${domain2}-${tableName2}`;
-  const [isOpen, setIsOpen] = (0, import_react5.useState)(
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, 
     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_react6.default.createElement(SavedViewsButton, { handleClick, isOpen });
+  const Button7 = () => /* @__PURE__ */ React.default.createElement(SavedViewsButton, { handleClick, isOpen });
   return {
     isOpen,
     SavedViewsButton: Button7,
@@ -9059,10 +9023,36 @@ var useSavedViewsPanel = (domain, tableName) => {
 var useSavedViewsPanel_default = useSavedViewsPanel;
 
 // src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
-var import_core_react3 = require("@procore/core-react");
-var React16 = __toESM(require("react"));
-var import_toast_alert = require("@procore/toast-alert");
-var RowActionsBox = pt(import_core_react3.Flex)`
+
+
+
+
+
+
+
+
+var _toastalert = require('@procore/toast-alert');
+
+// src/transport/context.tsx
+
+var SavedViewsTransportContext = _react.createContext.call(void 0, void 0);
+var SavedViewsTransportProvider = ({
+  transport,
+  children
+}) => /* @__PURE__ */ React.default.createElement(SavedViewsTransportContext.Provider, { value: transport }, children);
+var useSavedViewsTransport = () => {
+  const transport = _react.useContext.call(void 0, 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 = () => _react.useContext.call(void 0, SavedViewsTransportContext);
+
+// src/components/menu-items/SavedViewsCollectionsMenuItem.tsx
+var RowActionsBox = pt(_corereact.Flex)`
   justify-content: center;
   align-items: center;
 
@@ -9070,7 +9060,7 @@ var RowActionsBox = pt(import_core_react3.Flex)`
     margin-right: 8px;
   }
 `;
-var Container2 = pt(import_core_react3.Flex)`
+var Container2 = pt(_corereact.Flex)`
   overflow-wrap: anywhere;
   min-height: 24px;
 
@@ -9082,17 +9072,17 @@ var IconWrapper = pt.span`
   justify-content: center;
 `;
 var SavedViewCollectionMenuItem = (props) => {
-  const onClick = React16.useCallback(
+  const onClick = React17.useCallback(
     (a2) => {
       if (!props.item) {
         return;
       }
       switch (a2.value) {
         case "editNameDesc":
-          props.onEdit?.({ savedView: props.item });
+          _optionalChain([props, 'access', _7 => _7.onEdit, 'optionalCall', _8 => _8({ savedView: props.item })]);
           break;
         case "delete":
-          props.onDelete?.({ savedView: props.item });
+          _optionalChain([props, 'access', _9 => _9.onDelete, 'optionalCall', _10 => _10({ savedView: props.item })]);
           break;
         default:
           break;
@@ -9102,10 +9092,12 @@ var SavedViewCollectionMenuItem = (props) => {
   );
   const updateItem = (event) => {
     event.stopPropagation();
-    props.onUpdate?.(props.item);
+    _optionalChain([props, 'access', _11 => _11.onUpdate, 'optionalCall', _12 => _12(props.item)]);
   };
-  const { showToast } = (0, import_toast_alert.useToastAlertContext)();
-  const i18n = (0, import_core_react3.useI18nContext)();
+  const { showToast } = _toastalert.useToastAlertContext.call(void 0, );
+  const i18n = _corereact.useI18nContext.call(void 0, );
+  const transport = useOptionalSavedViewsTransport();
+  const canShareViaUrl = _optionalChain([transport, 'optionalAccess', _13 => _13.supportsUrlSharing]) !== false;
   const copyShareLink = async (event) => {
     event.stopPropagation();
     try {
@@ -9128,18 +9120,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),
@@ -9151,7 +9143,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",
@@ -9159,8 +9151,8 @@ var SavedViewCollectionMenuItem = (props) => {
       },
       props.item.name
     ),
-    hasActions && /* @__PURE__ */ React16.createElement(RowActionsBox, null, /* @__PURE__ */ React16.createElement(import_core_react3.Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React16.createElement(
-      import_core_react3.Button,
+    hasActions && /* @__PURE__ */ React17.createElement(RowActionsBox, null, /* @__PURE__ */ React17.createElement(_corereact.Box, { justifyContent: "space-between" }, hasUpdateButton && /* @__PURE__ */ React17.createElement(
+      _corereact.Button,
       {
         onClick: updateItem,
         variant: "secondary",
@@ -9170,8 +9162,8 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    ), hasCopyShareLinkButton && /* @__PURE__ */ React16.createElement(
-      import_core_react3.Button,
+    ), hasCopyShareLinkButton && /* @__PURE__ */ React17.createElement(
+      _corereact.Button,
       {
         onClick: copyShareLink,
         variant: "tertiary",
@@ -9179,13 +9171,13 @@ 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(
-      import_core_react3.Button,
+      /* @__PURE__ */ React17.createElement(IconWrapper, null, /* @__PURE__ */ React17.createElement(Link_default, { size: "sm" }))
+    ), hasClearTemporaryButton && /* @__PURE__ */ React17.createElement(
+      _corereact.Button,
       {
         onClick: (e) => {
           e.stopPropagation();
-          props.onClearTemporary?.();
+          _optionalChain([props, 'access', _14 => _14.onClearTemporary, 'optionalCall', _15 => _15()]);
         },
         variant: "tertiary",
         size: "sm",
@@ -9193,9 +9185,9 @@ 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(import_core_react3.Box, null, hasOverflowMenu && /* @__PURE__ */ React16.createElement(
-      import_core_react3.DropdownFlyout,
+      /* @__PURE__ */ React17.createElement(IconWrapper, null, /* @__PURE__ */ React17.createElement(Clear_default, { size: "sm" }))
+    )), /* @__PURE__ */ React17.createElement(_corereact.Box, null, hasOverflowMenu && /* @__PURE__ */ React17.createElement(
+      _corereact.DropdownFlyout,
       {
         "data-testid": "saved-view-overflow-button",
         options: flyoutMenuOptions,
@@ -9210,26 +9202,20 @@ var SavedViewCollectionMenuItem = (props) => {
 };
 
 // src/components/panels/ExpandedPanel.tsx
-var import_core_react4 = require("@procore/core-react");
-var ExpandedPanel = pt(import_core_react4.Panel)`
+
+var ExpandedPanel = pt(_corereact.Panel)`
   width: ${({ provider }) => provider === "data-table" ? "316px" : "100%"};
   height: 100%;
   border-radius: 4px 0 0 4px;
 `;
 
 // src/components/panels/PanelContent.tsx
-var import_core_react8 = require("@procore/core-react");
-var import_toast_alert2 = require("@procore/toast-alert");
-var import_react10 = __toESM(require("react"));
 
-// src/utils/api/queries.ts
-var import_core_http2 = require("@procore/core-http");
-var import_react_query2 = require("@tanstack/react-query");
+
+
 
 // src/utils/api/queriesHandler.ts
-var import_core_http = require("@procore/core-http");
-var import_react_query = require("@tanstack/react-query");
-var import_core_react5 = require("@procore/core-react");
+
 var getBasePath = (companyId, projectId) => {
   if (projectId) {
     return `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views`;
@@ -9238,22 +9224,39 @@ var getBasePath = (companyId, projectId) => {
 };
 var useApiRequest = (props, method, mutationKey) => {
   const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = (0, import_react_query.useQueryClient)();
-  const { locale } = (0, import_core_react5.useI18nContext)();
+  const transport = useSavedViewsTransport();
+  const http = transport.useHttp();
+  const cacheControl = transport.useCacheControl();
+  const { locale } = _corereact.useI18nContext.call(void 0, );
   const basePath = getBasePath(companyId, projectId);
-  const queryKey = ["savedViews", domain, tableName, companyId, projectId];
-  return (0, import_react_query.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 (0, import_core_http.requestJSON)(url, {
+      const response = await http({
         method,
-        body: JSON.stringify(savedView),
+        url,
+        body: JSON.stringify(body),
         headers: {
           "Content-Type": "application/json",
           "Accept-Language": locale
@@ -9266,23 +9269,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 oldView = oldData?.find(
+        const oldData = cacheControl.getData(queryKey);
+        const oldView = _optionalChain([oldData, 'optionalAccess', _16 => _16.find, 'call', _17 => _17(
           (item) => item.share_token === savedView.share_token
-        );
-        if (oldView?.name !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey
-          });
+        )]);
+        if (_optionalChain([oldView, 'optionalAccess', _18 => _18.name]) !== savedView.name) {
+          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
@@ -9311,13 +9310,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 (0, import_react_query2.useQuery)({
+  return transport.useQueryAdapter({
     queryKey: ["savedViews", domain, tableName, companyId, projectId],
     queryFn: async () => {
       const getUrl = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await (0, import_core_http2.requestJSON)(getUrl, {
+      const response = await http({
+        method: "GET",
+        url: getUrl,
         priority: "low"
       });
       return response.data;
@@ -9326,12 +9329,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 (0, import_react_query2.useQuery)({
+  return transport.useQueryAdapter({
     queryKey: ["savedViewsConfig", domain, companyId, projectId],
     queryFn: async () => {
-      const response = await (0, import_core_http2.requestJSON)(url, {
+      const response = await http({
+        method: "GET",
+        url,
         priority: "low"
       });
       return response.data;
@@ -9355,13 +9362,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 (0, import_react_query2.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 (0, import_core_http2.requestJSON)(url, {
+      const response = await http({
+        method: "GET",
+        url,
         priority: "low"
       });
       return response.data;
@@ -9370,14 +9381,14 @@ var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
 };
 
 // src/components/panels/PanelContentUtils.ts
-var import_lodash = __toESM(require_lodash());
+var import_lodash = _chunkQGM4M3NIjs.__toESM.call(void 0, require_lodash());
 
 // src/components/adapters/smart-grid/SmartGridUtils.ts
 function getSmartGridConfig(api) {
   const columnState = api.getColumnState();
   const columnGroupState = api.getColumnGroupState();
   const rowGroupState = api.getRowGroupColumns().map((col) => col.getColId());
-  const rowHeight = api.getGridOption("rowHeight") ?? api.getSizesForCurrentTheme().rowHeight;
+  const rowHeight = _nullishCoalesce(api.getGridOption("rowHeight"), () => ( api.getSizesForCurrentTheme().rowHeight));
   const filterState = api.getFilterModel();
   return {
     columnState,
@@ -9402,8 +9413,8 @@ function setSmartGridConfig(api, config) {
 // src/components/saved-views/SavedViewsUtils.ts
 var customAndConfigSync = (viewTableConfig, defaultTableConfig) => {
   if (!viewTableConfig && !defaultTableConfig) return void 0;
-  if (!viewTableConfig?.columnState) return defaultTableConfig;
-  if (!defaultTableConfig?.columnState) return viewTableConfig;
+  if (!_optionalChain([viewTableConfig, 'optionalAccess', _19 => _19.columnState])) return defaultTableConfig;
+  if (!_optionalChain([defaultTableConfig, 'optionalAccess', _20 => _20.columnState])) return viewTableConfig;
   const viewColumns = viewTableConfig.columnState;
   const defaultViewColumns = defaultTableConfig.columnState;
   if (!Array.isArray(viewColumns) || !Array.isArray(defaultViewColumns))
@@ -9446,20 +9457,20 @@ var updateTableConfig = (view, tableApi, provider) => {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
     if (tableConfig) {
-      const currentTableConfig = dataTableApi?.getTableConfiguration?.();
-      const rowHeight = tableConfig?.rowHeight ?? currentTableConfig?.rowHeight;
-      const hasServerFilters = Boolean(currentTableConfig?.serverFilters?.length) || Boolean(tableConfig?.serverFilters?.length);
+      const currentTableConfig = _optionalChain([dataTableApi, 'optionalAccess', _21 => _21.getTableConfiguration, 'optionalCall', _22 => _22()]);
+      const rowHeight = _nullishCoalesce(_optionalChain([tableConfig, 'optionalAccess', _23 => _23.rowHeight]), () => ( _optionalChain([currentTableConfig, 'optionalAccess', _24 => _24.rowHeight])));
+      const hasServerFilters = Boolean(_optionalChain([currentTableConfig, 'optionalAccess', _25 => _25.serverFilters, 'optionalAccess', _26 => _26.length])) || Boolean(_optionalChain([tableConfig, 'optionalAccess', _27 => _27.serverFilters, 'optionalAccess', _28 => _28.length]));
       const usesServerSideFiltering = hasServerFilters;
       if (rowHeight !== void 0) {
-        dataTableApi?.setRowHeight(rowHeight);
+        _optionalChain([dataTableApi, 'optionalAccess', _29 => _29.setRowHeight, 'call', _30 => _30(rowHeight)]);
       }
       if (usesServerSideFiltering) {
-        dataTableApi?.setTableConfiguration({
+        _optionalChain([dataTableApi, 'optionalAccess', _31 => _31.setTableConfiguration, 'call', _32 => _32({
           ...tableConfig,
           filters: void 0
-        });
+        })]);
       } else {
-        dataTableApi?.setTableConfiguration(tableConfig);
+        _optionalChain([dataTableApi, 'optionalAccess', _33 => _33.setTableConfiguration, 'call', _34 => _34(tableConfig)]);
       }
     }
   }
@@ -9526,7 +9537,7 @@ var cleanObject = (table_config, provider) => {
     };
   } else {
     const dataTableConfig = table_config;
-    if (!dataTableConfig?.serverFilters) return table_config;
+    if (!_optionalChain([dataTableConfig, 'optionalAccess', _35 => _35.serverFilters])) return table_config;
     const orderedColumns = getOrderedVisibleColumns(
       dataTableConfig.columnState,
       "field"
@@ -9543,7 +9554,7 @@ var cleanObject = (table_config, provider) => {
   }
 };
 var normalizeForComparison = (config) => {
-  if (!config?.columnState) return config;
+  if (!_optionalChain([config, 'optionalAccess', _36 => _36.columnState])) return config;
   return {
     ...config,
     columnState: config.columnState.map((col) => {
@@ -9572,19 +9583,19 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
     case "personal":
       return true;
     case "project":
-      return permissions?.can_create_project_saved_views;
+      return _optionalChain([permissions, 'optionalAccess', _37 => _37.can_create_project_saved_views]);
     case "company":
-      return permissions?.can_create_company_saved_views;
+      return _optionalChain([permissions, 'optionalAccess', _38 => _38.can_create_company_saved_views]);
     default:
       return false;
   }
 };
 
 // src/components/panels/useGroups.ts
-var import_react7 = require("react");
+
 var useGroups = (isProjectLevelTool) => {
   const viewLevels = getViewLevels(isProjectLevelTool);
-  const [groups, setGroups] = (0, import_react7.useState)(
+  const [groups, setGroups] = _react.useState.call(void 0, 
     Object.fromEntries(viewLevels.map((level) => [level, true]))
   );
   const toggleGroup = (group) => {
@@ -9594,26 +9605,32 @@ var useGroups = (isProjectLevelTool) => {
 };
 
 // src/components/panels/ViewLevelHeader.tsx
-var import_core_react6 = require("@procore/core-react");
-var import_react8 = __toESM(require("react"));
+
+
+
+
+
+
+
+
 var groupIcon = (group) => {
   switch (group) {
     case "personal":
-      return /* @__PURE__ */ import_react8.default.createElement(Person_default, null);
+      return /* @__PURE__ */ React.default.createElement(Person_default, null);
     case "project":
-      return /* @__PURE__ */ import_react8.default.createElement(Excavator_default, null);
+      return /* @__PURE__ */ React.default.createElement(Excavator_default, null);
     case "company":
-      return /* @__PURE__ */ import_react8.default.createElement(Building_default, null);
+      return /* @__PURE__ */ React.default.createElement(Building_default, null);
   }
 };
-var StyledButton = pt(import_core_react6.Button)`
+var StyledButton = pt(_corereact.Button)`
   &:hover {
-    background-color: ${import_core_react6.colors.gray98};
+    background-color: ${_corereact.colors.gray98};
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = (0, import_core_react6.useI18nContext)();
-  return /* @__PURE__ */ import_react8.default.createElement(import_core_react6.Box, { style: { width: "100%" } }, /* @__PURE__ */ import_react8.default.createElement(
+  const I18n = _corereact.useI18nContext.call(void 0, );
+  return /* @__PURE__ */ React.default.createElement(_corereact.Box, { style: { width: "100%" } }, /* @__PURE__ */ React.default.createElement(
     StyledButton,
     {
       block: true,
@@ -9626,19 +9643,19 @@ var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
       onClick: () => toggleGroup(group),
       "aria-controls": `saved-views-collections-${group}`,
       "aria-expanded": expanded,
-      icon: expanded ? /* @__PURE__ */ import_react8.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react8.default.createElement(ChevronRight_default, { size: "sm" })
+      icon: expanded ? /* @__PURE__ */ React.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ React.default.createElement(ChevronRight_default, { size: "sm" })
     },
     groupIcon(group),
-    /* @__PURE__ */ import_react8.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ React.default.createElement(_corereact.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   ));
 };
 var ViewLevelHeader_default = ViewLevelHeader;
 
 // src/utils/hooks/useScrollToRef.ts
-var import_react9 = require("react");
+
 var useScrollToRef = (dependency) => {
-  const ref = (0, import_react9.useRef)(null);
-  (0, import_react9.useEffect)(() => {
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     if (ref.current) {
       ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
@@ -9647,41 +9664,46 @@ var useScrollToRef = (dependency) => {
 };
 
 // src/components/panels/PanelContent.styles.ts
-var import_core_react7 = require("@procore/core-react");
-var Row = pt(import_core_react7.MenuImperative.Item)`
+
+
+
+
+
+
+var Row = pt(_corereact.MenuImperative.Item)`
   width: 100%;
   padding-left: 35px;
   padding-right: 4px;
-  background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : "transparent"};
+  background-color: ${({ selected }) => selected ? _corereact.colors.blue96 : "transparent"};
 
   &:hover {
-    background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : import_core_react7.colors.gray98};
+    background-color: ${({ selected }) => selected ? _corereact.colors.blue96 : _corereact.colors.gray98};
   }
 `;
-var Panel2 = pt(import_core_react7.DetailPage.Card)`
+var Panel2 = pt(_corereact.DetailPage.Card)`
   margin: 0;
   height: 100%;
-  padding-top: ${import_core_react7.spacing.sm}px;
+  padding-top: ${_corereact.spacing.sm}px;
   box-shadow: none;
 `;
 
 // src/components/panels/PanelContent.tsx
-var StyledMenuImperative = pt(import_core_react8.MenuImperative)`
+var StyledMenuImperative = pt(_corereact.MenuImperative)`
   div[role='listbox'] {
     padding: 0;
   }
 `;
 var PanelContent = (props) => {
   const { queryInput, selectedSavedView, tableConfig } = props;
-  const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
-  const I18n = (0, import_core_react8.useI18nContext)();
+  const { showToast } = _toastalert.useToastAlertContext.call(void 0, );
+  const I18n = _corereact.useI18nContext.call(void 0, );
   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 savedViews = props.savedViews ?? savedViewsFromQuery;
-  const errorToastRef = import_react10.default.useRef(null);
-  import_react10.default.useEffect(() => {
+  const isUpdateLoading = updateMutation.isPending;
+  const savedViews = _nullishCoalesce(props.savedViews, () => ( savedViewsFromQuery));
+  const errorToastRef = React.default.useRef(null);
+  React.default.useEffect(() => {
     if (savedViewsError && savedViewsError !== errorToastRef.current) {
       showToast.error(I18n.t("savedViews.errors.fetch"));
       errorToastRef.current = savedViewsError;
@@ -9689,8 +9711,8 @@ var PanelContent = (props) => {
   }, [savedViewsError, showToast, I18n]);
   const { data: permissions } = useSavedViewsPermissions(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
-  const isTemporarySelected = selectedSavedView?.id === "temporary";
-  const temporaryView = savedViews?.find((view) => view.id === "temporary");
+  const isTemporarySelected = _optionalChain([selectedSavedView, 'optionalAccess', _39 => _39.id]) === "temporary";
+  const temporaryView = _optionalChain([savedViews, 'optionalAccess', _40 => _40.find, 'call', _41 => _41((view) => view.id === "temporary")]);
   const presetViews = props.presetViews || [props.defaultView];
   const isProjectLevelTool = !!queryInput.projectId;
   const viewLevels = getViewLevels(isProjectLevelTool);
@@ -9711,17 +9733,17 @@ var PanelContent = (props) => {
       }
     });
   };
-  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(
+  return /* @__PURE__ */ React.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ React.default.createElement(_corereact.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, (temporaryView || presetViews) && /* @__PURE__ */ React.default.createElement(
     StyledMenuImperative,
     {
       role: "listbox",
       onSelect: (selection) => {
-        if (selectedSavedView?.id !== selection.item.id) {
+        if (_optionalChain([selectedSavedView, 'optionalAccess', _42 => _42.id]) !== selection.item.id) {
           props.onSelect({ item: selection.item });
         }
       }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react8.MenuImperative.Options, null, temporaryView && /* @__PURE__ */ import_react10.default.createElement(
+    /* @__PURE__ */ React.default.createElement(_corereact.MenuImperative.Options, null, temporaryView && /* @__PURE__ */ React.default.createElement(
       Row,
       {
         key: temporaryView.id,
@@ -9730,7 +9752,7 @@ var PanelContent = (props) => {
         "aria-current": isTemporarySelected ? "true" : void 0,
         ref: isTemporarySelected ? selectedRowRef : null
       },
-      /* @__PURE__ */ import_react10.default.createElement(
+      /* @__PURE__ */ React.default.createElement(
         SavedViewCollectionMenuItem,
         {
           item: temporaryView,
@@ -9739,8 +9761,8 @@ var PanelContent = (props) => {
         }
       )
     ), presetViews.map((presetView) => {
-      const isSelected = selectedSavedView?.id === presetView.id;
-      return /* @__PURE__ */ import_react10.default.createElement(
+      const isSelected = _optionalChain([selectedSavedView, 'optionalAccess', _43 => _43.id]) === presetView.id;
+      return /* @__PURE__ */ React.default.createElement(
         Row,
         {
           key: presetView.id,
@@ -9749,7 +9771,7 @@ var PanelContent = (props) => {
           "aria-current": isSelected ? "true" : void 0,
           ref: isSelected ? selectedRowRef : null
         },
-        /* @__PURE__ */ import_react10.default.createElement(
+        /* @__PURE__ */ React.default.createElement(
           SavedViewCollectionMenuItem,
           {
             item: presetView,
@@ -9763,26 +9785,26 @@ var PanelContent = (props) => {
     const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
     ) : [];
-    return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, { key: level }, /* @__PURE__ */ import_react10.default.createElement(
+    return /* @__PURE__ */ React.default.createElement(React.default.Fragment, { key: level }, /* @__PURE__ */ React.default.createElement(
       ViewLevelHeader_default,
       {
         group: level,
         toggleGroup,
         expanded: isExpanded
       }
-    ), isExpanded && views.length > 0 && /* @__PURE__ */ import_react10.default.createElement(
+    ), isExpanded && views.length > 0 && /* @__PURE__ */ React.default.createElement(
       StyledMenuImperative,
       {
         id: `saved-views-collections-${level}`,
         role: "listbox",
         onSelect: (selection) => {
-          if (selectedSavedView?.id !== selection.item.id) {
+          if (_optionalChain([selectedSavedView, 'optionalAccess', _44 => _44.id]) !== selection.item.id) {
             props.onSelect({ item: selection.item });
           }
         }
       },
-      /* @__PURE__ */ import_react10.default.createElement(import_core_react8.MenuImperative.Options, null, views.map((view) => {
-        const isSelected = selectedSavedView?.id === view.id;
+      /* @__PURE__ */ React.default.createElement(_corereact.MenuImperative.Options, null, views.map((view) => {
+        const isSelected = _optionalChain([selectedSavedView, 'optionalAccess', _45 => _45.id]) === view.id;
         const canUpdate = isSelected && hasPermissionForViewLevel(
           view.view_level,
           permissions
@@ -9793,7 +9815,7 @@ var PanelContent = (props) => {
           props.provider
         );
         const canEditOrDelete = isSelected && hasPermissionForViewLevel(view.view_level, permissions);
-        return /* @__PURE__ */ import_react10.default.createElement(
+        return /* @__PURE__ */ React.default.createElement(
           Row,
           {
             key: view.id,
@@ -9802,7 +9824,7 @@ var PanelContent = (props) => {
             "aria-current": isSelected ? "true" : void 0,
             ref: isSelected ? selectedRowRef : null
           },
-          /* @__PURE__ */ import_react10.default.createElement(
+          /* @__PURE__ */ React.default.createElement(
             SavedViewCollectionMenuItem,
             {
               item: view,
@@ -9824,22 +9846,34 @@ var PanelContent = (props) => {
 };
 
 // src/components/saved-views/SavedViews.tsx
-var import_core_react15 = require("@procore/core-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_react11 = __toESM(require("react"));
+
+
+
+
+
+
+
+
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
-  const i18n = (0, import_core_react9.useI18nContext)();
-  return /* @__PURE__ */ import_react11.default.createElement(
-    import_core_react9.ConfirmModal,
+  const i18n = _corereact.useI18nContext.call(void 0, );
+  return /* @__PURE__ */ React.default.createElement(
+    _corereact.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
       open,
@@ -9848,26 +9882,37 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__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"))))
+    /* @__PURE__ */ React.default.createElement(_corereact.Modal.Body, null, /* @__PURE__ */ React.default.createElement(_corereact.P, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ React.default.createElement(_corereact.Modal.Footer, null, /* @__PURE__ */ React.default.createElement(_corereact.Modal.FooterButtons, null, /* @__PURE__ */ React.default.createElement(_corereact.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React.default.createElement(_corereact.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-var import_react12 = __toESM(require("react"));
+
 
 // src/components/modals/form-modal/FormModalBase.tsx
-var import_core_react11 = require("@procore/core-react");
-var React21 = __toESM(require("react"));
-var yup = __toESM(require("yup"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _yup = require('yup'); var yup = _interopRequireWildcard(_yup); var yup2 = _interopRequireWildcard(_yup);
 
 // src/components/modals/form-modal/FormModalBaseUtils.ts
 var getViewLevelOptions = (permissions, i18n, isProjectLevelTool = true) => {
   const options = ["personal"];
-  if (isProjectLevelTool && permissions?.can_create_project_saved_views) {
+  if (isProjectLevelTool && _optionalChain([permissions, 'optionalAccess', _46 => _46.can_create_project_saved_views])) {
     options.push("project");
   }
-  if (permissions?.can_create_company_saved_views) options.push("company");
+  if (_optionalChain([permissions, 'optionalAccess', _47 => _47.can_create_company_saved_views])) options.push("company");
   return options.map((option) => ({
     label: i18n.t(`savedViews.modal.fields.viewLevels.${option}`),
     id: option
@@ -9894,23 +9939,23 @@ function extractMessage(error, I18n) {
 }
 
 // src/components/modals/form-modal/NameInputField.tsx
-var import_core_react10 = require("@procore/core-react");
-var React20 = __toESM(require("react"));
+
+
 var NAME_INPUT_ID = "saved-view-form-name-input";
 var NameInputField = ({
   error,
   onResetMutations
 }) => {
-  const I18n = (0, import_core_react10.useI18nContext)();
+  const I18n = _corereact.useI18nContext.call(void 0, );
   const label = I18n.t("savedViews.modal.fields.name");
-  const { errors: formErrors, submitCount } = (0, import_core_react10.useFormContext)();
-  React20.useEffect(() => {
-    if (submitCount > 0 && formErrors?.name) {
-      document.getElementById(NAME_INPUT_ID)?.focus();
+  const { errors: formErrors, submitCount } = _corereact.useFormContext.call(void 0, );
+  React21.useEffect(() => {
+    if (submitCount > 0 && _optionalChain([formErrors, 'optionalAccess', _48 => _48.name])) {
+      _optionalChain([document, 'access', _49 => _49.getElementById, 'call', _50 => _50(NAME_INPUT_ID), 'optionalAccess', _51 => _51.focus, 'call', _52 => _52()]);
     }
-  }, [formErrors?.name, submitCount]);
-  return /* @__PURE__ */ React20.createElement(
-    import_core_react10.Form.Text,
+  }, [_optionalChain([formErrors, 'optionalAccess', _53 => _53.name]), submitCount]);
+  return /* @__PURE__ */ React21.createElement(
+    _corereact.Form.Text,
     {
       id: NAME_INPUT_ID,
       name: "name",
@@ -9942,7 +9987,7 @@ var FormModalBase = ({
   setOpenEditCreateModal,
   onSelect
 }) => {
-  const I18n = (0, import_core_react11.useI18nContext)();
+  const I18n = _corereact.useI18nContext.call(void 0, );
   const NAME_MAX_LENGTH = 150;
   const {
     mutate: createSavedView,
@@ -10001,8 +10046,8 @@ var FormModalBase = ({
     I18n,
     isProjectLevelTool
   );
-  return /* @__PURE__ */ React21.createElement(
-    import_core_react11.Modal,
+  return /* @__PURE__ */ React22.createElement(
+    _corereact.Modal,
     {
       howToClose: ["x", "scrim"],
       onClose,
@@ -10010,8 +10055,8 @@ var FormModalBase = ({
       width: "md",
       "data-testid": "create-update-modal"
     },
-    /* @__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,
+    /* @__PURE__ */ React22.createElement(ScrollContainer, null, /* @__PURE__ */ React22.createElement(_corereact.Modal.Header, { style: { borderBottom: `1px solid ${_corereact.colors.gray85}` } }, /* @__PURE__ */ React22.createElement(_corereact.Modal.Heading, null, header)), /* @__PURE__ */ React22.createElement(
+      _corereact.Form,
       {
         initialValues: {
           name: initialName,
@@ -10036,26 +10081,26 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React21.createElement(import_core_react11.Form.Form, { name: header }, /* @__PURE__ */ React21.createElement(
-        import_core_react11.Modal.Body,
+      /* @__PURE__ */ React22.createElement(_corereact.Form.Form, { name: header }, /* @__PURE__ */ React22.createElement(
+        _corereact.Modal.Body,
         {
-          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react11.spacing.lg }
+          style: { paddingTop: 0, paddingBottom: 0, marginTop: _corereact.spacing.lg }
         },
-        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?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React21.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React21.createElement(
+        errors && /* @__PURE__ */ React22.createElement(_corereact.ErrorBanner, { style: { marginBottom: _corereact.spacing.xl } }, /* @__PURE__ */ React22.createElement(_corereact.Banner.Content, null, /* @__PURE__ */ React22.createElement(_corereact.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React22.createElement(_corereact.Banner.Body, null, _optionalChain([errors, 'optionalAccess', _54 => _54.form]) || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React22.createElement(_corereact.Form.Row, null, /* @__PURE__ */ React22.createElement(
           NameInputField,
           {
-            error: errors?.name,
+            error: _optionalChain([errors, 'optionalAccess', _55 => _55.name]),
             onResetMutations: resetMutations
           }
         )),
-        /* @__PURE__ */ React21.createElement(
-          import_core_react11.Form.Row,
+        /* @__PURE__ */ React22.createElement(
+          _corereact.Form.Row,
           {
-            style: { marginTop: errors?.name ? import_core_react11.spacing.xl : import_core_react11.spacing.none }
+            style: { marginTop: _optionalChain([errors, 'optionalAccess', _56 => _56.name]) ? _corereact.spacing.xl : _corereact.spacing.none }
           },
-          /* @__PURE__ */ React21.createElement(
-            import_core_react11.Form.TextArea,
+          /* @__PURE__ */ React22.createElement(
+            _corereact.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -10065,8 +10110,8 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React21.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React21.createElement(
-          import_core_react11.Form.Select,
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React22.createElement(_corereact.Form.Row, null, /* @__PURE__ */ React22.createElement(
+          _corereact.Form.Select,
           {
             name: "view_level",
             options: viewLevelOptions,
@@ -10075,9 +10120,9 @@ var FormModalBase = ({
             onSearch: false,
             onClear: false
           }
-        )) : /* @__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,
+        )) : /* @__PURE__ */ React22.createElement(React22.Fragment, null)
+      ), /* @__PURE__ */ React22.createElement(_corereact.Modal.Footer, { style: { borderTop: `1px solid ${_corereact.colors.gray85}` } }, /* @__PURE__ */ React22.createElement(_corereact.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React22.createElement(_corereact.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React22.createElement(_corereact.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React22.createElement(_corereact.Modal.FooterButtons, null, /* @__PURE__ */ React22.createElement(_corereact.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React22.createElement(
+        _corereact.Button,
         {
           "data-testid": "create-update-modal-button",
           type: "submit",
@@ -10092,7 +10137,7 @@ var FormModalBase = ({
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-var import_core_react12 = require("@procore/core-react");
+
 var FormModal = ({
   open,
   mode,
@@ -10105,16 +10150,16 @@ var FormModal = ({
   onSelect,
   defaultView
 }) => {
-  const i18n = (0, import_core_react12.useI18nContext)();
-  return /* @__PURE__ */ import_react12.default.createElement(
+  const i18n = _corereact.useI18nContext.call(void 0, );
+  return /* @__PURE__ */ React.default.createElement(
     FormModalBase,
     {
       open,
       mode,
       onCancel,
       header: mode === "update" ? i18n.t("savedViews.modal.edit.title") : i18n.t("savedViews.modal.create.title"),
-      initialName: mode === "update" ? selectedSavedView?.name || "" : "",
-      initialDesc: mode === "update" ? selectedSavedView?.description || "" : "",
+      initialName: mode === "update" ? _optionalChain([selectedSavedView, 'optionalAccess', _57 => _57.name]) || "" : "",
+      initialDesc: mode === "update" ? _optionalChain([selectedSavedView, 'optionalAccess', _58 => _58.description]) || "" : "",
       queryInput,
       tableConfig,
       tableName,
@@ -10127,9 +10172,21 @@ var FormModal = ({
 };
 
 // src/components/modals/form-modal/SharedViewFormModal.tsx
-var import_core_react13 = require("@procore/core-react");
-var React23 = __toESM(require("react"));
-var yup2 = __toESM(require("yup"));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 var SharedViewFormModal = ({
   open,
   fetchedView,
@@ -10140,7 +10197,7 @@ var SharedViewFormModal = ({
   isCreating,
   resetCreateError
 }) => {
-  const I18n = (0, import_core_react13.useI18nContext)();
+  const I18n = _corereact.useI18nContext.call(void 0, );
   const NAME_MAX_LENGTH = 150;
   const errors = extractMessage(createError, I18n);
   const handleNameChange = () => {
@@ -10151,8 +10208,8 @@ var SharedViewFormModal = ({
   const handleOnSubmit = (data) => {
     onCreateView(data.name, data.description);
   };
-  return /* @__PURE__ */ React23.createElement(
-    import_core_react13.Modal,
+  return /* @__PURE__ */ React24.createElement(
+    _corereact.Modal,
     {
       "data-testid": "shared-view-form-modal",
       open,
@@ -10160,40 +10217,40 @@ var SharedViewFormModal = ({
       onClose,
       style: { width: "540px" }
     },
-    /* @__PURE__ */ React23.createElement(
-      import_core_react13.Modal.Header,
+    /* @__PURE__ */ React24.createElement(
+      _corereact.Modal.Header,
       {
         onClose,
         style: {
-          paddingTop: import_core_react13.spacing.lg,
-          paddingBottom: import_core_react13.spacing.xs,
-          paddingLeft: import_core_react13.spacing.xl,
-          paddingRight: import_core_react13.spacing.xl
+          paddingTop: _corereact.spacing.lg,
+          paddingBottom: _corereact.spacing.xs,
+          paddingLeft: _corereact.spacing.xl,
+          paddingRight: _corereact.spacing.xl
         }
       },
-      /* @__PURE__ */ React23.createElement(import_core_react13.Modal.Heading, null, I18n.t("savedViews.modal.create.title"))
+      /* @__PURE__ */ React24.createElement(_corereact.Modal.Heading, null, I18n.t("savedViews.modal.create.title"))
     ),
-    /* @__PURE__ */ React23.createElement(
-      import_core_react13.P,
+    /* @__PURE__ */ React24.createElement(
+      _corereact.P,
       {
         style: {
-          paddingLeft: import_core_react13.spacing.xl,
-          paddingRight: import_core_react13.spacing.xl,
-          paddingBottom: import_core_react13.spacing.lg,
-          paddingTop: import_core_react13.spacing.none,
+          paddingLeft: _corereact.spacing.xl,
+          paddingRight: _corereact.spacing.xl,
+          paddingBottom: _corereact.spacing.lg,
+          paddingTop: _corereact.spacing.none,
           margin: 0,
-          color: import_core_react13.colors.gray45,
+          color: _corereact.colors.gray45,
           whiteSpace: "pre-line"
         }
       },
       I18n.t("savedViews.modal.copyConfirmation.description")
     ),
-    /* @__PURE__ */ React23.createElement(
-      import_core_react13.Form,
+    /* @__PURE__ */ React24.createElement(
+      _corereact.Form,
       {
         initialValues: {
           name: fetchedView.name,
-          description: fetchedView.description ?? ""
+          description: _nullishCoalesce(fetchedView.description, () => ( ""))
         },
         view: "create",
         validationSchema: yup2.object().shape({
@@ -10207,32 +10264,32 @@ var SharedViewFormModal = ({
         onSubmit: handleOnSubmit,
         validateOnChange: true
       },
-      /* @__PURE__ */ React23.createElement(import_core_react13.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React23.createElement(
-        import_core_react13.Modal.Body,
+      /* @__PURE__ */ React24.createElement(_corereact.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React24.createElement(
+        _corereact.Modal.Body,
         {
           style: {
-            paddingTop: import_core_react13.spacing.lg,
+            paddingTop: _corereact.spacing.lg,
             paddingBottom: 0,
-            borderTop: `1px solid ${import_core_react13.colors.gray85}`
+            borderTop: `1px solid ${_corereact.colors.gray85}`
           }
         },
-        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", {
+        errors && /* @__PURE__ */ React24.createElement(_corereact.ErrorBanner, { style: { marginBottom: _corereact.spacing.xl } }, /* @__PURE__ */ React24.createElement(_corereact.Banner.Content, null, /* @__PURE__ */ React24.createElement(_corereact.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
           mode: "create"
-        })), /* @__PURE__ */ React23.createElement(import_core_react13.Banner.Body, null, errors?.form || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React23.createElement(import_core_react13.Form.Row, null, /* @__PURE__ */ React23.createElement(
+        })), /* @__PURE__ */ React24.createElement(_corereact.Banner.Body, null, _optionalChain([errors, 'optionalAccess', _59 => _59.form]) || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React24.createElement(_corereact.Form.Row, null, /* @__PURE__ */ React24.createElement(
           NameInputField,
           {
-            error: errors?.name,
+            error: _optionalChain([errors, 'optionalAccess', _60 => _60.name]),
             onResetMutations: handleNameChange
           }
         )),
-        /* @__PURE__ */ React23.createElement(
-          import_core_react13.Form.Row,
+        /* @__PURE__ */ React24.createElement(
+          _corereact.Form.Row,
           {
-            style: { marginTop: errors?.name ? import_core_react13.spacing.xl : import_core_react13.spacing.none }
+            style: { marginTop: _optionalChain([errors, 'optionalAccess', _61 => _61.name]) ? _corereact.spacing.xl : _corereact.spacing.none }
           },
-          /* @__PURE__ */ React23.createElement(
-            import_core_react13.Form.TextArea,
+          /* @__PURE__ */ React24.createElement(
+            _corereact.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -10242,8 +10299,8 @@ var SharedViewFormModal = ({
             }
           )
         )
-      ), /* @__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,
+      ), /* @__PURE__ */ React24.createElement(_corereact.Modal.Footer, { style: { borderTop: `1px solid ${_corereact.colors.gray85}` } }, /* @__PURE__ */ React24.createElement(_corereact.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React24.createElement(_corereact.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React24.createElement(_corereact.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React24.createElement(_corereact.Modal.FooterButtons, null, /* @__PURE__ */ React24.createElement(
+        _corereact.Button,
         {
           variant: "secondary",
           onClick: onCreateTemporaryView,
@@ -10251,8 +10308,8 @@ var SharedViewFormModal = ({
           disabled: isCreating
         },
         I18n.t("savedViews.actions.viewTemporarily")
-      ), /* @__PURE__ */ React23.createElement(
-        import_core_react13.Button,
+      ), /* @__PURE__ */ React24.createElement(
+        _corereact.Button,
         {
           type: "submit",
           variant: "primary",
@@ -10267,9 +10324,8 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/hooks/useViewSelection.ts
-var import_react14 = require("react");
-var import_react_router_dom = require("react-router-dom");
-var import_core_react14 = require("@procore/core-react");
+
+
 
 // src/utils/viewStorage.ts
 var ViewStorage = {
@@ -10284,7 +10340,7 @@ var ViewStorage = {
       if (!parsed) return defaultView;
       const isTableConfigOnly = !parsed.id && !parsed.share_token;
       return isTableConfigOnly ? { ...defaultView, table_config: parsed } : parsed;
-    } catch {
+    } catch (e7) {
       return defaultView;
     }
   },
@@ -10294,13 +10350,13 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useLatest.ts
-var import_react13 = require("react");
+
 var useLatest = (callback) => {
-  const ref = (0, import_react13.useRef)(callback);
-  (0, import_react13.useLayoutEffect)(() => {
+  const ref = _react.useRef.call(void 0, callback);
+  _react.useLayoutEffect.call(void 0, () => {
     ref.current = callback;
   });
-  return (0, import_react13.useCallback)((...args) => ref.current(...args), []);
+  return _react.useCallback.call(void 0, (...args) => ref.current(...args), []);
 };
 
 // src/utils/hooks/useViewSelection.ts
@@ -10313,69 +10369,51 @@ 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?.share_token === viewId || selectedView?.id === viewId;
+  return _optionalChain([selectedView, 'optionalAccess', _62 => _62.share_token]) === viewId || _optionalChain([selectedView, 'optionalAccess', _63 => _63.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 = (0, import_core_react14.useI18nContext)();
-  const projectIdSegment = config.projectId ?? "company";
+  const I18n = _corereact.useI18nContext.call(void 0, );
+  const transport = useSavedViewsTransport();
+  const urlAdapter = transport.useUrlAdapter();
+  const projectIdSegment = _nullishCoalesce(config.projectId, () => ( "company"));
   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_react14.useRef)(null);
-  const intendedTokenRef = (0, import_react14.useRef)(null);
-  const [selectedSavedView, setSelectedSavedView] = (0, import_react14.useState)(() => {
+  const previousSavedViewParamRef = _react.useRef.call(void 0, null);
+  const intendedTokenRef = _react.useRef.call(void 0, null);
+  const [selectedSavedView, setSelectedSavedView] = _react.useState.call(void 0, () => {
     const stored = ViewStorage.load(storageKey, config.defaultView);
-    return stored ?? config.defaultView;
+    return _nullishCoalesce(stored, () => ( config.defaultView));
   });
-  const [temporaryView, setTemporaryView] = (0, import_react14.useState)(() => {
+  const [temporaryView, setTemporaryView] = _react.useState.call(void 0, () => {
     const loaded = ViewStorage.load(temporaryStorageKey, config.defaultView);
     return loaded && (loaded.id === "temporary" || loaded.view_level === "temporary") ? loaded : null;
   });
-  const persistViewToStorageAndUrl = (0, import_react14.useCallback)(
+  const persistViewToStorageAndUrl = _react.useCallback.call(void 0, 
     (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 = (0, import_react14.useMemo)(
-    () => [...savedViews ?? [], ...presetViews ?? []],
+  const baseViews = _react.useMemo.call(void 0, 
+    () => [..._nullishCoalesce(savedViews, () => ( [])), ..._nullishCoalesce(presetViews, () => ( []))],
     [savedViews, presetViews]
   );
-  const allViews = (0, import_react14.useMemo)(
+  const allViews = _react.useMemo.call(void 0, 
     () => temporaryView ? [...baseViews, temporaryView] : baseViews,
     [baseViews, temporaryView]
   );
-  const selectView = (0, import_react14.useCallback)(
+  const selectView = _react.useCallback.call(void 0, 
     (view) => {
       const viewToSelect = config.onSelect({ item: view });
       setSelectedSavedView(viewToSelect);
@@ -10384,7 +10422,7 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [config, persistViewToStorageAndUrl]
   );
-  const createTemporaryView = (0, import_react14.useCallback)(
+  const createTemporaryView = _react.useCallback.call(void 0, 
     (fetchedView) => {
       const tempView = {
         ...fetchedView,
@@ -10399,12 +10437,12 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     },
     [temporaryStorageKey, selectView]
   );
-  const clearTemporaryView = (0, import_react14.useCallback)(() => {
+  const clearTemporaryView = _react.useCallback.call(void 0, () => {
     ViewStorage.remove(temporaryStorageKey);
     setTemporaryView(null);
     selectView(config.defaultView);
   }, [temporaryStorageKey, config.defaultView, selectView]);
-  const isViewAlreadySelected = (0, import_react14.useCallback)(
+  const isViewAlreadySelected = _react.useCallback.call(void 0, 
     (viewId) => checkIsViewSelected(selectedSavedView, viewId),
     [selectedSavedView]
   );
@@ -10419,37 +10457,35 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
       openSharedViewModal(viewId);
     }
   });
-  (0, import_react14.useEffect)(() => {
-    const savedViewId = searchParams.get("saved-view");
+  const savedViewIdFromUrl = urlAdapter.getViewToken();
+  _react.useEffect.call(void 0, () => {
     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]);
-  const previousRowGroupStateRef = (0, import_react14.useRef)(
+  }, [savedViewIdFromUrl, handleSavedViewFromUrl, allViews.length, urlAdapter]);
+  const previousRowGroupStateRef = _react.useRef.call(void 0, 
     isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
   );
-  const selectedViewRef = (0, import_react14.useRef)(selectedSavedView);
+  const selectedViewRef = _react.useRef.call(void 0, selectedSavedView);
   selectedViewRef.current = selectedSavedView;
-  const defaultViewRef = (0, import_react14.useRef)(config.defaultView);
+  const defaultViewRef = _react.useRef.call(void 0, config.defaultView);
   defaultViewRef.current = config.defaultView;
-  (0, import_react14.useEffect)(() => {
-    if (!isSmartGridConfig(tableConfig) || !presetViews?.length) return;
+  _react.useEffect.call(void 0, () => {
+    if (!isSmartGridConfig(tableConfig) || !_optionalChain([presetViews, 'optionalAccess', _64 => _64.length])) return;
     const currentView = selectedViewRef.current;
     const isPresetSelected = !currentView || currentView.view_level === "default";
     if (!isPresetSelected) return;
@@ -10465,14 +10501,14 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
     const matchingPreset = presetViews.find((preset) => {
       const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
       return areRowGroupStatesEqual(
-        presetConfig?.rowGroupState,
+        _optionalChain([presetConfig, 'optionalAccess', _65 => _65.rowGroupState]),
         currentRowGroupState
       );
     });
-    if (matchingPreset && matchingPreset.id !== selectedViewRef.current?.id) {
+    if (matchingPreset && matchingPreset.id !== _optionalChain([selectedViewRef, 'access', _66 => _66.current, 'optionalAccess', _67 => _67.id])) {
       setSelectedSavedView(matchingPreset);
       persistViewToStorageAndUrl(matchingPreset);
-    } else if (!matchingPreset && currentView?.id !== defaultViewRef.current.id) {
+    } else if (!matchingPreset && _optionalChain([currentView, 'optionalAccess', _68 => _68.id]) !== defaultViewRef.current.id) {
       setSelectedSavedView(defaultViewRef.current);
       persistViewToStorageAndUrl(defaultViewRef.current);
     }
@@ -10488,13 +10524,13 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, ta
 };
 
 // src/components/saved-views/FocusScopeToggle.tsx
-var import_focus = require("@react-aria/focus");
-var import_react15 = require("react");
+var _focus = require('@react-aria/focus');
+
 var useFocusScopeToggle = (isOpen) => {
-  const focusManager = (0, import_focus.useFocusManager)();
-  const triggerRef = (0, import_react15.useRef)(null);
-  const firstFocusedElementRef = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const focusManager = _focus.useFocusManager.call(void 0, );
+  const triggerRef = _react.useRef.call(void 0, null);
+  const firstFocusedElementRef = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
     const handleKeyDown = (event) => {
       if (!event.shiftKey || event.key !== "Tab") {
         return;
@@ -10503,28 +10539,28 @@ var useFocusScopeToggle = (isOpen) => {
         return;
       }
       event.preventDefault();
-      triggerRef.current?.focus();
+      _optionalChain([triggerRef, 'access', _69 => _69.current, 'optionalAccess', _70 => _70.focus, 'call', _71 => _71()]);
     };
     if (isOpen) {
       triggerRef.current = document.activeElement;
-      focusManager?.focusFirst({ tabbable: true });
+      _optionalChain([focusManager, 'optionalAccess', _72 => _72.focusFirst, 'call', _73 => _73({ tabbable: true })]);
       firstFocusedElementRef.current = document.activeElement;
-      firstFocusedElementRef.current?.addEventListener(
+      _optionalChain([firstFocusedElementRef, 'access', _74 => _74.current, 'optionalAccess', _75 => _75.addEventListener, 'call', _76 => _76(
         "keydown",
         handleKeyDown
-      );
+      )]);
     } else {
       firstFocusedElementRef.current = null;
       const activeElement = document.activeElement;
       if (!activeElement || activeElement === document.body) {
-        triggerRef.current?.focus();
+        _optionalChain([triggerRef, 'access', _77 => _77.current, 'optionalAccess', _78 => _78.focus, 'call', _79 => _79()]);
       }
     }
     return () => {
-      firstFocusedElementRef.current?.removeEventListener(
+      _optionalChain([firstFocusedElementRef, 'access', _80 => _80.current, 'optionalAccess', _81 => _81.removeEventListener, 'call', _82 => _82(
         "keydown",
         handleKeyDown
-      );
+      )]);
     };
   }, [isOpen, focusManager]);
 };
@@ -10534,11 +10570,27 @@ var FocusScopeToggle = ({ isOpen }) => {
 };
 
 // src/components/saved-views/SavedViews.tsx
-var import_focus2 = require("@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 = Promise.resolve().then(() => _interopRequireWildcard(require("./transport/default.js"))).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 import_react_query3.QueryClient();
 var SavedViewsContent = (props) => {
   const { projectId, companyId } = props;
   const queryInput = {
@@ -10549,15 +10601,15 @@ var SavedViewsContent = (props) => {
   };
   const { data: savedViews } = useSavedViewsQuery(queryInput);
   const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
-  const { showToast } = (0, import_toast_alert3.useToastAlertContext)();
-  const i18n = (0, import_core_react15.useI18nContext)();
-  const [activeModal, setActiveModal] = (0, import_react16.useState)(null);
-  const [modalData, setModalData] = (0, import_react16.useState)(null);
+  const { showToast } = _toastalert.useToastAlertContext.call(void 0, );
+  const i18n = _corereact.useI18nContext.call(void 0, );
+  const [activeModal, setActiveModal] = _react.useState.call(void 0, null);
+  const [modalData, setModalData] = _react.useState.call(void 0, null);
   const openModal = (type, data) => {
     setActiveModal(type);
-    setModalData(data ?? null);
+    setModalData(_nullishCoalesce(data, () => ( null)));
   };
-  const closeModal = (0, import_react16.useCallback)(() => {
+  const closeModal = _react.useCallback.call(void 0, () => {
     setActiveModal(null);
     setModalData(null);
   }, []);
@@ -10587,9 +10639,9 @@ var SavedViewsContent = (props) => {
     props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
-    modalData?.viewId ?? null,
+    _nullishCoalesce(_optionalChain([modalData, 'optionalAccess', _83 => _83.viewId]), () => ( null)),
     queryInput,
-    Boolean(modalData?.viewId)
+    Boolean(_optionalChain([modalData, 'optionalAccess', _84 => _84.viewId]))
   );
   const {
     mutate: createSavedView,
@@ -10597,16 +10649,16 @@ var SavedViewsContent = (props) => {
     error: createError,
     reset: resetCreateError
   } = useCreateSavedView(queryInput);
-  (0, import_react16.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (fetchError) {
       showToast.error(i18n.t("savedViews.errors.notFound"));
-      selectView(selectedView ?? props.defaultView);
+      selectView(_nullishCoalesce(selectedView, () => ( props.defaultView)));
       closeModal();
     }
   }, [fetchError, selectedView, props.defaultView, selectView, closeModal]);
-  const setSelectedViewInContext = useSavedViewsSelection()?.setSelectedView;
-  (0, import_react16.useEffect)(() => {
-    setSelectedViewInContext?.(selectedView ?? null);
+  const setSelectedViewInContext = _optionalChain([useSavedViewsSelection, 'call', _85 => _85(), 'optionalAccess', _86 => _86.setSelectedView]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([setSelectedViewInContext, 'optionalCall', _87 => _87(_nullishCoalesce(selectedView, () => ( null)))]);
   }, [selectedView, setSelectedViewInContext]);
   const viewSharedViewTemporarily = () => {
     if (fetchedView) {
@@ -10635,7 +10687,7 @@ var SavedViewsContent = (props) => {
     }
   };
   const selectCurrentViewAndCloseModal = () => {
-    selectView(selectedView ?? props.defaultView);
+    selectView(_nullishCoalesce(selectedView, () => ( props.defaultView)));
     closeModal();
   };
   const deleteSelectedView = () => {
@@ -10649,19 +10701,19 @@ var SavedViewsContent = (props) => {
     deleteSelectedView();
     closeModal();
   };
-  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(
+  return /* @__PURE__ */ React.default.createElement(_focus.FocusScope, { contain: false }, /* @__PURE__ */ React.default.createElement(StyledPanel, { id: "saved-views-panel", provider: props.provider }, /* @__PURE__ */ React.default.createElement(FocusScopeToggle, { isOpen: _nullishCoalesce(props.isPanelOpen, () => ( true)) }), /* @__PURE__ */ React.default.createElement(
     ExpandedPanel,
     {
       "data-testid": "saved-view-expanded-panel",
       provider: props.provider
     },
-    /* @__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,
+    /* @__PURE__ */ React.default.createElement(_corereact.Panel.Header, { id: "saved-views-collections-panel-header" }, /* @__PURE__ */ React.default.createElement(_corereact.Panel.Title, null, /* @__PURE__ */ React.default.createElement(_corereact.Flex, { alignItems: "center" }, /* @__PURE__ */ React.default.createElement(_corereact.Box, { paddingRight: "sm" }, i18n.t("savedViews.title")), /* @__PURE__ */ React.default.createElement(
+      _corereact.Tooltip,
       {
         showDelay: 200,
-        overlay: /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Tooltip.Content, null, i18n.t("savedViews.tooltip"))
+        overlay: /* @__PURE__ */ React.default.createElement(_corereact.Tooltip.Content, null, i18n.t("savedViews.tooltip"))
       },
-      /* @__PURE__ */ import_react16.default.createElement(
+      /* @__PURE__ */ React.default.createElement(
         Help_default,
         {
           tabIndex: 0,
@@ -10669,16 +10721,16 @@ var SavedViewsContent = (props) => {
           "aria-label": i18n.t("savedViews.tooltip")
         }
       )
-    ))), /* @__PURE__ */ import_react16.default.createElement(
-      import_core_react15.Tooltip,
+    ))), /* @__PURE__ */ React.default.createElement(
+      _corereact.Tooltip,
       {
         overlay: i18n.t("savedViews.actions.create"),
         showDelay: 1e3
       },
-      /* @__PURE__ */ import_react16.default.createElement(
-        import_core_react15.Button,
+      /* @__PURE__ */ React.default.createElement(
+        _corereact.Button,
         {
-          icon: /* @__PURE__ */ import_react16.default.createElement(Plus_default, null),
+          icon: /* @__PURE__ */ React.default.createElement(Plus_default, null),
           variant: "secondary",
           "data-testid": "expanded-panel-create-button",
           onClick: () => openModal("create" /* CREATE */),
@@ -10687,7 +10739,7 @@ var SavedViewsContent = (props) => {
         i18n.t("savedViews.actions.create")
       )
     )),
-    /* @__PURE__ */ import_react16.default.createElement(import_core_react15.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ import_react16.default.createElement(
+    /* @__PURE__ */ React.default.createElement(_corereact.Panel.Body, { style: { display: "flex", flexFlow: "column" } }, /* @__PURE__ */ React.default.createElement(
       PanelContent,
       {
         onSelect: ({ item }) => selectView(item),
@@ -10704,7 +10756,7 @@ var SavedViewsContent = (props) => {
         onClearTemporary: clearTemporaryView
       }
     ))
-  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react16.default.createElement(
+  ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React.default.createElement(
     FormModal,
     {
       open: true,
@@ -10718,14 +10770,14 @@ var SavedViewsContent = (props) => {
       setOpenEditCreateModal: closeModal,
       defaultView: props.defaultView
     }
-  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react16.default.createElement(
+  ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
     {
       open: true,
       onDelete: confirmDeleteAndCloseModal,
       onCancel: closeModal
     }
-  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ import_react16.default.createElement(
+  ), fetchedView && isModalOpen("sharedView" /* SHARED_VIEW */) && /* @__PURE__ */ React.default.createElement(
     SharedViewFormModal,
     {
       open: true,
@@ -10740,14 +10792,34 @@ var SavedViewsContent = (props) => {
   )));
 };
 var SavedViews = (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 }))));
+  const [resolvedDefault, setResolvedDefault] = _react.useState.call(void 0, () => props.transport ? void 0 : getCachedDefaultTransport());
+  const [transportLoadError, setTransportLoadError] = _react.useState.call(void 0, void 0);
+  _react.useEffect.call(void 0, () => {
+    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 = _nullishCoalesce(props.transport, () => ( resolvedDefault));
+  if (!transport) {
+    if (transportLoadError) throw transportLoadError;
+    return null;
+  }
+  const { CacheProvider } = transport;
+  return /* @__PURE__ */ React.default.createElement(EnvironmentI18nProvider, null, /* @__PURE__ */ React.default.createElement(SavedViewsTransportProvider, { transport }, /* @__PURE__ */ React.default.createElement(CacheProvider, null, /* @__PURE__ */ React.default.createElement(_toastalert.ToastAlertProvider, null, /* @__PURE__ */ React.default.createElement(SavedViewsContent, { ...props })))));
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
-var import_react20 = __toESM(require("react"));
+
 
 // src/components/adapters/smart-grid/SmartGridDefaultSavedView.tsx
-var import_react17 = require("react");
+
 var DEFAULT_COLUMN_STATE = {
   hide: false,
   pinned: null,
@@ -10763,13 +10835,13 @@ var DEFAULT_COLUMN_STATE = {
 };
 var getColumnStateFromDefs = (columnDefs) => {
   return columnDefs.map((colDef) => {
-    const field = colDef.field ?? colDef.colId;
+    const field = _nullishCoalesce(colDef.field, () => ( colDef.colId));
     if (!field) return null;
     return {
       colId: field,
-      hide: colDef.hide ?? false,
-      pinned: colDef.pinned ?? null,
-      width: colDef.width ?? colDef.minWidth ?? DEFAULT_COLUMN_STATE.width,
+      hide: _nullishCoalesce(colDef.hide, () => ( false)),
+      pinned: _nullishCoalesce(colDef.pinned, () => ( null)),
+      width: _nullishCoalesce(_nullishCoalesce(colDef.width, () => ( colDef.minWidth)), () => ( DEFAULT_COLUMN_STATE.width)),
       sort: null,
       sortIndex: null,
       pivot: false,
@@ -10777,24 +10849,24 @@ var getColumnStateFromDefs = (columnDefs) => {
       aggFunc: null,
       rowGroup: false,
       rowGroupIndex: null,
-      flex: colDef.flex ?? null
+      flex: _nullishCoalesce(colDef.flex, () => ( null))
     };
   }).filter((col) => col !== null);
 };
 var extractDefaultView = (gridApi, receivedConfig) => {
-  const columnDefs = gridApi.getColumnDefs() ?? [];
-  const defaultColumnState = receivedConfig?.columnState?.length ? receivedConfig.columnState : getColumnStateFromDefs(columnDefs);
+  const columnDefs = _nullishCoalesce(gridApi.getColumnDefs(), () => ( []));
+  const defaultColumnState = _optionalChain([receivedConfig, 'optionalAccess', _88 => _88.columnState, 'optionalAccess', _89 => _89.length]) ? receivedConfig.columnState : getColumnStateFromDefs(columnDefs);
   const result = {
     columnState: defaultColumnState,
-    columnGroupState: receivedConfig?.columnGroupState ?? [],
-    rowGroupState: receivedConfig?.rowGroupState ?? [],
-    filterState: receivedConfig?.filterState ?? {},
-    rowHeight: receivedConfig?.rowHeight ?? gridApi.getSizesForCurrentTheme()?.rowHeight
+    columnGroupState: _nullishCoalesce(_optionalChain([receivedConfig, 'optionalAccess', _90 => _90.columnGroupState]), () => ( [])),
+    rowGroupState: _nullishCoalesce(_optionalChain([receivedConfig, 'optionalAccess', _91 => _91.rowGroupState]), () => ( [])),
+    filterState: _nullishCoalesce(_optionalChain([receivedConfig, 'optionalAccess', _92 => _92.filterState]), () => ( {})),
+    rowHeight: _nullishCoalesce(_optionalChain([receivedConfig, 'optionalAccess', _93 => _93.rowHeight]), () => ( _optionalChain([gridApi, 'access', _94 => _94.getSizesForCurrentTheme, 'call', _95 => _95(), 'optionalAccess', _96 => _96.rowHeight])))
   };
   return result;
 };
 var useNormalizedDefaultViews = (defaultViews, gridApi) => {
-  return (0, import_react17.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     if (!gridApi)
       return defaultViews.map((view) => ({ ...view, share_token: view.id }));
     return defaultViews.map((view) => ({
@@ -10806,7 +10878,7 @@ var useNormalizedDefaultViews = (defaultViews, gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSmartGridConfig.ts
-var import_react18 = require("react");
+
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -10822,10 +10894,10 @@ var GRID_STATE_EVENTS = [
   "gridReady"
 ];
 var useSmartGridConfig = (gridApi) => {
-  const [config, setConfig] = (0, import_react18.useState)(
+  const [config, setConfig] = _react.useState.call(void 0, 
     () => getSmartGridConfig(gridApi)
   );
-  (0, import_react18.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!gridApi) return;
     const updateConfig = () => {
       setConfig(getSmartGridConfig(gridApi));
@@ -10843,20 +10915,20 @@ var useSmartGridConfig = (gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSavedViewsPanelOpen.ts
-var import_react19 = require("react");
+
 var SAVED_VIEWS_PANEL_ID = "savedViews";
 var useSavedViewsPanelOpen = (gridApi) => {
-  const [isOpen, setIsOpen] = (0, import_react19.useState)(
-    gridApi.getOpenedToolPanel?.() === SAVED_VIEWS_PANEL_ID
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, 
+    _optionalChain([gridApi, 'access', _97 => _97.getOpenedToolPanel, 'optionalCall', _98 => _98()]) === SAVED_VIEWS_PANEL_ID
   );
-  (0, import_react19.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     const syncOpenState = () => {
-      setIsOpen(gridApi.getOpenedToolPanel?.() === SAVED_VIEWS_PANEL_ID);
+      setIsOpen(_optionalChain([gridApi, 'access', _99 => _99.getOpenedToolPanel, 'optionalCall', _100 => _100()]) === SAVED_VIEWS_PANEL_ID);
     };
     syncOpenState();
-    gridApi.addEventListener?.("toolPanelVisibleChanged", syncOpenState);
+    _optionalChain([gridApi, 'access', _101 => _101.addEventListener, 'optionalCall', _102 => _102("toolPanelVisibleChanged", syncOpenState)]);
     return () => {
-      gridApi.removeEventListener?.("toolPanelVisibleChanged", syncOpenState);
+      _optionalChain([gridApi, 'access', _103 => _103.removeEventListener, 'optionalCall', _104 => _104("toolPanelVisibleChanged", syncOpenState)]);
     };
   }, [gridApi]);
   return isOpen;
@@ -10868,8 +10940,8 @@ var SmartGridSavedViews = (props) => {
   const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
   const isPanelOpen = useSavedViewsPanelOpen(gridApi);
   const presetViews = useNormalizedDefaultViews(props.defaultViews, gridApi);
-  const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
-  const onSelect = (0, import_react20.useCallback)(
+  const defaultView = _nullishCoalesce(presetViews.find((view) => view.id === "default"), () => ( presetViews[0]));
+  const onSelect = _react.useCallback.call(void 0, 
     ({ item }) => {
       if (!gridApi) return item;
       const isPresetView = item.view_level === "default";
@@ -10877,7 +10949,7 @@ var SmartGridSavedViews = (props) => {
         updateTableConfig(item, gridApi, "smart-grid");
         setTableConfig({
           ...item.table_config,
-          filterState: gridApi.getFilterModel?.() ?? {}
+          filterState: _nullishCoalesce(_optionalChain([gridApi, 'access', _105 => _105.getFilterModel, 'optionalCall', _106 => _106()]), () => ( {}))
         });
         return item;
       }
@@ -10890,13 +10962,13 @@ var SmartGridSavedViews = (props) => {
       };
       updateTableConfig(updatedView, gridApi, "smart-grid");
       const updatedConfig = updatedView.table_config;
-      gridApi.setFilterModel(updatedConfig.filterState ?? {});
+      gridApi.setFilterModel(_nullishCoalesce(updatedConfig.filterState, () => ( {})));
       setTableConfig(updatedConfig);
       return updatedView;
     },
     [gridApi, tableConfig, setTableConfig]
   );
-  return /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ React.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -10909,16 +10981,22 @@ var SmartGridSavedViews = (props) => {
       presetViews,
       tableName: props.tableName,
       tableConfig,
-      isPanelOpen
+      isPanelOpen,
+      transport: props.transport
     }
   );
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-var import_react22 = __toESM(require("react"));
+
+
+
+
+
+
 
 // src/components/adapters/data-table/DataTableDefaultSavedView.tsx
-var import_react21 = require("react");
+
 var DEFAULT_COLUMN_STATE2 = {
   hidden: false,
   pinned: null,
@@ -10939,33 +11017,33 @@ var getColumnState = (columnDefinitions) => {
     }
     return {
       field: column2.field,
-      hidden: column2.hidden ?? false,
-      pinned: column2.pinned ?? null,
+      hidden: _nullishCoalesce(column2.hidden, () => ( false)),
+      pinned: _nullishCoalesce(column2.pinned, () => ( null)),
       rowGroup: false,
       rowGroupIndex: null,
       sort: null,
       sortIndex: null,
-      width: (column2.minWidth ?? DEFAULT_COLUMN_STATE2.width) > DEFAULT_COLUMN_STATE2.width ? column2.minWidth ?? DEFAULT_COLUMN_STATE2.width : (column2.maxWidth ?? DEFAULT_COLUMN_STATE2.width) < DEFAULT_COLUMN_STATE2.width ? column2.maxWidth ?? DEFAULT_COLUMN_STATE2.width : DEFAULT_COLUMN_STATE2.width
+      width: (_nullishCoalesce(column2.minWidth, () => ( DEFAULT_COLUMN_STATE2.width))) > DEFAULT_COLUMN_STATE2.width ? _nullishCoalesce(column2.minWidth, () => ( DEFAULT_COLUMN_STATE2.width)) : (_nullishCoalesce(column2.maxWidth, () => ( DEFAULT_COLUMN_STATE2.width))) < DEFAULT_COLUMN_STATE2.width ? _nullishCoalesce(column2.maxWidth, () => ( DEFAULT_COLUMN_STATE2.width)) : DEFAULT_COLUMN_STATE2.width
     };
   });
 };
 var extractDefaultView2 = (columnDefinitions, receivedConfigFromTool) => {
   const defaultColumnState = getColumnState(columnDefinitions);
   const result = {
-    columnState: receivedConfigFromTool?.columnState?.length ? receivedConfigFromTool.columnState : defaultColumnState,
-    serverFilters: receivedConfigFromTool?.serverFilters ?? [],
-    columnGroupState: receivedConfigFromTool?.columnGroupState ?? [],
-    filters: receivedConfigFromTool?.filters ?? {},
+    columnState: _optionalChain([receivedConfigFromTool, 'optionalAccess', _107 => _107.columnState, 'optionalAccess', _108 => _108.length]) ? receivedConfigFromTool.columnState : defaultColumnState,
+    serverFilters: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _109 => _109.serverFilters]), () => ( [])),
+    columnGroupState: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _110 => _110.columnGroupState]), () => ( [])),
+    filters: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _111 => _111.filters]), () => ( {})),
     groupRowState: {
-      expandedRoutes: receivedConfigFromTool?.groupRowState?.expandedRoutes ?? [],
-      collapsedRoutes: receivedConfigFromTool?.groupRowState?.collapsedRoutes ?? []
+      expandedRoutes: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _112 => _112.groupRowState, 'optionalAccess', _113 => _113.expandedRoutes]), () => ( [])),
+      collapsedRoutes: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _114 => _114.groupRowState, 'optionalAccess', _115 => _115.collapsedRoutes]), () => ( []))
     },
-    rowHeight: receivedConfigFromTool?.rowHeight ?? MEDIUM_ROW_HEIGHT
+    rowHeight: _nullishCoalesce(_optionalChain([receivedConfigFromTool, 'optionalAccess', _116 => _116.rowHeight]), () => ( MEDIUM_ROW_HEIGHT))
   };
   return result;
 };
 var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
-  return (0, import_react21.useMemo)(
+  return _react.useMemo.call(void 0, 
     () => defaultViews.map((view) => ({
       ...view,
       share_token: view.id,
@@ -10976,25 +11054,25 @@ var useNormalizedDefaultViews2 = (defaultViews, columnDefinitions) => {
 };
 
 // src/components/adapters/data-table/DataTableSavedViews.tsx
-var DataTableSavedViews = (0, import_react22.forwardRef)((props, ref) => {
+var DataTableSavedViews = _react.forwardRef.call(void 0, (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_react22.useState)(
+  const defaultView = _nullishCoalesce(presetViews.find((view) => view.id === "default"), () => ( presetViews[0]));
+  const [internalTableConfig, setInternalTableConfig] = _react.useState.call(void 0, 
     ViewStorage.load(props.stickyViewsKey, defaultView).table_config
   );
-  (0, import_react22.useImperativeHandle)(ref, () => ({
+  _react.useImperativeHandle.call(void 0, ref, () => ({
     setTableConfig: (newConfig) => {
       setInternalTableConfig(newConfig);
     }
   }));
-  const onSelect = (0, import_react22.useCallback)(
+  const onSelect = _react.useCallback.call(void 0, 
     ({ item }) => {
       const isPresetView = item.view_level === "default";
-      const syncReferenceConfig = tableApi?.getTableConfiguration?.() ?? defaultView.table_config;
+      const syncReferenceConfig = _nullishCoalesce(_optionalChain([tableApi, 'optionalAccess', _117 => _117.getTableConfiguration, 'optionalCall', _118 => _118()]), () => ( defaultView.table_config));
       const syncedConfig = isPresetView ? item.table_config : customAndConfigSync(
         item.table_config,
         syncReferenceConfig
@@ -11014,7 +11092,7 @@ var DataTableSavedViews = (0, import_react22.forwardRef)((props, ref) => {
   if (!internalTableConfig) {
     return null;
   }
-  return /* @__PURE__ */ import_react22.default.createElement(
+  return /* @__PURE__ */ React.default.createElement(
     SavedViews,
     {
       onSelect,
@@ -11026,26 +11104,26 @@ var DataTableSavedViews = (0, import_react22.forwardRef)((props, ref) => {
       defaultView,
       presetViews,
       tableName: props.tableName,
-      tableConfig: internalTableConfig
+      tableConfig: internalTableConfig,
+      transport: props.transport
     }
   );
 });
 DataTableSavedViews.displayName = "DataTableSavedViews";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DataTableSavedViews,
-  ExpandedPanel,
-  FormModal,
-  PanelContent,
-  SavedViewCollectionMenuItem,
-  SavedViews,
-  SavedViewsDeleteConfirmationModalShared,
-  SavedViewsSelectionProvider,
-  SmartGridSavedViews,
-  getTranslations,
-  useSavedViewsPanel,
-  useSavedViewsSelection
-});
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.DataTableSavedViews = DataTableSavedViews; exports.ExpandedPanel = ExpandedPanel; exports.FormModal = FormModal; exports.PanelContent = PanelContent; exports.SavedViewCollectionMenuItem = SavedViewCollectionMenuItem; exports.SavedViews = SavedViews; exports.SavedViewsDeleteConfirmationModalShared = SavedViewsDeleteConfirmationModalShared; exports.SavedViewsSelectionProvider = SavedViewsSelectionProvider; exports.SmartGridSavedViews = SmartGridSavedViews; exports.getTranslations = getTranslations; exports.useSavedViewsPanel = useSavedViewsPanel_default; exports.useSavedViewsSelection = useSavedViewsSelection;
 /*! Bundled license information:
 
 lodash/lodash.js: