itsa-react-table 16.8.2 → 16.9.0

package/lib/component.jsx

@@ -1026,6 +1026,7 @@ class Table extends React.Component {
     const instance = this,
       props = instance.props,
       state = instance.state,
+      editableBlurCols = props.editableBlurCols,
       keyCode = e.keyCode,
       shiftKey = e.shiftKey,
       ctrlKey = e.metaKey || e.ctrlKey,
@@ -1034,10 +1035,23 @@ class Table extends React.Component {
       editableCols = props.editableCols,
       cursorNav = props.cursorNav,
       lowestColIndex = props.rowHeader ? 1 : 0,
-      highestColIndex = data.itsa_keys().length - (props.rowHeader ? 0 : 1),
+      highestColIndex =
+        data.length > 0
+          ? data[0].itsa_keys().length - (props.rowHeader ? 0 : 1)
+          : 0,
       columns = props.columns,
       hasColumns = columns && columns.length > 0;
 
+    let preventDomFocus = false;
+    if (typeof editableBlurCols !== "undefined") {
+      if (typeof editableBlurCols === "number") {
+        preventDomFocus = editableBlurCols === state.editableCol;
+      }
+      if (Array.isArray(editableBlurCols)) {
+        preventDomFocus = editableBlurCols.includes(state.editableCol);
+      }
+    }
+
     const implementChanges = (keepFocus) => {
       if (props.editable === true || state.selectedRange) {
         // NOT 'full' for that would take care of itself
@@ -1208,7 +1222,22 @@ class Table extends React.Component {
           },
           selectedRange: null,
         });
-        instance._focusActiveCell();
+        if (preventDomFocus) {
+          instance.setState(
+            (prevState) => {
+              return {
+                // editValue: instance._editValueBeforeEdit,
+                editableRow: null,
+                editableCol: null,
+              };
+            },
+            () => {
+              instance._blurActiveCell();
+            }
+          );
+        } else {
+          instance._focusActiveCell();
+        }
         implementChanges();
       }
     }
@@ -1478,6 +1507,7 @@ Table.propTypes = {
   data: PropTypes.array,
   disabled: PropTypes.bool,
   editable: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  editableBlurCols: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
   editableCols: PropTypes.oneOfType([PropTypes.array, PropTypes.number]),
   editDirectionDown: PropTypes.bool,
   extendableX: PropTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itsa-react-table",
-  "version": "16.8.2",
+  "version": "16.9.0",
   "description": "Editable React.js table",
   "author": [
     {