@procore/saved-views 5.0.0-alpha.5 → 5.0.0-alpha.6

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;
           }
@@ -11442,11 +11442,6 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
   const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
   const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
-  console.log("xx:Difference between view config and current config:", {
-    viewConfig: cleanedViewConfig,
-    currentConfig: cleanedCurrentConfig,
-    areEqual: import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig)
-  });
   return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
@@ -11684,10 +11679,14 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = (0, import_react10.useState)(
     () => getSmartGridConfig(gridApi)
   );
+  const eventListenersDisabledRef = (0, import_react10.useRef)(false);
   (0, import_react10.useEffect)(() => {
     if (!gridApi)
       return;
-    const updateConfig = () => {
+    const updateConfig = (par) => {
+      if (eventListenersDisabledRef.current) {
+        return;
+      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -11699,7 +11698,13 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  return { config, setConfig };
+  const disableEventListeners = () => {
+    eventListenersDisabledRef.current = true;
+  };
+  const enableEventListeners = () => {
+    eventListenersDisabledRef.current = false;
+  };
+  return { config, setConfig, disableEventListeners, enableEventListeners };
 };
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
@@ -14064,7 +14069,7 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
+var { useEffect: useEffect3, useRef: useRef3 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14087,7 +14092,7 @@ var SavedViewsCreateUpdateModalBase = ({
 }) => {
   const I18n = (0, import_core_react9.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
+  const originalBodyWidth = useRef3("");
   useEffect3(() => {
     if (open) {
       originalBodyWidth.current = document.body.style.width || "";
@@ -14598,7 +14603,12 @@ var SavedViews = (props) => {
 var import_toast_alert2 = require("@procore/toast-alert");
 var SmartGridSavedViews = (props) => {
   const { gridApi, projectId, companyId } = props;
-  const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
+  const {
+    config: tableConfig,
+    setConfig: setTableConfig,
+    disableEventListeners,
+    enableEventListeners
+  } = useSmartGridConfig(gridApi);
   const defaultView = useDefaultView({
     defaultViewName: props.defaultViewName,
     domain: props.domain
@@ -14624,8 +14634,15 @@ var SmartGridSavedViews = (props) => {
         tableConfig2
       )
     };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
+    disableEventListeners();
+    try {
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+    } finally {
+      setTimeout(() => {
+        enableEventListeners();
+      }, 0);
+    }
     return updatedView;
   };
   return /* @__PURE__ */ import_react14.default.createElement(import_toast_alert2.ToastAlertProvider, null, /* @__PURE__ */ import_react14.default.createElement(

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;
           }
@@ -11446,11 +11446,6 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
   const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
   const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
-  console.log("xx:Difference between view config and current config:", {
-    viewConfig: cleanedViewConfig,
-    currentConfig: cleanedCurrentConfig,
-    areEqual: import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig)
-  });
   return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
@@ -11675,7 +11670,7 @@ var useDefaultView = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/useSmartGridConfig.ts
-import { useState as useState3, useEffect as useEffect2 } from "react";
+import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -11694,10 +11689,14 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = useState3(
     () => getSmartGridConfig(gridApi)
   );
+  const eventListenersDisabledRef = useRef2(false);
   useEffect2(() => {
     if (!gridApi)
       return;
-    const updateConfig = () => {
+    const updateConfig = (par) => {
+      if (eventListenersDisabledRef.current) {
+        return;
+      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -11709,7 +11708,13 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  return { config, setConfig };
+  const disableEventListeners = () => {
+    eventListenersDisabledRef.current = true;
+  };
+  const enableEventListeners = () => {
+    eventListenersDisabledRef.current = false;
+  };
+  return { config, setConfig, disableEventListeners, enableEventListeners };
 };
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
@@ -14099,7 +14104,7 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
+var { useEffect: useEffect3, useRef: useRef3 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14122,7 +14127,7 @@ var SavedViewsCreateUpdateModalBase = ({
 }) => {
   const I18n = useI18nContext7();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
+  const originalBodyWidth = useRef3("");
   useEffect3(() => {
     if (open) {
       originalBodyWidth.current = document.body.style.width || "";
@@ -14633,7 +14638,12 @@ var SavedViews = (props) => {
 import { ToastAlertProvider } from "@procore/toast-alert";
 var SmartGridSavedViews = (props) => {
   const { gridApi, projectId, companyId } = props;
-  const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
+  const {
+    config: tableConfig,
+    setConfig: setTableConfig,
+    disableEventListeners,
+    enableEventListeners
+  } = useSmartGridConfig(gridApi);
   const defaultView = useDefaultView({
     defaultViewName: props.defaultViewName,
     domain: props.domain
@@ -14659,8 +14669,15 @@ var SmartGridSavedViews = (props) => {
         tableConfig2
       )
     };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
+    disableEventListeners();
+    try {
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+    } finally {
+      setTimeout(() => {
+        enableEventListeners();
+      }, 0);
+    }
     return updatedView;
   };
   return /* @__PURE__ */ React20.createElement(ToastAlertProvider, null, /* @__PURE__ */ React20.createElement(

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;
           }
@@ -11440,11 +11440,6 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
   const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
   const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
-  console.log("xx:Difference between view config and current config:", {
-    viewConfig: cleanedViewConfig,
-    currentConfig: cleanedCurrentConfig,
-    areEqual: import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig)
-  });
   return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
@@ -11680,10 +11675,14 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = (0, import_react10.useState)(
     () => getSmartGridConfig(gridApi)
   );
+  const eventListenersDisabledRef = (0, import_react10.useRef)(false);
   (0, import_react10.useEffect)(() => {
     if (!gridApi)
       return;
-    const updateConfig = () => {
+    const updateConfig = (par) => {
+      if (eventListenersDisabledRef.current) {
+        return;
+      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -11695,7 +11694,13 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  return { config, setConfig };
+  const disableEventListeners = () => {
+    eventListenersDisabledRef.current = true;
+  };
+  const enableEventListeners = () => {
+    eventListenersDisabledRef.current = false;
+  };
+  return { config, setConfig, disableEventListeners, enableEventListeners };
 };
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
@@ -14060,7 +14065,7 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
+var { useEffect: useEffect3, useRef: useRef3 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14083,7 +14088,7 @@ var SavedViewsCreateUpdateModalBase = ({
 }) => {
   const I18n = (0, import_core_react9.useI18nContext)();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
+  const originalBodyWidth = useRef3("");
   useEffect3(() => {
     if (open) {
       originalBodyWidth.current = document.body.style.width || "";
@@ -14594,7 +14599,12 @@ var SavedViews = (props) => {
 var import_toast_alert2 = require("@procore/toast-alert");
 var SmartGridSavedViews = (props) => {
   const { gridApi, projectId, companyId } = props;
-  const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
+  const {
+    config: tableConfig,
+    setConfig: setTableConfig,
+    disableEventListeners,
+    enableEventListeners
+  } = useSmartGridConfig(gridApi);
   const defaultView = useDefaultView({
     defaultViewName: props.defaultViewName,
     domain: props.domain
@@ -14619,8 +14629,15 @@ var SmartGridSavedViews = (props) => {
         tableConfig2
       )
     };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
+    disableEventListeners();
+    try {
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+    } finally {
+      setTimeout(() => {
+        enableEventListeners();
+      }, 0);
+    }
     return updatedView;
   };
   return /* @__PURE__ */ import_react14.default.createElement(import_toast_alert2.ToastAlertProvider, null, /* @__PURE__ */ import_react14.default.createElement(

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;
           }
@@ -11444,11 +11444,6 @@ var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
   const normalizedCurrentConfig = normalizeForComparison(tableConfig);
   const cleanedViewConfig = cleanObject(normalizedViewConfig, provider);
   const cleanedCurrentConfig = cleanObject(normalizedCurrentConfig, provider);
-  console.log("xx:Difference between view config and current config:", {
-    viewConfig: cleanedViewConfig,
-    currentConfig: cleanedCurrentConfig,
-    areEqual: import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig)
-  });
   return import_lodash.default.isEqual(cleanedViewConfig, cleanedCurrentConfig);
 };
 var hasPermissionForViewLevel = (viewLevel, permissions) => {
@@ -11671,7 +11666,7 @@ var useDefaultView = (props) => {
 };
 
 // src/SavedViews/components/SavedViews/SmartGrid/useSmartGridConfig.ts
-import { useState as useState3, useEffect as useEffect2 } from "react";
+import { useState as useState3, useEffect as useEffect2, useRef as useRef2 } from "react";
 var GRID_STATE_EVENTS = [
   "sortChanged",
   "filterOpened",
@@ -11690,10 +11685,14 @@ var useSmartGridConfig = (gridApi) => {
   const [config, setConfig] = useState3(
     () => getSmartGridConfig(gridApi)
   );
+  const eventListenersDisabledRef = useRef2(false);
   useEffect2(() => {
     if (!gridApi)
       return;
-    const updateConfig = () => {
+    const updateConfig = (par) => {
+      if (eventListenersDisabledRef.current) {
+        return;
+      }
       setConfig(getSmartGridConfig(gridApi));
     };
     GRID_STATE_EVENTS.forEach((event) => {
@@ -11705,7 +11704,13 @@ var useSmartGridConfig = (gridApi) => {
       });
     };
   }, [gridApi]);
-  return { config, setConfig };
+  const disableEventListeners = () => {
+    eventListenersDisabledRef.current = true;
+  };
+  const enableEventListeners = () => {
+    eventListenersDisabledRef.current = false;
+  };
+  return { config, setConfig, disableEventListeners, enableEventListeners };
 };
 
 // src/SavedViews/components/SavedViews/SavedViews.tsx
@@ -14095,7 +14100,7 @@ function extractMessage(error, I18n) {
 }
 
 // src/SavedViews/components/SavedViewsModals/SavedViewsCreateUpdateModalBase.tsx
-var { useEffect: useEffect3, useRef: useRef2 } = React17;
+var { useEffect: useEffect3, useRef: useRef3 } = React17;
 var ScrollContainer = styled_components_esm_default("div")`
   overflow: auto;
 `;
@@ -14118,7 +14123,7 @@ var SavedViewsCreateUpdateModalBase = ({
 }) => {
   const I18n = useI18nContext7();
   const NAME_MAX_LENGTH = 150;
-  const originalBodyWidth = useRef2("");
+  const originalBodyWidth = useRef3("");
   useEffect3(() => {
     if (open) {
       originalBodyWidth.current = document.body.style.width || "";
@@ -14629,7 +14634,12 @@ var SavedViews = (props) => {
 import { ToastAlertProvider } from "@procore/toast-alert";
 var SmartGridSavedViews = (props) => {
   const { gridApi, projectId, companyId } = props;
-  const { config: tableConfig, setConfig: setTableConfig } = useSmartGridConfig(gridApi);
+  const {
+    config: tableConfig,
+    setConfig: setTableConfig,
+    disableEventListeners,
+    enableEventListeners
+  } = useSmartGridConfig(gridApi);
   const defaultView = useDefaultView({
     defaultViewName: props.defaultViewName,
     domain: props.domain
@@ -14654,8 +14664,15 @@ var SmartGridSavedViews = (props) => {
         tableConfig2
       )
     };
-    updateTableConfig(updatedView, gridApi, "smart-grid");
-    setTableConfig(updatedView.table_config);
+    disableEventListeners();
+    try {
+      updateTableConfig(updatedView, gridApi, "smart-grid");
+      setTableConfig(updatedView.table_config);
+    } finally {
+      setTimeout(() => {
+        enableEventListeners();
+      }, 0);
+    }
     return updatedView;
   };
   return /* @__PURE__ */ React20.createElement(ToastAlertProvider, null, /* @__PURE__ */ React20.createElement(

package/package.json

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