@linzjs/step-ag-grid 29.0.0 → 29.0.1

package/dist/step-ag-grid.cjs

@@ -3377,16 +3377,18 @@ const defaultValueFormatter = ({ value }) => {
         ? String(value)
         : JSON.stringify(value);
 };
+// ag-grid doesn't understand the custom editor, when it stops editing it thinks
+// that _it_ was editing and overwrites the user updated data
+// _but_, it only does this if the initial value of the cell was null!?
+const blockValueSetter = () => true;
 /*
  * All cells should use this.
  */
 const GridCell = (props, custom) => {
-    // props.field = ;
     // Generate a default filter value getter which uses the formatted value plus
     // the editable value if it's a string and different from the formatted value.
     // This is so that e.g. bearings can be searched for by DMS or raw number.
     const valueFormatter = props.valueFormatter ?? defaultValueFormatter;
-    // FIXME
     const filterValueGetter = props.filterValueGetter ?? generateFilterGetter(valueFormatter);
     const exportable = props.exportable;
     // Can't leave this here ag-grid will complain
@@ -3397,6 +3399,7 @@ const GridCell = (props, custom) => {
         headerTooltip: props.headerName,
         sortable: true,
         resizable: true,
+        valueSetter: custom?.editor ? blockValueSetter : undefined,
         editable: props.editable ?? false,
         ...(custom?.editor && {
             cellClassRules: GridCellMultiSelectClassRules,
@@ -4836,12 +4839,14 @@ const GridFormTextInput = (props) => {
     const [value, setValue] = React.useState(initValue);
     const invalid = React.useCallback(() => TextInputValidator(props, value, data, {}), [data, props, value]);
     const save = React.useCallback(async (selectedRows) => {
-        if (invalid())
+        if (invalid()) {
             return false;
+        }
         const trimmedValue = value.trim();
         // No change, so don't save
-        if (initValue === trimmedValue)
+        if (initValue === trimmedValue) {
             return true;
+        }
         if (props.onSave) {
             return await props.onSave({ selectedRows, value: trimmedValue });
         }