material-react-table 0.38.0 → 0.38.1

package/dist/index.d.ts

@@ -239,8 +239,8 @@ declare type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<Ta
     setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
-    setEditingCell: Dispatch<SetStateAction<MRT_Cell | null>>;
-    setEditingRow: Dispatch<SetStateAction<MRT_Row | null>>;
+    setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
+    setEditingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
     setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | {
         id: string;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.38.0",
+  "version": "0.38.1",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/MaterialReactTable.tsx

@@ -109,8 +109,8 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Omit<
   setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
   setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
   setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
-  setEditingCell: Dispatch<SetStateAction<MRT_Cell | null>>;
-  setEditingRow: Dispatch<SetStateAction<MRT_Row | null>>;
+  setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
+  setEditingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
   setGlobalFilterFn: Dispatch<SetStateAction<MRT_FilterOption>>;
   setHoveredColumn: Dispatch<
     SetStateAction<MRT_Column<TData> | { id: string } | null>

package/src/inputs/MRT_EditCellTextField.tsx

@@ -49,6 +49,15 @@ export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
     textFieldProps.onChange?.(event);
     setValue(event.target.value);
+    if (textFieldProps?.select && editingRow) {
+      setEditingRow({
+        ...editingRow,
+        _valuesCache: {
+          ...editingRow._valuesCache,
+          [column.id]: event.target.value,
+        },
+      });
+    }
   };
 
   const handleBlur = (event: FocusEvent<HTMLInputElement>) => {
@@ -57,7 +66,7 @@ export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
       setEditingRow({
         ...editingRow,
         _valuesCache: { ...editingRow._valuesCache, [column.id]: value },
-      } as any);
+      });
     }
     setEditingCell(null);
   };
@@ -72,7 +81,7 @@ export const MRT_EditCellTextField = <TData extends Record<string, any> = {}>({
       fullWidth
       label={showLabel ? column.columnDef.header : undefined}
       margin="none"
-      name={cell.id}
+      name={column.id}
       onClick={(e: MouseEvent<HTMLInputElement>) => e.stopPropagation()}
       placeholder={columnDef.header}
       value={value}

package/src/inputs/MRT_FilterTextField.tsx

@@ -299,7 +299,7 @@ export const MRT_FilterTextField: FC<Props> = ({
         }}
         sx={(theme) => ({
           p: 0,
-          minWidth: !filterChipLabel ? '6rem' : 'auto',
+          minWidth: !filterChipLabel ? '150px' : 'auto',
           width: '100%',
           '&	.MuiSelect-icon': {
             mr: '1.5rem',