d2coreui 21.0.33 → 23.0.0

package/components/grid/config/columnTransfer.js

@@ -1,202 +1,206 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Transfer, Tree } from 'antd';
-import _head from "lodash/head";
-import i18n from "d2core/i18n/i18n";
-import DragSortingTable from "d2coreui/components/table/dragSortingTable";
-const isChecked = (selectedKeys, eventKey) => {
-    return selectedKeys.indexOf(eventKey) !== -1;
-};
-function generateTree(treeNodes = [], checkedKeys = []) {
-    return treeNodes.map((_a) => {
-        var { children } = _a, props = __rest(_a, ["children"]);
-        return (React.createElement(Tree.TreeNode, Object.assign({}, props, { disabled: checkedKeys.includes(props.key), key: props.key }), generateTree(children, checkedKeys)));
-    });
-}
-function generateSimpleTree(treeNodes = [], checkedKeys = []) {
-    return treeNodes.map((_a) => {
-        var { children } = _a, props = __rest(_a, ["children"]);
-        return (React.createElement(Tree.TreeNode, Object.assign({}, props, { checked: checkedKeys.includes(props.key), key: props.key }), generateSimpleTree(children, checkedKeys)));
-    });
-}
-function getColumns(columnDefinitions) {
-    const columns = columnDefinitions.map((columnDef) => {
-        const id = columnDef.colId ? columnDef.colId : (columnDef.field ? columnDef.field : "");
-        const group = columnDef.group;
-        return {
-            key: id,
-            title: columnDef.headerName ? columnDef.headerName : "unknown",
-            description: columnDef.headerTooltip,
-            group: group
-        };
-    });
-    return columns;
-}
-function getColumnsTree(columns, filteredItems = undefined) {
-    const columnsDefinitionTree = [];
-    columns.forEach((column) => {
-        const itemPresent = filteredItems ? (filteredItems.filter((filteredItem) => {
-            return filteredItem.key === column.key;
-        }).length > 0) : true;
-        if (!itemPresent) {
-            return;
-        }
-        let parent = _head(columnsDefinitionTree.filter((parentNode) => parentNode.key === ("_group_" + column.group)));
-        if (!parent) {
-            parent = { key: "_group_" + column.group, title: column.group ? column.group : "unknown" };
-            columnsDefinitionTree.push(parent);
-        }
-        if (!parent.children) {
-            parent.children = [];
-        }
-        parent.children.push({ key: column.key, title: column.title });
-    });
-    return columnsDefinitionTree;
-}
-export var ColumnTransferType;
-(function (ColumnTransferType) {
-    ColumnTransferType["SIMPLE"] = "simple";
-    ColumnTransferType["FULL"] = "full";
-})(ColumnTransferType || (ColumnTransferType = {}));
-export default class ColumnTransfer extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onChange = this.onChange.bind(this);
-    }
-    onChange(_, direction, moveKeys) {
-        moveKeys.forEach((columnKey) => {
-            if (columnKey.indexOf("_group_") >= 0) {
-                const columnsTree = getColumnsTree(getColumns(this.props.columnDefinitions));
-                const columnGroup = _head(columnsTree.filter((columnGroup) => {
-                    return columnGroup.key === columnKey;
-                }));
-                if (columnGroup && columnGroup.children) {
-                    columnGroup.children.forEach((column) => {
-                        this.props.gridColumnApi.setColumnVisible(column.key, direction === "right");
-                    });
-                }
-            }
-            else {
-                this.props.gridColumnApi.setColumnVisible(columnKey, direction === "right");
-            }
-        });
-    }
-    ;
-    render() {
-        const _a = this.props, { columnDefinitions, columnModel, gridApi, gridColumnApi, type } = _a, restProps = __rest(_a, ["columnDefinitions", "columnModel", "gridApi", "gridColumnApi", "type"]);
-        const columns = getColumns(columnDefinitions);
-        const visibleColumnIds = columnModel.filter((column) => !column.hide).map((column) => column.colId);
-        if (type === "simple") {
-            const columnsTree = getColumnsTree(columns);
-            return (React.createElement(Tree, { blockNode: true, checkable: true, defaultExpandAll: true, checkedKeys: visibleColumnIds, onCheck: (selectedKeys, { node, }) => {
-                    var _a;
-                    const selectedColumnId = ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) ? node.props.eventKey : "";
-                    const visible = Array.isArray(selectedKeys) && selectedKeys.indexOf(selectedColumnId) >= 0;
-                    if (selectedColumnId.indexOf("_group_") >= 0) {
-                        const columnGroup = _head(columnsTree.filter((columnGroup) => {
-                            return columnGroup.key === selectedColumnId;
-                        }));
-                        if (columnGroup && columnGroup.children) {
-                            columnGroup.children.forEach((column) => {
-                                this.props.gridColumnApi.setColumnVisible(column.key, visible);
-                            });
-                        }
-                    }
-                    else {
-                        this.props.gridColumnApi.setColumnVisible(selectedColumnId, visible);
-                    }
-                } }, generateSimpleTree(columnsTree, visibleColumnIds)));
-        }
-        else {
-            const titles = [React.createElement("b", null,
-                    i18n("Hidden Columns"),
-                    ":"), React.createElement("b", null,
-                    i18n("Shown Columns"),
-                    ":")];
-            return (React.createElement(Transfer, Object.assign({}, restProps, { style: { height: this.props.height, minHeight: 100 }, locale: {
-                    itemUnit: "",
-                    itemsUnit: "",
-                    notFoundContent: i18n('The column list is empty'),
-                    searchPlaceholder: i18n('Column Name')
-                }, targetKeys: visibleColumnIds, dataSource: columns, className: "tree-transfer", render: item => item.title ? item.title : null, showSelectAll: true, titles: titles, filterOption: (inputValue, item) => !!item.title && item.title.toLowerCase().indexOf(inputValue.toLowerCase()) > -1, showSearch: true, onChange: this.onChange }), ({ direction, onItemSelect, selectedKeys, filteredItems, onItemSelectAll }) => {
-                if (direction === 'left') {
-                    const checkedKeys = [...selectedKeys];
-                    const columnsTree = getColumnsTree(columns, filteredItems);
-                    return (React.createElement("div", { style: {
-                            overflowY: "auto",
-                            height: (this.props.height ? this.props.height : 100) - 100
-                        } },
-                        React.createElement(Tree, { blockNode: true, checkable: true, defaultExpandAll: true, checkedKeys: checkedKeys, onCheck: (_, { node, }) => {
-                                var _a;
-                                if ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) {
-                                    onItemSelect(node.props.eventKey, !isChecked(checkedKeys, node.props.eventKey));
-                                }
-                            }, onSelect: (_, { node }) => {
-                                var _a;
-                                if ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) {
-                                    onItemSelect(node.props.eventKey, !isChecked(checkedKeys, node.props.eventKey));
-                                }
-                            } }, generateTree(columnsTree, visibleColumnIds))));
-                }
-                else {
-                    const rowSelection = {
-                        getCheckboxProps: item => {
-                            return { disabled: !!item.disabled };
-                        },
-                        onSelectAll(selected, selectedRows) {
-                            const treeSelectedKeys = selectedRows
-                                .filter(item => !item.disabled)
-                                .map(({ key }) => key);
-                            let diffKeys;
-                            if (selected) {
-                                diffKeys = difference(treeSelectedKeys, selectedKeys);
-                            }
-                            else {
-                                diffKeys = difference(selectedKeys, treeSelectedKeys);
-                            }
-                            onItemSelectAll(diffKeys, selected);
-                        },
-                        onSelect({ key }, selected) {
-                            onItemSelect(key, selected);
-                        },
-                        selectedRowKeys: selectedKeys,
-                    };
-                    return (React.createElement("div", { style: {
-                            overflowY: "auto",
-                            height: (this.props.height ? this.props.height : 100) - 100
-                        } },
-                        React.createElement(DragSortingTable, { showHeader: false, pagination: false, rowSelection: rowSelection, columns: [
-                                {
-                                    dataIndex: 'title',
-                                    title: 'Name',
-                                },
-                            ], dataSource: filteredItems, size: "small", onRow: ({ key, disabled: itemDisabled }) => ({
-                                onClick: () => {
-                                    if (itemDisabled) {
-                                        return;
-                                    }
-                                    onItemSelect(key, !selectedKeys.includes(key));
-                                },
-                            }), onMoveRow: (column, _, toIndex) => {
-                                this.props.gridColumnApi.moveColumn(column.key, toIndex);
-                            } })));
-                }
-            }));
-        }
-    }
-    ;
-}
-ColumnTransfer.defaultProps = {
-    type: "full"
-};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Transfer, Tree } from 'antd';
+import _head from "lodash/head";
+import i18n from "d2core/i18n/i18n";
+import DragSortingTable from "d2coreui/components/table/dragSortingTable";
+import difference from "lodash/difference";
+const isChecked = (selectedKeys, eventKey) => {
+    return selectedKeys.indexOf(eventKey) !== -1;
+};
+function generateTree(treeNodes = [], checkedKeys = []) {
+    return treeNodes.map((_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (Object.assign(Object.assign({}, props), { key: props.key, disabled: checkedKeys.includes(props.key), children: generateTree(children, checkedKeys) }));
+    });
+}
+function generateSimpleTree(treeNodes = []) {
+    return treeNodes.map((_a) => {
+        var { children } = _a, props = __rest(_a, ["children"]);
+        return (Object.assign(Object.assign({}, props), { key: props.key, children: generateSimpleTree(children) }));
+    });
+}
+function getColumns(columnDefinitions) {
+    const columns = columnDefinitions.map((columnDef) => {
+        const id = columnDef.colId ? columnDef.colId : (columnDef.field ? columnDef.field : "");
+        const group = columnDef.group;
+        return {
+            key: id,
+            title: columnDef.headerName ? columnDef.headerName : "unknown",
+            description: columnDef.headerTooltip,
+            group: group
+        };
+    });
+    return columns;
+}
+function getColumnsTree(columns, filteredItems = undefined) {
+    const columnsDefinitionTree = [];
+    columns.forEach((column) => {
+        const itemPresent = filteredItems ? (filteredItems.filter((filteredItem) => {
+            return filteredItem.key === column.key;
+        }).length > 0) : true;
+        if (!itemPresent) {
+            return;
+        }
+        let parent = _head(columnsDefinitionTree.filter((parentNode) => parentNode.key === ("_group_" + column.group)));
+        if (!parent) {
+            parent = { key: "_group_" + column.group, title: column.group ? column.group : "unknown" };
+            columnsDefinitionTree.push(parent);
+        }
+        if (!parent.children) {
+            parent.children = [];
+        }
+        parent.children.push({ key: column.key, title: column.title });
+    });
+    return columnsDefinitionTree;
+}
+export var ColumnTransferType;
+(function (ColumnTransferType) {
+    ColumnTransferType["SIMPLE"] = "simple";
+    ColumnTransferType["FULL"] = "full";
+})(ColumnTransferType || (ColumnTransferType = {}));
+class ColumnTransfer extends React.Component {
+    constructor(props) {
+        super(props);
+        this.onChange = this.onChange.bind(this);
+    }
+    onChange(_, direction, moveKeys) {
+        moveKeys.forEach((columnKey) => {
+            if (typeof columnKey === "string") {
+                if (columnKey.indexOf("_group_") >= 0) {
+                    const columnsTree = getColumnsTree(getColumns(this.props.columnDefinitions));
+                    const columnGroup = _head(columnsTree.filter((columnGroup) => {
+                        return columnGroup.key === columnKey;
+                    }));
+                    if (columnGroup && columnGroup.children) {
+                        columnGroup.children.forEach((column) => {
+                            this.props.gridApi.setColumnsVisible([column.key], direction === "right");
+                        });
+                    }
+                }
+                else {
+                    this.props.gridApi.setColumnsVisible([columnKey], direction === "right");
+                }
+            }
+        });
+    }
+    ;
+    render() {
+        const _a = this.props, { columnDefinitions, columnModel, gridApi, type } = _a, restProps = __rest(_a, ["columnDefinitions", "columnModel", "gridApi", "type"]);
+        const columns = getColumns(columnDefinitions);
+        const visibleColumnIds = columnModel.filter((column) => !column.hide).map((column) => column.colId);
+        if (type === "simple") {
+            const columnsTree = getColumnsTree(columns);
+            return (React.createElement(Tree, { blockNode: true, checkable: true, defaultExpandAll: true, checkedKeys: visibleColumnIds, onCheck: (selectedKeys, { node, }) => {
+                    var _a;
+                    const selectedColumnId = ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) ? node.props.eventKey : "";
+                    const visible = Array.isArray(selectedKeys) && selectedKeys.indexOf(selectedColumnId) >= 0;
+                    if (selectedColumnId.indexOf("_group_") >= 0) {
+                        const columnGroup = _head(columnsTree.filter((columnGroup) => {
+                            return columnGroup.key === selectedColumnId;
+                        }));
+                        if (columnGroup && columnGroup.children) {
+                            columnGroup.children.forEach((column) => {
+                                this.props.gridApi.setColumnsVisible([column.key], visible);
+                            });
+                        }
+                    }
+                    else {
+                        this.props.gridApi.setColumnsVisible([selectedColumnId], visible);
+                    }
+                }, treeData: generateSimpleTree(columnsTree) }));
+        }
+        else {
+            const titles = [React.createElement("b", null,
+                    i18n("Hidden Columns"),
+                    ":"), React.createElement("b", null,
+                    i18n("Shown Columns"),
+                    ":")];
+            return (React.createElement(Transfer, Object.assign({}, restProps, { style: { height: this.props.height, minHeight: 100 }, locale: {
+                    itemUnit: "",
+                    itemsUnit: "",
+                    notFoundContent: i18n('The column list is empty'),
+                    searchPlaceholder: i18n('Column Name')
+                }, targetKeys: visibleColumnIds, dataSource: columns, className: "tree-transfer", render: item => item.title ? item.title : null, showSelectAll: true, titles: titles, filterOption: (inputValue, item) => !!item.title && item.title.toLowerCase().indexOf(inputValue.toLowerCase()) > -1, showSearch: true, onChange: this.onChange }), ({ direction, onItemSelect, selectedKeys, filteredItems, onItemSelectAll }) => {
+                if (direction === 'left') {
+                    const checkedKeys = [...selectedKeys];
+                    const columnsTree = getColumnsTree(columns, filteredItems);
+                    return (React.createElement("div", { style: {
+                            overflowY: "auto",
+                            height: (this.props.height ? this.props.height : 100) - 100
+                        } },
+                        React.createElement(Tree, { blockNode: true, checkable: true, defaultExpandAll: true, checkedKeys: checkedKeys, onCheck: (_, { node, }) => {
+                                var _a;
+                                if ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) {
+                                    onItemSelect(node.props.eventKey, !isChecked(checkedKeys, node.props.eventKey));
+                                }
+                            }, onSelect: (_, { node }) => {
+                                var _a;
+                                if ((_a = node.props) === null || _a === void 0 ? void 0 : _a.eventKey) {
+                                    onItemSelect(node.props.eventKey, !isChecked(checkedKeys, node.props.eventKey));
+                                }
+                            }, treeData: generateTree(columnsTree, visibleColumnIds) })));
+                }
+                else {
+                    const rowSelection = {
+                        getCheckboxProps: item => {
+                            return { disabled: !!item.disabled };
+                        },
+                        onSelectAll(selected, selectedRows) {
+                            const treeSelectedKeys = selectedRows
+                                .filter(item => !item.disabled)
+                                .map(({ key }) => key);
+                            let diffKeys;
+                            if (selected) {
+                                diffKeys = difference(treeSelectedKeys, selectedKeys);
+                            }
+                            else {
+                                diffKeys = difference(selectedKeys, treeSelectedKeys);
+                            }
+                            onItemSelectAll(diffKeys, selected);
+                        },
+                        onSelect({ key }, selected) {
+                            onItemSelect(key, selected);
+                        },
+                        selectedRowKeys: selectedKeys,
+                    };
+                    return (React.createElement("div", { style: {
+                            overflowY: "auto",
+                            height: (this.props.height ? this.props.height : 100) - 100
+                        } },
+                        React.createElement(DragSortingTable, { showHeader: false, pagination: false, rowSelection: rowSelection, columns: [
+                                {
+                                    dataIndex: 'title',
+                                    title: 'Name',
+                                },
+                            ], dataSource: filteredItems, size: "small", onRow: ({ key, disabled: itemDisabled }) => ({
+                                onClick: () => {
+                                    if (itemDisabled) {
+                                        return;
+                                    }
+                                    onItemSelect(key, !selectedKeys.includes(key));
+                                },
+                            }), onMoveRow: (column, _, toIndex) => {
+                                this.props.gridApi.moveColumns([column.key], toIndex);
+                            } })));
+                }
+            }));
+        }
+    }
+    ;
+}
+ColumnTransfer.defaultProps = {
+    type: "full"
+};
+export default ColumnTransfer;
 //# sourceMappingURL=columnTransfer.js.map

package/components/grid/config/columnTransfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"columnTransfer.js","sourceRoot":"","sources":["../../../../../components/grid/config/columnTransfer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ReactElement} from \"react\";\nimport {Transfer, Tree} from 'antd'\nimport _head from \"lodash/head\";\nimport i18n from \"d2core/i18n/i18n\"\nimport DragSortingTable from \"d2coreui/components/table/dragSortingTable\";\nimport {ColDef, ColumnApi, ColumnState, GridApi} from \"ag-grid-community\";\nimport {TableRowSelection} from \"antd/es/table/interface\";\nimport {TransferItem} from \"antd/lib/transfer\";\n\n// Customize ColumnNode Transfer\nconst isChecked = (selectedKeys: string[], eventKey: string) => {\n    return selectedKeys.indexOf(eventKey) !== -1;\n};\n\nfunction generateTree(treeNodes: ColumnNode[] = [], checkedKeys: string[] = []): ReactElement[] {\n    return treeNodes.map(({children, ...props}) => (\n        <Tree.TreeNode {...props} disabled={checkedKeys.includes(props.key as string)} key={props.key}>\n            {generateTree(children, checkedKeys)}\n        </Tree.TreeNode>\n    ));\n}\n\nfunction generateSimpleTree(treeNodes: ColumnNode[] = [], checkedKeys: string[] = []): ReactElement[] {\n    return treeNodes.map(({children, ...props}) => (\n        <Tree.TreeNode {...props} checked={checkedKeys.includes(props.key as string)} key={props.key}>\n            {generateSimpleTree(children, checkedKeys)}\n        </Tree.TreeNode>\n    ));\n}\n\nfunction getColumns(columnDefinitions: ColDef[]): ColumnNode[] {\n    // noinspection UnnecessaryLocalVariableJS\n    const columns = columnDefinitions.map((columnDef) => {\n        const id = columnDef.colId ? columnDef.colId : (columnDef.field ? columnDef.field : \"\");\n        const group = (columnDef as any).group;\n        return {\n            key: id,\n            title: columnDef.headerName ? columnDef.headerName : \"unknown\",\n            description: columnDef.headerTooltip,\n            group: group\n        };\n    });\n    return columns;\n}\n\nfunction getColumnsTree(columns: ColumnNode[], filteredItems: ColumnNode[] | undefined = undefined): ColumnNode[] {\n    const columnsDefinitionTree: ColumnNode[] = [];\n    columns.forEach((column) => {\n        const itemPresent = filteredItems ? (filteredItems.filter((filteredItem) => {\n            return filteredItem.key === column.key\n        }).length > 0) : true;\n        if (!itemPresent) {\n            return;\n        }\n        let parent = _head(columnsDefinitionTree.filter((parentNode) => parentNode.key === (\"_group_\" + column.group)));\n        if (!parent) {\n            parent = {key: \"_group_\" + column.group, title: column.group ? column.group : \"unknown\"};\n            columnsDefinitionTree.push(parent)\n        }\n        if (!parent.children) {\n            parent.children = [];\n        }\n        parent.children.push({key: column.key, title: column.title});\n    });\n    return columnsDefinitionTree;\n}\n\ninterface ColumnNode extends TransferItem {\n    group?: string\n    children?: ColumnNode[]\n}\n\nexport const enum ColumnTransferType {\n    SIMPLE = \"simple\",\n    FULL = \"full\"\n}\n\nexport interface ColumnTransferProps {\n    columnDefinitions: ColDef[]\n    columnModel: ColumnState[]\n    gridApi: GridApi\n    gridColumnApi: ColumnApi\n    type?: ColumnTransferType,\n    height?: number\n}\n\nexport default class ColumnTransfer extends React.Component<ColumnTransferProps> {\n    public static defaultProps = {\n        type: ColumnTransferType.FULL\n    };\n\n    constructor(props: Readonly<ColumnTransferProps>) {\n        super(props);\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(_: string[], direction: string, moveKeys: string[]) {\n        moveKeys.forEach((columnKey) => {\n            if (columnKey.indexOf(\"_group_\") >= 0) {\n                const columnsTree: ColumnNode[] = getColumnsTree(getColumns(this.props.columnDefinitions));\n                const columnGroup: ColumnNode | undefined = _head(columnsTree.filter((columnGroup) => {\n                    return columnGroup.key === columnKey;\n                }));\n                if (columnGroup && columnGroup.children) {\n                    columnGroup.children.forEach((column) => {\n                        this.props.gridColumnApi.setColumnVisible(column.key as string, direction === \"right\");\n                    });\n                }\n            } else {\n                this.props.gridColumnApi.setColumnVisible(columnKey, direction === \"right\");\n            }\n        });\n    };\n\n    render() {\n        const {columnDefinitions, columnModel, gridApi, gridColumnApi, type, ...restProps} = this.props;\n        const columns = getColumns(columnDefinitions);\n        const visibleColumnIds = columnModel.filter((column) => !column.hide).map((column) => column.colId) as string[];\n        if (type === \"simple\") {\n            const columnsTree = getColumnsTree(columns);\n            return (<Tree\n                blockNode\n                checkable\n                defaultExpandAll\n                checkedKeys={visibleColumnIds}\n                onCheck={(selectedKeys, {node,},) => {\n                    const selectedColumnId: string = (node as any).props?.eventKey ? (node as any).props.eventKey : \"\";\n                    const visible = Array.isArray(selectedKeys) && selectedKeys.indexOf(selectedColumnId) >= 0;\n                    if (selectedColumnId.indexOf(\"_group_\") >= 0) {\n                        const columnGroup: ColumnNode | undefined = _head(columnsTree.filter((columnGroup) => {\n                            return columnGroup.key === selectedColumnId;\n                        }));\n                        if (columnGroup && columnGroup.children) {\n                            columnGroup.children.forEach((column) => {\n                                this.props.gridColumnApi.setColumnVisible(column.key as string, visible);\n                            });\n                        }\n                    } else {\n                        this.props.gridColumnApi.setColumnVisible(selectedColumnId, visible);\n                    }\n                }}\n            >\n                {generateSimpleTree(columnsTree, visibleColumnIds)}\n            </Tree>);\n        } else {\n            const titles = [<b>{i18n(\"Hidden Columns\")}:</b>, <b>{i18n(\"Shown Columns\")}:</b>] as unknown as string[]; // special hack to overcome typescript titles attribute in Transfer component could be also [ReactElement, ReactElement]\n            return (\n                <Transfer {...restProps}\n                          style={{height: this.props.height, minHeight: 100}}\n                          locale={{\n                              itemUnit: \"\",\n                              itemsUnit: \"\",\n                              notFoundContent: i18n('The column list is empty'),\n                              searchPlaceholder: i18n('Column Name')\n                          }}\n                          targetKeys={visibleColumnIds}\n                          dataSource={columns}\n                          className=\"tree-transfer\"\n                          render={item => item.title ? item.title : null}\n                          showSelectAll={true}\n                          titles={titles}\n                          filterOption={(inputValue, item) => !!item.title && item.title.toLowerCase().indexOf(inputValue.toLowerCase()) > -1}\n                          showSearch\n                          onChange={this.onChange}>\n                    {({direction, onItemSelect, selectedKeys, filteredItems, onItemSelectAll}) => {\n                        if (direction === 'left') {\n                            const checkedKeys = [...selectedKeys];\n                            const columnsTree = getColumnsTree(columns, filteredItems);\n                            return (\n                                <div style={{\n                                    overflowY: \"auto\",\n                                    height: (this.props.height ? this.props.height : 100) - 100\n                                }}>\n                                    <Tree\n                                        blockNode\n                                        checkable\n                                        defaultExpandAll\n                                        checkedKeys={checkedKeys}\n                                        onCheck={(_, {node,},) => {\n                                            if ((node as any).props?.eventKey) {\n                                                onItemSelect((node as any).props.eventKey, !isChecked(checkedKeys, (node as any).props.eventKey));\n                                            }\n                                        }}\n                                        onSelect={(_, {node},) => {\n                                            if ((node as any).props?.eventKey) {\n                                                onItemSelect((node as any).props.eventKey, !isChecked(checkedKeys, (node as any).props.eventKey));\n                                            }\n                                        }}\n                                    >\n                                        {generateTree(columnsTree, visibleColumnIds)}\n                                    </Tree>\n                                </div>\n                            );\n                        } else {\n                            const rowSelection: TableRowSelection<ColumnNode> = {\n                                getCheckboxProps: item => {\n                                    return {disabled: !!item.disabled};\n                                },\n                                onSelectAll(selected, selectedRows) {\n                                    const treeSelectedKeys = selectedRows\n                                        .filter(item => !item.disabled)\n                                        .map(({key}) => key);\n                                    let diffKeys: any;\n                                    if (selected) {\n                                        // @ts-ignore\n                                        diffKeys = difference(treeSelectedKeys, selectedKeys);\n                                    } else {\n                                        // @ts-ignore\n                                        diffKeys = difference(selectedKeys, treeSelectedKeys);\n                                    }\n                                    onItemSelectAll(diffKeys, selected);\n                                },\n                                onSelect({key}, selected) {\n                                    onItemSelect(key as string, selected);\n                                },\n                                selectedRowKeys: selectedKeys,\n                            };\n\n                            return (\n                                <div style={{\n                                    overflowY: \"auto\",\n                                    height: (this.props.height ? this.props.height : 100) - 100\n                                }}>\n                                    <DragSortingTable<ColumnNode>\n                                        showHeader={false}\n                                        pagination={false}\n                                        rowSelection={rowSelection}\n                                        columns={[\n                                            {\n                                                dataIndex: 'title',\n                                                title: 'Name',\n                                            },\n                                        ]}\n                                        dataSource={filteredItems}\n                                        size=\"small\"\n                                        onRow={({key, disabled: itemDisabled}) => ({\n                                            onClick: () => {\n                                                if (itemDisabled) {\n                                                    return;\n                                                }\n                                                onItemSelect(key as string, !selectedKeys.includes(key as string));\n                                            },\n                                        })}\n                                        onMoveRow={(column: ColumnNode, _: number, toIndex: number) => {\n                                            this.props.gridColumnApi.moveColumn(column.key as string, toIndex);\n                                        }}\n                                    />\n                                </div>\n                            );\n                        }\n                    }}\n                </Transfer>\n            );\n        }\n    };\n}\n\n"]}
+{"version":3,"file":"columnTransfer.js","sourceRoot":"","sources":["../../../../../components/grid/config/columnTransfer.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Transfer, Tree, TreeDataNode} from 'antd'\r\nimport _head from \"lodash/head\";\r\nimport i18n from \"d2core/i18n/i18n\"\r\nimport DragSortingTable from \"d2coreui/components/table/dragSortingTable\";\r\nimport {ColDef, ColumnState, GridApi} from \"ag-grid-community\";\r\nimport {TableRowSelection} from \"antd/es/table/interface\";\r\nimport {TransferItem} from \"antd/lib/transfer\";\r\nimport difference from \"lodash/difference\";\r\n\r\n// Customize ColumnNode Transfer\r\nconst isChecked = (selectedKeys: React.Key[], eventKey: string) => {\r\n    return selectedKeys.indexOf(eventKey) !== -1;\r\n};\r\n\r\ntype TreeNodeType = TreeDataNode & ColumnNode;\r\n\r\nfunction generateTree(treeNodes: ColumnNode[] = [], checkedKeys: string[] = []): TreeNodeType[] {\r\n    return treeNodes.map(({children, ...props}): TreeNodeType => ({\r\n        ...props,\r\n        key: props.key as string,\r\n        disabled: checkedKeys.includes(props.key as string),\r\n        children: generateTree(children, checkedKeys),\r\n    }));\r\n}\r\n\r\nfunction generateSimpleTree(treeNodes: ColumnNode[] = []): TreeNodeType[] {\r\n    return treeNodes.map(({children, ...props}) => ({\r\n        ...props,\r\n        key: props.key as string,\r\n        children: generateSimpleTree(children)\r\n    }));\r\n}\r\n\r\nfunction getColumns(columnDefinitions: ColDef[]): ColumnNode[] {\r\n    // noinspection UnnecessaryLocalVariableJS\r\n    const columns = columnDefinitions.map((columnDef) => {\r\n        const id = columnDef.colId ? columnDef.colId : (columnDef.field ? columnDef.field : \"\");\r\n        const group = (columnDef as any).group;\r\n        return {\r\n            key: id,\r\n            title: columnDef.headerName ? columnDef.headerName : \"unknown\",\r\n            description: columnDef.headerTooltip,\r\n            group: group\r\n        };\r\n    });\r\n    return columns;\r\n}\r\n\r\nfunction getColumnsTree(columns: ColumnNode[], filteredItems: ColumnNode[] | undefined = undefined): ColumnNode[] {\r\n    const columnsDefinitionTree: ColumnNode[] = [];\r\n    columns.forEach((column) => {\r\n        const itemPresent = filteredItems ? (filteredItems.filter((filteredItem) => {\r\n            return filteredItem.key === column.key\r\n        }).length > 0) : true;\r\n        if (!itemPresent) {\r\n            return;\r\n        }\r\n        let parent = _head(columnsDefinitionTree.filter((parentNode) => parentNode.key === (\"_group_\" + column.group)));\r\n        if (!parent) {\r\n            parent = {key: \"_group_\" + column.group, title: column.group ? column.group : \"unknown\"};\r\n            columnsDefinitionTree.push(parent)\r\n        }\r\n        if (!parent.children) {\r\n            parent.children = [];\r\n        }\r\n        parent.children.push({key: column.key, title: column.title});\r\n    });\r\n    return columnsDefinitionTree;\r\n}\r\n\r\ninterface ColumnNode extends TransferItem {\r\n    group?: string\r\n    children?: ColumnNode[]\r\n}\r\n\r\nexport const enum ColumnTransferType {\r\n    SIMPLE = \"simple\",\r\n    FULL = \"full\"\r\n}\r\n\r\nexport interface ColumnTransferProps {\r\n    columnDefinitions: ColDef[]\r\n    columnModel: ColumnState[]\r\n    gridApi: GridApi\r\n    type?: ColumnTransferType,\r\n    height?: number\r\n}\r\n\r\nexport default class ColumnTransfer extends React.Component<ColumnTransferProps> {\r\n    public static defaultProps = {\r\n        type: ColumnTransferType.FULL\r\n    };\r\n\r\n    constructor(props: Readonly<ColumnTransferProps>) {\r\n        super(props);\r\n        this.onChange = this.onChange.bind(this);\r\n    }\r\n\r\n    onChange(_: React.Key[], direction: string, moveKeys: React.Key[]) {\r\n        moveKeys.forEach((columnKey) => {\r\n            if (typeof columnKey === \"string\") {\r\n                if (columnKey.indexOf(\"_group_\") >= 0) {\r\n                    const columnsTree: ColumnNode[] = getColumnsTree(getColumns(this.props.columnDefinitions));\r\n                    const columnGroup: ColumnNode | undefined = _head(columnsTree.filter((columnGroup) => {\r\n                        return columnGroup.key === columnKey;\r\n                    }));\r\n                    if (columnGroup && columnGroup.children) {\r\n                        columnGroup.children.forEach((column) => {\r\n                            this.props.gridApi.setColumnsVisible([column.key as string], direction === \"right\");\r\n                        });\r\n                    }\r\n                } else {\r\n                    this.props.gridApi.setColumnsVisible([columnKey], direction === \"right\");\r\n                }\r\n            }\r\n        });\r\n    };\r\n\r\n    render() {\r\n        const {columnDefinitions, columnModel, gridApi, type, ...restProps} = this.props;\r\n        const columns = getColumns(columnDefinitions);\r\n        const visibleColumnIds = columnModel.filter((column) => !column.hide).map((column) => column.colId) as string[];\r\n        if (type === ColumnTransferType.SIMPLE) {\r\n            const columnsTree = getColumnsTree(columns);\r\n            return (<Tree<TreeNodeType>\r\n                blockNode\r\n                checkable\r\n                defaultExpandAll\r\n                checkedKeys={visibleColumnIds}\r\n                onCheck={(selectedKeys, {node,},) => {\r\n                    const selectedColumnId: string = (node as any).props?.eventKey ? (node as any).props.eventKey : \"\";\r\n                    const visible = Array.isArray(selectedKeys) && selectedKeys.indexOf(selectedColumnId) >= 0;\r\n                    if (selectedColumnId.indexOf(\"_group_\") >= 0) {\r\n                        const columnGroup: ColumnNode | undefined = _head(columnsTree.filter((columnGroup) => {\r\n                            return columnGroup.key === selectedColumnId;\r\n                        }));\r\n                        if (columnGroup && columnGroup.children) {\r\n                            columnGroup.children.forEach((column) => {\r\n                                this.props.gridApi.setColumnsVisible([column.key as string], visible);\r\n                            });\r\n                        }\r\n                    } else {\r\n                        this.props.gridApi.setColumnsVisible([selectedColumnId], visible);\r\n                    }\r\n                }}\r\n                treeData={generateSimpleTree(columnsTree)}\r\n            />);\r\n        } else {\r\n            const titles = [<b>{i18n(\"Hidden Columns\")}:</b>, <b>{i18n(\"Shown Columns\")}:</b>] as unknown as string[]; // special hack to overcome typescript titles attribute in Transfer component could be also [ReactElement, ReactElement]\r\n            return (\r\n                <Transfer {...restProps}\r\n                          style={{height: this.props.height, minHeight: 100}}\r\n                          locale={{\r\n                              itemUnit: \"\",\r\n                              itemsUnit: \"\",\r\n                              notFoundContent: i18n('The column list is empty'),\r\n                              searchPlaceholder: i18n('Column Name')\r\n                          }}\r\n                          targetKeys={visibleColumnIds}\r\n                          dataSource={columns}\r\n                          className=\"tree-transfer\"\r\n                          render={item => item.title ? item.title : null}\r\n                          showSelectAll={true}\r\n                          titles={titles}\r\n                          filterOption={(inputValue, item) => !!item.title && item.title.toLowerCase().indexOf(inputValue.toLowerCase()) > -1}\r\n                          showSearch\r\n                          onChange={this.onChange}>\r\n                    {({direction, onItemSelect, selectedKeys, filteredItems, onItemSelectAll}) => {\r\n                        if (direction === 'left') {\r\n                            const checkedKeys = [...selectedKeys];\r\n                            const columnsTree = getColumnsTree(columns, filteredItems);\r\n                            return (\r\n                                <div style={{\r\n                                    overflowY: \"auto\",\r\n                                    height: (this.props.height ? this.props.height : 100) - 100\r\n                                }}>\r\n                                    <Tree<TreeNodeType>\r\n                                        blockNode\r\n                                        checkable\r\n                                        defaultExpandAll\r\n                                        checkedKeys={checkedKeys}\r\n                                        onCheck={(_, {node,},) => {\r\n                                            if ((node as any).props?.eventKey) {\r\n                                                onItemSelect((node as any).props.eventKey, !isChecked(checkedKeys, (node as any).props.eventKey));\r\n                                            }\r\n                                        }}\r\n                                        onSelect={(_, {node},) => {\r\n                                            if ((node as any).props?.eventKey) {\r\n                                                onItemSelect((node as any).props.eventKey, !isChecked(checkedKeys, (node as any).props.eventKey));\r\n                                            }\r\n                                        }}\r\n                                        treeData={generateTree(columnsTree, visibleColumnIds)}\r\n                                    />\r\n                                </div>\r\n                            );\r\n                        } else {\r\n                            const rowSelection: TableRowSelection<ColumnNode> = {\r\n                                getCheckboxProps: item => {\r\n                                    return {disabled: !!item.disabled};\r\n                                },\r\n                                onSelectAll(selected, selectedRows) {\r\n                                    const treeSelectedKeys = selectedRows\r\n                                        .filter(item => !item.disabled)\r\n                                        .map(({key}) => key);\r\n                                    let diffKeys: any;\r\n                                    if (selected) {\r\n                                        diffKeys = difference(treeSelectedKeys, selectedKeys);\r\n                                    } else {\r\n                                        diffKeys = difference(selectedKeys, treeSelectedKeys);\r\n                                    }\r\n                                    onItemSelectAll(diffKeys, selected);\r\n                                },\r\n                                onSelect({key}, selected) {\r\n                                    onItemSelect(key as string, selected);\r\n                                },\r\n                                selectedRowKeys: selectedKeys,\r\n                            };\r\n\r\n                            return (\r\n                                <div style={{\r\n                                    overflowY: \"auto\",\r\n                                    height: (this.props.height ? this.props.height : 100) - 100\r\n                                }}>\r\n                                    <DragSortingTable<ColumnNode>\r\n                                        showHeader={false}\r\n                                        pagination={false}\r\n                                        rowSelection={rowSelection}\r\n                                        columns={[\r\n                                            {\r\n                                                dataIndex: 'title',\r\n                                                title: 'Name',\r\n                                            },\r\n                                        ]}\r\n                                        dataSource={filteredItems}\r\n                                        size=\"small\"\r\n                                        onRow={({key, disabled: itemDisabled}) => ({\r\n                                            onClick: () => {\r\n                                                if (itemDisabled) {\r\n                                                    return;\r\n                                                }\r\n                                                onItemSelect(key as string, !selectedKeys.includes(key as string));\r\n                                            },\r\n                                        })}\r\n                                        onMoveRow={(column: ColumnNode, _: number, toIndex: number) => {\r\n                                            this.props.gridApi.moveColumns([column.key as string], toIndex);\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            );\r\n                        }\r\n                    }}\r\n                </Transfer>\r\n            );\r\n        }\r\n    };\r\n}\r\n\r\n"]}

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

@@ -1,41 +1,41 @@
-import React from "react";
-import { RowStyleRule } from "d2coreui/components/grid/cell/tableDefaultRowStyleRules";
-import { ColumnApi, ColumnState, GridApi } from "ag-grid-community";
-import { DataGridColDef } from "../dataGrid";
-interface DataGridEditorProps {
-    dataGrid: any;
-    gridApi: GridApi;
-    gridColumnApi: ColumnApi;
-    columnDefinitions: DataGridColDef[];
-    columnModel: ColumnState[];
-    currentPageSize: number;
-    paginationPageSize: number;
-    paginationDefaultPageSize?: number;
-    showMilliseconds: boolean;
-    defaultShowMilliseconds: boolean;
-    showYear: boolean;
-    defaultShowYear: boolean;
-    defaultRowStyleRules?: RowStyleRule[];
-    rowStyleRules: RowStyleRule[];
-    onChangeRowStyleRules?(rowStyleRules: RowStyleRule[]): void;
-    visible: boolean;
-    onTableConfigVisible(visible: boolean): void;
-}
-interface DataGridEditorState {
-    targetKeys: string[];
-    initialPageSize: number;
-    windowName: string;
-    configurationChangesDisabled: boolean;
-}
-export default class DataGridEditor extends React.Component<DataGridEditorProps, DataGridEditorState> {
-    constructor(props: Readonly<DataGridEditorProps>);
-    componentDidMount(): void;
-    onChange(targetKeys: string[]): void;
-    render(): JSX.Element;
-    renderWindowSettingsPanel(): JSX.Element;
-    renderTableGeneralSettingsPanel(): JSX.Element;
-    renderTableColumnSettingsPanel(): JSX.Element;
-    renderRowsPanel(): JSX.Element;
-    renderRowStyleRule(rowStyleRule: RowStyleRule, index: number): JSX.Element;
-}
-export {};
+import React from "react";
+import { CollapseProps } from 'antd';
+import { RowStyleRule } from "d2coreui/components/grid/cell/tableDefaultRowStyleRules";
+import { ColumnState, GridApi } from "ag-grid-community";
+import { DataGridColDef } from "../dataGrid";
+interface DataGridEditorProps {
+    dataGrid: any;
+    gridApi: GridApi;
+    columnDefinitions: DataGridColDef[];
+    columnModel: ColumnState[];
+    currentPageSize: number;
+    paginationPageSize: number;
+    paginationDefaultPageSize?: number;
+    showMilliseconds: boolean;
+    defaultShowMilliseconds: boolean;
+    showYear: boolean;
+    defaultShowYear: boolean;
+    defaultRowStyleRules?: RowStyleRule[];
+    rowStyleRules: RowStyleRule[];
+    onChangeRowStyleRules?(rowStyleRules: RowStyleRule[]): void;
+    visible: boolean;
+    onTableConfigVisible(visible: boolean): void;
+}
+interface DataGridEditorState {
+    targetKeys: string[];
+    initialPageSize: number;
+    windowName: string;
+    configurationChangesDisabled: boolean;
+}
+export default class DataGridEditor extends React.Component<DataGridEditorProps, DataGridEditorState> {
+    constructor(props: Readonly<DataGridEditorProps>);
+    componentDidMount(): void;
+    onChange(targetKeys: string[]): void;
+    render(): React.JSX.Element;
+    getWindowSettingsPanel(): NonNullable<CollapseProps['items']>[number];
+    renderTableGeneralSettingsPanel(): NonNullable<CollapseProps['items']>[number];
+    renderTableColumnSettingsPanel(): NonNullable<CollapseProps['items']>[number];
+    renderRowsPanel(): NonNullable<CollapseProps['items']>[number];
+    renderRowStyleRule(rowStyleRule: RowStyleRule, index: number): React.JSX.Element;
+}
+export {};