material-react-table 0.7.2 → 0.7.3

package/dist/MaterialReactTable.d.ts

@@ -37,6 +37,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
         };
         localization: MRT_Localization;
     };
+    setCurrentEditingCell: Dispatch<SetStateAction<MRT_Cell<D> | null>>;
     setCurrentEditingRow: Dispatch<SetStateAction<MRT_Row<D> | null>>;
     setCurrentFilterTypes: Dispatch<SetStateAction<{
         [key: string]: MRT_FilterType;
@@ -48,6 +49,7 @@ export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit
     setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
 };
 export declare type MRT_TableState<D extends Record<string, any> = {}> = Omit<TableState, 'pagination'> & {
+    currentEditingCell: MRT_Cell<D> | null;
     currentEditingRow: MRT_Row<D> | null;
     currentFilterTypes: Record<string, string | Function>;
     currentGlobalFilterType: Record<string, string | Function>;
@@ -129,7 +131,8 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
         cell: MRT_Cell<D>;
         tableInstance: MRT_TableInstance<D>;
     }) => void;
-    onColumnFilterValueChange?: ({ event, filterValue, }: {
+    onColumnFilterValueChange?: ({ column, event, filterValue, }: {
+        column: MRT_Column<D>;
         event: ChangeEvent<HTMLInputElement>;
         filterValue: any;
     }) => void;
@@ -158,6 +161,7 @@ export declare type MRT_Cell<D extends Record<string, any> = {}> = Omit<Cell<D>,
 };
 export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MaterialReactTableProps<D extends Record<string, any> = {}> = MRT_TableOptions<D> & {
+    editingMode?: 'table' | 'row' | 'cell';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
     enableDensePaddingToggle?: boolean;
@@ -277,6 +281,21 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         tableInstance: MRT_TableInstance<D>;
         event: MouseEvent<HTMLTableCellElement>;
     }) => void;
+    onCellEditBlur?: ({ cell, event, tableInstance, }: {
+        event: FocusEvent<HTMLInputElement>;
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onCellEditChange?: ({ cell, event, tableInstance, }: {
+        event: ChangeEvent<HTMLInputElement>;
+        cell: MRT_Cell<D>;
+        tableInstance: MRT_TableInstance<D>;
+    }) => void;
+    onColumnFilterValueChange?: ({ column, event, filterValue, }: {
+        column: MRT_Column<D>;
+        event: ChangeEvent<HTMLInputElement>;
+        filterValue: any;
+    }) => void;
     onDetailPanelClick?: ({ event, row, tableInstance, }: {
         event: MouseEvent<HTMLTableCellElement>;
         row: MRT_Row<D>;
@@ -375,5 +394,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/material-react-table.cjs.development.js

@@ -2197,8 +2197,12 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
       tableInstance = _ref.tableInstance;
   var getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
+      idPrefix = _tableInstance$option.idPrefix,
       enableEditing = _tableInstance$option.enableEditing,
       muiTableBodyCellEditTextFieldProps = _tableInstance$option.muiTableBodyCellEditTextFieldProps,
+      onCellEditBlur = _tableInstance$option.onCellEditBlur,
+      onCellEditChange = _tableInstance$option.onCellEditChange,
+      setCurrentEditingCell = tableInstance.setCurrentEditingCell,
       setCurrentEditingRow = tableInstance.setCurrentEditingRow;
 
   var _useState = React.useState(cell.value),
@@ -2215,6 +2219,11 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
       cell: cell,
       tableInstance: tableInstance
     });
+    onCellEditChange == null ? void 0 : onCellEditChange({
+      event: event,
+      cell: cell,
+      tableInstance: tableInstance
+    });
   };
 
   var handleBlur = function handleBlur(event) {
@@ -2223,11 +2232,17 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
       setCurrentEditingRow(_extends({}, getState().currentEditingRow));
     }
 
+    setCurrentEditingCell(null);
     column.onCellEditBlur == null ? void 0 : column.onCellEditBlur({
       event: event,
       cell: cell,
       tableInstance: tableInstance
     });
+    onCellEditBlur == null ? void 0 : onCellEditBlur({
+      event: event,
+      cell: cell,
+      tableInstance: tableInstance
+    });
   };
 
   var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps({
@@ -2249,6 +2264,7 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
   }
 
   return React__default.createElement(material.TextField, Object.assign({
+    id: "mrt-" + idPrefix + "-edit-cell-text-field-" + cell.id,
     margin: "dense",
     onBlur: handleBlur,
     onChange: handleChange,
@@ -2309,6 +2325,7 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
       backgroundColor: 'transparent',
       border: 'none',
       color: 'inherit',
+      cursor: 'copy',
       fontFamily: 'inherit',
       fontSize: 'inherit',
       letterSpacing: 'inherit',
@@ -2329,15 +2346,19 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   var getIsSomeColumnsPinned = tableInstance.getIsSomeColumnsPinned,
       getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
+      editingMode = _tableInstance$option.editingMode,
       enableClickToCopy = _tableInstance$option.enableClickToCopy,
-      enablePinning = _tableInstance$option.enablePinning,
       enableEditing = _tableInstance$option.enableEditing,
+      enablePinning = _tableInstance$option.enablePinning,
+      idPrefix = _tableInstance$option.idPrefix,
       isLoading = _tableInstance$option.isLoading,
       muiTableBodyCellProps = _tableInstance$option.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _tableInstance$option.muiTableBodyCellSkeletonProps,
-      onCellClick = _tableInstance$option.onCellClick;
+      onCellClick = _tableInstance$option.onCellClick,
+      setCurrentEditingCell = tableInstance.setCurrentEditingCell;
 
   var _getState = getState(),
+      currentEditingCell = _getState.currentEditingCell,
       currentEditingRow = _getState.currentEditingRow,
       isDensePadding = _getState.isDensePadding;
 
@@ -2357,6 +2378,23 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   var skeletonWidth = React.useMemo(function () {
     return column.columnDefType === 'display' ? column.getWidth() / 2 : Math.random() * (column.getWidth() - column.getWidth() / 3) + column.getWidth() / 3;
   }, [column.columnDefType, column.getWidth()]);
+  var isEditable = (enableEditing || column.enableEditing) && column.enableEditing !== false;
+  var isEditing = isEditable && (editingMode === 'table' || (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id || (currentEditingCell == null ? void 0 : currentEditingCell.id) === cell.id);
+
+  var handleDoubleClick = function handleDoubleClick(_event) {
+    if ((enableEditing || column.enableEditing) && column.enableEditing !== false && editingMode === 'cell') {
+      setCurrentEditingCell(cell);
+      setTimeout(function () {
+        var textField = document.getElementById("mrt-" + idPrefix + "-edit-cell-text-field-" + cell.id);
+
+        if (textField) {
+          textField.focus();
+          textField.select();
+        }
+      }, 200);
+    }
+  };
+
   return React__default.createElement(material.TableCell, Object.assign({
     onClick: function onClick(event) {
       return onCellClick == null ? void 0 : onCellClick({
@@ -2364,9 +2402,11 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
         cell: cell,
         tableInstance: tableInstance
       });
-    }
+    },
+    onDoubleClick: handleDoubleClick
   }, tableCellProps, {
     sx: _extends({
+      cursor: isEditable && editingMode === 'cell' ? 'pointer' : 'text',
       maxWidth: "min(" + column.getWidth() + "px, fit-content)",
       minWidth: "max(" + column.getWidth() + "px, " + column.minWidth + "px)",
       p: isDensePadding ? column.columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : column.columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem',
@@ -2382,7 +2422,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   }, muiTableBodyCellSkeletonProps)) : column.columnDefType === 'display' ? column.Cell == null ? void 0 : column.Cell({
     cell: cell,
     tableInstance: tableInstance
-  }) : cell.getIsPlaceholder() || row.getIsGrouped() && column.id !== row.groupingColumnId ? null : cell.getIsAggregated() ? cell.renderAggregatedCell() : enableEditing && column.enableEditing !== false && (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id ? React__default.createElement(MRT_EditCellTextField, {
+  }) : cell.getIsPlaceholder() || row.getIsGrouped() && column.id !== row.groupingColumnId ? null : cell.getIsAggregated() ? cell.renderAggregatedCell() : isEditing ? React__default.createElement(MRT_EditCellTextField, {
     cell: cell,
     tableInstance: tableInstance
   }) : (enableClickToCopy || column.enableClickToCopy) && column.enableClickToCopy !== false ? React__default.createElement(React__default.Fragment, null, React__default.createElement(MRT_CopyButton, {
@@ -2839,7 +2879,7 @@ var createDisplayColumn = function createDisplayColumn(table, column) {
 };
 
 var MRT_TableRoot = function MRT_TableRoot(props) {
-  var _props$initialState$i, _props$initialState, _props$initialState$i2, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4, _props$initialState$p, _props$initialState5, _props$initialState5$, _props$initialState$p2, _props$initialState6, _props$initialState6$, _props$initialState$p3, _props$initialState7, _props$initialState7$, _props$globalFilterTy;
+  var _props$initialState$c, _props$initialState, _props$initialState$c2, _props$initialState2, _props$initialState$i, _props$initialState3, _props$initialState$i2, _props$initialState4, _props$initialState$s, _props$initialState5, _props$initialState$s2, _props$initialState6, _props$initialState$p, _props$initialState7, _props$initialState7$, _props$initialState$p2, _props$initialState8, _props$initialState8$, _props$initialState$p3, _props$initialState9, _props$initialState9$, _props$globalFilterTy;
 
   var _useState = React.useState(props.idPrefix),
       idPrefix = _useState[0],
@@ -2851,49 +2891,53 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     return setIdPrefix((_props$idPrefix = props.idPrefix) != null ? _props$idPrefix : Math.random().toString(36).substring(2, 9));
   }, [props.idPrefix]);
 
-  var _useState2 = React.useState(null),
-      currentEditingRow = _useState2[0],
-      setCurrentEditingRow = _useState2[1];
+  var _useState2 = React.useState((_props$initialState$c = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.currentEditingCell) != null ? _props$initialState$c : null),
+      currentEditingCell = _useState2[0],
+      setCurrentEditingCell = _useState2[1];
+
+  var _useState3 = React.useState((_props$initialState$c2 = (_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.currentEditingRow) != null ? _props$initialState$c2 : null),
+      currentEditingRow = _useState3[0],
+      setCurrentEditingRow = _useState3[1];
 
-  var _useState3 = React.useState((_props$initialState$i = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.isDensePadding) != null ? _props$initialState$i : false),
-      isDensePadding = _useState3[0],
-      setIsDensePadding = _useState3[1];
+  var _useState4 = React.useState((_props$initialState$i = (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.isDensePadding) != null ? _props$initialState$i : false),
+      isDensePadding = _useState4[0],
+      setIsDensePadding = _useState4[1];
 
-  var _useState4 = React.useState((_props$initialState$i2 = (_props$initialState2 = props.initialState) == null ? void 0 : _props$initialState2.isFullScreen) != null ? _props$initialState$i2 : false),
-      isFullScreen = _useState4[0],
-      setIsFullScreen = _useState4[1];
+  var _useState5 = React.useState((_props$initialState$i2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.isFullScreen) != null ? _props$initialState$i2 : false),
+      isFullScreen = _useState5[0],
+      setIsFullScreen = _useState5[1];
 
-  var _useState5 = React.useState((_props$initialState$s = (_props$initialState3 = props.initialState) == null ? void 0 : _props$initialState3.showFilters) != null ? _props$initialState$s : false),
-      showFilters = _useState5[0],
-      setShowFilters = _useState5[1];
+  var _useState6 = React.useState((_props$initialState$s = (_props$initialState5 = props.initialState) == null ? void 0 : _props$initialState5.showFilters) != null ? _props$initialState$s : false),
+      showFilters = _useState6[0],
+      setShowFilters = _useState6[1];
 
-  var _useState6 = React.useState((_props$initialState$s2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.showGlobalFilter) != null ? _props$initialState$s2 : false),
-      showGlobalFilter = _useState6[0],
-      setShowGlobalFilter = _useState6[1];
+  var _useState7 = React.useState((_props$initialState$s2 = (_props$initialState6 = props.initialState) == null ? void 0 : _props$initialState6.showGlobalFilter) != null ? _props$initialState$s2 : false),
+      showGlobalFilter = _useState7[0],
+      setShowGlobalFilter = _useState7[1];
 
-  var _useState7 = React.useState({
-    pageIndex: (_props$initialState$p = (_props$initialState5 = props.initialState) == null ? void 0 : (_props$initialState5$ = _props$initialState5.pagination) == null ? void 0 : _props$initialState5$.pageIndex) != null ? _props$initialState$p : 0,
-    pageSize: (_props$initialState$p2 = (_props$initialState6 = props.initialState) == null ? void 0 : (_props$initialState6$ = _props$initialState6.pagination) == null ? void 0 : _props$initialState6$.pageSize) != null ? _props$initialState$p2 : 10,
-    pageCount: (_props$initialState$p3 = (_props$initialState7 = props.initialState) == null ? void 0 : (_props$initialState7$ = _props$initialState7.pagination) == null ? void 0 : _props$initialState7$.pageCount) != null ? _props$initialState$p3 : -1
+  var _useState8 = React.useState({
+    pageIndex: (_props$initialState$p = (_props$initialState7 = props.initialState) == null ? void 0 : (_props$initialState7$ = _props$initialState7.pagination) == null ? void 0 : _props$initialState7$.pageIndex) != null ? _props$initialState$p : 0,
+    pageSize: (_props$initialState$p2 = (_props$initialState8 = props.initialState) == null ? void 0 : (_props$initialState8$ = _props$initialState8.pagination) == null ? void 0 : _props$initialState8$.pageSize) != null ? _props$initialState$p2 : 10,
+    pageCount: (_props$initialState$p3 = (_props$initialState9 = props.initialState) == null ? void 0 : (_props$initialState9$ = _props$initialState9.pagination) == null ? void 0 : _props$initialState9$.pageCount) != null ? _props$initialState$p3 : -1
   }),
-      pagination = _useState7[0],
-      setPagination = _useState7[1];
+      pagination = _useState8[0],
+      setPagination = _useState8[1];
 
-  var _useState8 = React.useState(function () {
+  var _useState9 = React.useState(function () {
     return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (c) {
-      var _ref, _c$filter, _props$initialState8, _props$initialState8$, _c$filterSelectOption, _ref2;
+      var _ref, _c$filter, _props$initialState10, _props$initialState11, _c$filterSelectOption, _ref2;
 
-      return _ref2 = {}, _ref2[c.id] = (_ref = (_c$filter = c.filter) != null ? _c$filter : props == null ? void 0 : (_props$initialState8 = props.initialState) == null ? void 0 : (_props$initialState8$ = _props$initialState8.columnFilters) == null ? void 0 : _props$initialState8$.find(function (cf) {
+      return _ref2 = {}, _ref2[c.id] = (_ref = (_c$filter = c.filter) != null ? _c$filter : props == null ? void 0 : (_props$initialState10 = props.initialState) == null ? void 0 : (_props$initialState11 = _props$initialState10.columnFilters) == null ? void 0 : _props$initialState11.find(function (cf) {
         return cf.id === c.id;
       })) != null ? _ref : !!((_c$filterSelectOption = c.filterSelectOptions) != null && _c$filterSelectOption.length) ? MRT_FILTER_TYPE.EQUALS : MRT_FILTER_TYPE.BEST_MATCH, _ref2;
     })));
   }),
-      currentFilterTypes = _useState8[0],
-      setCurrentFilterTypes = _useState8[1];
+      currentFilterTypes = _useState9[0],
+      setCurrentFilterTypes = _useState9[1];
 
-  var _useState9 = React.useState((_props$globalFilterTy = props.globalFilterType) != null ? _props$globalFilterTy : MRT_FILTER_TYPE.BEST_MATCH_FIRST),
-      currentGlobalFilterType = _useState9[0],
-      setCurrentGlobalFilterType = _useState9[1];
+  var _useState10 = React.useState((_props$globalFilterTy = props.globalFilterType) != null ? _props$globalFilterTy : MRT_FILTER_TYPE.BEST_MATCH_FIRST),
+      currentGlobalFilterType = _useState10[0],
+      setCurrentGlobalFilterType = _useState10[1];
 
   var table = React.useMemo(function () {
     return reactTable.createTable();
@@ -2901,7 +2945,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   var displayColumns = React.useMemo(function () {
     var _props$localization, _props$localization2, _props$localization3, _props$localization5;
 
-    return [(props.enableRowActions || props.enableEditing) && createDisplayColumn(table, {
+    return [(props.enableRowActions || props.enableEditing && props.editingMode === 'row') && createDisplayColumn(table, {
       Cell: function Cell(_ref3) {
         var cell = _ref3.cell;
         return React__default.createElement(MRT_ToggleRowActionMenuButton, {
@@ -2964,7 +3008,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       width: 40,
       minWidth: 40
     })].filter(Boolean);
-  }, [props.enableEditing, props.enableExpandAll, props.enableExpanded, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, table]);
+  }, [props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanded, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, table]);
   var columns = React.useMemo(function () {
     return table.createColumns([].concat(displayColumns, props.columns.map(function (column) {
       return column.columns ? createGroup(table, column, currentFilterTypes) : createDataColumn(table, column, currentFilterTypes);
@@ -3004,6 +3048,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     columns: columns,
     data: data,
     state: _extends({
+      currentEditingCell: currentEditingCell,
       currentEditingRow: currentEditingRow,
       currentFilterTypes: currentFilterTypes,
       currentGlobalFilterType: currentGlobalFilterType,
@@ -3015,6 +3060,9 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       showGlobalFilter: showGlobalFilter
     }, props.state)
   })), {
+    //@ts-ignore
+    setCurrentEditingCell: setCurrentEditingCell,
+    //@ts-ignore
     setCurrentEditingRow: setCurrentEditingRow,
     setCurrentFilterTypes: setCurrentFilterTypes,
     setCurrentGlobalFilterType: setCurrentGlobalFilterType,
@@ -3042,12 +3090,14 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   }));
 };
 
-var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "enableColumnActions", "enableColumnFilters", "enableColumnResizing", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enableMultiRowSelection", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["autoResetExpanded", "columnResizeMode", "editingMode", "enableColumnActions", "enableColumnFilters", "enableColumnResizing", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enableMultiRowSelection", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "enableTableFooter", "enableTableHead", "enableToolbarBottom", "enableToolbarInternalActions", "enableToolbarTop", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
 var MaterialReactTable = (function (_ref) {
   var _ref$autoResetExpande = _ref.autoResetExpanded,
       autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
       _ref$columnResizeMode = _ref.columnResizeMode,
       columnResizeMode = _ref$columnResizeMode === void 0 ? 'onEnd' : _ref$columnResizeMode,
+      _ref$editingMode = _ref.editingMode,
+      editingMode = _ref$editingMode === void 0 ? 'row' : _ref$editingMode,
       _ref$enableColumnActi = _ref.enableColumnActions,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,
       _ref$enableColumnFilt = _ref.enableColumnFilters,
@@ -3101,6 +3151,7 @@ var MaterialReactTable = (function (_ref) {
   return React__default.createElement(MRT_TableRoot, Object.assign({
     autoResetExpanded: autoResetExpanded,
     columnResizeMode: columnResizeMode,
+    editingMode: editingMode,
     enableColumnActions: enableColumnActions,
     enableColumnResizing: enableColumnResizing,
     enableColumnFilters: enableColumnFilters,