@adaptabletools/adaptable 13.0.0-canary.11 → 13.0.0-canary.12

package/src/agGrid/editors/AdaptableNumberEditor/index.js

@@ -1,11 +1,82 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableNumberEditor = void 0;
+exports.AdaptableNumberEditor = exports.ReactAdaptableNumberEditor = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const renderWithAdaptableContext_1 = require("../../../View/renderWithAdaptableContext");
 const InternalAdaptableNumberEditor_1 = require("./InternalAdaptableNumberEditor");
 const core_1 = require("@ag-grid-community/core");
+const react_1 = require("react");
+function shouldClearExistingValue(params) {
+    return params.eventKey === core_1.KeyCode.BACKSPACE || params.eventKey === core_1.KeyCode.DELETE;
+}
+function isValidChar(char) {
+    // allow only digits
+    return ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(char);
+    // we do NOT allow key shortcuts for starting non-digits (minus sign, decimal separators) as the input[number] handling is very buggy and we would open a can of worms
+}
+function getStartValue(params) {
+    if (shouldClearExistingValue(params)) {
+        return '';
+    }
+    if (params.charPress && isValidChar(params.charPress)) {
+        return params.charPress;
+    }
+    return params.value;
+}
+const defaultValueParser = ({ newValue, oldValue: _ }) => {
+    return newValue;
+};
+const style = {
+    position: 'absolute',
+    top: '0px',
+    left: '0px',
+    right: '0px',
+    bottom: '0px',
+};
+exports.ReactAdaptableNumberEditor = (0, react_1.forwardRef)((props, ref) => {
+    var _a, _b;
+    const [initialValue] = (0, react_1.useState)(() => getStartValue(props));
+    const valueRef = (0, react_1.useRef)(initialValue);
+    const columnId = props.column.getColId();
+    const adaptable = props.api.__adaptable;
+    const colValueParser = props.column.getColDef().valueParser;
+    const valueParser = typeof colValueParser === 'function' ? colValueParser : defaultValueParser;
+    function onValueChange(value) {
+        value = valueParser
+            ? valueParser(Object.assign(Object.assign({}, props), { oldValue: props.value, newValue: value }))
+            : value;
+        valueRef.current = value;
+    }
+    const editorRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => {
+        return {
+            focusIn() {
+                var _a;
+                (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            },
+            // the final value to send to the grid, on completion of editing
+            getValue() {
+                return valueRef.current;
+            },
+        };
+    });
+    const editorElement = (React.createElement(InternalAdaptableNumberEditor_1.InternalAdaptableNumberEditor, { defaultValue: initialValue, showClearButton: (_a = props.showClearButton) !== null && _a !== void 0 ? _a : true, emptyValue: (_b = props.emptyValue) !== null && _b !== void 0 ? _b : '', onValueChange: onValueChange, ref: (editor) => {
+            editorRef.current = editor;
+            editor === null || editor === void 0 ? void 0 : editor.focus();
+        } }));
+    function onKeyDown(keyDownEvent) {
+        adaptable._emit('CellEditorKeyDown', {
+            keyDownEvent,
+            cellValue: valueRef.current,
+            columnId,
+            updateValueCallback: (updatedValue) => {
+                editorRef.current.setValue(updatedValue);
+            },
+        });
+    }
+    return (React.createElement("div", { style: style, onKeyDown: onKeyDown }, (0, renderWithAdaptableContext_1.renderWithAdaptableContext)(editorElement, adaptable)));
+});
 /**
  * Used by default for all `abColDefNumber` columns.
  *
@@ -29,9 +100,7 @@ const core_1 = require("@ag-grid-community/core");
  */
 class AdaptableNumberEditor {
     constructor() {
-        this.valueParser = ({ newValue, oldValue: _ }) => {
-            return newValue;
-        };
+        this.valueParser = defaultValueParser;
         this.onValueChange = (value) => {
             this.value = this.valueParser
                 ? this.valueParser(Object.assign(Object.assign({}, this.params), { oldValue: this.params.value, newValue: value }))
@@ -39,7 +108,7 @@ class AdaptableNumberEditor {
         };
     }
     init(params) {
-        this.value = this.getStartValue(params);
+        this.value = getStartValue(params);
         this.params = params;
         this.columnId = params.column.getColId();
         const { valueParser } = params.column.getColDef();
@@ -47,11 +116,10 @@ class AdaptableNumberEditor {
             this.valueParser = valueParser;
         }
         this.el = document.createElement('div');
-        this.el.style.position = 'absolute';
-        this.el.style.top = '0px';
-        this.el.style.left = '0px';
-        this.el.style.right = '0px';
-        this.el.style.bottom = '0px';
+        Object.keys(style).forEach((key) => {
+            //@ts-ignore
+            this.el.style[key] = style[key];
+        });
     }
     /* Component Editor Lifecycle methods */
     // gets called once when grid ready to insert the element
@@ -92,22 +160,5 @@ class AdaptableNumberEditor {
         var _a;
         (_a = this.unmountReactRoot) === null || _a === void 0 ? void 0 : _a.call(this);
     }
-    getStartValue(params) {
-        if (this.shouldClearExistingValue(params)) {
-            return '';
-        }
-        if (params.charPress && this.isValidChar(params.charPress)) {
-            return params.charPress;
-        }
-        return params.value;
-    }
-    shouldClearExistingValue(params) {
-        return params.eventKey === core_1.KeyCode.BACKSPACE || params.eventKey === core_1.KeyCode.DELETE;
-    }
-    isValidChar(char) {
-        // allow only digits
-        return ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'].includes(char);
-        // we do NOT allow key shortcuts for starting non-digits (minus sign, decimal separators) as the input[number] handling is very buggy and we would open a can of worms
-    }
 }
 exports.AdaptableNumberEditor = AdaptableNumberEditor;