@linzjs/step-ag-grid 21.0.4 → 21.1.1

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

@@ -2349,6 +2349,7 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
     const hasSetContentSize = React.useRef(false);
     const hasSetContentSizeEmpty = React.useRef(false);
     const needsAutoSize = React.useRef(true);
+    const lastFullResize = React.useRef();
     const setInitialContentSize = React.useCallback(() => {
         if (!gridDivRef.current?.clientWidth || rowData == null) {
             // Don't resize grids if they are offscreen as it doesn't work.
@@ -2376,8 +2377,14 @@ const Grid = ({ "data-testid": dataTestId, rowSelection = "multiple", suppressCo
             }
             else if (gridRendered === "rows-visible") {
                 if (!hasSetContentSize.current) {
-                    hasSetContentSize.current = true;
-                    params.onContentSize?.(result);
+                    if (lastFullResize.current === result.width) {
+                        hasSetContentSize.current = true;
+                        params.onContentSize?.(result);
+                    }
+                    else {
+                        needsAutoSize.current = true;
+                    }
+                    lastFullResize.current = result.width;
                 }
             }
             else {
@@ -2814,6 +2821,7 @@ const GridPopoverContext = React.createContext({
     anchorRef: { current: null },
     saving: false,
     setSaving: () => { },
+    colId: "",
     field: "",
     value: null,
     data: {},
@@ -2834,6 +2842,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;
@@ -2845,6 +2854,7 @@ const GridPopoverContextProvider = ({ props, children }) => {
             saving,
             setSaving,
             selectedRows,
+            colId,
             field,
             data: props.data,
             value: props.value,