@procore/saved-views 1.0.1-alpha.2 → 1.1.0-alpha.0

package/dist/modern/index.js

@@ -3976,7 +3976,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          return setTimeout2(function() {
+          return setTimeout(function() {
             func.apply(undefined2, args);
           }, wait);
         }
@@ -5807,7 +5807,7 @@ var require_lodash = __commonJS({
           return object2[key];
         }
         var setData = shortOut(baseSetData);
-        var setTimeout2 = ctxSetTimeout || function(func, wait) {
+        var setTimeout = ctxSetTimeout || function(func, wait) {
           return root.setTimeout(func, wait);
         };
         var setToString = shortOut(baseSetToString);
@@ -6599,7 +6599,7 @@ var require_lodash = __commonJS({
           }
           function leadingEdge(time) {
             lastInvokeTime = time;
-            timerId = setTimeout2(timerExpired, wait);
+            timerId = setTimeout(timerExpired, wait);
             return leading ? invokeFunc(time) : result2;
           }
           function remainingWait(time) {
@@ -6615,7 +6615,7 @@ var require_lodash = __commonJS({
             if (shouldInvoke(time)) {
               return trailingEdge(time);
             }
-            timerId = setTimeout2(timerExpired, remainingWait(time));
+            timerId = setTimeout(timerExpired, remainingWait(time));
           }
           function trailingEdge(time) {
             timerId = undefined2;
@@ -6646,12 +6646,12 @@ var require_lodash = __commonJS({
               }
               if (maxing) {
                 clearTimeout(timerId);
-                timerId = setTimeout2(timerExpired, wait);
+                timerId = setTimeout(timerExpired, wait);
                 return invokeFunc(lastCallTime);
               }
             }
             if (timerId === undefined2) {
-              timerId = setTimeout2(timerExpired, wait);
+              timerId = setTimeout(timerExpired, wait);
             }
             return result2;
           }
@@ -11389,7 +11389,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    )), (props.enableSharingViews ?? true) && props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    )), props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -11437,12 +11437,199 @@ var ExpandedPanel = styled_components_esm_default(import_core_react4.Panel)`
 `;
 
 // src/components/panels/PanelContent.tsx
-var import_core_react7 = require("@procore/core-react");
+var import_core_react8 = require("@procore/core-react");
 var import_toast_alert2 = require("@procore/toast-alert");
 var import_react9 = __toESM(require("react"));
 
+// node_modules/@procore/core-http/dist/modern/index.js
+function getCSRFToken() {
+  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
+  return token ? decodeURIComponent(token.pop() || "") : "";
+}
+function getCSRFHeader() {
+  const csrfToken = getCSRFToken();
+  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
+}
+function removeLeadingSlash(url) {
+  return url.startsWith("/") ? url.substring(1, url.length) : url;
+}
+function removeTrailingSlash(url) {
+  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
+}
+function applyBaseUrl(url, baseUrl) {
+  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
+}
+function getOptions({ headers, ...options }) {
+  const opts = {
+    credentials: "same-origin",
+    headers: {
+      ...getCSRFHeader(),
+      ...headers
+    },
+    mode: "same-origin",
+    ...options
+  };
+  return opts;
+}
+function getUrl(url, baseUrl) {
+  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
+}
+function request(url, { baseUrl, ...options } = {}) {
+  return fetch(getUrl(url, baseUrl), getOptions(options));
+}
+function requestJSON(url, requestParams = {}) {
+  return request(url, requestParams).then(
+    (response) => response.json()
+  );
+}
+
+// src/utils/api/queries.ts
+var import_react_query2 = require("@tanstack/react-query");
+
+// src/utils/api/queriesHandler.ts
+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`;
+  }
+  return `/rest/v2.0/companies/${companyId}/saved_views`;
+};
+var useApiRequest = (props, method, mutationKey) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const queryClient2 = (0, import_react_query.useQueryClient)();
+  const { locale: locale2 } = (0, import_core_react5.useI18nContext)();
+  const basePath = getBasePath(companyId, projectId);
+  const queryKeyContext = projectId ?? companyId;
+  return (0, import_react_query.useMutation)({
+    mutationKey,
+    mutationFn: async (savedView) => {
+      let url = "";
+      if (method === "DELETE" || method === "PUT") {
+        url = `${basePath}/${savedView.share_token}?permissions_domain=${domain}`;
+      } else {
+        url = `${basePath}?table_name=${tableName}&permissions_domain=${domain}`;
+      }
+      const response = await requestJSON(url, {
+        method,
+        body: JSON.stringify(savedView),
+        headers: {
+          "Content-Type": "application/json",
+          "Accept-Language": locale2
+        }
+      });
+      if (response.error) {
+        throw response.error;
+      }
+      return response.data;
+    },
+    onSuccess: (savedView) => {
+      if (method === "DELETE" || method === "POST") {
+        queryClient2.invalidateQueries({
+          queryKey: ["savedViews", domain, tableName, queryKeyContext]
+        });
+        return;
+      } else {
+        const oldData = queryClient2.getQueryData([
+          "savedViews",
+          domain,
+          tableName,
+          queryKeyContext
+        ]);
+        const oldView = oldData?.find(
+          (item) => item.share_token === savedView.share_token
+        );
+        if (oldView?.name !== savedView.name) {
+          queryClient2.invalidateQueries({
+            queryKey: ["savedViews", domain, tableName, queryKeyContext]
+          });
+          return;
+        }
+      }
+      queryClient2.setQueryData(
+        ["savedViews", domain, tableName, queryKeyContext],
+        (oldData) => {
+          if (!oldData)
+            return [savedView];
+          return oldData.map(
+            (item) => item.share_token === savedView.share_token ? savedView : item
+          );
+        }
+      );
+    }
+  });
+};
+
 // src/utils/constants/viewLevels.ts
-var VIEW_LEVELS = ["company", "project", "personal"];
+var PROJECT_LEVEL_TOOL_VIEW_LEVELS = [
+  "company",
+  "project",
+  "personal"
+];
+var COMPANY_LEVEL_TOOL_VIEW_LEVELS = ["company", "personal"];
+var getViewLevels = (isProjectLevelTool) => isProjectLevelTool ? PROJECT_LEVEL_TOOL_VIEW_LEVELS : COMPANY_LEVEL_TOOL_VIEW_LEVELS;
+
+// src/utils/api/queries.ts
+var PAGE_SIZE = 50 * PROJECT_LEVEL_TOOL_VIEW_LEVELS.length;
+var getBasePath2 = (companyId, projectId) => {
+  if (projectId) {
+    return `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views`;
+  }
+  return `/rest/v2.0/companies/${companyId}/saved_views`;
+};
+var useSavedViewsQuery = (props) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const basePath = getBasePath2(companyId, projectId);
+  const url = `${basePath}?table_name=${tableName}&permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["savedViews", domain, tableName, projectId ?? companyId],
+    queryFn: async () => {
+      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
+      const response = await requestJSON(getUrl2);
+      return response.data;
+    }
+  });
+};
+var useSavedViewsPermissions = (props) => {
+  const { projectId, companyId, domain } = props;
+  const basePath = getBasePath2(companyId, projectId);
+  const url = `${basePath}/permissions?permissions_domain=${domain}`;
+  return (0, import_react_query2.useQuery)({
+    queryKey: ["savedViewsConfig", domain, projectId ?? companyId],
+    queryFn: async () => {
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
+var useCreateSavedView = (props) => useApiRequest(props, "POST", [
+  "createSavedView",
+  props.domain,
+  props.tableName
+]);
+var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
+  "updateSavedView",
+  props.domain,
+  props.tableName
+]);
+var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
+  "deleteSavedView",
+  props.domain,
+  props.tableName
+]);
+var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
+  const { projectId, companyId, domain } = queryInput;
+  const basePath = getBasePath2(companyId, projectId);
+  return (0, import_react_query2.useQuery)({
+    enabled: enabled && Boolean(savedViewToken),
+    queryKey: ["savedView", savedViewToken, projectId ?? companyId],
+    queryFn: async () => {
+      const url = `${basePath}/${savedViewToken}?permissions_domain=${domain}`;
+      const response = await requestJSON(url);
+      return response.data;
+    }
+  });
+};
 
 // src/components/panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
@@ -11517,12 +11704,10 @@ var getColumnIdentifier = (col) => {
 };
 var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
-    setTimeout(() => {
-      setSmartGridConfig(
-        tableApi,
-        view.table_config
-      );
-    }, 0);
+    setSmartGridConfig(
+      tableApi,
+      view.table_config
+    );
   } else {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
@@ -11594,20 +11779,13 @@ var cleanObject = (table_config, provider) => {
 var normalizeForComparison = (config) => {
   if (!config?.columnState)
     return config;
-  const filteredColumnState = config.columnState.filter(
-    (col) => {
-      const colId = getColumnIdentifier(col);
-      return colId !== "drag_handle" && colId !== "ag-Grid-AutoColumn";
-    }
-  );
   return {
-    ...import_lodash.default.omit(config, ["enableRowGrouping", "enableColumnGrouping"]),
-    columnState: filteredColumnState.map((col) => {
-      const res = import_lodash.default.omit(col, ["aggFunc"]);
+    ...config,
+    columnState: config.columnState.map((col) => {
       if (col.flex) {
-        return import_lodash.default.omit(res, ["width", "flex"]);
+        return import_lodash.default.omit(col, ["width", "flex"]);
       }
-      return res;
+      return col;
     })
   };
 };
@@ -11620,9 +11798,10 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   );
   const normalizedViewConfig = normalizeForComparison(syncedViewTableConfig);
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
-  const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
-  const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
-  return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
+  return import_lodash.default.isEqual(
+    cleanObject(normalizedViewConfig, provider),
+    cleanObject(normalizedCurrentConfig, provider)
+  );
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
   switch (viewLevel) {
@@ -11639,9 +11818,10 @@ var hasPermissionForViewLevel = (viewLevel, permissions) => {
 
 // src/components/panels/useGroups.ts
 var import_react6 = require("react");
-var useGroups = () => {
+var useGroups = (isProjectLevelTool) => {
+  const viewLevels = getViewLevels(isProjectLevelTool);
   const [groups, setGroups] = (0, import_react6.useState)(
-    Object.fromEntries(VIEW_LEVELS.map((level) => [level, true]))
+    Object.fromEntries(viewLevels.map((level) => [level, true]))
   );
   const toggleGroup = (group) => {
     setGroups((groups2) => ({ ...groups2, [group]: !groups2[group] }));
@@ -11650,7 +11830,7 @@ var useGroups = () => {
 };
 
 // src/components/panels/ViewLevelHeader.tsx
-var import_core_react5 = require("@procore/core-react");
+var import_core_react6 = require("@procore/core-react");
 var import_react7 = __toESM(require("react"));
 var groupIcon = (group) => {
   switch (group) {
@@ -11662,26 +11842,26 @@ var groupIcon = (group) => {
       return /* @__PURE__ */ import_react7.default.createElement(Building_default, null);
   }
 };
-var Header = styled_components_esm_default(import_core_react5.Flex)`
+var Header = styled_components_esm_default(import_core_react6.Flex)`
   width: 100%;
   &:hover {
-    background-color: ${import_core_react5.colors.gray98};
+    background-color: ${import_core_react6.colors.gray98};
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = (0, import_core_react5.useI18nContext)();
+  const I18n = (0, import_core_react6.useI18nContext)();
   return /* @__PURE__ */ import_react7.default.createElement(
     Header,
     {
       alignItems: "center",
-      padding: `${import_core_react5.spacing.sm}px`,
-      gap: `${import_core_react5.spacing.sm}px`,
+      padding: `${import_core_react6.spacing.sm}px`,
+      gap: `${import_core_react6.spacing.sm}px`,
       style: { cursor: "pointer" },
       onClick: () => toggleGroup(group)
     },
     expanded ? /* @__PURE__ */ import_react7.default.createElement(ChevronDown_default, { size: "sm" }) : /* @__PURE__ */ import_react7.default.createElement(ChevronRight_default, { size: "sm" }),
     groupIcon(group),
-    /* @__PURE__ */ import_react7.default.createElement(import_core_react5.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
+    /* @__PURE__ */ import_react7.default.createElement(import_core_react6.Typography, { weight: "semibold" }, I18n.t(`savedViews.viewLevel.${group}`))
   );
 };
 var ViewLevelHeader_default = ViewLevelHeader;
@@ -11699,21 +11879,21 @@ var useScrollToRef = (dependency) => {
 };
 
 // src/components/panels/PanelContent.styles.ts
-var import_core_react6 = require("@procore/core-react");
-var Row = styled_components_esm_default(import_core_react6.UNSAFE_Menu.Item)`
+var import_core_react7 = require("@procore/core-react");
+var Row = styled_components_esm_default(import_core_react7.UNSAFE_Menu.Item)`
   width: 100%;
   padding-left: 35px;
   padding-right: 4px;
-  background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : "transparent"};
+  background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : "transparent"};
 
   &:hover {
-    background-color: ${({ selected }) => selected ? import_core_react6.colors.blue96 : import_core_react6.colors.gray98};
+    background-color: ${({ selected }) => selected ? import_core_react7.colors.blue96 : import_core_react7.colors.gray98};
   }
 `;
-var Panel2 = styled_components_esm_default(import_core_react6.DetailPage.Card)`
+var Panel2 = styled_components_esm_default(import_core_react7.DetailPage.Card)`
   margin: 0;
   height: 100%;
-  padding-top: ${import_core_react6.spacing.sm}px;
+  padding-top: ${import_core_react7.spacing.sm}px;
   box-shadow: none;
 `;
 
@@ -11721,9 +11901,9 @@ var Panel2 = styled_components_esm_default(import_core_react6.DetailPage.Card)`
 var PanelContent = (props) => {
   const { queryInput, selectedSavedView, tableConfig } = props;
   const { showToast } = (0, import_toast_alert2.useToastAlertContext)();
-  const I18n = (0, import_core_react7.useI18nContext)();
-  const { data: savedViewsFromQuery, error: savedViewsError } = props.backend.useSavedViewsQuery(props.queryInput);
-  const updateMutation = props.backend.useUpdateSavedView(queryInput);
+  const I18n = (0, import_core_react8.useI18nContext)();
+  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;
@@ -11734,14 +11914,14 @@ var PanelContent = (props) => {
       errorToastRef.current = savedViewsError;
     }
   }, [savedViewsError, showToast, I18n]);
-  const { data: permissions } = props.backend.useSavedViewsPermissions(
-    props.queryInput
-  );
+  const { data: permissions } = useSavedViewsPermissions(props.queryInput);
   const selectedRowRef = useScrollToRef(savedViews);
-  const { groups, toggleGroup } = useGroups();
   const isTemporarySelected = selectedSavedView?.id === "temporary";
   const temporaryView = savedViews?.find((view) => view.id === "temporary");
   const presetViews = props.presetViews || [props.defaultView];
+  const isProjectLevelTool = !!queryInput.projectId;
+  const viewLevels = getViewLevels(isProjectLevelTool);
+  const { groups, toggleGroup } = useGroups(isProjectLevelTool);
   const onUpdate = (data) => {
     const newSavedView = {
       ...data,
@@ -11758,7 +11938,7 @@ var PanelContent = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react7.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
+  return /* @__PURE__ */ import_react9.default.createElement(Panel2, { "data-testid": "inner-panel" }, /* @__PURE__ */ import_react9.default.createElement(import_core_react8.Flex, { direction: "column", style: { height: "100%", width: "100%" } }, temporaryView && /* @__PURE__ */ import_react9.default.createElement(
     Row,
     {
       selected: isTemporarySelected,
@@ -11770,8 +11950,7 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary,
-        enableSharingViews: false
+        onClearTemporary: props.onClearTemporary
       }
     )
   ), presetViews.map((presetView) => {
@@ -11788,12 +11967,11 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected,
-          enableSharingViews: false
+          selected: isSelected
         }
       )
     );
-  }), VIEW_LEVELS.map((level) => {
+  }), viewLevels.map((level) => {
     const isExpanded = groups[level];
     const views = isExpanded && savedViews ? savedViews.filter(
       (view) => view.view_level === level && view.id !== "temporary"
@@ -11837,8 +12015,7 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions,
-            enableSharingViews: false
+            permissions
           }
         )
       );
@@ -11853,16 +12030,16 @@ var import_react_query3 = require("@tanstack/react-query");
 var import_toast_alert3 = require("@procore/toast-alert");
 
 // src/components/modals/DeleteConfirmationModal.tsx
-var import_core_react8 = require("@procore/core-react");
+var import_core_react9 = require("@procore/core-react");
 var import_react10 = __toESM(require("react"));
 var SavedViewsDeleteConfirmationModalShared = ({
   onCancel,
   onDelete,
   open
 }) => {
-  const i18n = (0, import_core_react8.useI18nContext)();
+  const i18n = (0, import_core_react9.useI18nContext)();
   return /* @__PURE__ */ import_react10.default.createElement(
-    import_core_react8.ConfirmModal,
+    import_core_react9.ConfirmModal,
     {
       "data-testid": "delete-confirmation-modal",
       open,
@@ -11871,8 +12048,8 @@ var SavedViewsDeleteConfirmationModalShared = ({
       onClose: onCancel,
       style: { overflowWrap: "anywhere" }
     },
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react8.P, null, i18n.t("savedViews.modal.delete.description"))),
-    /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Modal.Footer, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Modal.FooterButtons, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react10.default.createElement(import_core_react8.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
+    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Body, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.P, null, i18n.t("savedViews.modal.delete.description"))),
+    /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.Footer, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "secondary", onClick: onCancel }, i18n.t("savedViews.actions.cancel")), /* @__PURE__ */ import_react10.default.createElement(import_core_react9.Button, { variant: "primary", onClick: onDelete }, i18n.t("savedViews.actions.delete"))))
   );
 };
 
@@ -11880,7 +12057,7 @@ var SavedViewsDeleteConfirmationModalShared = ({
 var import_react11 = __toESM(require("react"));
 
 // src/components/modals/form-modal/FormModalBase.tsx
-var import_core_react9 = require("@procore/core-react");
+var import_core_react10 = require("@procore/core-react");
 var React19 = __toESM(require("react"));
 
 // ../../node_modules/yup/index.esm.js
@@ -14176,10 +14353,11 @@ var TupleSchema = class extends Schema {
 create$1.prototype = TupleSchema.prototype;
 
 // src/components/modals/form-modal/FormModalBaseUtils.ts
-var getViewLevelOptions = (permissions, i18n) => {
+var getViewLevelOptions = (permissions, i18n, isProjectLevelTool = true) => {
   const options = ["personal"];
-  if (permissions?.can_create_project_saved_views)
+  if (isProjectLevelTool && permissions?.can_create_project_saved_views) {
     options.push("project");
+  }
   if (permissions?.can_create_company_saved_views)
     options.push("company");
   return options.map((option) => ({
@@ -14209,7 +14387,6 @@ function extractMessage(error, I18n) {
 }
 
 // src/components/modals/form-modal/FormModalBase.tsx
-var { useEffect: useEffect2, useRef: useRef2 } = React19;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14226,38 +14403,22 @@ var FormModalBase = ({
   defaultView,
   selectedSavedView,
   setOpenEditCreateModal,
-  onSelect,
-  backend
+  onSelect
 }) => {
-  const I18n = (0, import_core_react9.useI18nContext)();
+  const I18n = (0, import_core_react10.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
-  useEffect2(() => {
-    if (open) {
-      originalBodyWidth.current = document.body.style.width || "";
-      document.body.style.width = "100%";
-    } else {
-      document.body.style.width = originalBodyWidth.current;
-    }
-    return () => {
-      if (originalBodyWidth.current !== void 0) {
-        document.body.style.width = originalBodyWidth.current;
-      }
-    };
-  }, [open]);
-  const { useCreateSavedView: useCreateSavedView2, useUpdateSavedView: useUpdateSavedView2, useSavedViewsPermissions: useSavedViewsPermissions2 } = backend;
   const {
     mutate: createSavedView,
     isPending: isCreating,
     error: createError,
     reset: resetCreateMutation
-  } = useCreateSavedView2(queryInput);
+  } = useCreateSavedView(queryInput);
   const {
     mutate: updateSavedView,
     isPending: isUpdating,
     error: updateError,
     reset: resetUpdateMutation
-  } = useUpdateSavedView2(queryInput);
+  } = useUpdateSavedView(queryInput);
   const resetMutations = () => {
     resetCreateMutation();
     resetUpdateMutation();
@@ -14266,7 +14427,7 @@ var FormModalBase = ({
     resetMutations();
     onCancel();
   };
-  const { data: permissions } = useSavedViewsPermissions2(queryInput);
+  const { data: permissions } = useSavedViewsPermissions(queryInput);
   const isLoading = isCreating || isUpdating;
   const errors = extractMessage(createError || updateError, I18n);
   const handleOnSubmit = (data) => {
@@ -14297,9 +14458,14 @@ var FormModalBase = ({
       });
     }
   };
-  const viewLevelOptions = getViewLevelOptions(permissions, I18n);
+  const isProjectLevelTool = !!queryInput.projectId;
+  const viewLevelOptions = getViewLevelOptions(
+    permissions,
+    I18n,
+    isProjectLevelTool
+  );
   return /* @__PURE__ */ React19.createElement(
-    import_core_react9.Modal,
+    import_core_react10.Modal,
     {
       "aria-label": I18n.t("savedViews.ariaLabels.modal"),
       onClickOverlay: onClose,
@@ -14308,14 +14474,14 @@ var FormModalBase = ({
       "data-testid": "create-update-modal"
     },
     /* @__PURE__ */ React19.createElement(ScrollContainer, null, /* @__PURE__ */ React19.createElement(
-      import_core_react9.Modal.Header,
+      import_core_react10.Modal.Header,
       {
         onClose,
-        style: { borderBottom: `1px solid ${import_core_react9.colors.gray85}` }
+        style: { borderBottom: `1px solid ${import_core_react10.colors.gray85}` }
       },
-      /* @__PURE__ */ React19.createElement(import_core_react9.H2, null, header)
+      /* @__PURE__ */ React19.createElement(import_core_react10.H2, null, header)
     ), /* @__PURE__ */ React19.createElement(
-      import_core_react9.Form,
+      import_core_react10.Form,
       {
         initialValues: {
           name: initialName,
@@ -14340,14 +14506,14 @@ var FormModalBase = ({
         onReset: onCancel,
         validateOnChange: true
       },
-      /* @__PURE__ */ React19.createElement(import_core_react9.Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
-        import_core_react9.Modal.Body,
+      /* @__PURE__ */ React19.createElement(import_core_react10.Form.Form, { name: header }, /* @__PURE__ */ React19.createElement(
+        import_core_react10.Modal.Body,
         {
-          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react9.spacing.lg }
+          style: { paddingTop: 0, paddingBottom: 0, marginTop: import_core_react10.spacing.lg }
         },
-        errors && /* @__PURE__ */ React19.createElement(import_core_react9.ErrorBanner, { style: { marginBottom: import_core_react9.spacing.xl } }, /* @__PURE__ */ React19.createElement(import_core_react9.Banner.Content, null, /* @__PURE__ */ React19.createElement(import_core_react9.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(import_core_react9.Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
-        /* @__PURE__ */ React19.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React19.createElement(
-          import_core_react9.Form.Text,
+        errors && /* @__PURE__ */ React19.createElement(import_core_react10.ErrorBanner, { style: { marginBottom: import_core_react10.spacing.xl } }, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Content, null, /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Title, null, I18n.t("savedViews.modal.errors.title", { mode })), /* @__PURE__ */ React19.createElement(import_core_react10.Banner.Body, null, errors?.form || I18n.t(`savedViews.modal.errors.description.${mode}`)))),
+        /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
+          import_core_react10.Form.Text,
           {
             name: "name",
             error: errors?.name,
@@ -14358,12 +14524,12 @@ var FormModalBase = ({
           }
         )),
         /* @__PURE__ */ React19.createElement(
-          import_core_react9.Form.Row,
+          import_core_react10.Form.Row,
           {
-            style: { marginTop: errors?.name ? import_core_react9.spacing.xl : import_core_react9.spacing.none }
+            style: { marginTop: errors?.name ? import_core_react10.spacing.xl : import_core_react10.spacing.none }
           },
           /* @__PURE__ */ React19.createElement(
-            import_core_react9.Form.TextArea,
+            import_core_react10.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -14373,11 +14539,10 @@ var FormModalBase = ({
             }
           )
         ),
-        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(import_core_react9.Form.Row, null, /* @__PURE__ */ React19.createElement(
-          import_core_react9.Form.Select,
+        viewLevelOptions.length > 1 && mode === "create" /* CREATE */ ? /* @__PURE__ */ React19.createElement(import_core_react10.Form.Row, null, /* @__PURE__ */ React19.createElement(
+          import_core_react10.Form.Select,
           {
             name: "view_level",
-            qa: { label: "view-level" },
             options: viewLevelOptions,
             label: I18n.t("savedViews.modal.fields.viewLevel"),
             colWidth: 12,
@@ -14385,8 +14550,8 @@ var FormModalBase = ({
             onClear: false
           }
         )) : /* @__PURE__ */ React19.createElement(React19.Fragment, null)
-      ), /* @__PURE__ */ React19.createElement(import_core_react9.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react9.colors.gray85}` } }, /* @__PURE__ */ React19.createElement(import_core_react9.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(import_core_react9.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(import_core_react9.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(import_core_react9.Modal.FooterButtons, null, /* @__PURE__ */ React19.createElement(import_core_react9.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
-        import_core_react9.Button,
+      ), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react10.colors.gray85}` } }, /* @__PURE__ */ React19.createElement(import_core_react10.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React19.createElement(import_core_react10.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React19.createElement(import_core_react10.Modal.FooterButtons, null, /* @__PURE__ */ React19.createElement(import_core_react10.Button, { type: "reset", variant: "tertiary", disabled: isLoading }, I18n.t("savedViews.actions.cancel")), /* @__PURE__ */ React19.createElement(
+        import_core_react10.Button,
         {
           "data-testid": "create-update-modal-button",
           type: "submit",
@@ -14401,7 +14566,7 @@ var FormModalBase = ({
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-var import_core_react10 = require("@procore/core-react");
+var import_core_react11 = require("@procore/core-react");
 var FormModal = ({
   open,
   mode,
@@ -14412,10 +14577,9 @@ var FormModal = ({
   selectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView,
-  backend
+  defaultView
 }) => {
-  const i18n = (0, import_core_react10.useI18nContext)();
+  const i18n = (0, import_core_react11.useI18nContext)();
   return /* @__PURE__ */ import_react11.default.createElement(
     FormModalBase,
     {
@@ -14431,14 +14595,13 @@ var FormModal = ({
       selectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView,
-      backend
+      defaultView
     }
   );
 };
 
 // src/components/modals/form-modal/SharedViewFormModal.tsx
-var import_core_react11 = require("@procore/core-react");
+var import_core_react12 = require("@procore/core-react");
 var React21 = __toESM(require("react"));
 var SharedViewFormModal = ({
   open,
@@ -14450,7 +14613,7 @@ var SharedViewFormModal = ({
   isCreating,
   resetCreateError
 }) => {
-  const I18n = (0, import_core_react11.useI18nContext)();
+  const I18n = (0, import_core_react12.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
   const errors = extractMessage(createError, I18n);
   const handleNameChange = () => {
@@ -14462,7 +14625,7 @@ var SharedViewFormModal = ({
     onCreateView(data.name, data.description);
   };
   return /* @__PURE__ */ React21.createElement(
-    import_core_react11.Modal,
+    import_core_react12.Modal,
     {
       "data-testid": "shared-view-form-modal",
       open,
@@ -14470,35 +14633,35 @@ var SharedViewFormModal = ({
       style: { width: "540px" }
     },
     /* @__PURE__ */ React21.createElement(
-      import_core_react11.Modal.Header,
+      import_core_react12.Modal.Header,
       {
         onClose,
         style: {
-          paddingTop: import_core_react11.spacing.lg,
-          paddingBottom: import_core_react11.spacing.xs,
-          paddingLeft: import_core_react11.spacing.xl,
-          paddingRight: import_core_react11.spacing.xl
+          paddingTop: import_core_react12.spacing.lg,
+          paddingBottom: import_core_react12.spacing.xs,
+          paddingLeft: import_core_react12.spacing.xl,
+          paddingRight: import_core_react12.spacing.xl
         }
       },
       I18n.t("savedViews.modal.create.title")
     ),
     /* @__PURE__ */ React21.createElement(
-      import_core_react11.P,
+      import_core_react12.P,
       {
         style: {
-          paddingLeft: import_core_react11.spacing.xl,
-          paddingRight: import_core_react11.spacing.xl,
-          paddingBottom: import_core_react11.spacing.lg,
-          paddingTop: import_core_react11.spacing.none,
+          paddingLeft: import_core_react12.spacing.xl,
+          paddingRight: import_core_react12.spacing.xl,
+          paddingBottom: import_core_react12.spacing.lg,
+          paddingTop: import_core_react12.spacing.none,
           margin: 0,
-          color: import_core_react11.colors.gray45,
+          color: import_core_react12.colors.gray45,
           whiteSpace: "pre-line"
         }
       },
       I18n.t("savedViews.modal.copyConfirmation.description")
     ),
     /* @__PURE__ */ React21.createElement(
-      import_core_react11.Form,
+      import_core_react12.Form,
       {
         initialValues: {
           name: fetchedView.name,
@@ -14516,20 +14679,20 @@ var SharedViewFormModal = ({
         onSubmit: handleOnSubmit,
         validateOnChange: true
       },
-      /* @__PURE__ */ React21.createElement(import_core_react11.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
-        import_core_react11.Modal.Body,
+      /* @__PURE__ */ React21.createElement(import_core_react12.Form.Form, { name: "share-view-form" }, /* @__PURE__ */ React21.createElement(
+        import_core_react12.Modal.Body,
         {
           style: {
-            paddingTop: import_core_react11.spacing.lg,
+            paddingTop: import_core_react12.spacing.lg,
             paddingBottom: 0,
-            borderTop: `1px solid ${import_core_react11.colors.gray85}`
+            borderTop: `1px solid ${import_core_react12.colors.gray85}`
           }
         },
-        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", {
+        errors && /* @__PURE__ */ React21.createElement(import_core_react12.ErrorBanner, { style: { marginBottom: import_core_react12.spacing.xl } }, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Content, null, /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Title, null, I18n.t("savedViews.modal.errors.title", {
           mode: "create"
-        })), /* @__PURE__ */ React21.createElement(import_core_react11.Banner.Body, null, errors?.form || I18n.t("savedViews.modal.errors.description.create")))),
-        /* @__PURE__ */ React21.createElement(import_core_react11.Form.Row, null, /* @__PURE__ */ React21.createElement(
-          import_core_react11.Form.Text,
+        })), /* @__PURE__ */ React21.createElement(import_core_react12.Banner.Body, null, errors?.form || I18n.t("savedViews.modal.errors.description.create")))),
+        /* @__PURE__ */ React21.createElement(import_core_react12.Form.Row, null, /* @__PURE__ */ React21.createElement(
+          import_core_react12.Form.Text,
           {
             name: "name",
             error: errors?.name,
@@ -14540,12 +14703,12 @@ var SharedViewFormModal = ({
           }
         )),
         /* @__PURE__ */ React21.createElement(
-          import_core_react11.Form.Row,
+          import_core_react12.Form.Row,
           {
-            style: { marginTop: errors?.name ? import_core_react11.spacing.xl : import_core_react11.spacing.none }
+            style: { marginTop: errors?.name ? import_core_react12.spacing.xl : import_core_react12.spacing.none }
           },
           /* @__PURE__ */ React21.createElement(
-            import_core_react11.Form.TextArea,
+            import_core_react12.Form.TextArea,
             {
               name: "description",
               placeholder: I18n.t("savedViews.modal.fields.description"),
@@ -14555,8 +14718,8 @@ var SharedViewFormModal = ({
             }
           )
         )
-      ), /* @__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,
+      ), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.Footer, { style: { borderTop: `1px solid ${import_core_react12.colors.gray85}` } }, /* @__PURE__ */ React21.createElement(import_core_react12.Flex, { grow: "1", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "gray45", italic: true }, /* @__PURE__ */ React21.createElement(import_core_react12.Typography, { color: "red45" }, "*"), " ", I18n.t("savedViews.modal.info.required_fields")), /* @__PURE__ */ React21.createElement(import_core_react12.Modal.FooterButtons, null, /* @__PURE__ */ React21.createElement(
+        import_core_react12.Button,
         {
           variant: "secondary",
           onClick: onCreateTemporaryView,
@@ -14565,7 +14728,7 @@ var SharedViewFormModal = ({
         },
         I18n.t("savedViews.actions.viewTemporarily")
       ), /* @__PURE__ */ React21.createElement(
-        import_core_react11.Button,
+        import_core_react12.Button,
         {
           type: "submit",
           variant: "primary",
@@ -14582,7 +14745,7 @@ var SharedViewFormModal = ({
 // src/utils/hooks/useViewSelection.ts
 var import_react12 = require("react");
 var import_react_router_dom = require("react-router-dom");
-var import_core_react12 = require("@procore/core-react");
+var import_core_react13 = require("@procore/core-react");
 
 // src/utils/viewStorage.ts
 var ViewStorage = {
@@ -14645,8 +14808,9 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
   }
 };
 var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
-  const I18n = (0, import_core_react12.useI18nContext)();
-  const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
+  const I18n = (0, import_core_react13.useI18nContext)();
+  const projectIdSegment = 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_react12.useRef)(null);
@@ -14744,177 +14908,6 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
   };
 };
 
-// node_modules/@procore/core-http/dist/modern/index.js
-function getCSRFToken() {
-  const token = document.cookie.match("(^|;)\\s*csrf_token\\s*=\\s*([^;]+)");
-  return token ? decodeURIComponent(token.pop() || "") : "";
-}
-function getCSRFHeader() {
-  const csrfToken = getCSRFToken();
-  return csrfToken ? { "X-CSRF-TOKEN": csrfToken } : {};
-}
-function removeLeadingSlash(url) {
-  return url.startsWith("/") ? url.substring(1, url.length) : url;
-}
-function removeTrailingSlash(url) {
-  return url.endsWith("/") ? url.substring(0, url.length - 1) : url;
-}
-function applyBaseUrl(url, baseUrl) {
-  return `${removeTrailingSlash(baseUrl)}/${removeLeadingSlash(url)}`;
-}
-function getOptions({ headers, ...options }) {
-  const opts = {
-    credentials: "same-origin",
-    headers: {
-      ...getCSRFHeader(),
-      ...headers
-    },
-    mode: "same-origin",
-    ...options
-  };
-  return opts;
-}
-function getUrl(url, baseUrl) {
-  return baseUrl ? applyBaseUrl(url, baseUrl) : url;
-}
-function request(url, { baseUrl, ...options } = {}) {
-  return fetch(getUrl(url, baseUrl), getOptions(options));
-}
-function requestJSON(url, requestParams = {}) {
-  return request(url, requestParams).then(
-    (response) => response.json()
-  );
-}
-
-// src/utils/api/queries.ts
-var import_react_query2 = require("@tanstack/react-query");
-
-// src/utils/api/queriesHandler.ts
-var import_react_query = require("@tanstack/react-query");
-var import_core_react13 = require("@procore/core-react");
-var useApiRequest = (props, method, mutationKey) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = (0, import_react_query.useQueryClient)();
-  const { locale: locale2 } = (0, import_core_react13.useI18nContext)();
-  return (0, import_react_query.useMutation)({
-    mutationKey,
-    mutationFn: async (savedView) => {
-      let url = "";
-      if (method === "DELETE" || method === "PUT") {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedView.share_token}?permissions_domain=${domain}`;
-      } else {
-        url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-      }
-      const response = await requestJSON(url, {
-        method,
-        body: JSON.stringify(savedView),
-        headers: {
-          "Content-Type": "application/json",
-          "Accept-Language": locale2
-        }
-      });
-      if (response.error) {
-        throw response.error;
-      }
-      return response.data;
-    },
-    onSuccess: (savedView) => {
-      if (method === "DELETE" || method === "POST") {
-        queryClient2.invalidateQueries({
-          queryKey: ["savedViews", domain, tableName]
-        });
-        return;
-      } else {
-        const oldData = queryClient2.getQueryData([
-          "savedViews",
-          domain,
-          tableName
-        ]);
-        const oldView = oldData?.find(
-          (item) => item.share_token === savedView.share_token
-        );
-        if (oldView?.name !== savedView.name) {
-          queryClient2.invalidateQueries({
-            queryKey: ["savedViews", domain, tableName]
-          });
-          return;
-        }
-      }
-      queryClient2.setQueryData(
-        ["savedViews", domain, tableName],
-        (oldData) => {
-          if (!oldData)
-            return [savedView];
-          return oldData.map(
-            (item) => item.share_token === savedView.share_token ? savedView : item
-          );
-        }
-      );
-    }
-  });
-};
-
-// src/utils/api/queries.ts
-var PAGE_SIZE = 50 * VIEW_LEVELS.length;
-var useSavedViewsQuery = (props) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views?table_name=${tableName}&permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["savedViews", domain, tableName],
-    queryFn: async () => {
-      const getUrl2 = `${url}&per_page=${PAGE_SIZE}`;
-      const response = await requestJSON(getUrl2);
-      return response.data;
-    }
-  });
-};
-var useSavedViewsPermissions = (props) => {
-  const { projectId, companyId, domain } = props;
-  const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/permissions?permissions_domain=${domain}`;
-  return (0, import_react_query2.useQuery)({
-    queryKey: ["savedViewsConfig", domain],
-    queryFn: async () => {
-      const response = await requestJSON(url);
-      return response.data;
-    }
-  });
-};
-var useCreateSavedView = (props) => useApiRequest(props, "POST", [
-  "createSavedView",
-  props.domain,
-  props.tableName
-]);
-var useUpdateSavedView = (props) => useApiRequest(props, "PUT", [
-  "updateSavedView",
-  props.domain,
-  props.tableName
-]);
-var useDeleteSavedView = (props) => useApiRequest(props, "DELETE", [
-  "deleteSavedView",
-  props.domain,
-  props.tableName
-]);
-var useFetchSavedViewById = (savedViewToken, queryInput, enabled = true) => {
-  const { projectId, companyId } = queryInput;
-  return (0, import_react_query2.useQuery)({
-    enabled: enabled && Boolean(savedViewToken),
-    queryKey: ["savedView", savedViewToken],
-    queryFn: async () => {
-      const url = `/rest/v2.0/companies/${companyId}/projects/${projectId}/saved_views/${savedViewToken}`;
-      const response = await requestJSON(url);
-      return response.data;
-    }
-  });
-};
-var createQueries = (customBackend) => ({
-  useSavedViewsQuery: customBackend?.useSavedViewsQuery ?? useSavedViewsQuery,
-  useSavedViewsPermissions: customBackend?.useSavedViewsPermissions ?? useSavedViewsPermissions,
-  useCreateSavedView: customBackend?.useCreateSavedView ?? useCreateSavedView,
-  useUpdateSavedView: customBackend?.useUpdateSavedView ?? useUpdateSavedView,
-  useDeleteSavedView: customBackend?.useDeleteSavedView ?? useDeleteSavedView,
-  useFetchSavedViewById: customBackend?.useFetchSavedViewById ?? useFetchSavedViewById
-});
-
 // src/components/saved-views/SavedViews.tsx
 var StyledPanel = styled_components_esm_default.div`
   border: ${({ provider }) => provider === "data-table" ? "1px solid #d6dadc" : "none"};
@@ -14922,15 +14915,14 @@ var StyledPanel = styled_components_esm_default.div`
 var queryClient = new import_react_query3.QueryClient();
 var SavedViewsContent = (props) => {
   const { projectId, companyId } = props;
-  const backend = createQueries(props.backend);
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
-    projectId,
+    projectId: projectId ?? void 0,
     companyId
   };
-  const { data: savedViews } = backend.useSavedViewsQuery(queryInput);
-  const { mutate: deleteSavedView } = backend.useDeleteSavedView(queryInput);
+  const { data: savedViews } = useSavedViewsQuery(queryInput);
+  const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
   const { showToast } = (0, import_toast_alert3.useToastAlertContext)();
   const i18n = (0, import_core_react14.useI18nContext)();
   const [activeModal, setActiveModal] = (0, import_react13.useState)(null);
@@ -14958,7 +14950,7 @@ var SavedViewsContent = (props) => {
       domain: props.domain,
       tableName: props.tableName,
       userId: props.userId,
-      projectId,
+      projectId: projectId ?? void 0,
       companyId,
       defaultView: props.defaultView,
       onSelect: props.onSelect
@@ -14967,7 +14959,7 @@ var SavedViewsContent = (props) => {
     props.presetViews,
     openSharedViewModal
   );
-  const { data: fetchedView, isError: fetchError } = backend.useFetchSavedViewById(
+  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     modalData?.viewId ?? null,
     queryInput,
     Boolean(modalData?.viewId)
@@ -14977,7 +14969,7 @@ var SavedViewsContent = (props) => {
     isPending: isCreating,
     error: createError,
     reset: resetCreateError
-  } = backend.useCreateSavedView(queryInput);
+  } = useCreateSavedView(queryInput);
   (0, import_react13.useEffect)(() => {
     if (fetchError) {
       showToast.error(i18n.t("savedViews.errors.notFound"));
@@ -15064,8 +15056,7 @@ var SavedViewsContent = (props) => {
         savedViews: allViews,
         provider: props.provider,
         userId: props.userId,
-        onClearTemporary: clearTemporaryView,
-        backend
+        onClearTemporary: clearTemporaryView
       }
     ))
   ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ import_react13.default.createElement(
@@ -15080,8 +15071,7 @@ var SavedViewsContent = (props) => {
       selectedSavedView: selectedView,
       onSelect: selectView,
       setOpenEditCreateModal: closeModal,
-      defaultView: props.defaultView,
-      backend
+      defaultView: props.defaultView
     }
   ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ import_react13.default.createElement(
     SavedViewsDeleteConfirmationModalShared,
@@ -15126,37 +15116,27 @@ var DEFAULT_COLUMN_STATE = {
   rowGroupIndex: null,
   flex: null
 };
-var isColGroupDef = (colDef) => {
-  return "children" in colDef && Array.isArray(colDef.children);
-};
+var flattenColumnDefs = (defs) => defs.flatMap((d) => "children" in d ? flattenColumnDefs(d.children) : [d]);
 var getColumnStateFromDefs = (columnDefs) => {
-  return columnDefs.flatMap((colDef) => {
-    if (isColGroupDef(colDef)) {
-      return getColumnStateFromDefs(colDef.children);
-    }
-    return getColumnStateFromSingleDef(colDef);
-  }).filter(
-    (col) => col !== null
-  );
-};
-var getColumnStateFromSingleDef = (colDef) => {
-  const field = 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,
-    sort: null,
-    sortIndex: null,
-    pivot: false,
-    pivotIndex: null,
-    aggFunc: null,
-    rowGroup: false,
-    rowGroupIndex: null,
-    flex: colDef.flex ?? null
-  };
+  return flattenColumnDefs(columnDefs).map((colDef) => {
+    const field = 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,
+      sort: null,
+      sortIndex: null,
+      pivot: false,
+      pivotIndex: null,
+      aggFunc: null,
+      rowGroup: false,
+      rowGroupIndex: null,
+      flex: colDef.flex ?? null
+    };
+  }).filter((col) => col !== null);
 };
 var extractDefaultView = (gridApi, receivedConfig) => {
   const columnDefs = gridApi.getColumnDefs() ?? [];
@@ -15202,14 +15182,10 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = (0, import_react15.useState)(
     () => getSmartGridConfig(gridApi)
   );
-  const eventListenersDisabledRef = (0, import_react15.useRef)(false);
   (0, import_react15.useEffect)(() => {
     if (!gridApi)
       return;
     const updateConfig = () => {
-      if (eventListenersDisabledRef.current) {
-        return;
-      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -15221,13 +15197,7 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  const disableEventListeners = () => {
-    eventListenersDisabledRef.current = true;
-  };
-  const enableEventListeners = () => {
-    eventListenersDisabledRef.current = false;
-  };
-  return { config, setConfig, disableEventListeners, enableEventListeners };
+  return { config, setConfig };
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
@@ -15241,17 +15211,15 @@ var SmartGridSavedViews = (props) => {
       if (!gridApi)
         return item;
       const isPresetView = item.view_level === "default";
-      const newConfig = item.table_config;
-      const transformedConfig = props.transformSettings?.(newConfig) ?? newConfig;
       if (isPresetView) {
         updateTableConfig(item, gridApi, "smart-grid");
-        setTableConfig(transformedConfig);
+        setTableConfig(item.table_config);
         return item;
       }
       const updatedView = {
         ...item,
         table_config: customAndConfigSync(
-          transformedConfig,
+          item.table_config,
           tableConfig
         )
       };
@@ -15273,8 +15241,7 @@ var SmartGridSavedViews = (props) => {
       defaultView,
       presetViews,
       tableName: props.tableName,
-      tableConfig,
-      backend: props.backend
+      tableConfig
     }
   );
 };