@linzjs/step-ag-grid 21.0.3 → 21.1.0

package/README.md

@@ -277,4 +277,4 @@ This will throw an exception if the row id is not found.
 
 ```tsx
 window.__stepAgGrid.grids[dataTestId].scrollRowIntoViewById("1000")
-```
+```

package/dist/src/contexts/GridPopoverContext.d.ts

@@ -4,6 +4,7 @@ export interface GridPopoverContextType<TData extends GridBaseRow> {
     anchorRef: RefObject<Element>;
     saving: boolean;
     setSaving: (saving: boolean) => void;
+    colId: string;
     field: keyof TData;
     value: any;
     data: TData;

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

@@ -2369,13 +2369,13 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
                 return;
             }
             if (gridRendered === "empty") {
-                if (!hasSetContentSizeEmpty.current && result && !hasSetContentSize.current) {
+                if (!hasSetContentSizeEmpty.current && !hasSetContentSize.current) {
                     hasSetContentSizeEmpty.current = true;
                     params.onContentSize?.(result);
                 }
             }
             else if (gridRendered === "rows-visible") {
-                if (result && !hasSetContentSize.current) {
+                if (!hasSetContentSize.current) {
                     hasSetContentSize.current = true;
                     params.onContentSize?.(result);
                 }
@@ -2586,7 +2586,9 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
         if (!lodashEs.isEmpty(updatingCols()))
             return;
         const skipHeader = sizeColumns === "auto-skip-headers";
-        autoSizeColumns({ skipHeader, userSizedColIds: userSizedColIds.current, colIds: colIdsEdited.current });
+        if (hasSetContentSize.current) {
+            autoSizeColumns({ skipHeader, userSizedColIds: userSizedColIds.current, colIds: colIdsEdited.current });
+        }
         colIdsEdited.current.clear();
     }, [autoSizeColumns, rowData?.length, setInitialContentSize, sizeColumns, updatedDep, updatingCols]);
     /**
@@ -2699,11 +2701,15 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
             if (!lodashEs.isEmpty(colIdsEdited.current)) {
                 const skipHeader = sizeColumns === "auto-skip-headers";
                 if (sizeColumns === "auto" || skipHeader) {
-                    lodashEs.defer(() => autoSizeColumns({
-                        skipHeader,
-                        userSizedColIds: userSizedColIds.current,
-                        colIds: colIdsEdited.current,
-                    }));
+                    lodashEs.defer(() => {
+                        if (hasSetContentSize.current) {
+                            autoSizeColumns({
+                                skipHeader,
+                                userSizedColIds: userSizedColIds.current,
+                                colIds: colIdsEdited.current,
+                            });
+                        }
+                    });
                 }
                 colIdsEdited.current.clear();
             }
@@ -2808,6 +2814,7 @@ const GridPopoverContext = React.createContext({
     anchorRef: { current: null },
     saving: false,
     setSaving: () => { },
+    colId: "",
     field: "",
     value: null,
     data: {},
@@ -2828,6 +2835,7 @@ const GridPopoverContextProvider = ({ props, children }) => {
     // Then item that is clicked on will always be first in the list
     const selectedRows = React.useMemo(() => multiEdit ? lodashEs.sortBy(getFilteredSelectedRows(), (row) => row.id !== props.data.id) : [props.data], [getFilteredSelectedRows, multiEdit, props.data]);
     const field = props.colDef?.field ?? "";
+    const colId = props.colDef?.colId ?? field ?? "";
     const updateValue = React.useCallback(async (saveFn, tabDirection) => {
         if (hasSaved.current)
             return true;
@@ -2839,6 +2847,7 @@ const GridPopoverContextProvider = ({ props, children }) => {
             saving,
             setSaving,
             selectedRows,
+            colId,
             field,
             data: props.data,
             value: props.value,