d2coreui 21.0.33 → 23.0.0

package/components/grid/cell/textCellEditor.js

@@ -1,86 +1,64 @@
-import React from 'react';
-import { Input } from "antd";
-import { Key } from "ts-key-enum";
-import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
-const KEY_BACKSPACE = 8;
-const KEY_DELETE = 46;
-const KEY_F2 = 113;
-export default class TextCellEditor 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) {
-            value = props.charPress;
-            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;
-    }
-    render() {
-        const inputWidth = !!this.state.value && this.state.value.length > 40 ? this.state.value.length : 40;
-        return (React.createElement(Input, { ref: (component) => {
-                this.inputComponent = component;
-            }, size: "small", autoFocus: true, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value != undefined ? this.state.value : undefined, onChange: (event) => {
-                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
-                    return;
-                }
-                this.setState({ value: event.target.value });
-            }, onKeyDown: (e) => {
-                if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {
-                    this.props.onKeyDown(e.nativeEvent);
-                    e.preventDefault();
-                }
-                if (e.key === Key.Delete) {
-                    e.stopPropagation();
-                }
-            }, style: { width: '100%', minWidth: `min( 85vw, ${inputWidth}ch)` } }));
-    }
-}
+import React from 'react';
+import { Input } from "antd";
+import { Key } from "ts-key-enum";
+import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
+import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
+class TextCellEditorComponent 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) {
+            value = props.eventKey;
+            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, _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);
+        }
+    }
+    render() {
+        const inputWidth = !!this.state.value && this.state.value.length > 40 ? this.state.value.length : 40;
+        return (React.createElement(Input, { ref: (component) => {
+                this.inputComponent = component;
+            }, size: "small", autoFocus: true, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value != undefined ? this.state.value : undefined, onChange: (event) => {
+                if (KeyboardUtils.isKeyPressed(Key.Alt)) {
+                    return;
+                }
+                this.setState({ value: event.target.value });
+                this.props.onValueChange(event.target.value);
+            }, onKeyDown: (e) => {
+                if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {
+                    this.props.onKeyDown(e.nativeEvent);
+                    e.preventDefault();
+                }
+                if (e.key === Key.Delete) {
+                    e.stopPropagation();
+                }
+            }, style: { width: '100%', minWidth: `min( 85vw, ${inputWidth}ch)` } }));
+    }
+}
+export default withAgGridHooks(TextCellEditorComponent);
 //# sourceMappingURL=textCellEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"textCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/textCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport {Input, InputRef} from \"antd\";\nimport {ICellEditor, ICellEditorParams} from \"ag-grid-community\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\n\nconst KEY_BACKSPACE = 8;\nconst KEY_DELETE = 46;\nconst KEY_F2 = 113;\n\ninterface TextCellEditorProperties extends ICellEditorParams {\n}\n\ninterface TextCellEditorState {\n    value: string | null\n    highlightAllOnFocus: boolean\n    cancelEdit: boolean\n}\n\nexport default class TextCellEditor extends React.Component<TextCellEditorProperties, TextCellEditorState> implements ICellEditor {\n    private inputComponent: InputRef | null = null;\n    private focusOpId: number | null = null;\n\n    constructor(props: Readonly<TextCellEditorProperties>) {\n        super(props);\n        this.state = this.getInitialState(props);\n    }\n\n    getInitialState(props: Readonly<TextCellEditorProperties>): TextCellEditorState {\n        let value: string | 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            value = props.charPress;\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 TextCellEditorState;\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    render() {\n        const inputWidth = !!this.state.value && this.state.value.length > 40 ? this.state.value.length : 40;\n        return (\n            <Input\n                ref={(component) => {\n                    this.inputComponent = component as InputRef | null;\n                }}\n                size=\"small\"\n                autoFocus\n                placeholder={this.state.value === null ? \"NULL\" : \"\"}\n                value={this.state.value != undefined ? this.state.value : undefined}\n                onChange={(event) => {\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\n                        // ignore navigational keystrokes ALT+cursor arrow\n                        return;\n                    }\n                    this.setState({value: event.target.value});\n                }}\n                onKeyDown={(e) => {\n                    if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {\n                        this.props.onKeyDown(e.nativeEvent);\n                        e.preventDefault();\n                    }\n                    // In watch panel Delete propagation cause remove of line\n                    if (e.key === Key.Delete) {\n                        e.stopPropagation();\n                    }\n                }}\n                style={{width: '100%', minWidth: `min( 85vw, ${inputWidth}ch)`}}\n            />\n        );\n    }\n}"]}
+{"version":3,"file":"textCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/textCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {Input, InputRef} from \"antd\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport {CustomCellEditorProps} from \"ag-grid-react\";\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\n\r\ninterface TextCellEditorProperties extends CustomCellEditorProps {\r\n}\r\n\r\ninterface TextCellEditorState {\r\n    value: string | null\r\n}\r\n\r\nclass TextCellEditorComponent extends DataGridCellEditorComponent<TextCellEditorProperties, TextCellEditorState> {\r\n    private inputComponent: InputRef | null = null;\r\n\r\n    constructor(props: Readonly<TextCellEditorProperties>) {\r\n        super(props);\r\n        this.state = this.getInitialState(props);\r\n    }\r\n\r\n    getInitialState(props: Readonly<TextCellEditorProperties>): TextCellEditorState {\r\n        let value: string | 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            value = props.eventKey;\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 TextCellEditorState;\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    render() {\r\n        const inputWidth = !!this.state.value && this.state.value.length > 40 ? this.state.value.length : 40;\r\n        return (\r\n            <Input\r\n                ref={(component) => {\r\n                    this.inputComponent = component as InputRef | null;\r\n                }}\r\n                size=\"small\"\r\n                autoFocus\r\n                placeholder={this.state.value === null ? \"NULL\" : \"\"}\r\n                value={this.state.value != undefined ? this.state.value : undefined}\r\n                onChange={(event) => {\r\n                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {\r\n                        // ignore navigational keystrokes ALT+cursor arrow\r\n                        return;\r\n                    }\r\n                    this.setState({value: event.target.value});\r\n                    this.props.onValueChange(event.target.value);\r\n                }}\r\n                onKeyDown={(e) => {\r\n                    if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {\r\n                        this.props.onKeyDown(e.nativeEvent);\r\n                        e.preventDefault();\r\n                    }\r\n                    // In watch panel Delete propagation cause remove of line\r\n                    if (e.key === Key.Delete) {\r\n                        e.stopPropagation();\r\n                    }\r\n                }}\r\n                style={{width: '100%', minWidth: `min( 85vw, ${inputWidth}ch)`}}\r\n            />\r\n        );\r\n    }\r\n}\r\n\r\nexport default withAgGridHooks(TextCellEditorComponent)"]}

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

@@ -0,0 +1,3 @@
+import { CustomCellEditorProps } from "ag-grid-react";
+import React from "react";
+export declare function withAgGridHooks<P extends CustomCellEditorProps, S>(Component: any): (props: CustomCellEditorProps) => React.JSX.Element;

package/components/grid/cell/withAgGridHooks.js

@@ -0,0 +1,15 @@
+import { useGridCellEditor } from "ag-grid-react";
+import React, { useRef } from "react";
+export function withAgGridHooks(Component) {
+    return (props) => {
+        const componentRef = useRef(null);
+        useGridCellEditor({
+            isCancelBeforeStart: () => {
+                var _a, _b, _c;
+                return (_c = (_b = (_a = componentRef.current) === null || _a === void 0 ? void 0 : _a.isCancelBeforeStart) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : false;
+            }
+        });
+        return React.createElement(Component, Object.assign({ ref: componentRef }, props));
+    };
+}
+//# sourceMappingURL=withAgGridHooks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"withAgGridHooks.js","sourceRoot":"","sources":["../../../../../components/grid/cell/withAgGridHooks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,iBAAiB,EAAC,MAAM,eAAe,CAAC;AACvE,OAAO,KAAK,EAAE,EAAC,MAAM,EAAC,MAAM,OAAO,CAAC;AAGpC,MAAM,UAAU,eAAe,CAAqC,SAAc;IAC9E,OAAO,CAAC,KAA4B,EAAE,EAAE;QACpC,MAAM,YAAY,GAAqE,MAAM,CAAC,IAAI,CAAC,CAAC;QACpG,iBAAiB,CAAC;YACd,mBAAmB,EAAE,GAAG,EAAE;;gBACtB,OAAO,MAAA,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,mBAAmB,kDAAI,mCAAI,KAAK,CAAC;YAClE,CAAC;SACJ,CAAC,CAAC;QACH,OAAO,oBAAC,SAAS,kBAAC,GAAG,EAAE,YAAY,IAAM,KAAK,EAAI,CAAC;IACvD,CAAC,CAAC;AACN,CAAC","sourcesContent":["import {CustomCellEditorProps, useGridCellEditor} from \"ag-grid-react\";\r\nimport React, {useRef} from \"react\";\r\nimport {DataGridCellEditorComponent} from \"./dataGridCellEditorComponent\";\r\n\r\nexport function withAgGridHooks<P extends CustomCellEditorProps, S>(Component: any) {\r\n    return (props: CustomCellEditorProps) => {\r\n        const componentRef: React.MutableRefObject<DataGridCellEditorComponent<P, S> | null> = useRef(null);\r\n        useGridCellEditor({\r\n            isCancelBeforeStart: () => {\r\n                return componentRef.current?.isCancelBeforeStart?.() ?? false;\r\n            }\r\n        });\r\n        return <Component ref={componentRef} {...props} />;\r\n    };\r\n}"]}

package/components/grid/columnUtils.d.ts

@@ -1,5 +1,5 @@
-import { ColDef, ColumnState } from "ag-grid-community";
-import { DataGridColDef } from "./dataGrid";
-export declare class ColumnUtils {
-    static mergeColumnsState(columnsState: ColumnState[], columnsDefinition: ColDef[] | DataGridColDef[]): void;
-}
+import { ColDef, ColumnState } from "ag-grid-community";
+import { DataGridColDef } from "./dataGrid";
+export declare class ColumnUtils {
+    static mergeColumnsState(columnsState: ColumnState[], columnsDefinition: ColDef[] | DataGridColDef[]): void;
+}

package/components/grid/columnUtils.js

@@ -1,27 +1,27 @@
-export class ColumnUtils {
-    static mergeColumnsState(columnsState, columnsDefinition) {
-        const defaultState = columnsDefinition.map(columnDef => {
-            return {
-                aggFunc: columnDef.aggFunc,
-                colId: columnDef.colId,
-                flex: columnDef.initialFlex,
-                hide: columnDef.initialHide,
-                pinned: columnDef.initialPinned,
-                pivot: columnDef.initialPivot,
-                pivotIndex: columnDef.initialPivotIndex,
-                rowGroup: columnDef.initialRowGroup,
-                rowGroupIndex: columnDef.initialRowGroupIndex,
-                sort: columnDef.initialSort,
-                sortIndex: columnDef.initialSortIndex,
-                width: columnDef.initialWidth,
-            };
-        });
-        defaultState.forEach((defaultColumnState, index) => {
-            const definedColumnState = columnsState.find(columnState => columnState.colId === defaultColumnState.colId);
-            if (!definedColumnState) {
-                columnsState.splice(index, 0, defaultColumnState);
-            }
-        });
-    }
-}
+export class ColumnUtils {
+    static mergeColumnsState(columnsState, columnsDefinition) {
+        const defaultState = columnsDefinition.map(columnDef => {
+            return {
+                aggFunc: columnDef.aggFunc,
+                colId: columnDef.colId,
+                flex: columnDef.initialFlex,
+                hide: columnDef.initialHide,
+                pinned: columnDef.initialPinned,
+                pivot: columnDef.initialPivot,
+                pivotIndex: columnDef.initialPivotIndex,
+                rowGroup: columnDef.initialRowGroup,
+                rowGroupIndex: columnDef.initialRowGroupIndex,
+                sort: columnDef.initialSort,
+                sortIndex: columnDef.initialSortIndex,
+                width: columnDef.initialWidth,
+            };
+        });
+        defaultState.forEach((defaultColumnState, index) => {
+            const definedColumnState = columnsState.find(columnState => columnState.colId === defaultColumnState.colId);
+            if (!definedColumnState) {
+                columnsState.splice(index, 0, defaultColumnState);
+            }
+        });
+    }
+}
 //# sourceMappingURL=columnUtils.js.map

package/components/grid/columnUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnUtils.js","sourceRoot":"","sources":["../../../../components/grid/columnUtils.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,WAAW;IACpB,MAAM,CAAC,iBAAiB,CAAC,YAA0B,EAAE,iBAA8C;QAC/F,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAA,EAAE;YAClD,OAAO;gBACH,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,MAAM,EAAE,SAAS,CAAC,aAAa;gBAC/B,KAAK,EAAE,SAAS,CAAC,YAAY;gBAC7B,UAAU,EAAE,SAAS,CAAC,iBAAiB;gBACvC,QAAQ,EAAE,SAAS,CAAC,eAAe;gBACnC,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,SAAS,EAAE,SAAS,CAAC,gBAAgB;gBACrC,KAAK,EAAE,SAAS,CAAC,YAAY;aACjB,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,KAAK,EAAC,EAAE;YAC9C,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAA,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC3G,IAAG,CAAC,kBAAkB,EAAE;gBACpB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;aACrD;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ","sourcesContent":["import {ColDef, ColumnState} from \"ag-grid-community\";\nimport {DataGridColDef} from \"./dataGrid\";\n\nexport class ColumnUtils {\n    static mergeColumnsState(columnsState:ColumnState[], columnsDefinition: ColDef[] | DataGridColDef[]) {\n        const defaultState = columnsDefinition.map(columnDef=> {\n            return {\n                aggFunc: columnDef.aggFunc,\n                colId: columnDef.colId,\n                flex: columnDef.initialFlex,\n                hide: columnDef.initialHide,\n                pinned: columnDef.initialPinned,\n                pivot: columnDef.initialPivot,\n                pivotIndex: columnDef.initialPivotIndex,\n                rowGroup: columnDef.initialRowGroup,\n                rowGroupIndex: columnDef.initialRowGroupIndex,\n                sort: columnDef.initialSort,\n                sortIndex: columnDef.initialSortIndex,\n                width: columnDef.initialWidth,\n            } as ColumnState;\n        });\n        defaultState.forEach((defaultColumnState, index)=>{\n            const definedColumnState = columnsState.find(columnState=> columnState.colId === defaultColumnState.colId);\n            if(!definedColumnState) {\n                columnsState.splice(index, 0, defaultColumnState);\n            }\n        });\n    }\n}"]}
+{"version":3,"file":"columnUtils.js","sourceRoot":"","sources":["../../../../components/grid/columnUtils.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,WAAW;IACpB,MAAM,CAAC,iBAAiB,CAAC,YAA0B,EAAE,iBAA8C;QAC/F,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAA,EAAE;YAClD,OAAO;gBACH,OAAO,EAAE,SAAS,CAAC,OAAO;gBAC1B,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,MAAM,EAAE,SAAS,CAAC,aAAa;gBAC/B,KAAK,EAAE,SAAS,CAAC,YAAY;gBAC7B,UAAU,EAAE,SAAS,CAAC,iBAAiB;gBACvC,QAAQ,EAAE,SAAS,CAAC,eAAe;gBACnC,aAAa,EAAE,SAAS,CAAC,oBAAoB;gBAC7C,IAAI,EAAE,SAAS,CAAC,WAAW;gBAC3B,SAAS,EAAE,SAAS,CAAC,gBAAgB;gBACrC,KAAK,EAAE,SAAS,CAAC,YAAY;aACjB,CAAC;QACrB,CAAC,CAAC,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,KAAK,EAAC,EAAE;YAC9C,MAAM,kBAAkB,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAA,EAAE,CAAC,WAAW,CAAC,KAAK,KAAK,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC3G,IAAG,CAAC,kBAAkB,EAAE,CAAC;gBACrB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;YACtD,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;CACJ","sourcesContent":["import {ColDef, ColumnState} from \"ag-grid-community\";\nimport {DataGridColDef} from \"./dataGrid\";\n\nexport class ColumnUtils {\n    static mergeColumnsState(columnsState:ColumnState[], columnsDefinition: ColDef[] | DataGridColDef[]) {\n        const defaultState = columnsDefinition.map(columnDef=> {\n            return {\n                aggFunc: columnDef.aggFunc,\n                colId: columnDef.colId,\n                flex: columnDef.initialFlex,\n                hide: columnDef.initialHide,\n                pinned: columnDef.initialPinned,\n                pivot: columnDef.initialPivot,\n                pivotIndex: columnDef.initialPivotIndex,\n                rowGroup: columnDef.initialRowGroup,\n                rowGroupIndex: columnDef.initialRowGroupIndex,\n                sort: columnDef.initialSort,\n                sortIndex: columnDef.initialSortIndex,\n                width: columnDef.initialWidth,\n            } as ColumnState;\n        });\n        defaultState.forEach((defaultColumnState, index)=>{\n            const definedColumnState = columnsState.find(columnState=> columnState.colId === defaultColumnState.colId);\n            if(!definedColumnState) {\n                columnsState.splice(index, 0, defaultColumnState);\n            }\n        });\n    }\n}"]}

package/components/grid/config/columnTransfer.d.ts

@@ -1,22 +1,21 @@
-import React from "react";
-import { ColDef, ColumnApi, ColumnState, GridApi } from "ag-grid-community";
-export declare const enum ColumnTransferType {
-    SIMPLE = "simple",
-    FULL = "full"
-}
-export interface ColumnTransferProps {
-    columnDefinitions: ColDef[];
-    columnModel: ColumnState[];
-    gridApi: GridApi;
-    gridColumnApi: ColumnApi;
-    type?: ColumnTransferType;
-    height?: number;
-}
-export default class ColumnTransfer extends React.Component<ColumnTransferProps> {
-    static defaultProps: {
-        type: ColumnTransferType;
-    };
-    constructor(props: Readonly<ColumnTransferProps>);
-    onChange(_: string[], direction: string, moveKeys: string[]): void;
-    render(): JSX.Element;
-}
+import React from "react";
+import { ColDef, ColumnState, GridApi } from "ag-grid-community";
+export declare const enum ColumnTransferType {
+    SIMPLE = "simple",
+    FULL = "full"
+}
+export interface ColumnTransferProps {
+    columnDefinitions: ColDef[];
+    columnModel: ColumnState[];
+    gridApi: GridApi;
+    type?: ColumnTransferType;
+    height?: number;
+}
+export default class ColumnTransfer extends React.Component<ColumnTransferProps> {
+    static defaultProps: {
+        type: ColumnTransferType;
+    };
+    constructor(props: Readonly<ColumnTransferProps>);
+    onChange(_: React.Key[], direction: string, moveKeys: React.Key[]): void;
+    render(): React.JSX.Element;
+}