@linzjs/step-ag-grid 32.3.0 → 32.4.0

package/dist/step-ag-grid.esm.js

@@ -57822,6 +57822,15 @@ var AgGridReact = class extends Component$1 {
   }
 };
 
+function isChromatic(windowArgument) {
+  const windowToCheck = (globalThis.window !== undefined && globalThis);
+  return !!(
+    windowToCheck &&
+    (/Chromatic/.test(windowToCheck.navigator.userAgent) ||
+      /chromatic=true/.test(windowToCheck.location.href))
+  );
+}
+
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const NoContext = () => {
@@ -61316,7 +61325,8 @@ const Grid = ({
           cellClassRules: {
             ...colDef.cellClassRules,
             "GridCell-readonly": (ccp) => !suppressReadOnlyStyle && !editable(ccp)
-          }
+          },
+          width: colDef.minWidth || 120
         };
       }
     },
@@ -61798,7 +61808,9 @@ const Grid = ({
   const onGridSizeChanged = useCallback(
     (event) => {
       if (sizeColumns === "fit" || ["auto", "auto-skip-headers"].includes(sizeColumns) && hasSetContentSize.current) {
-        event.api.sizeColumnsToFit();
+        if (!isChromatic()) {
+          event.api.sizeColumnsToFit();
+        }
       }
     },
     [sizeColumns]
@@ -64258,7 +64270,9 @@ const ButtonCellRenderer = (props) => {
     };
     api.addEventListener("cellFocused", checkFocus);
     return () => {
-      api.removeEventListener("cellFocused", checkFocus);
+      if (!api.isDestroyed()) {
+        api.removeEventListener("cellFocused", checkFocus);
+      }
     };
   }, [api, column, node.rowIndex]);
   return /* @__PURE__ */ jsx(
@@ -64346,7 +64360,11 @@ const BooleanCellRenderer = (props) => {
       }
     };
     api.addEventListener("cellFocused", checkFocus);
-    return () => void api.removeEventListener("cellFocused", checkFocus);
+    return () => {
+      if (!api.isDestroyed()) {
+        api.removeEventListener("cellFocused", checkFocus);
+      }
+    };
   }, [api, column, node.rowIndex]);
   const isDisabled = !fnOrVar(colDef?.editable, props);
   const toggleCheckbox = useCallback(() => {
@@ -64910,6 +64928,9 @@ const GridContextProvider = (props) => {
       if (!gridApi || gridApi.isDestroyed() || !gridApi.getColumnState()) {
         return null;
       }
+      if (isChromatic()) {
+        return { width: sumBy(gridApi.getColumnState(), (colState) => colState.hide ? 0 : colState.width ?? 0) };
+      }
       try {
         const colIdsSet = colIds instanceof Set ? colIds : new Set(colIds);
         const getVisibleColStates = () => {
@@ -64963,7 +64984,7 @@ const GridContextProvider = (props) => {
   );
   const sizeColumnsToFit = useCallback(
     (paramsOrGridWidth) => {
-      if (gridApi && !gridApi?.isDestroyed()) {
+      if (gridApi && !gridApi?.isDestroyed() && !isChromatic()) {
         gridApi.sizeColumnsToFit(paramsOrGridWidth);
       }
     },