d2coreui 21.0.33 → 23.0.0

package/components/grid/cell/numberCellEditor.js

@@ -1,96 +1,74 @@
-import React from 'react';
-import { InputNumber } from "antd";
-import { Key } from "ts-key-enum";
-import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
-import { CellEditorUtils } from "./cellEditorUtils";
-const KEY_BACKSPACE = 8;
-const KEY_DELETE = 46;
-const KEY_F2 = 113;
-export default class NumberCellEditor 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() {
-        return (React.createElement(InputNumber, { ref: (component) => {
-                this.inputComponent = component;
-            }, size: "small", autoFocus: true, decimalSeparator: this.props.decimalSeparator, precision: this.props.precision, min: this.props.min, max: this.props.max, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value !== null ? this.state.value : undefined, onChange: value => {
-                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
-                    return;
-                }
-                if (typeof value === "number") {
-                    this.setState({ value: value });
-                }
-                else if (value === null || value === "") {
-                    this.setState({ value: null });
-                }
-            }, onKeyDown: (e) => {
-                if (CellEditorUtils.shouldIgnoreKeyEvent(e)) {
-                    e.preventDefault();
-                    e.nativeEvent.stopImmediatePropagation();
-                    e.nativeEvent.preventDefault();
-                }
-            }, style: { width: '100%' } }));
-    }
-}
+import React from 'react';
+import { InputNumber } from "antd";
+import { Key } from "ts-key-enum";
+import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
+import { CellEditorUtils } from "./cellEditorUtils";
+import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
+class NumberCellEditor 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;
+        (_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() {
+        return (React.createElement(InputNumber, { ref: (component) => {
+                this.inputComponent = component;
+            }, size: "small", autoFocus: true, decimalSeparator: this.props.decimalSeparator, precision: this.props.precision, min: this.props.min, max: this.props.max, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value !== null ? this.state.value : undefined, onChange: value => {
+                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
+                    return;
+                }
+                if (typeof value === "number") {
+                    this.setState({ value: value });
+                    this.props.onValueChange(value);
+                }
+                else if (value === null || value === "") {
+                    this.setState({ value: null });
+                    this.props.onValueChange(null);
+                }
+            }, onKeyDown: (e) => {
+                if (CellEditorUtils.shouldIgnoreKeyEvent(e)) {
+                    e.preventDefault();
+                    e.nativeEvent.stopImmediatePropagation();
+                    e.nativeEvent.preventDefault();
+                }
+            }, style: { width: '100%' } }));
+    }
+}
+export default withAgGridHooks(NumberCellEditor);
 //# sourceMappingURL=numberCellEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"numberCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/numberCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {InputNumber} from \"antd\";\nimport {ICellEditor, ICellEditorParams} from \"ag-grid-community\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\nimport {CellEditorUtils} from \"./cellEditorUtils\";\n\nconst KEY_BACKSPACE = 8;\nconst KEY_DELETE = 46;\nconst KEY_F2 = 113;\n\ninterface NumberCellEditorProperties extends ICellEditorParams {\n    decimalSeparator?: string\n    precision?: number\n    min?: number\n    max?: number\n}\n\ninterface NumericCellEditorState {\n    value: number | null\n    highlightAllOnFocus: boolean\n    cancelEdit: boolean\n}\n\nexport default class NumberCellEditor extends React.Component<NumberCellEditorProperties, NumericCellEditorState> implements ICellEditor {\n    private inputComponent: HTMLInputElement | null = null;\n    private focusOpId: number | null = null;\n\n    constructor(props: Readonly<NumberCellEditorProperties>) {\n        super(props);\n        this.state = this.getInitialState(props);\n    }\n\n    getInitialState(props: Readonly<NumberCellEditorProperties>): NumericCellEditorState {\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 NumericCellEditorState;\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        return (\n            <InputNumber\n                ref={(component) => {\n                    this.inputComponent = component;\n                }}\n                size=\"small\"\n                autoFocus\n                decimalSeparator={this.props.decimalSeparator}\n                precision={this.props.precision}\n                min={this.props.min}\n                max={this.props.max}\n                placeholder={this.state.value === null ? \"NULL\" : \"\"}\n                value={this.state.value !== null ? this.state.value : undefined}\n                onChange={value => {\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\n                        // ignore navigational keystrokes ALT+cursor arrow\n                        return;\n                    }\n                    if (typeof value === \"number\") {\n                        this.setState({value: value});\n                    } else if (value === null || value === \"\") {\n                        this.setState({value: null});\n                    }\n                }}\n                onKeyDown={(e) => {\n                    if (CellEditorUtils.shouldIgnoreKeyEvent(e)) {\n                        // this.props.onKeyDown(e.nativeEvent);\n                        e.preventDefault();\n                        e.nativeEvent.stopImmediatePropagation();\n                        e.nativeEvent.preventDefault();\n                    }\n                }}\n                style={{width: '100%'}}\n            />\n        );\n    }\n}"]}
+{"version":3,"file":"numberCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/numberCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {InputNumber} from \"antd\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport {CellEditorUtils} from \"./cellEditorUtils\";\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\nimport {CustomCellEditorProps} from \"ag-grid-react\";\r\n\r\ninterface NumberCellEditorProperties extends CustomCellEditorProps {\r\n    decimalSeparator?: string\r\n    precision?: number\r\n    min?: number\r\n    max?: number\r\n}\r\n\r\ninterface NumericCellEditorState {\r\n    value: number | null\r\n}\r\n\r\nclass NumberCellEditor extends DataGridCellEditorComponent<NumberCellEditorProperties, NumericCellEditorState> {\r\n    private inputComponent: HTMLInputElement | null = null;\r\n\r\n    constructor(props: Readonly<NumberCellEditorProperties>) {\r\n        super(props);\r\n        this.state = this.getInitialState(props);\r\n    }\r\n\r\n    getInitialState(props: Readonly<NumberCellEditorProperties>): NumericCellEditorState {\r\n        let value: number | null;\r\n\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 {\r\n            value: value,\r\n        } as NumericCellEditorState;\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\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\r\n    render() {\r\n        return (\r\n            <InputNumber\r\n                ref={(component) => {\r\n                    this.inputComponent = component;\r\n                }}\r\n                size=\"small\"\r\n                autoFocus\r\n                decimalSeparator={this.props.decimalSeparator}\r\n                precision={this.props.precision}\r\n                min={this.props.min}\r\n                max={this.props.max}\r\n                placeholder={this.state.value === null ? \"NULL\" : \"\"}\r\n                value={this.state.value !== null ? this.state.value : undefined}\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 (typeof value === \"number\") {\r\n                        this.setState({value: value});\r\n                        this.props.onValueChange(value);\r\n                    } else if (value === null || value === \"\") {\r\n                        this.setState({value: null});\r\n                        this.props.onValueChange(null);\r\n                    }\r\n                }}\r\n                onKeyDown={(e) => {\r\n                    if (CellEditorUtils.shouldIgnoreKeyEvent(e)) {\r\n                        // this.props.onKeyDown(e.nativeEvent);\r\n                        e.preventDefault();\r\n                        e.nativeEvent.stopImmediatePropagation();\r\n                        e.nativeEvent.preventDefault();\r\n                    }\r\n                }}\r\n                style={{width: '100%'}}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default withAgGridHooks(NumberCellEditor)"]}

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

@@ -1,78 +1,78 @@
-export class RangeSelector {
-    constructor(wrappingDiv: any);
-    wrappingDiv: any;
-    init(gridApi: any, gridColumnApi: any): void;
-    rowModel: any;
-    mouseEventService: any;
-    columnApi: any;
-    columnModel: any;
-    gridApi: any;
-    cellNavigationService: any;
-    pinnedRowModel: any;
-    rowPositionUtils: any;
-    rowRenderer: any;
-    eventService: any;
-    gridOptionsWrapper: any;
-    focusService: any;
-    cellPositionUtils: any;
-    ctrlsService: any;
-    cellRanges: any[] | undefined;
-    bodyScrollListener: (() => void) | undefined;
-    dragging: boolean | undefined;
-    gridPanel: any;
-    autoScrollService: AutoScrollService | undefined;
-    dragService: any;
-    cellPositionEquals(cellA: any, cellB: any): boolean;
-    onColumnVisibleChange(): void;
-    refreshLastRangeStart(): void;
-    isContiguousRange(cellRange: any): boolean;
-    getRangeStartRow(cellRange: any): any;
-    getRangeEndRow(cellRange: any): any;
-    setRangeToCell(cell: any, appendRange?: boolean): void;
-    newestRangeStartCell: any;
-    extendLatestRangeToCell(cellPosition: any): void;
-    updateRangeEnd(cellRange: any, cellPosition: any, silent: any): void;
-    refreshRangeStart(cellRange: any): void;
-    getRangeEdgeColumns(cellRange: any): {
-        left: any;
-        right: any;
-    };
-    extendLatestRangeInDirection(key: any): any;
-    setCellRange(params: any): void;
-    setCellRanges(cellRanges: any): void;
-    createCellRangeFromCellRangeParams(params: any): {
-        startRow: {
-            rowIndex: any;
-            rowPinned: any;
-        } | undefined;
-        endRow: {
-            rowIndex: any;
-            rowPinned: any;
-        } | undefined;
-        columns: any;
-        startColumn: any;
-    } | undefined;
-    addCellRange(params: any): void;
-    getCellRanges(): any[] | undefined;
-    isEmpty(): boolean;
-    isMoreThanOneCell(): boolean;
-    removeAllCellRanges(silent: any): void;
-    onBodyScroll(): void;
-    isCellInAnyRange(cell: any): boolean;
-    isCellInSpecificRange(cell: any, range: any): any;
-    isLastCellOfRange(cellRange: any, cell: any): boolean;
-    isBottomRightCell(cellRange: any, cell: any): boolean;
-    getCellRangeCount(cell: any): number;
-    isRowInRange(rowIndex: any, floating: any, cellRange: any): any;
-    getDraggingRange(): any;
-    onDragStart(mouseEvent: any): void;
-    draggingCell: any;
-    lastMouseEvent: any;
-    draggingRange: any;
-    onDragging(mouseEvent: any): void;
-    focusCell(cellPosition: any): void;
-    onDragStop(): void;
-    dispatchChangedEvent(started: any, finished: any, id: any): void;
-    calculateColumnsBetween(columnFrom: any, columnTo: any): any[] | undefined;
-}
-import { AutoScrollService } from "ag-grid-community/dist/lib/main";
+export class RangeSelector extends BeanStub<"destroyed"> {
+    constructor();
+    beanName: string;
+    wireBeans(beans: any): void;
+    rowModel: any;
+    dragService: any;
+    columnModel: any;
+    visibleColsService: any;
+    cellNavigationService: any;
+    pinnedRowModel: any;
+    rowPositionUtils: any;
+    cellPositionUtils: any;
+    ctrlsService: any;
+    valueService: any;
+    mouseEventService: any;
+    gridApi: any;
+    eGridDiv: any;
+    focusService: any;
+    postConstruct(): void;
+    cellRanges: any[] | undefined;
+    bodyScrollListener: (() => void) | undefined;
+    dragging: boolean | undefined;
+    autoScrollService: AutoScrollService | undefined;
+    cellPositionEquals(cellA: any, cellB: any): boolean;
+    onColumnVisibleChange(): void;
+    refreshLastRangeStart(): void;
+    isContiguousRange(cellRange: any): boolean;
+    getRangeStartRow(cellRange: any): any;
+    getRangeEndRow(cellRange: any): any;
+    setRangeToCell(cell: any, appendRange?: boolean): void;
+    newestRangeStartCell: any;
+    extendLatestRangeToCell(cellPosition: any): void;
+    updateRangeEnd(cellRange: any, cellPosition: any, silent: any): void;
+    refreshRangeStart(cellRange: any): void;
+    getRangeEdgeColumns(cellRange: any): {
+        left: any;
+        right: any;
+    };
+    extendLatestRangeInDirection(key: any): any;
+    setCellRange(params: any): void;
+    setCellRanges(cellRanges: any): void;
+    createCellRangeFromCellRangeParams(params: any): {
+        startRow: {
+            rowIndex: any;
+            rowPinned: any;
+        } | undefined;
+        endRow: {
+            rowIndex: any;
+            rowPinned: any;
+        } | undefined;
+        columns: any;
+        startColumn: any;
+    } | undefined;
+    addCellRange(params: any): void;
+    getCellRanges(): any[] | undefined;
+    isEmpty(): boolean;
+    isMoreThanOneCell(): boolean;
+    removeAllCellRanges(silent: any): void;
+    onBodyScroll(): void;
+    isCellInAnyRange(cell: any): boolean;
+    isCellInSpecificRange(cell: any, range: any): any;
+    isLastCellOfRange(cellRange: any, cell: any): boolean;
+    isBottomRightCell(cellRange: any, cell: any): boolean;
+    getCellRangeCount(cell: any): number;
+    isRowInRange(rowIndex: any, floating: any, cellRange: any): any;
+    getDraggingRange(): any;
+    onDragStart(mouseEvent: any): void;
+    draggingCell: any;
+    lastMouseEvent: any;
+    draggingRange: any;
+    onDragging(mouseEvent: any): void;
+    focusCell(cellPosition: any): void;
+    onDragStop(): void;
+    dispatchChangedEvent(started: any, finished: any, id: any): void;
+    calculateColumnsBetween(columnFrom: any, columnTo: any): any[] | undefined;
+}
+import { BeanStub } from "ag-grid-community";
+import { AutoScrollService } from "ag-grid-community";