@procore/saved-views 1.0.0 → 1.0.1-alpha.1

package/dist/modern/index.mjs

@@ -11385,7 +11385,7 @@ var SavedViewCollectionMenuItem = (props) => {
         loading: props.isUpdateProcessing
       },
       i18n.t("savedViews.actions.update")
-    )), props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
+    )), (props.enableSharingViews ?? true) && props.item.view_level !== "default" && props.selected && !props.canUpdate && props.item.id !== "temporary" && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement(
       Button2,
       {
         onClick: copyShareLink,
@@ -11433,176 +11433,13 @@ var ExpandedPanel = styled_components_esm_default(Panel)`
 `;
 
 // src/components/panels/PanelContent.tsx
-import { Flex as Flex3, useI18nContext as useI18nContext5 } from "@procore/core-react";
+import { Flex as Flex3, useI18nContext as useI18nContext4 } from "@procore/core-react";
 import { useToastAlertContext as useToastAlertContext2 } from "@procore/toast-alert";
 import React17 from "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
-import { useQuery } from "@tanstack/react-query";
-
-// src/utils/api/queriesHandler.ts
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useI18nContext as useI18nContext3 } from "@procore/core-react";
-var useApiRequest = (props, method, mutationKey) => {
-  const { projectId, companyId, domain, tableName } = props;
-  const queryClient2 = useQueryClient();
-  const { locale: locale2 } = useI18nContext3();
-  return 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/constants/viewLevels.ts
 var VIEW_LEVELS = ["company", "project", "personal"];
 
-// 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 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 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 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;
-    }
-  });
-};
-
 // src/components/panels/PanelContentUtils.ts
 var import_lodash = __toESM(require_lodash());
 
@@ -11752,12 +11589,13 @@ var normalizeForComparison = (config) => {
   if (!config?.columnState)
     return config;
   return {
-    ...config,
+    ...import_lodash.default.omit(config, ["enableRowGrouping", "enableColumnGrouping"]),
     columnState: config.columnState.map((col) => {
+      const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
-        return import_lodash.default.omit(col, ["width", "flex"]);
+        return import_lodash.default.omit(res, ["width", "flex"]);
       }
-      return col;
+      return res;
     })
   };
 };
@@ -11770,10 +11608,9 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   );
   const normalizedViewConfig = normalizeForComparison(syncedViewTableConfig);
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
-  return import_lodash.default.isEqual(
-    cleanObject(normalizedViewConfig, provider),
-    cleanObject(normalizedCurrentConfig, provider)
-  );
+  const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
+  const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
+  return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
   switch (viewLevel) {
@@ -11806,7 +11643,7 @@ import {
   Flex as Flex2,
   spacing,
   Typography,
-  useI18nContext as useI18nContext4
+  useI18nContext as useI18nContext3
 } from "@procore/core-react";
 import React16 from "react";
 var groupIcon = (group) => {
@@ -11826,7 +11663,7 @@ var Header = styled_components_esm_default(Flex2)`
   }
 `;
 var ViewLevelHeader = ({ expanded, toggleGroup, group }) => {
-  const I18n = useI18nContext4();
+  const I18n = useI18nContext3();
   return /* @__PURE__ */ React16.createElement(
     Header,
     {
@@ -11883,9 +11720,9 @@ var Panel2 = styled_components_esm_default(DetailPage.Card)`
 var PanelContent = (props) => {
   const { queryInput, selectedSavedView, tableConfig } = props;
   const { showToast } = useToastAlertContext2();
-  const I18n = useI18nContext5();
-  const { data: savedViewsFromQuery, error: savedViewsError } = useSavedViewsQuery(props.queryInput);
-  const updateMutation = useUpdateSavedView(queryInput);
+  const I18n = useI18nContext4();
+  const { data: savedViewsFromQuery, error: savedViewsError } = props.backend.useSavedViewsQuery(props.queryInput);
+  const updateMutation = props.backend.useUpdateSavedView(queryInput);
   const { mutate: updateSavedView } = updateMutation;
   const isUpdateLoading = "isPending" in updateMutation ? updateMutation.isPending : updateMutation.isLoading ?? false;
   const savedViews = props.savedViews ?? savedViewsFromQuery;
@@ -11896,7 +11733,9 @@ var PanelContent = (props) => {
       errorToastRef.current = savedViewsError;
     }
   }, [savedViewsError, showToast, I18n]);
-  const { data: permissions } = useSavedViewsPermissions(props.queryInput);
+  const { data: permissions } = props.backend.useSavedViewsPermissions(
+    props.queryInput
+  );
   const selectedRowRef = useScrollToRef(savedViews);
   const { groups, toggleGroup } = useGroups();
   const isTemporarySelected = selectedSavedView?.id === "temporary";
@@ -11930,7 +11769,8 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        onClearTemporary: props.onClearTemporary,
+        enableSharingViews: false
       }
     )
   ), presetViews.map((presetView) => {
@@ -11947,7 +11787,8 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected
+          selected: isSelected,
+          enableSharingViews: false
         }
       )
     );
@@ -11995,7 +11836,8 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions
+            permissions,
+            enableSharingViews: false
           }
         )
       );
@@ -12012,7 +11854,7 @@ import {
   Tooltip,
   useI18nContext as useI18nContext11
 } from "@procore/core-react";
-import React22, { useState as useState4, useEffect as useEffect3, useCallback as useCallback3 } from "react";
+import React22, { useState as useState4, useEffect as useEffect4, useCallback as useCallback3 } from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { useToastAlertContext as useToastAlertContext3, ToastAlertProvider } from "@procore/toast-alert";
 
@@ -12022,7 +11864,7 @@ import {
   ConfirmModal,
   Modal,
   P as P2,
-  useI18nContext as useI18nContext6
+  useI18nContext as useI18nContext5
 } from "@procore/core-react";
 import React18 from "react";
 var SavedViewsDeleteConfirmationModalShared = ({
@@ -12030,7 +11872,7 @@ var SavedViewsDeleteConfirmationModalShared = ({
   onDelete,
   open
 }) => {
-  const i18n = useI18nContext6();
+  const i18n = useI18nContext5();
   return /* @__PURE__ */ React18.createElement(
     ConfirmModal,
     {
@@ -12061,7 +11903,7 @@ import {
   Modal as Modal2,
   spacing as spacing3,
   Typography as Typography2,
-  useI18nContext as useI18nContext7
+  useI18nContext as useI18nContext6
 } from "@procore/core-react";
 import * as React19 from "react";
 
@@ -14391,6 +14233,7 @@ 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;
 `;
@@ -14407,22 +14250,38 @@ var FormModalBase = ({
   defaultView,
   selectedSavedView,
   setOpenEditCreateModal,
-  onSelect
+  onSelect,
+  backend
 }) => {
-  const I18n = useI18nContext7();
+  const I18n = useI18nContext6();
   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
-  } = useCreateSavedView(queryInput);
+  } = useCreateSavedView2(queryInput);
   const {
     mutate: updateSavedView,
     isPending: isUpdating,
     error: updateError,
     reset: resetUpdateMutation
-  } = useUpdateSavedView(queryInput);
+  } = useUpdateSavedView2(queryInput);
   const resetMutations = () => {
     resetCreateMutation();
     resetUpdateMutation();
@@ -14431,7 +14290,7 @@ var FormModalBase = ({
     resetMutations();
     onCancel();
   };
-  const { data: permissions } = useSavedViewsPermissions(queryInput);
+  const { data: permissions } = useSavedViewsPermissions2(queryInput);
   const isLoading = isCreating || isUpdating;
   const errors = extractMessage(createError || updateError, I18n);
   const handleOnSubmit = (data) => {
@@ -14542,6 +14401,7 @@ var FormModalBase = ({
           Form.Select,
           {
             name: "view_level",
+            qa: { label: "view-level" },
             options: viewLevelOptions,
             label: I18n.t("savedViews.modal.fields.viewLevel"),
             colWidth: 12,
@@ -14565,7 +14425,7 @@ var FormModalBase = ({
 };
 
 // src/components/modals/form-modal/FormModal.tsx
-import { useI18nContext as useI18nContext8 } from "@procore/core-react";
+import { useI18nContext as useI18nContext7 } from "@procore/core-react";
 var FormModal = ({
   open,
   mode,
@@ -14576,9 +14436,10 @@ var FormModal = ({
   selectedSavedView,
   setOpenEditCreateModal,
   onSelect,
-  defaultView
+  defaultView,
+  backend
 }) => {
-  const i18n = useI18nContext8();
+  const i18n = useI18nContext7();
   return /* @__PURE__ */ React20.createElement(
     FormModalBase,
     {
@@ -14594,7 +14455,8 @@ var FormModal = ({
       selectedSavedView,
       setOpenEditCreateModal,
       onSelect,
-      defaultView
+      defaultView,
+      backend
     }
   );
 };
@@ -14611,7 +14473,7 @@ import {
   P as P3,
   spacing as spacing4,
   Typography as Typography3,
-  useI18nContext as useI18nContext9
+  useI18nContext as useI18nContext8
 } from "@procore/core-react";
 import * as React21 from "react";
 var SharedViewFormModal = ({
@@ -14624,7 +14486,7 @@ var SharedViewFormModal = ({
   isCreating,
   resetCreateError
 }) => {
-  const I18n = useI18nContext9();
+  const I18n = useI18nContext8();
   const NAME_MAX_LENGTH = 150;
   const errors = extractMessage(createError, I18n);
   const handleNameChange = () => {
@@ -14754,9 +14616,9 @@ var SharedViewFormModal = ({
 };
 
 // src/utils/hooks/useViewSelection.ts
-import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
+import { useState as useState3, useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useMemo } from "react";
 import { useSearchParams } from "react-router-dom";
-import { useI18nContext as useI18nContext10 } from "@procore/core-react";
+import { useI18nContext as useI18nContext9 } from "@procore/core-react";
 
 // src/utils/viewStorage.ts
 var ViewStorage = {
@@ -14819,11 +14681,11 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
   }
 };
 var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
-  const I18n = useI18nContext10();
+  const I18n = useI18nContext9();
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${config.projectId}_${config.userId}`;
   const temporaryStorageKey = `${storageKey}-temporary`;
   const [searchParams, setSearchParams] = useSearchParams();
-  const previousSavedViewParamRef = useRef2(null);
+  const previousSavedViewParamRef = useRef3(null);
   const [selectedSavedView, setSelectedSavedView] = useState3(() => {
     const stored = ViewStorage.load(storageKey, config.defaultView);
     return stored ?? config.defaultView;
@@ -14894,7 +14756,7 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
     },
     [isViewAlreadySelected, openSharedViewModal, allViews, selectView]
   );
-  useEffect2(() => {
+  useEffect3(() => {
     const savedViewId = searchParams.get("saved-view");
     restoreUrlParameter(
       savedViewId,
@@ -14918,6 +14780,177 @@ 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
+import { useQuery } from "@tanstack/react-query";
+
+// src/utils/api/queriesHandler.ts
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { useI18nContext as useI18nContext10 } from "@procore/core-react";
+var useApiRequest = (props, method, mutationKey) => {
+  const { projectId, companyId, domain, tableName } = props;
+  const queryClient2 = useQueryClient();
+  const { locale: locale2 } = useI18nContext10();
+  return 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 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 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 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"};
@@ -14925,14 +14958,15 @@ var StyledPanel = styled_components_esm_default.div`
 var queryClient = new QueryClient();
 var SavedViewsContent = (props) => {
   const { projectId, companyId } = props;
+  const backend = createQueries(props.backend);
   const queryInput = {
     domain: props.domain,
     tableName: props.tableName,
     projectId,
     companyId
   };
-  const { data: savedViews } = useSavedViewsQuery(queryInput);
-  const { mutate: deleteSavedView } = useDeleteSavedView(queryInput);
+  const { data: savedViews } = backend.useSavedViewsQuery(queryInput);
+  const { mutate: deleteSavedView } = backend.useDeleteSavedView(queryInput);
   const { showToast } = useToastAlertContext3();
   const i18n = useI18nContext11();
   const [activeModal, setActiveModal] = useState4(null);
@@ -14969,7 +15003,7 @@ var SavedViewsContent = (props) => {
     props.presetViews,
     openSharedViewModal
   );
-  const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
+  const { data: fetchedView, isError: fetchError } = backend.useFetchSavedViewById(
     modalData?.viewId ?? null,
     queryInput,
     Boolean(modalData?.viewId)
@@ -14979,8 +15013,8 @@ var SavedViewsContent = (props) => {
     isPending: isCreating,
     error: createError,
     reset: resetCreateError
-  } = useCreateSavedView(queryInput);
-  useEffect3(() => {
+  } = backend.useCreateSavedView(queryInput);
+  useEffect4(() => {
     if (fetchError) {
       showToast.error(i18n.t("savedViews.errors.notFound"));
       selectView(selectedView ?? props.defaultView);
@@ -15066,7 +15100,8 @@ var SavedViewsContent = (props) => {
         savedViews: allViews,
         provider: props.provider,
         userId: props.userId,
-        onClearTemporary: clearTemporaryView
+        onClearTemporary: clearTemporaryView,
+        backend
       }
     ))
   ), (isModalOpen("create" /* CREATE */) || isModalOpen("update" /* UPDATE */)) && /* @__PURE__ */ React22.createElement(
@@ -15081,7 +15116,8 @@ var SavedViewsContent = (props) => {
       selectedSavedView: selectedView,
       onSelect: selectView,
       setOpenEditCreateModal: closeModal,
-      defaultView: props.defaultView
+      defaultView: props.defaultView,
+      backend
     }
   ), selectedView && isModalOpen("delete" /* DELETE */) && /* @__PURE__ */ React22.createElement(
     SavedViewsDeleteConfirmationModalShared,
@@ -15126,26 +15162,37 @@ var DEFAULT_COLUMN_STATE = {
   rowGroupIndex: null,
   flex: null
 };
+var isColGroupDef = (colDef) => {
+  return "children" in colDef && Array.isArray(colDef.children);
+};
 var getColumnStateFromDefs = (columnDefs) => {
-  return 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);
+  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
+  };
 };
 var extractDefaultView = (gridApi, receivedConfig) => {
   const columnDefs = gridApi.getColumnDefs() ?? [];
@@ -15172,7 +15219,7 @@ var useNormalizedDefaultViews = (defaultViews, gridApi) => {
 };
 
 // src/components/adapters/smart-grid/useSmartGridConfig.ts
-import { useState as useState5, useEffect as useEffect4 } from "react";
+import { useState as useState5, useEffect as useEffect5, useRef as useRef4 } from "react";
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -15191,10 +15238,14 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = useState5(
     () => getSmartGridConfig(gridApi)
   );
-  useEffect4(() => {
+  const eventListenersDisabledRef = useRef4(false);
+  useEffect5(() => {
     if (!gridApi)
       return;
     const updateConfig = () => {
+      if (eventListenersDisabledRef.current) {
+        return;
+      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -15206,7 +15257,13 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  return { config, setConfig };
+  const disableEventListeners = () => {
+    eventListenersDisabledRef.current = true;
+  };
+  const enableEventListeners = () => {
+    eventListenersDisabledRef.current = false;
+  };
+  return { config, setConfig, disableEventListeners, enableEventListeners };
 };
 
 // src/components/adapters/smart-grid/SmartGridSavedViews.tsx
@@ -15250,7 +15307,8 @@ var SmartGridSavedViews = (props) => {
       defaultView,
       presetViews,
       tableName: props.tableName,
-      tableConfig
+      tableConfig,
+      backend: props.backend
     }
   );
 };