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

package/dist/legacy/index.d.mts

@@ -146,6 +146,7 @@ type SavedViewCollectionMenuItemProps = {
     isUpdateProcessing?: boolean;
     permissions?: IPermissions;
     onClearTemporary?: () => void;
+    enableSharingViews?: boolean;
 };
 declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
 

package/dist/legacy/index.d.ts

@@ -146,6 +146,7 @@ type SavedViewCollectionMenuItemProps = {
     isUpdateProcessing?: boolean;
     permissions?: IPermissions;
     onClearTemporary?: () => void;
+    enableSharingViews?: boolean;
 };
 declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
 

package/dist/legacy/index.js

@@ -3976,7 +3976,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          return setTimeout(function() {
+          return setTimeout2(function() {
             func.apply(undefined2, args);
           }, wait);
         }
@@ -5807,7 +5807,7 @@ var require_lodash = __commonJS({
           return object2[key];
         }
         var setData = shortOut(baseSetData);
-        var setTimeout = ctxSetTimeout || function(func, wait) {
+        var setTimeout2 = 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 = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(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 = setTimeout(timerExpired, remainingWait(time));
+            timerId = setTimeout2(timerExpired, remainingWait(time));
           }
           function trailingEdge(time) {
             timerId = undefined2;
@@ -6646,12 +6646,12 @@ var require_lodash = __commonJS({
               }
               if (maxing) {
                 clearTimeout(timerId);
-                timerId = setTimeout(timerExpired, wait);
+                timerId = setTimeout2(timerExpired, wait);
                 return invokeFunc(lastCallTime);
               }
             }
             if (timerId === undefined2) {
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
             }
             return result2;
           }
@@ -11391,7 +11391,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(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -11520,10 +11520,12 @@ var getColumnIdentifier = (col) => {
 };
 var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
-    setSmartGridConfig(
-      tableApi,
-      view.table_config
-    );
+    setTimeout(() => {
+      setSmartGridConfig(
+        tableApi,
+        view.table_config
+      );
+    }, 0);
   } else {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
@@ -11595,9 +11597,15 @@ var cleanObject = (table_config, provider) => {
 var normalizeForComparison = (config) => {
   if (!(config == null ? void 0 : 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: config.columnState.map((col) => {
+    columnState: filteredColumnState.map((col) => {
       const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
         return import_lodash.default.omit(res, ["width", "flex"]);
@@ -11765,7 +11773,8 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        onClearTemporary: props.onClearTemporary,
+        enableSharingViews: false
       }
     )
   ), presetViews.map((presetView) => {
@@ -11782,7 +11791,8 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected
+          selected: isSelected,
+          enableSharingViews: false
         }
       )
     );
@@ -11830,7 +11840,8 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions
+            permissions,
+            enableSharingViews: false
           }
         )
       );
@@ -15118,26 +15129,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) => {
   var _a, _b;
@@ -15220,18 +15242,21 @@ var SmartGridSavedViews = (props) => {
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
   const onSelect = (0, import_react16.useCallback)(
     ({ item }) => {
+      var _a;
       if (!gridApi)
         return item;
       const isPresetView = item.view_level === "default";
+      const newConfig = item.table_config;
+      const transformedConfig = ((_a = props.transformSettings) == null ? void 0 : _a.call(props, newConfig)) ?? newConfig;
       if (isPresetView) {
         updateTableConfig(item, gridApi, "smart-grid");
-        setTableConfig(item.table_config);
+        setTableConfig(transformedConfig);
         return item;
       }
       const updatedView = {
         ...item,
         table_config: customAndConfigSync(
-          item.table_config,
+          transformedConfig,
           tableConfig
         )
       };

package/dist/legacy/index.mjs

@@ -3982,7 +3982,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          return setTimeout(function() {
+          return setTimeout2(function() {
             func.apply(undefined2, args);
           }, wait);
         }
@@ -5813,7 +5813,7 @@ var require_lodash = __commonJS({
           return object2[key];
         }
         var setData = shortOut(baseSetData);
-        var setTimeout = ctxSetTimeout || function(func, wait) {
+        var setTimeout2 = ctxSetTimeout || function(func, wait) {
           return root.setTimeout(func, wait);
         };
         var setToString = shortOut(baseSetToString);
@@ -6605,7 +6605,7 @@ var require_lodash = __commonJS({
           }
           function leadingEdge(time) {
             lastInvokeTime = time;
-            timerId = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(timerExpired, wait);
             return leading ? invokeFunc(time) : result2;
           }
           function remainingWait(time) {
@@ -6621,7 +6621,7 @@ var require_lodash = __commonJS({
             if (shouldInvoke(time)) {
               return trailingEdge(time);
             }
-            timerId = setTimeout(timerExpired, remainingWait(time));
+            timerId = setTimeout2(timerExpired, remainingWait(time));
           }
           function trailingEdge(time) {
             timerId = undefined2;
@@ -6652,12 +6652,12 @@ var require_lodash = __commonJS({
               }
               if (maxing) {
                 clearTimeout(timerId);
-                timerId = setTimeout(timerExpired, wait);
+                timerId = setTimeout2(timerExpired, wait);
                 return invokeFunc(lastCallTime);
               }
             }
             if (timerId === undefined2) {
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
             }
             return result2;
           }
@@ -11387,7 +11387,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,
@@ -11516,10 +11516,12 @@ var getColumnIdentifier = (col) => {
 };
 var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
-    setSmartGridConfig(
-      tableApi,
-      view.table_config
-    );
+    setTimeout(() => {
+      setSmartGridConfig(
+        tableApi,
+        view.table_config
+      );
+    }, 0);
   } else {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
@@ -11591,9 +11593,15 @@ var cleanObject = (table_config, provider) => {
 var normalizeForComparison = (config) => {
   if (!(config == null ? void 0 : 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: config.columnState.map((col) => {
+    columnState: filteredColumnState.map((col) => {
       const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
         return import_lodash.default.omit(res, ["width", "flex"]);
@@ -11772,7 +11780,8 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        onClearTemporary: props.onClearTemporary,
+        enableSharingViews: false
       }
     )
   ), presetViews.map((presetView) => {
@@ -11789,7 +11798,8 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected
+          selected: isSelected,
+          enableSharingViews: false
         }
       )
     );
@@ -11837,7 +11847,8 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions
+            permissions,
+            enableSharingViews: false
           }
         )
       );
@@ -15162,26 +15173,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) => {
   var _a, _b;
@@ -15264,18 +15286,21 @@ var SmartGridSavedViews = (props) => {
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
   const onSelect = useCallback4(
     ({ item }) => {
+      var _a;
       if (!gridApi)
         return item;
       const isPresetView = item.view_level === "default";
+      const newConfig = item.table_config;
+      const transformedConfig = ((_a = props.transformSettings) == null ? void 0 : _a.call(props, newConfig)) ?? newConfig;
       if (isPresetView) {
         updateTableConfig(item, gridApi, "smart-grid");
-        setTableConfig(item.table_config);
+        setTableConfig(transformedConfig);
         return item;
       }
       const updatedView = {
         ...item,
         table_config: customAndConfigSync(
-          item.table_config,
+          transformedConfig,
           tableConfig
         )
       };

package/dist/modern/index.d.mts

@@ -146,6 +146,7 @@ type SavedViewCollectionMenuItemProps = {
     isUpdateProcessing?: boolean;
     permissions?: IPermissions;
     onClearTemporary?: () => void;
+    enableSharingViews?: boolean;
 };
 declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
 

package/dist/modern/index.d.ts

@@ -146,6 +146,7 @@ type SavedViewCollectionMenuItemProps = {
     isUpdateProcessing?: boolean;
     permissions?: IPermissions;
     onClearTemporary?: () => void;
+    enableSharingViews?: boolean;
 };
 declare const SavedViewCollectionMenuItem: (props: SavedViewCollectionMenuItemProps) => React.JSX.Element;
 

package/dist/modern/index.js

@@ -3976,7 +3976,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          return setTimeout(function() {
+          return setTimeout2(function() {
             func.apply(undefined2, args);
           }, wait);
         }
@@ -5807,7 +5807,7 @@ var require_lodash = __commonJS({
           return object2[key];
         }
         var setData = shortOut(baseSetData);
-        var setTimeout = ctxSetTimeout || function(func, wait) {
+        var setTimeout2 = 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 = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(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 = setTimeout(timerExpired, remainingWait(time));
+            timerId = setTimeout2(timerExpired, remainingWait(time));
           }
           function trailingEdge(time) {
             timerId = undefined2;
@@ -6646,12 +6646,12 @@ var require_lodash = __commonJS({
               }
               if (maxing) {
                 clearTimeout(timerId);
-                timerId = setTimeout(timerExpired, wait);
+                timerId = setTimeout2(timerExpired, wait);
                 return invokeFunc(lastCallTime);
               }
             }
             if (timerId === undefined2) {
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
             }
             return result2;
           }
@@ -11389,7 +11389,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(
       import_core_react3.Button,
       {
         onClick: copyShareLink,
@@ -11517,10 +11517,12 @@ var getColumnIdentifier = (col) => {
 };
 var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
-    setSmartGridConfig(
-      tableApi,
-      view.table_config
-    );
+    setTimeout(() => {
+      setSmartGridConfig(
+        tableApi,
+        view.table_config
+      );
+    }, 0);
   } else {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
@@ -11592,9 +11594,15 @@ 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: config.columnState.map((col) => {
+    columnState: filteredColumnState.map((col) => {
       const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
         return import_lodash.default.omit(res, ["width", "flex"]);
@@ -11762,7 +11770,8 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        onClearTemporary: props.onClearTemporary,
+        enableSharingViews: false
       }
     )
   ), presetViews.map((presetView) => {
@@ -11779,7 +11788,8 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected
+          selected: isSelected,
+          enableSharingViews: false
         }
       )
     );
@@ -11827,7 +11837,8 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions
+            permissions,
+            enableSharingViews: false
           }
         )
       );
@@ -15115,26 +15126,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() ?? [];
@@ -15219,15 +15241,17 @@ 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(item.table_config);
+        setTableConfig(transformedConfig);
         return item;
       }
       const updatedView = {
         ...item,
         table_config: customAndConfigSync(
-          item.table_config,
+          transformedConfig,
           tableConfig
         )
       };

package/dist/modern/index.mjs

@@ -3982,7 +3982,7 @@ var require_lodash = __commonJS({
           if (typeof func != "function") {
             throw new TypeError2(FUNC_ERROR_TEXT);
           }
-          return setTimeout(function() {
+          return setTimeout2(function() {
             func.apply(undefined2, args);
           }, wait);
         }
@@ -5813,7 +5813,7 @@ var require_lodash = __commonJS({
           return object2[key];
         }
         var setData = shortOut(baseSetData);
-        var setTimeout = ctxSetTimeout || function(func, wait) {
+        var setTimeout2 = ctxSetTimeout || function(func, wait) {
           return root.setTimeout(func, wait);
         };
         var setToString = shortOut(baseSetToString);
@@ -6605,7 +6605,7 @@ var require_lodash = __commonJS({
           }
           function leadingEdge(time) {
             lastInvokeTime = time;
-            timerId = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(timerExpired, wait);
             return leading ? invokeFunc(time) : result2;
           }
           function remainingWait(time) {
@@ -6621,7 +6621,7 @@ var require_lodash = __commonJS({
             if (shouldInvoke(time)) {
               return trailingEdge(time);
             }
-            timerId = setTimeout(timerExpired, remainingWait(time));
+            timerId = setTimeout2(timerExpired, remainingWait(time));
           }
           function trailingEdge(time) {
             timerId = undefined2;
@@ -6652,12 +6652,12 @@ var require_lodash = __commonJS({
               }
               if (maxing) {
                 clearTimeout(timerId);
-                timerId = setTimeout(timerExpired, wait);
+                timerId = setTimeout2(timerExpired, wait);
                 return invokeFunc(lastCallTime);
               }
             }
             if (timerId === undefined2) {
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
             }
             return result2;
           }
@@ -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,
@@ -11513,10 +11513,12 @@ var getColumnIdentifier = (col) => {
 };
 var updateTableConfig = (view, tableApi, provider) => {
   if (provider === "smart-grid") {
-    setSmartGridConfig(
-      tableApi,
-      view.table_config
-    );
+    setTimeout(() => {
+      setSmartGridConfig(
+        tableApi,
+        view.table_config
+      );
+    }, 0);
   } else {
     const dataTableApi = tableApi;
     const tableConfig = view.table_config;
@@ -11588,9 +11590,15 @@ 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: config.columnState.map((col) => {
+    columnState: filteredColumnState.map((col) => {
       const res = import_lodash.default.omit(col, ["aggFunc"]);
       if (col.flex) {
         return import_lodash.default.omit(res, ["width", "flex"]);
@@ -11769,7 +11777,8 @@ var PanelContent = (props) => {
       {
         item: temporaryView,
         selected: isTemporarySelected,
-        onClearTemporary: props.onClearTemporary
+        onClearTemporary: props.onClearTemporary,
+        enableSharingViews: false
       }
     )
   ), presetViews.map((presetView) => {
@@ -11786,7 +11795,8 @@ var PanelContent = (props) => {
         SavedViewCollectionMenuItem,
         {
           item: presetView,
-          selected: isSelected
+          selected: isSelected,
+          enableSharingViews: false
         }
       )
     );
@@ -11834,7 +11844,8 @@ var PanelContent = (props) => {
             isUpdateProcessing: isUpdateLoading,
             onEdit: () => props.openModal("update" /* UPDATE */),
             onDelete: props.onDelete,
-            permissions
+            permissions,
+            enableSharingViews: false
           }
         )
       );
@@ -15159,26 +15170,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() ?? [];
@@ -15263,15 +15285,17 @@ 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(item.table_config);
+        setTableConfig(transformedConfig);
         return item;
       }
       const updatedView = {
         ...item,
         table_config: customAndConfigSync(
-          item.table_config,
+          transformedConfig,
           tableConfig
         )
       };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/saved-views",
-  "version": "1.0.1-alpha.0",
+  "version": "1.0.1-alpha.2",
   "description": "Saved Views Component for Data Table",
   "author": "Procore Technologies, Inc",
   "repository": {