refactor: fix editor event handlers

Author: SailingBoat762

src/DTableFiltersPopover/widgets/filter-item.js

@@ -215,19 +215,17 @@ class FilterItem extends React.Component {
   };
 
   onFilterTermCheckboxChanged = () => {
-    const { filterColumn } = this.props;
-    const value = this.checkboxEditor.getValue();
-    const checked = value[filterColumn.key];
-    this.onFilterTermChanged(checked);
+    const value = this.checkboxEditor?.getValue();
+    this.onFilterTermChanged(!!value);
   };
 
   onFilterTermTextChanged = (value) => {
     this.onFilterTermChanged(value);
   };
 
   onFilterTermNumberChanged = () => {
-    const value = this.numberEditor.getValue();
-    this.onFilterTermChanged(Object.values(value)[0]);
+    const value = this.numberEditor?.getValue();
+    this.onFilterTermChanged(value);
   };
 
   onFilterTermDurationChanged = () => {
@@ -278,7 +276,7 @@ class FilterItem extends React.Component {
             column={filterColumn}
             value={filterTerm}
             className='dtable-ui-filter-item-checkbox'
-            onChange={this.onFilterTermCheckboxChanged}
+            onCommit={this.onFilterTermCheckboxChanged}
             readOnly={readOnly}
           />
         </div>

src/NumberEditor/index.js

@@ -59,7 +59,11 @@ class NumberEditor extends React.Component {
   };
 
   onBlur = () => {
-    this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onBlur();
+    if (this.props.onCommit) {
+      this.props.onCommit(this.getValue());
+    } else if (this.props.onBlur) {
+      this.props.onBlur();
+    }
   };
 
   setInputRef = (input) => {