d2coreui 21.0.33 → 23.0.0

package/components/grid/cell/hexaOctetStringCellEditor.js

@@ -1,95 +1,71 @@
-import React from 'react';
-import { Key } from "ts-key-enum";
-import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
-import MaskInput from 'react-maskinput';
-const KEY_BACKSPACE = 8;
-const KEY_DELETE = 46;
-const KEY_F2 = 113;
-export default class HexaOctetStringCellEditor extends React.Component {
-    constructor(props) {
-        super(props);
-        this.inputComponent = null;
-        this.focusOpId = null;
-        this.state = this.getInitialState(props);
-    }
-    getInitialState(props) {
-        let value;
-        let highlightAllOnFocus = true;
-        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {
-            value = null;
-        }
-        else if (props.charPress) {
-            const parsedValue = Number.parseInt(props.charPress);
-            value = isNaN(parsedValue) ? props.value : parsedValue;
-            highlightAllOnFocus = false;
-        }
-        else {
-            value = props.value;
-            if (props.keyPress === KEY_F2) {
-                highlightAllOnFocus = false;
-            }
-        }
-        return {
-            value: value,
-            highlightAllOnFocus,
-            cancelEdit: false
-        };
-    }
-    componentWillUnmount() {
-        if (this.focusOpId) {
-            clearTimeout(this.focusOpId);
-        }
-    }
-    afterGuiAttached() {
-        this.focusOpId = window.setTimeout(() => {
-            var _a, _b, _c, _d, _e;
-            (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
-            if (this.state.highlightAllOnFocus) {
-                (_b = this.inputComponent) === null || _b === void 0 ? void 0 : _b.select();
-                this.setState({
-                    highlightAllOnFocus: false,
-                });
-            }
-            else {
-                const length = ((_c = this.inputComponent) === null || _c === void 0 ? void 0 : _c.value) ? (_d = this.inputComponent) === null || _d === void 0 ? void 0 : _d.value.length : 0;
-                if (length > 0) {
-                    (_e = this.inputComponent) === null || _e === void 0 ? void 0 : _e.setSelectionRange(length, length);
-                }
-            }
-        }, 200);
-    }
-    getValue() {
-        return this.state.value;
-    }
-    isPopup() {
-        return true;
-    }
-    isCancelBeforeStart() {
-        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;
-    }
-    isCancelAfterEnd() {
-        return false;
-    }
-    render() {
-        let mask = "";
-        for (let i = 0; i < this.props.hexaStringMaxLength; i++) {
-            mask += "** ";
-        }
-        return (React.createElement(MaskInput, { getReference: component => {
-                this.inputComponent = component;
-                component.className = "ant-input ant-input-sm";
-            }, value: this.state.value !== undefined && this.state.value !== null ? this.state.value.toUpperCase() : "", onValueChange: event => {
-                const value = event.value;
-                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
-                    return;
-                }
-                if (/^[0-9A-Fa-f ]+$/.test(value)) {
-                    this.setState({ value: value.toUpperCase() });
-                }
-                else if (value === "") {
-                    this.setState({ value: "" });
-                }
-            }, mask: mask.trim(), maskChar: " ", showMask: false }));
-    }
-}
+import React from 'react';
+import { Key } from "ts-key-enum";
+import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
+import MaskInput from 'react-maskinput';
+import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
+class HexaOctetStringCellEditor extends DataGridCellEditorComponent {
+    constructor(props) {
+        super(props);
+        this.inputComponent = null;
+        this.state = this.getInitialState(props);
+    }
+    getInitialState(props) {
+        let value;
+        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {
+            value = null;
+            props.onValueChange(null);
+        }
+        else if (props.eventKey && props.eventKey.length === 1) {
+            const parsedValue = Number.parseInt(props.eventKey);
+            value = isNaN(parsedValue) ? props.value : parsedValue;
+            props.onValueChange(value);
+        }
+        else {
+            value = props.initialValue;
+        }
+        return { value: value };
+    }
+    focus() {
+        var _a;
+        (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    select() {
+        var _a;
+        (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.select();
+    }
+    placeCursorToEnd() {
+        var _a, _b, _c;
+        const length = ((_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.value) ? (_b = this.inputComponent) === null || _b === void 0 ? void 0 : _b.value.length : 0;
+        if (length > 0) {
+            (_c = this.inputComponent) === null || _c === void 0 ? void 0 : _c.setSelectionRange(length, length);
+        }
+    }
+    isCancelBeforeStart() {
+        return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;
+    }
+    render() {
+        let mask = "";
+        for (let i = 0; i < this.props.hexaStringMaxLength; i++) {
+            mask += "** ";
+        }
+        return (React.createElement(MaskInput, { getReference: component => {
+                this.inputComponent = component;
+                component.className = "ant-input ant-input-sm";
+            }, value: this.state.value !== undefined && this.state.value !== null ? this.state.value.toUpperCase() : "", onValueChange: event => {
+                const value = event.value;
+                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
+                    return;
+                }
+                if (/^[0-9A-Fa-f ]+$/.test(value)) {
+                    this.setState({ value: value.toUpperCase() });
+                    this.props.onValueChange(value.toUpperCase());
+                }
+                else if (value === "") {
+                    this.setState({ value: "" });
+                    this.props.onValueChange("");
+                }
+            }, mask: mask.trim(), maskChar: " ", showMask: false }));
+    }
+}
+export default withAgGridHooks(HexaOctetStringCellEditor);
 //# sourceMappingURL=hexaOctetStringCellEditor.js.map

package/components/grid/cell/hexaOctetStringCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"hexaOctetStringCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/hexaOctetStringCellEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAExC,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,MAAM,GAAG,GAAG,CAAC;AAYnB,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,KAAK,CAAC,SAAyE;IAIlI,YAAY,KAA+C;QACvD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJT,mBAAc,GAA4B,IAAI,CAAC;QAC/C,cAAS,GAAkB,IAAI,CAAC;QAIpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,eAAe,CAAC,KAA+C;QAC3D,IAAI,KAAoB,CAAC;QACzB,IAAI,mBAAmB,GAAG,IAAI,CAAC;QAE/B,IAAI,KAAK,CAAC,QAAQ,KAAK,aAAa,IAAI,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE;YAEnE,KAAK,GAAG,IAAI,CAAC;SAChB;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAExB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrD,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;YACvD,mBAAmB,GAAG,KAAK,CAAC;SAC/B;aAAM;YAEH,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE;gBAC3B,mBAAmB,GAAG,KAAK,CAAC;aAC/B;SACJ;QACD,OAAO;YACH,KAAK,EAAE,KAAK;YACZ,mBAAmB;YACnB,UAAU,EAAE,KAAK;SACc,CAAC;IACxC,CAAC;IAED,oBAAoB;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAChC;IACL,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;;YACpC,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;gBAChC,MAAA,IAAI,CAAC,cAAc,0CAAE,MAAM,EAAE,CAAC;gBAC9B,IAAI,CAAC,QAAQ,CAAC;oBACV,mBAAmB,EAAE,KAAK;iBAC7B,CAAC,CAAC;aACN;iBAAM;gBAKH,MAAM,MAAM,GAAG,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,EAAC,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClF,IAAI,MAAM,GAAG,CAAC,EAAE;oBACZ,MAAA,IAAI,CAAC,cAAc,0CAAE,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;iBAC1D;aACJ;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,mBAAmB;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpF,CAAC;IAED,gBAAgB;QACZ,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM;QACF,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE,CAAC,EAAE,EAAE;YACrD,IAAI,IAAI,KAAK,CAAC;SACjB;QAED,OAAO,CACH,oBAAC,SAAS,IACN,YAAY,EAAE,SAAS,CAAC,EAAE;gBACtB,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;gBAChC,SAAS,CAAC,SAAS,GAAG,wBAAwB,CAAC;YACnD,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,EACxG,aAAa,EAAE,KAAK,CAAC,EAAE;gBACnB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;gBAC1B,IAAI,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBAErC,OAAO;iBACV;gBAED,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;oBAC/B,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,EAAC,CAAC,CAAC;iBAC/C;qBAAM,IAAI,KAAK,KAAK,EAAE,EAAE;oBACrB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,EAAE,EAAC,CAAC,CAAC;iBAC9B;YACL,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EACjB,QAAQ,EAAC,GAAG,EACZ,QAAQ,EAAE,KAAK,GACjB,CACL,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from 'react';\nimport {ICellEditor, ICellEditorParams} from \"ag-grid-community\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\nimport MaskInput from 'react-maskinput';\n\nconst KEY_BACKSPACE = 8;\nconst KEY_DELETE = 46;\nconst KEY_F2 = 113;\n\ninterface HexaOctetStringCellEditorProps extends ICellEditorParams {\n    hexaStringMaxLength: number\n}\n\ninterface HexaOctetStringCellEditorState {\n    value: string | null\n    highlightAllOnFocus: boolean\n    cancelEdit: boolean\n}\n\nexport default class HexaOctetStringCellEditor extends React.Component<HexaOctetStringCellEditorProps, HexaOctetStringCellEditorState> implements ICellEditor {\n    private inputComponent: HTMLInputElement | null = null;\n    private focusOpId: number | null = null;\n\n    constructor(props: Readonly<HexaOctetStringCellEditorProps>) {\n        super(props);\n        this.state = this.getInitialState(props);\n    }\n\n    getInitialState(props: Readonly<HexaOctetStringCellEditorProps>): HexaOctetStringCellEditorState {\n        let value: number | null;\n        let highlightAllOnFocus = true;\n\n        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {\n            // if backspace or delete pressed, we clear the cell\n            value = null;\n        } else if (props.charPress) {\n            // if a letter was pressed, we start with the letter\n            const parsedValue = Number.parseInt(props.charPress);\n            value = isNaN(parsedValue) ? props.value : parsedValue;\n            highlightAllOnFocus = false;\n        } else {\n            // otherwise we start with the current value\n            value = props.value;\n            if (props.keyPress === KEY_F2) {\n                highlightAllOnFocus = false;\n            }\n        }\n        return {\n            value: value,\n            highlightAllOnFocus,\n            cancelEdit: false\n        } as HexaOctetStringCellEditorState;\n    }\n\n    componentWillUnmount() {\n        if (this.focusOpId) {\n            clearTimeout(this.focusOpId);\n        }\n    }\n\n    afterGuiAttached() {\n        this.focusOpId = window.setTimeout(() => {\n            this.inputComponent?.focus();\n            if (this.state.highlightAllOnFocus) {\n                this.inputComponent?.select();\n                this.setState({\n                    highlightAllOnFocus: false,\n                });\n            } else {\n                // when we started editing, we want the carot at the end, not the start.\n                // this comes into play in two scenarios: a) when user hits F2 and b)\n                // when user hits a printable character, then on IE (and only IE) the carot\n                // was placed after the first character, thus 'apply' would end up as 'pplea'\n                const length = this.inputComponent?.value ? this.inputComponent?.value.length : 0;\n                if (length > 0) {\n                    this.inputComponent?.setSelectionRange(length, length);\n                }\n            }\n        }, 200);\n    }\n\n    getValue() {\n        return this.state.value;\n    }\n\n    isPopup(): boolean {\n        return true;\n    }\n\n    isCancelBeforeStart(): boolean {\n        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;\n    }\n\n    isCancelAfterEnd() {\n        return false;\n    }\n\n    render() {\n        let mask = \"\";\n        for (let i = 0; i < this.props.hexaStringMaxLength; i++) {\n            mask += \"** \";\n        }\n\n        return (\n            <MaskInput\n                getReference={component => {\n                    this.inputComponent = component;\n                    component.className = \"ant-input ant-input-sm\";\n                }}\n                value={this.state.value !== undefined && this.state.value !== null ? this.state.value.toUpperCase() : \"\"}\n                onValueChange={event => {\n                    const value = event.value;\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\n                        // ignore navigational keystrokes ALT+cursor arrow\n                        return;\n                    }\n\n                    if (/^[0-9A-Fa-f ]+$/.test(value)) {\n                        this.setState({value: value.toUpperCase()});\n                    } else if (value === \"\") {\n                        this.setState({value: \"\"});\n                    }\n                }}\n                mask={mask.trim()}\n                maskChar=\" \"\n                showMask={false}\n            />\n        );\n    }\n}"]}
+{"version":3,"file":"hexaOctetStringCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/hexaOctetStringCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport MaskInput from 'react-maskinput';\r\nimport {CustomCellEditorProps} from 'ag-grid-react';\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\n\r\ninterface HexaOctetStringCellEditorProps extends CustomCellEditorProps {\r\n    hexaStringMaxLength: number\r\n}\r\n\r\ninterface HexaOctetStringCellEditorState {\r\n    value: string | null\r\n}\r\n\r\nclass HexaOctetStringCellEditor extends DataGridCellEditorComponent<HexaOctetStringCellEditorProps, HexaOctetStringCellEditorState> {\r\n    private inputComponent: HTMLInputElement | null = null;\r\n\r\n    constructor(props: Readonly<HexaOctetStringCellEditorProps>) {\r\n        super(props);\r\n        this.state = this.getInitialState(props);\r\n    }\r\n\r\n    getInitialState(props: Readonly<HexaOctetStringCellEditorProps>): HexaOctetStringCellEditorState {\r\n        let value: number | null;\r\n        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {\r\n            // if backspace or delete pressed, we clear the cell\r\n            value = null;\r\n            props.onValueChange(null);\r\n        } else if (props.eventKey && props.eventKey.length === 1) {\r\n            // if a letter was pressed, we start with the letter\r\n            const parsedValue = Number.parseInt(props.eventKey);\r\n            value = isNaN(parsedValue) ? props.value : parsedValue;\r\n            props.onValueChange(value);\r\n        } else {\r\n            // otherwise we start with the current value\r\n            value = props.initialValue;\r\n        }\r\n        return {value: value} as HexaOctetStringCellEditorState;\r\n    }\r\n\r\n    focus() {\r\n        this.inputComponent?.focus();\r\n    }\r\n\r\n    select() {\r\n        this.inputComponent?.select();\r\n    }\r\n\r\n    placeCursorToEnd() {\r\n        // when we started editing, we want the carot at the end, not the start.\r\n        // this comes into play in two scenarios: a) when user hits F2 and b)\r\n        // when user hits a printable character, then on IE (and only IE) the carot\r\n        // was placed after the first character, thus 'apply' would end up as 'pplea'\r\n        const length = this.inputComponent?.value ? this.inputComponent?.value.length : 0;\r\n        if (length > 0) {\r\n            this.inputComponent?.setSelectionRange(length, length);\r\n        }\r\n    }\r\n\r\n    isCancelBeforeStart(): boolean {\r\n        return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;\r\n    }\r\n\r\n    render() {\r\n        let mask = \"\";\r\n        for (let i = 0; i < this.props.hexaStringMaxLength; i++) {\r\n            mask += \"** \";\r\n        }\r\n\r\n        return (\r\n            <MaskInput\r\n                getReference={component => {\r\n                    this.inputComponent = component;\r\n                    component.className = \"ant-input ant-input-sm\";\r\n                }}\r\n                value={this.state.value !== undefined && this.state.value !== null ? this.state.value.toUpperCase() : \"\"}\r\n                onValueChange={event => {\r\n                    const value = event.value;\r\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\r\n                        // ignore navigational keystrokes ALT+cursor arrow\r\n                        return;\r\n                    }\r\n\r\n                    if (/^[0-9A-Fa-f ]+$/.test(value)) {\r\n                        this.setState({value: value.toUpperCase()});\r\n                        this.props.onValueChange(value.toUpperCase());\r\n                    } else if (value === \"\") {\r\n                        this.setState({value: \"\"});\r\n                        this.props.onValueChange(\"\");\r\n                    }\r\n                }}\r\n                mask={mask.trim()}\r\n                maskChar=\" \"\r\n                showMask={false}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default withAgGridHooks(HexaOctetStringCellEditor)"]}

package/components/grid/cell/hexaValueCellEditor.d.ts

@@ -1,24 +1,4 @@
-import React from 'react';
-import { ICellEditor, ICellEditorParams } from "ag-grid-community";
-interface HexaValueCellEditorProps extends ICellEditorParams {
-    maxLength: number;
-}
-interface HexaValueCellEditorState {
-    value: string | null;
-    highlightAllOnFocus: boolean;
-    cancelEdit: boolean;
-}
-export default class HexaValueCellEditor extends React.Component<HexaValueCellEditorProps, HexaValueCellEditorState> implements ICellEditor {
-    private inputComponent;
-    private focusOpId;
-    constructor(props: Readonly<HexaValueCellEditorProps>);
-    getInitialState(props: Readonly<HexaValueCellEditorProps>): HexaValueCellEditorState;
-    componentWillUnmount(): void;
-    afterGuiAttached(): void;
-    getValue(): string | null;
-    isPopup(): boolean;
-    isCancelBeforeStart(): boolean;
-    isCancelAfterEnd(): boolean;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { CustomCellEditorProps } from "ag-grid-react";
+declare const _default: (props: CustomCellEditorProps) => React.JSX.Element;
+export default _default;

package/components/grid/cell/hexaValueCellEditor.js

@@ -1,90 +1,66 @@
-import React from 'react';
-import { Key } from "ts-key-enum";
-import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
-import HexaFormattedInput from "d2coreui/components/input/hexaFormattedInput";
-const KEY_BACKSPACE = 8;
-const KEY_DELETE = 46;
-const KEY_F2 = 113;
-export default class HexaValueCellEditor extends React.Component {
-    constructor(props) {
-        super(props);
-        this.inputComponent = null;
-        this.focusOpId = null;
-        this.state = this.getInitialState(props);
-    }
-    getInitialState(props) {
-        let value;
-        let highlightAllOnFocus = true;
-        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {
-            value = null;
-        }
-        else if (props.charPress) {
-            const parsedValue = Number.parseInt(props.charPress);
-            value = isNaN(parsedValue) ? props.value : parsedValue;
-            highlightAllOnFocus = false;
-        }
-        else {
-            value = props.value;
-            if (props.keyPress === KEY_F2) {
-                highlightAllOnFocus = false;
-            }
-        }
-        return {
-            value: value,
-            highlightAllOnFocus,
-            cancelEdit: false
-        };
-    }
-    componentWillUnmount() {
-        if (this.focusOpId) {
-            clearTimeout(this.focusOpId);
-        }
-    }
-    afterGuiAttached() {
-        this.focusOpId = window.setTimeout(() => {
-            var _a, _b, _c, _d, _e, _f, _g, _h;
-            (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
-            if (this.state.highlightAllOnFocus) {
-                (_c = (_b = this.inputComponent) === null || _b === void 0 ? void 0 : _b.input) === null || _c === void 0 ? void 0 : _c.select();
-                this.setState({
-                    highlightAllOnFocus: false,
-                });
-            }
-            else {
-                const length = ((_e = (_d = this.inputComponent) === null || _d === void 0 ? void 0 : _d.input) === null || _e === void 0 ? void 0 : _e.value) ? (_f = this.inputComponent) === null || _f === void 0 ? void 0 : _f.input.value.length : 0;
-                if (length > 0) {
-                    (_h = (_g = this.inputComponent) === null || _g === void 0 ? void 0 : _g.input) === null || _h === void 0 ? void 0 : _h.setSelectionRange(length, length);
-                }
-            }
-        }, 200);
-    }
-    getValue() {
-        return this.state.value;
-    }
-    isPopup() {
-        return true;
-    }
-    isCancelBeforeStart() {
-        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;
-    }
-    isCancelAfterEnd() {
-        return false;
-    }
-    render() {
-        var _a;
-        return (React.createElement(HexaFormattedInput, { ref: (component) => {
-                this.inputComponent = component;
-            }, value: (_a = this.state.value) !== null && _a !== void 0 ? _a : "", maxLength: this.props.maxLength, onChange: value => {
-                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
-                    return;
-                }
-                if (value) {
-                    this.setState({ value: value });
-                }
-                else {
-                    this.setState({ value: null });
-                }
-            }, size: "small" }));
-    }
-}
+import React from 'react';
+import { Key } from "ts-key-enum";
+import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
+import HexaFormattedInput from "d2coreui/components/input/hexaFormattedInput";
+import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
+class HexaValueCellEditor extends DataGridCellEditorComponent {
+    constructor(props) {
+        super(props);
+        this.inputComponent = null;
+        this.state = this.getInitialState(props);
+    }
+    getInitialState(props) {
+        let value;
+        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {
+            value = null;
+            props.onValueChange(null);
+        }
+        else if (props.eventKey && props.eventKey.length === 1) {
+            const parsedValue = Number.parseInt(props.eventKey);
+            value = isNaN(parsedValue) ? props.value : parsedValue;
+            props.onValueChange(value);
+        }
+        else {
+            value = props.value;
+        }
+        return { value: value };
+    }
+    focus() {
+        var _a;
+        (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    select() {
+        var _a, _b;
+        (_b = (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.select();
+    }
+    placeCursorToEnd() {
+        var _a, _b, _c, _d, _e;
+        const length = ((_b = (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.value) ? (_c = this.inputComponent) === null || _c === void 0 ? void 0 : _c.input.value.length : 0;
+        if (length > 0) {
+            (_e = (_d = this.inputComponent) === null || _d === void 0 ? void 0 : _d.input) === null || _e === void 0 ? void 0 : _e.setSelectionRange(length, length);
+        }
+    }
+    isCancelBeforeStart() {
+        return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;
+    }
+    render() {
+        var _a;
+        return (React.createElement(HexaFormattedInput, { ref: (component) => {
+                this.inputComponent = component;
+            }, value: (_a = this.state.value) !== null && _a !== void 0 ? _a : "", maxLength: this.props.maxLength, onChange: value => {
+                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
+                    return;
+                }
+                if (value) {
+                    this.setState({ value: value });
+                    this.props.onValueChange(value);
+                }
+                else {
+                    this.setState({ value: null });
+                    this.props.onValueChange(null);
+                }
+            }, size: "small" }));
+    }
+}
+export default withAgGridHooks(HexaValueCellEditor);
 //# sourceMappingURL=hexaValueCellEditor.js.map

package/components/grid/cell/hexaValueCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"hexaValueCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/hexaValueCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {ICellEditor, ICellEditorParams} from \"ag-grid-community\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\nimport HexaFormattedInput from \"d2coreui/components/input/hexaFormattedInput\";\n\nconst KEY_BACKSPACE = 8;\nconst KEY_DELETE = 46;\nconst KEY_F2 = 113;\n\ninterface HexaValueCellEditorProps extends ICellEditorParams {\n    maxLength: number\n}\n\ninterface HexaValueCellEditorState {\n    value: string | null\n    highlightAllOnFocus: boolean\n    cancelEdit: boolean\n}\n\nexport default class HexaValueCellEditor extends React.Component<HexaValueCellEditorProps, HexaValueCellEditorState> implements ICellEditor {\n    private inputComponent: HexaFormattedInput | null = null;\n    private focusOpId: number | null = null;\n\n    constructor(props: Readonly<HexaValueCellEditorProps>) {\n        super(props);\n        this.state = this.getInitialState(props);\n    }\n\n    getInitialState(props: Readonly<HexaValueCellEditorProps>): HexaValueCellEditorState {\n        let value: number | null;\n        let highlightAllOnFocus = true;\n\n        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {\n            // if backspace or delete pressed, we clear the cell\n            value = null;\n        } else if (props.charPress) {\n            // if a letter was pressed, we start with the letter\n            const parsedValue = Number.parseInt(props.charPress);\n            value = isNaN(parsedValue) ? props.value : parsedValue;\n            highlightAllOnFocus = false;\n        } else {\n            // otherwise we start with the current value\n            value = props.value;\n            if (props.keyPress === KEY_F2) {\n                highlightAllOnFocus = false;\n            }\n        }\n        return {\n            value: value,\n            highlightAllOnFocus,\n            cancelEdit: false\n        } as HexaValueCellEditorState;\n    }\n\n    componentWillUnmount() {\n        if (this.focusOpId) {\n            clearTimeout(this.focusOpId);\n        }\n    }\n\n    afterGuiAttached() {\n        this.focusOpId = window.setTimeout(() => {\n            this.inputComponent?.focus();\n            if (this.state.highlightAllOnFocus) {\n                this.inputComponent?.input?.select();\n                this.setState({\n                    highlightAllOnFocus: false,\n                });\n            } else {\n                // when we started editing, we want the carot at the end, not the start.\n                // this comes into play in two scenarios: a) when user hits F2 and b)\n                // when user hits a printable character, then on IE (and only IE) the carot\n                // was placed after the first character, thus 'apply' would end up as 'pplea'\n                const length = this.inputComponent?.input?.value ? this.inputComponent?.input.value.length : 0;\n                if (length > 0) {\n                    this.inputComponent?.input?.setSelectionRange(length, length);\n                }\n            }\n        }, 200);\n    }\n\n    getValue() {\n        return this.state.value;\n    }\n\n    isPopup(): boolean {\n        return true;\n    }\n\n    isCancelBeforeStart(): boolean {\n        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;\n    }\n\n    isCancelAfterEnd() {\n        return false;\n    }\n\n    render() {\n        return (\n            <HexaFormattedInput\n                ref={(component) => {\n                    this.inputComponent = component;\n                }}\n                value={this.state.value ?? \"\"}\n                maxLength={this.props.maxLength}\n                onChange={value => {\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\n                        // ignore navigational keystrokes ALT+cursor arrow\n                        return;\n                    }\n                    if (value) {\n                        this.setState({value: value});\n                    } else {\n                        this.setState({value: null});\n                    }\n                }}\n                size={\"small\"}\n            />\n        )\n    }\n}\n"]}
+{"version":3,"file":"hexaValueCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/hexaValueCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport HexaFormattedInput from \"d2coreui/components/input/hexaFormattedInput\";\r\nimport {CustomCellEditorProps} from \"ag-grid-react\";\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\n\r\ninterface HexaValueCellEditorProps extends CustomCellEditorProps {\r\n    maxLength: number\r\n}\r\n\r\ninterface HexaValueCellEditorState {\r\n    value: string | null\r\n}\r\n\r\nclass HexaValueCellEditor extends DataGridCellEditorComponent<HexaValueCellEditorProps, HexaValueCellEditorState> {\r\n    private inputComponent: HexaFormattedInput | null = null;\r\n\r\n    constructor(props: Readonly<HexaValueCellEditorProps>) {\r\n        super(props);\r\n        this.state = this.getInitialState(props);\r\n    }\r\n\r\n    getInitialState(props: Readonly<HexaValueCellEditorProps>): HexaValueCellEditorState {\r\n        let value: number | null;\r\n        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {\r\n            // if backspace or delete pressed, we clear the cell\r\n            value = null;\r\n            props.onValueChange(null);\r\n        } else if (props.eventKey && props.eventKey.length === 1) {\r\n            // if a letter was pressed, we start with the letter\r\n            const parsedValue = Number.parseInt(props.eventKey);\r\n            value = isNaN(parsedValue) ? props.value : parsedValue;\r\n            props.onValueChange(value);\r\n        } else {\r\n            // otherwise we start with the current value\r\n            value = props.value;\r\n        }\r\n        return {value: value} as HexaValueCellEditorState;\r\n    }\r\n\r\n    focus() {\r\n        this.inputComponent?.focus();\r\n    }\r\n\r\n    select() {\r\n        this.inputComponent?.input?.select();\r\n    }\r\n\r\n    placeCursorToEnd() {\r\n        // when we started editing, we want the carot at the end, not the start.\r\n        // this comes into play in two scenarios: a) when user hits F2 and b)\r\n        // when user hits a printable character, then on IE (and only IE) the carot\r\n        // was placed after the first character, thus 'apply' would end up as 'pplea'\r\n        const length = this.inputComponent?.input?.value ? this.inputComponent?.input.value.length : 0;\r\n        if (length > 0) {\r\n            this.inputComponent?.input?.setSelectionRange(length, length);\r\n        }\r\n    }\r\n\r\n    isCancelBeforeStart(): boolean {\r\n        return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <HexaFormattedInput\r\n                ref={(component) => {\r\n                    this.inputComponent = component;\r\n                }}\r\n                value={this.state.value ?? \"\"}\r\n                maxLength={this.props.maxLength}\r\n                onChange={value => {\r\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\r\n                        // ignore navigational keystrokes ALT+cursor arrow\r\n                        return;\r\n                    }\r\n                    if (value) {\r\n                        this.setState({value: value});\r\n                        this.props.onValueChange(value);\r\n                    } else {\r\n                        this.setState({value: null});\r\n                        this.props.onValueChange(null);\r\n                    }\r\n                }}\r\n                size={\"small\"}\r\n            />\r\n        )\r\n    }\r\n}\r\n\r\nexport default withAgGridHooks(HexaValueCellEditor)"]}

package/components/grid/cell/numberCellEditor.d.ts

@@ -1,27 +1,4 @@
-import React from 'react';
-import { ICellEditor, ICellEditorParams } from "ag-grid-community";
-interface NumberCellEditorProperties extends ICellEditorParams {
-    decimalSeparator?: string;
-    precision?: number;
-    min?: number;
-    max?: number;
-}
-interface NumericCellEditorState {
-    value: number | null;
-    highlightAllOnFocus: boolean;
-    cancelEdit: boolean;
-}
-export default class NumberCellEditor extends React.Component<NumberCellEditorProperties, NumericCellEditorState> implements ICellEditor {
-    private inputComponent;
-    private focusOpId;
-    constructor(props: Readonly<NumberCellEditorProperties>);
-    getInitialState(props: Readonly<NumberCellEditorProperties>): NumericCellEditorState;
-    componentWillUnmount(): void;
-    afterGuiAttached(): void;
-    getValue(): number | null;
-    isPopup(): boolean;
-    isCancelBeforeStart(): boolean;
-    isCancelAfterEnd(): boolean;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { CustomCellEditorProps } from "ag-grid-react";
+declare const _default: (props: CustomCellEditorProps) => React.JSX.Element;
+export default _default;