d2aura 26.0.7 → 26.0.9

package/coreui/components/edaManagerComponent/components/edaTreeView.js

@@ -0,0 +1,399 @@
+import React from "react";
+import { Tree, Typography } from "antd";
+import { FolderOpenOutlined, FunctionOutlined, LoadingOutlined, QuestionOutlined } from "@ant-design/icons";
+import WithCss from "d2coreui/components/style/withCss";
+import { createStyles } from "antd-style";
+import { EdaVectorType } from "../constants/edaTypes";
+import { NumberFifteenFilled } from "../icons/numberFifteenFilled";
+import { LetterHFilled } from "../icons/letterHFilled";
+import { LetterDFilled } from "../icons/letterDFilled";
+import { LetterCFilled } from "../icons/letterCFilled";
+import { LetterIFilled } from "../icons/letterIFilled";
+import { PairOutlined } from "../icons/pairOutlined";
+import { PeriodicOutlined } from "../icons/periodicOutlined";
+import i18n from "d2core/i18n/i18n";
+const useStyles = createStyles(({ css }) => {
+    return {
+        baseLayout: css `
+            position: relative;
+            height: 100%;
+            width: 100%;
+            
+            .ant-tree {
+                height: 100%;
+                background-color: transparent;
+            }
+
+            .ant-tree-node-content-wrapper {
+                user-select: none;
+                -webkit-user-select: none;
+                -moz-user-select: none;
+                -ms-user-select: none;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                overflow: hidden;
+                
+                .ant-tree-title {
+                    white-space: nowrap;
+                }
+            }
+        `,
+        absoluteLayout: css `
+            overflow: auto;
+            position: absolute;
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+        `
+    };
+});
+export var TreeViewType;
+(function (TreeViewType) {
+    TreeViewType["GROUP"] = "group";
+    TreeViewType["SCENARIO"] = "scenario";
+})(TreeViewType || (TreeViewType = {}));
+export class EdaTreeView extends React.Component {
+    constructor(props) {
+        super(props);
+        this.childParentMap = new Map();
+        this.nodeMap = new Map();
+        this.divRef = React.createRef();
+        this.resizeObserver = null;
+        this.state = {
+            treeData: [],
+            expandedKeys: [],
+            selectedKeys: [],
+            height: 0,
+        };
+        this.onExpand = this.onExpand.bind(this);
+        this.onLoadData = this.onLoadData.bind(this);
+        this.onDoubleClick = this.onDoubleClick.bind(this);
+        this.titleRenderer = this.titleRenderer.bind(this);
+    }
+    async componentDidMount() {
+        await this.loadData(this.props.type);
+        if (this.divRef.current) {
+            this.resizeObserver = new ResizeObserver((entries) => {
+                const entry = entries[0];
+                if (entry) {
+                    const { height } = entry.contentRect;
+                    this.setState({ height });
+                }
+            });
+            this.resizeObserver.observe(this.divRef.current);
+        }
+    }
+    async componentDidUpdate(prevProps) {
+        if (prevProps.type !== this.props.type) {
+            await this.loadData(this.props.type);
+        }
+    }
+    componentWillUnmount() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+        }
+    }
+    render() {
+        const { treeData, expandedKeys, selectedKeys } = this.state;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement("div", { ref: this.divRef, className: css.styles.baseLayout },
+            React.createElement("div", { className: css.styles.absoluteLayout },
+                React.createElement(Tree, { blockNode: true, showLine: true, showIcon: true, height: this.state.height, loadData: this.onLoadData, onExpand: this.onExpand, onDoubleClick: this.onDoubleClick, expandedKeys: expandedKeys, selectedKeys: selectedKeys, titleRender: this.titleRenderer, treeData: treeData })))));
+    }
+    titleRenderer(node) {
+        if (node.key === this.state.loading) {
+            return React.createElement(Typography.Link, null,
+                React.createElement(LoadingOutlined, null),
+                " ",
+                i18n("Loading"),
+                "...");
+        }
+        return node.title;
+    }
+    renderTitle(key, data, amount, total) {
+        return (React.createElement(Typography.Link, { onClick: () => this.onLoadData(data, key) }, i18n("Show %{n} more (of %{o})", { n: String(amount), o: String(total) })));
+    }
+    onExpand(keys) {
+        this.setState({ expandedKeys: (keys) });
+    }
+    async loadData(type) {
+        this.setState({ loading: "" });
+        try {
+            let treeData;
+            switch (type) {
+                case TreeViewType.GROUP:
+                    const rootGroups = await this.props.api.getGroupChildren(undefined);
+                    treeData = this.convertGroups(rootGroups.items, undefined);
+                    break;
+                case TreeViewType.SCENARIO:
+                    const rootScenarios = await this.props.api.getScenarioChildren(undefined);
+                    treeData = this.convertScenarios(rootScenarios.items, undefined);
+                    break;
+            }
+            this.setState({ treeData: treeData });
+        }
+        catch (e) {
+            console.warn("failed to load tree data", e);
+        }
+        finally {
+            this.setState({ loading: undefined });
+        }
+    }
+    async loadGroups(data, id, nodes) {
+        const { api } = this.props;
+        if (!data.groupOffset?.done) {
+            const groups = await api.getGroupChildren(id, data.groupOffset?.offset);
+            const amount = groups.leftCount > api.pageSize ? api.pageSize : groups.leftCount;
+            nodes.push(...this.convertGroups(groups.items, id));
+            if (data.groupOffset === undefined) {
+                data.groupOffset = {
+                    done: groups.leftCount === 0,
+                    offset: groups.items.length,
+                    total: groups.items.length + groups.leftCount,
+                };
+            }
+            else {
+                data.groupOffset.done = groups.leftCount === 0;
+                data.groupOffset.offset += groups.items.length;
+            }
+            if (!data.groupOffset.done) {
+                const key = `${id}_show_more`;
+                nodes.push({
+                    key: key,
+                    title: this.renderTitle(key, data, amount, data.groupOffset.total),
+                    isLeaf: true,
+                });
+            }
+        }
+        if (data.groupOffset.done && !data.vectorOffset?.done) {
+            const vectors = await api.getGroupVectors(id, data.vectorOffset?.offset);
+            this.loadVectors(data, id, nodes, vectors);
+        }
+    }
+    async loadScenarios(data, id, nodes) {
+        const { api } = this.props;
+        if (!data.scenarioOffset?.done) {
+            const groups = await api.getScenarioChildren(id, data.scenarioOffset?.offset);
+            const amount = groups.leftCount > api.pageSize ? api.pageSize : groups.leftCount;
+            nodes.push(...this.convertScenarios(groups.items, id));
+            if (data.scenarioOffset === undefined) {
+                data.scenarioOffset = {
+                    done: groups.leftCount === 0,
+                    offset: groups.items.length,
+                    total: groups.items.length + groups.leftCount,
+                };
+            }
+            else {
+                data.scenarioOffset.done = groups.leftCount === 0;
+                data.scenarioOffset.offset += groups.items.length;
+            }
+            if (!data.scenarioOffset.done) {
+                const key = `${id}_show_more`;
+                nodes.push({
+                    key: key,
+                    title: this.renderTitle(key, data, amount, data.scenarioOffset.total),
+                    isLeaf: true,
+                });
+            }
+        }
+        if (data.scenarioOffset.done && !data.vectorOffset?.done) {
+            const vectors = await api.getScenarioVectors(id, data.vectorOffset?.offset, undefined, true);
+            this.loadVectors(data, id, nodes, vectors);
+        }
+    }
+    loadVectors(data, id, nodes, vectors) {
+        const { api } = this.props;
+        const amount = vectors.leftCount > api.pageSize ? api.pageSize : vectors.leftCount;
+        nodes.push(...this.convertVectors(vectors.items, id));
+        if (data.vectorOffset === undefined) {
+            data.vectorOffset = {
+                done: vectors.leftCount === 0,
+                offset: vectors.items.length,
+                total: vectors.items.length + vectors.leftCount,
+            };
+        }
+        else {
+            data.vectorOffset.done = vectors.leftCount === 0;
+            data.vectorOffset.offset += vectors.items.length;
+        }
+        if (!data.vectorOffset.done) {
+            const key = `${id}_show_more`;
+            nodes.push({
+                key: key,
+                title: this.renderTitle(key, data, amount, data.vectorOffset.total),
+                isLeaf: true,
+            });
+        }
+    }
+    async onLoadData(data, id) {
+        if (data.children) {
+            return Promise.resolve();
+        }
+        this.setState({ loading: id });
+        try {
+            const { type } = this.props;
+            let id;
+            const nodes = [];
+            switch (type) {
+                case TreeViewType.GROUP:
+                    if (!data.group) {
+                        console.warn("No group!");
+                        this.setState({ loading: undefined });
+                        return;
+                    }
+                    id = data.group.ID;
+                    await this.loadGroups(data, id, nodes);
+                    break;
+                case TreeViewType.SCENARIO:
+                    if (!data.scenario) {
+                        console.warn("No scenario!");
+                        this.setState({ loading: undefined });
+                        return;
+                    }
+                    id = data.scenario.ID;
+                    await this.loadScenarios(data, id, nodes);
+                    break;
+                default:
+                    this.setState({ loading: undefined });
+                    return;
+            }
+            const parentId = this.childParentMap.get(id);
+            await new Promise((resolve, reject) => {
+                if (parentId !== undefined) {
+                    const parentNode = this.nodeMap.get(parentId);
+                    if (parentNode?.children) {
+                        this.updateTree(data, nodes, parentNode.children, id, resolve, reject);
+                    }
+                    else {
+                        console.warn("No parent for node", id);
+                        reject();
+                    }
+                }
+                else {
+                    this.updateTree(data, nodes, this.state.treeData, id, resolve, reject);
+                }
+            });
+        }
+        catch (e) {
+            console.warn("Failed to load tree data", e);
+        }
+        finally {
+            this.setState({ loading: undefined });
+        }
+    }
+    onDoubleClick(_e, node) {
+        if (node.vector !== undefined) {
+            this.props.onItemDoubleClick?.({ id: node.vector.ID, type: 0 });
+        }
+        else if (node.group !== undefined) {
+            this.props.onItemDoubleClick?.({ id: node.group.ID, type: 1 });
+        }
+        else if (node.scenario !== undefined) {
+            this.props.onItemDoubleClick?.({ id: node.scenario.ID, type: 2 });
+        }
+        this.setState({ selectedKeys: [node.key] });
+    }
+    updateTree(data, nodes, treeData, dataId, resolve, reject) {
+        const { type } = this.props;
+        const index = treeData.findIndex((t) => (type === TreeViewType.GROUP ? t.group?.ID : t.scenario?.ID) === dataId);
+        if (index < 0) {
+            console.warn("Failed to find index");
+            reject();
+            return;
+        }
+        treeData[index] = { ...data, children: treeData[index].children };
+        if (treeData[index].children) {
+            treeData[index].children.pop();
+            treeData[index].children.push(...nodes);
+        }
+        else {
+            treeData[index].children = nodes;
+        }
+        this.nodeMap.set(dataId, treeData[index]);
+        this.setState({ treeData: [...this.state.treeData] }, resolve);
+    }
+    convertGroups(groups, parentId) {
+        const data = [];
+        for (let group of groups) {
+            const node = {
+                key: group.ID,
+                title: group.DisplayName,
+                isLeaf: false,
+                icon: React.createElement(FolderOpenOutlined, null),
+                group: group,
+            };
+            data.push(node);
+            this.childParentMap.set(group.ID, parentId);
+            this.nodeMap.set(group.ID, node);
+        }
+        return data;
+    }
+    convertScenarios(scenarios, parentId) {
+        const data = [];
+        for (let scenario of scenarios) {
+            const node = {
+                key: scenario.ID,
+                title: scenario.DisplayName,
+                isLeaf: false,
+                icon: React.createElement(FolderOpenOutlined, null),
+                scenario: scenario,
+            };
+            data.push(node);
+            this.childParentMap.set(scenario.ID, parentId);
+            this.nodeMap.set(scenario.ID, node);
+        }
+        return data;
+    }
+    convertVectors(vectors, parentId) {
+        const data = [];
+        for (let vector of vectors) {
+            const id = `${parentId}_${vector.ID}`;
+            const node = {
+                key: id,
+                title: vector.DisplayName,
+                isLeaf: true,
+                icon: this.getVectorIcon(vector.Type),
+                vector: vector,
+            };
+            data.push(node);
+            this.childParentMap.set(id, parentId);
+            this.nodeMap.set(id, node);
+        }
+        return data;
+    }
+    getVectorIcon(type) {
+        switch (type) {
+            case EdaVectorType.FifteenMinutes:
+                return React.createElement(NumberFifteenFilled, null);
+            case EdaVectorType.Hour:
+                return React.createElement(LetterHFilled, null);
+            case EdaVectorType.Day:
+                return React.createElement(LetterDFilled, null);
+            case EdaVectorType.Descriptive:
+                return React.createElement(LetterCFilled, null);
+            case EdaVectorType.Interval:
+                return React.createElement(LetterIFilled, null);
+            case EdaVectorType.FifteenMinutesCalc:
+                return React.createElement(NumberFifteenFilled, { style: { color: "orange" } });
+            case EdaVectorType.HourCalc:
+                return React.createElement(LetterHFilled, { style: { color: "orange" } });
+            case EdaVectorType.DayCalc:
+                return React.createElement(LetterDFilled, { style: { color: "orange" } });
+            case EdaVectorType.Change:
+                return React.createElement(LetterCFilled, null);
+            case EdaVectorType.ChangeCalc:
+                return React.createElement(LetterCFilled, { style: { color: "orange" } });
+            case EdaVectorType.Pair:
+                return React.createElement(PairOutlined, null);
+            case EdaVectorType.Periodic:
+                return React.createElement(PeriodicOutlined, null);
+            case EdaVectorType.PeriodicCalc:
+                return React.createElement(PeriodicOutlined, { style: { color: "orange" } });
+            case EdaVectorType.Functional:
+                return React.createElement(FunctionOutlined, null);
+            default:
+                return React.createElement(QuestionOutlined, null);
+        }
+    }
+}
+//# sourceMappingURL=edaTreeView.js.map

package/coreui/components/edaManagerComponent/components/edaTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edaTreeView.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaTreeView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {Key} from \"react\";\r\nimport {Tree, TreeDataNode, Typography} from \"antd\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {FolderOpenOutlined, FunctionOutlined, LoadingOutlined, QuestionOutlined} from \"@ant-design/icons\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {EdaVectorType, IdType, TypedIndex} from \"../constants/edaTypes\";\r\nimport {NumberFifteenFilled} from \"../icons/numberFifteenFilled\";\r\nimport {LetterHFilled} from \"../icons/letterHFilled\";\r\nimport {LetterDFilled} from \"../icons/letterDFilled\";\r\nimport {LetterCFilled} from \"../icons/letterCFilled\";\r\nimport {LetterIFilled} from \"../icons/letterIFilled\";\r\nimport {PairOutlined} from \"../icons/pairOutlined\";\r\nimport {PeriodicOutlined} from \"../icons/periodicOutlined\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {EM_NAVIGATOR_IMPLGetGroupVectorsResult, EM_NAVIGATOR_IMPLGetScenarioVectorsResult} from \"../../../../api/eda/generated/events\";\r\n\r\nconst useStyles = createStyles(({css}) => {\r\n    return {\r\n        baseLayout: css`\r\n            position: relative;\r\n            height: 100%;\r\n            width: 100%;\r\n            \r\n            .ant-tree {\r\n                height: 100%;\r\n                background-color: transparent;\r\n            }\r\n\r\n            .ant-tree-node-content-wrapper {\r\n                user-select: none;\r\n                -webkit-user-select: none;\r\n                -moz-user-select: none;\r\n                -ms-user-select: none;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                overflow: hidden;\r\n                \r\n                .ant-tree-title {\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n        `,\r\n        absoluteLayout: css`\r\n            overflow: auto;\r\n            position: absolute;\r\n            left: 0;\r\n            right: 0;\r\n            top: 0;\r\n            bottom: 0;\r\n        `\r\n    }\r\n});\r\n\r\nexport enum TreeViewType {\r\n    GROUP = \"group\",\r\n    SCENARIO = \"scenario\",\r\n}\r\n\r\ninterface PageData {\r\n    total: number\r\n    offset: number\r\n    done: boolean\r\n}\r\n\r\ninterface DataNode extends TreeDataNode {\r\n    group?: SD_EM_Tree_Item\r\n    vector?: SD_EM_Tree_Item\r\n    scenario?: SD_EM_Tree_Item\r\n\r\n    vectorOffset?: PageData\r\n    groupOffset?: PageData\r\n    scenarioOffset?: PageData\r\n}\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    type: TreeViewType\r\n\r\n    onItemSelected?: () => void\r\n    onItemDoubleClick?: (item: TypedIndex) => void\r\n}\r\n\r\ninterface State {\r\n    treeData: DataNode[]\r\n    expandedKeys: Key[]\r\n    selectedKeys: Key[]\r\n    height: number;\r\n    loading?: string;\r\n}\r\n\r\nexport class EdaTreeView extends React.Component<Props, State> {\r\n    private readonly childParentMap: Map<number | string, number | undefined> = new Map();\r\n    private readonly nodeMap: Map<number | string, DataNode> = new Map();\r\n    private readonly divRef = React.createRef<HTMLDivElement>();\r\n    private resizeObserver: ResizeObserver | null = null;\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n        this.state = {\r\n            treeData: [],\r\n            expandedKeys: [],\r\n            selectedKeys: [],\r\n            height: 0,\r\n        }\r\n\r\n        this.onExpand = this.onExpand.bind(this);\r\n        this.onLoadData = this.onLoadData.bind(this);\r\n        this.onDoubleClick = this.onDoubleClick.bind(this);\r\n        this.titleRenderer = this.titleRenderer.bind(this);\r\n    }\r\n\r\n    async componentDidMount() {\r\n        await this.loadData(this.props.type);\r\n        if (this.divRef.current) {\r\n            this.resizeObserver = new ResizeObserver((entries) => {\r\n                const entry = entries[0];\r\n\r\n                if (entry) {\r\n                    const {height} = entry.contentRect;\r\n                    this.setState({height});\r\n                }\r\n            });\r\n\r\n            this.resizeObserver.observe(this.divRef.current);\r\n        }\r\n    }\r\n\r\n    async componentDidUpdate(prevProps: Props) {\r\n        if (prevProps.type !== this.props.type) {\r\n            await this.loadData(this.props.type);\r\n        }\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        if (this.resizeObserver) {\r\n            this.resizeObserver.disconnect();\r\n        }\r\n    }\r\n\r\n    render(): React.ReactNode {\r\n        const {treeData, expandedKeys, selectedKeys} = this.state;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <div ref={this.divRef} className={css.styles.baseLayout}>\r\n                        <div className={css.styles.absoluteLayout}>\r\n                            <Tree<DataNode>\r\n                                blockNode\r\n                                showLine\r\n                                showIcon\r\n                                height={this.state.height}\r\n                                loadData={this.onLoadData}\r\n                                onExpand={this.onExpand}\r\n                                onDoubleClick={this.onDoubleClick}\r\n                                expandedKeys={expandedKeys}\r\n                                selectedKeys={selectedKeys}\r\n                                titleRender={this.titleRenderer}\r\n                                treeData={treeData}/>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </WithCss>\r\n        )\r\n    }\r\n\r\n    private titleRenderer(node: DataNode): React.ReactNode {\r\n        if (node.key === this.state.loading) {\r\n            return <Typography.Link><LoadingOutlined /> {i18n(\"Loading\")}...</Typography.Link>;\r\n        }\r\n\r\n        return node.title as React.ReactNode;\r\n    }\r\n\r\n    private renderTitle(key: string, data: DataNode, amount: number, total: number): React.ReactNode {\r\n        return (\r\n            <Typography.Link onClick={() => this.onLoadData(data, key)}>\r\n                {i18n(\"Show %{n} more (of %{o})\", {n: String(amount), o: String(total)})}\r\n            </Typography.Link>\r\n        );\r\n    }\r\n\r\n    private onExpand(keys: Key[]) {\r\n        this.setState({expandedKeys: (keys)})\r\n    }\r\n\r\n    private async loadData(type: TreeViewType) {\r\n        this.setState({loading: \"\"});\r\n\r\n        try {\r\n            let treeData: DataNode[];\r\n\r\n            switch (type) {\r\n                case TreeViewType.GROUP:\r\n                    const rootGroups = await this.props.api.getGroupChildren(undefined);\r\n                    treeData = this.convertGroups(rootGroups.items as SD_EM_Tree_Item[], undefined);\r\n                    break;\r\n                case TreeViewType.SCENARIO:\r\n                    const rootScenarios = await this.props.api.getScenarioChildren(undefined);\r\n                    treeData = this.convertScenarios(rootScenarios.items as SD_EM_Tree_Item[], undefined);\r\n                    break;\r\n            }\r\n\r\n            this.setState({treeData: treeData});\r\n        } catch (e) {\r\n            console.warn(\"failed to load tree data\", e);\r\n        } finally {\r\n            this.setState({loading: undefined});\r\n        }\r\n    }\r\n\r\n    private async loadGroups(data: DataNode, id: number, nodes: DataNode[]) {\r\n        const {api} = this.props;\r\n\r\n        if (!data.groupOffset?.done) {\r\n            const groups = await api.getGroupChildren(id, data.groupOffset?.offset);\r\n            const amount = groups.leftCount > api.pageSize ? api.pageSize : groups.leftCount;\r\n\r\n            nodes.push(...this.convertGroups(groups.items as SD_EM_Tree_Item[], id));\r\n\r\n            if (data.groupOffset === undefined) {\r\n                data.groupOffset = {\r\n                    done: groups.leftCount === 0,\r\n                    offset: groups.items.length,\r\n                    total: groups.items.length + groups.leftCount,\r\n                }\r\n            } else {\r\n                data.groupOffset.done = groups.leftCount === 0;\r\n                data.groupOffset.offset += groups.items.length;\r\n            }\r\n\r\n            if (!data.groupOffset.done) {\r\n                const key = `${id}_show_more`;\r\n\r\n                nodes.push({\r\n                    key: key,\r\n                    title: this.renderTitle(key, data, amount, data.groupOffset.total),\r\n                    isLeaf: true,\r\n                });\r\n            }\r\n        }\r\n\r\n        if (data.groupOffset.done && !data.vectorOffset?.done) {\r\n            const vectors = await api.getGroupVectors(id, data.vectorOffset?.offset);\r\n\r\n            this.loadVectors(data, id, nodes, vectors);\r\n        }\r\n    }\r\n\r\n    private async loadScenarios(data: DataNode, id: number, nodes: DataNode[]) {\r\n        const {api} = this.props;\r\n\r\n        if (!data.scenarioOffset?.done) {\r\n            const groups = await api.getScenarioChildren(id, data.scenarioOffset?.offset);\r\n            const amount = groups.leftCount > api.pageSize ? api.pageSize : groups.leftCount;\r\n\r\n            nodes.push(...this.convertScenarios(groups.items as SD_EM_Tree_Item[], id));\r\n\r\n            if (data.scenarioOffset === undefined) {\r\n                data.scenarioOffset = {\r\n                    done: groups.leftCount === 0,\r\n                    offset: groups.items.length,\r\n                    total: groups.items.length + groups.leftCount,\r\n                }\r\n            } else {\r\n                data.scenarioOffset.done = groups.leftCount === 0;\r\n                data.scenarioOffset.offset += groups.items.length;\r\n            }\r\n\r\n            if (!data.scenarioOffset.done) {\r\n                const key = `${id}_show_more`;\r\n\r\n                nodes.push({\r\n                    key: key,\r\n                    title: this.renderTitle(key, data, amount, data.scenarioOffset.total),\r\n                    isLeaf: true,\r\n                });\r\n            }\r\n        }\r\n\r\n        if (data.scenarioOffset.done && !data.vectorOffset?.done) {\r\n            const vectors = await api.getScenarioVectors(id, data.vectorOffset?.offset, undefined, true);\r\n\r\n            this.loadVectors(data, id, nodes, vectors);\r\n        }\r\n    }\r\n\r\n    private loadVectors(data: DataNode, id: number, nodes: DataNode[], vectors: Omit<EM_NAVIGATOR_IMPLGetGroupVectorsResult | EM_NAVIGATOR_IMPLGetScenarioVectorsResult, \"isOk\" | \"errorMsg\">) {\r\n        const {api} = this.props;\r\n\r\n        const amount = vectors.leftCount > api.pageSize ? api.pageSize : vectors.leftCount;\r\n\r\n        nodes.push(...this.convertVectors(vectors.items as SD_EM_Tree_Item[], id));\r\n\r\n        if (data.vectorOffset === undefined) {\r\n            data.vectorOffset = {\r\n                done: vectors.leftCount === 0,\r\n                offset: vectors.items.length,\r\n                total: vectors.items.length + vectors.leftCount,\r\n            }\r\n        } else {\r\n            data.vectorOffset.done = vectors.leftCount === 0;\r\n            data.vectorOffset.offset += vectors.items.length;\r\n        }\r\n\r\n        if (!data.vectorOffset.done) {\r\n            const key = `${id}_show_more`;\r\n\r\n            nodes.push({\r\n                key: key,\r\n                title: this.renderTitle(key, data, amount, data.vectorOffset.total),\r\n                isLeaf: true,\r\n            });\r\n        }\r\n    }\r\n\r\n    private async onLoadData(data: DataNode, id?: string): Promise<void> {\r\n        if (data.children) { // data already available\r\n            return Promise.resolve();\r\n        }\r\n\r\n        this.setState({loading: id});\r\n\r\n        try {\r\n            const {type} = this.props;\r\n            let id: number;\r\n            const nodes: DataNode[] = [];\r\n\r\n            switch (type) {\r\n                case TreeViewType.GROUP:\r\n                    if (!data.group) {\r\n                        console.warn(\"No group!\");\r\n                        this.setState({loading: undefined});\r\n                        return;\r\n                    }\r\n\r\n                    id = data.group.ID;\r\n                    await this.loadGroups(data, id, nodes);\r\n                    break;\r\n                case TreeViewType.SCENARIO:\r\n                    if (!data.scenario) {\r\n                        console.warn(\"No scenario!\");\r\n                        this.setState({loading: undefined});\r\n                        return;\r\n                    }\r\n\r\n                    id = data.scenario.ID;\r\n                    await this.loadScenarios(data, id, nodes);\r\n                    break;\r\n                default:\r\n                    this.setState({loading: undefined});\r\n                    return;\r\n            }\r\n\r\n            const parentId = this.childParentMap.get(id);\r\n\r\n            await new Promise<void>((resolve, reject) => {\r\n                if (parentId !== undefined) {\r\n                    const parentNode = this.nodeMap.get(parentId);\r\n\r\n                    if (parentNode?.children) {\r\n                        this.updateTree(data, nodes, parentNode.children, id, resolve, reject);\r\n                    } else {\r\n                        console.warn(\"No parent for node\", id);\r\n                        reject();\r\n                    }\r\n                } else {\r\n                    this.updateTree(data, nodes, this.state.treeData, id, resolve, reject);\r\n                }\r\n            });\r\n        } catch (e) {\r\n            console.warn(\"Failed to load tree data\", e);\r\n        } finally {\r\n            this.setState({loading: undefined});\r\n        }\r\n    }\r\n\r\n    private onDoubleClick(_e: React.MouseEvent, node: DataNode) {\r\n        if (node.vector !== undefined) {\r\n            this.props.onItemDoubleClick?.({id: node.vector.ID, type: IdType.VECTOR});\r\n        } else if (node.group !== undefined) {\r\n            this.props.onItemDoubleClick?.({id: node.group.ID, type: IdType.GROUP});\r\n        } else if (node.scenario !== undefined) {\r\n            this.props.onItemDoubleClick?.({id: node.scenario.ID, type: IdType.SCENARIO});\r\n        }\r\n\r\n        this.setState({selectedKeys: [node.key]});\r\n    }\r\n\r\n    private updateTree(data: DataNode, nodes: DataNode[], treeData: DataNode[], dataId: number, resolve: () => void, reject: () => void) {\r\n        const {type} = this.props;\r\n        const index: number = treeData.findIndex((t: DataNode) => (type === TreeViewType.GROUP ? t.group?.ID : t.scenario?.ID) === dataId);\r\n\r\n        if (index < 0) {\r\n            console.warn(\"Failed to find index\");\r\n            reject();\r\n            return;\r\n        }\r\n\r\n        treeData[index] = {...data, children: treeData[index].children};\r\n\r\n        if (treeData[index].children) {\r\n            treeData[index].children.pop();\r\n            treeData[index].children.push(...nodes);\r\n        } else {\r\n            treeData[index].children = nodes;\r\n        }\r\n\r\n        this.nodeMap.set(dataId, treeData[index]);\r\n\r\n        this.setState({treeData: [...this.state.treeData]}, resolve);\r\n    }\r\n\r\n    private convertGroups(groups: SD_EM_Tree_Item[], parentId: number | undefined): DataNode[] {\r\n        const data: DataNode[] = [];\r\n\r\n        for (let group of groups) {\r\n            const node: DataNode = {\r\n                key: group.ID,\r\n                title: group.DisplayName,\r\n                isLeaf: false,\r\n                icon: <FolderOpenOutlined/>,\r\n                group: group,\r\n            };\r\n\r\n            data.push(node);\r\n            this.childParentMap.set(group.ID, parentId);\r\n            this.nodeMap.set(group.ID, node);\r\n        }\r\n\r\n        return data;\r\n    }\r\n\r\n    private convertScenarios(scenarios: SD_EM_Tree_Item[], parentId: number | undefined): DataNode[] {\r\n        const data: DataNode[] = [];\r\n\r\n        for (let scenario of scenarios) {\r\n            const node: DataNode = {\r\n                key: scenario.ID,\r\n                title: scenario.DisplayName,\r\n                isLeaf: false,\r\n                icon: <FolderOpenOutlined/>,\r\n                scenario: scenario,\r\n            };\r\n\r\n            data.push(node);\r\n            this.childParentMap.set(scenario.ID, parentId);\r\n            this.nodeMap.set(scenario.ID, node);\r\n        }\r\n\r\n        return data;\r\n    }\r\n\r\n    private convertVectors(vectors: SD_EM_Tree_Item[], parentId: number | undefined): DataNode[] {\r\n        const data: DataNode[] = [];\r\n\r\n        for (let vector of vectors) {\r\n            const id = `${parentId}_${vector.ID}`;\r\n            const node: DataNode = {\r\n                key: id,\r\n                title: vector.DisplayName,\r\n                isLeaf: true,\r\n                icon: this.getVectorIcon(vector.Type),\r\n                vector: vector,\r\n            };\r\n\r\n            data.push(node);\r\n            this.childParentMap.set(id, parentId);\r\n            this.nodeMap.set(id, node);\r\n        }\r\n\r\n        return data;\r\n    }\r\n\r\n    private getVectorIcon(type: number) {\r\n        switch (type) {\r\n            case EdaVectorType.FifteenMinutes:\r\n                return <NumberFifteenFilled/>;\r\n            case EdaVectorType.Hour:\r\n                return <LetterHFilled/>;\r\n            case EdaVectorType.Day:\r\n                return <LetterDFilled/>;\r\n            case EdaVectorType.Descriptive:\r\n                return <LetterCFilled/>;\r\n            case EdaVectorType.Interval:\r\n                return <LetterIFilled/>;\r\n            case EdaVectorType.FifteenMinutesCalc:\r\n                return <NumberFifteenFilled style={{color: \"orange\"}}/>;\r\n            case EdaVectorType.HourCalc:\r\n                return <LetterHFilled style={{color: \"orange\"}}/>;\r\n            case EdaVectorType.DayCalc:\r\n                return <LetterDFilled style={{color: \"orange\"}}/>;\r\n            case EdaVectorType.Change:\r\n                return <LetterCFilled/>;\r\n            case EdaVectorType.ChangeCalc:\r\n                return <LetterCFilled style={{color: \"orange\"}}/>;\r\n            case EdaVectorType.Pair:\r\n                return <PairOutlined/>\r\n            case EdaVectorType.Periodic:\r\n                return <PeriodicOutlined/>\r\n            case EdaVectorType.PeriodicCalc:\r\n                return <PeriodicOutlined style={{color: \"orange\"}}/>\r\n            case EdaVectorType.Functional:\r\n                return <FunctionOutlined/>\r\n            default:\r\n                return <QuestionOutlined/>;\r\n        }\r\n    }\r\n}"]}

package/coreui/components/edaManagerComponent/components/edaVectorDetailPanel.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { VectorData } from "../constants/edaTypes";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { Variant } from "antd/es/config-provider";
+interface Props {
+    data: VectorData;
+    size?: SizeType;
+    variant?: Variant;
+}
+interface State {
+}
+export declare class EdaVectorDetailPanel extends React.Component<Props, State> {
+    private mask;
+    private readonly formRef;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
+    render(): React.JSX.Element;
+    private getCollapseItems;
+}
+export {};

package/coreui/components/edaManagerComponent/components/edaVectorDetailPanel.js

@@ -0,0 +1,162 @@
+import React from "react";
+import { Checkbox, Col, Collapse, Form, Input, InputNumber, Row, Select, Typography } from "antd";
+import WithCss from "d2coreui/components/style/withCss";
+import i18n from "d2core/i18n/i18n";
+import { createStyles } from "antd-style";
+import dayjs from "d2core/dayjs";
+import { EdaAccessType, EdaRoundingType, EdaValueClassType, EdaVectorType } from "../constants/edaTypes";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+import { EdaSelect } from "../edaSelect";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+const useStyles = createStyles(({ css }) => {
+    return {
+        baseLayout: css `
+        `
+    };
+});
+export class EdaVectorDetailPanel extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.mask = LocaleHolder.getDateTimeFormat(true, false, false, true);
+        this.formRef = React.createRef();
+    }
+    componentDidMount() {
+        this.formRef.current?.setFieldsValue(this.props.data);
+    }
+    componentDidUpdate(prevProps) {
+        if (prevProps.data !== this.props.data) {
+            this.formRef.current?.setFieldsValue(this.props.data);
+        }
+    }
+    render() {
+        const { data, size, variant } = this.props;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Form, { ref: this.formRef, layout: "horizontal", style: { overflowX: "hidden" }, className: "record-config-form", size: size, variant: variant, labelCol: { sm: 24, md: 24, lg: 24, xl: 24, xxl: 24 } },
+            React.createElement(Row, { gutter: css.theme.padding, align: "bottom" },
+                React.createElement(Col, { flex: "auto" },
+                    React.createElement(Form.Item, { label: i18n("Vector Type"), name: ["data", "TYP"], required: true },
+                        React.createElement(EnumValuePicker, { open: false, style: { maxWidth: "250px" }, values: EdaVectorType, translateValue: true, translationPrefix: "EdaVectorType_" }))),
+                React.createElement(Col, null,
+                    React.createElement("span", null,
+                        "ID: ",
+                        data.data.ID_VEKTOR))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "ANO_PLATNY"], valuePropName: "checked", getValueProps: (v) => ({ checked: v === 1 }), getValueFromEvent: (e) => (e.target.checked ? 1 : 0) },
+                        React.createElement(Checkbox, { disabled: true }, i18n("Record Validity Indication"))))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "MENO"], label: i18n("Code") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "ZOBRAZ_MENO"], label: i18n("Name[Title]") },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 12 },
+                    React.createElement(Form.Item, { required: true, name: ["data", "INTEGRAL"], label: i18n("Value Class") },
+                        React.createElement(EnumValuePicker, { open: false, values: EdaValueClassType, translateValue: true, translationPrefix: "EdaValueClassType_" }))),
+                React.createElement(Col, { span: 12 },
+                    React.createElement(Form.Item, { name: ["data", "TECH_JEDNOTKY"], label: i18n("Units") },
+                        React.createElement(Input, { readOnly: true, style: { width: '100%' } })))),
+            React.createElement(Row, { gutter: css.theme.padding },
+                React.createElement(Col, { span: 24 },
+                    React.createElement(Form.Item, { required: true, label: i18n("Filter"), name: ["data", "MENOEX"] },
+                        React.createElement(Input, { readOnly: true })))),
+            React.createElement(Collapse, { size: size, items: this.getCollapseItems(css), style: { marginTop: css.theme.paddingXS + "px" }, bordered: false }))));
+    }
+    getCollapseItems(css) {
+        return [
+            {
+                key: "rounding",
+                label: i18n("Rounding"),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { span: 16 },
+                            React.createElement(Form.Item, { required: true, label: i18n("View"), name: ["data", "VIEW_ROUND"] },
+                                React.createElement(EnumValuePicker, { open: false, values: EdaRoundingType, translateValue: true, translationPrefix: "EdaRoundingType_" }))),
+                        React.createElement(Col, { span: 8 },
+                            React.createElement(Form.Item, { required: true, label: i18n("Decimal Places"), name: ["data", "VIEW_DEC_PL"] },
+                                React.createElement(InputNumber, { readOnly: true, style: { width: "100%" } })))),
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { span: 16 },
+                            React.createElement(Form.Item, { required: true, label: i18n("Calculation"), name: ["data", "EXEC_ROUND"] },
+                                React.createElement(EnumValuePicker, { open: false, values: EdaRoundingType, translateValue: true, translationPrefix: "EdaRoundingType_" }))),
+                        React.createElement(Col, { span: 8 },
+                            React.createElement(Form.Item, { required: true, label: i18n("Decimal Places"), name: ["data", "EXEC_DEC_PL"] },
+                                React.createElement(InputNumber, { readOnly: true, style: { width: "100%" } })))))),
+            },
+            {
+                key: "time_values",
+                label: i18n("Time Values"),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Creation Date"), name: ["extData", "DATE_IN"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } }))),
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Last Modified Date"), name: ["extData", "DATE_CH"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } })))),
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Validity From"), name: ["data", "DATA_OD"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } }))),
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Validity To"), name: ["data", "DATA_DO"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } })))),
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Pre-calc From"), name: ["dataFunction", "PREDV_OD"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } }))),
+                        React.createElement(Col, { span: 12 },
+                            React.createElement(Form.Item, { label: i18n("Pre-calc To"), name: ["dataFunction", "PREDV_DO"], getValueProps: (v) => ({ value: v ? dayjs(v).format(this.mask) : undefined }) },
+                                React.createElement(Input, { readOnly: true, variant: "borderless", style: { fontWeight: "bold", width: "100%" } })))))),
+            },
+            {
+                key: "other_info",
+                label: i18n("Other Info"),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(Row, null,
+                        React.createElement(Col, { span: 24 },
+                            React.createElement(Form.Item, { label: i18n("Tablespace"), name: ["data", "ID_TABLESPACE"] },
+                                React.createElement(Select, { open: false })))),
+                    React.createElement(Row, null,
+                        React.createElement(Col, { span: 24 },
+                            React.createElement(Form.Item, { label: i18n("Validation"), name: ["data", "ID_VALIDATOR"] },
+                                React.createElement(EdaSelect, { open: false })))),
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { flex: "auto" },
+                            React.createElement(Form.Item, { label: i18n("Time Zone"), name: ["data", "TIME_ZONE"] },
+                                React.createElement(Input, { readOnly: true }))),
+                        React.createElement(Col, { flex: "none" },
+                            React.createElement(Form.Item, { required: true, label: i18n("Data Offset"), name: ["data", "DATA_OFFSET"] },
+                                React.createElement(Input, { readOnly: true })))),
+                    React.createElement(Row, { gutter: css.theme.padding },
+                        React.createElement(Col, { flex: "auto" },
+                            React.createElement(Form.Item, { required: true, label: i18n("Access Type"), name: ["data", "PRIVATE"] },
+                                React.createElement(EnumValuePicker, { open: false, values: EdaAccessType, translateValue: true, translationPrefix: "EdaAccessType_" }))),
+                        React.createElement(Col, { flex: "none" },
+                            React.createElement(Form.Item, { label: i18n("Owner"), name: ["data", "AUTOR"] },
+                                React.createElement(Input, { readOnly: true })))))),
+            },
+            {
+                key: "note",
+                label: i18n("Note"),
+                children: (React.createElement(Form.Item, { name: ["data", "POPIS"] },
+                    React.createElement(Input.TextArea, { rows: 4, readOnly: true })))
+            },
+            {
+                key: "parameters",
+                label: i18n("Parameters"),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(Typography.Title, null, "TODO")))
+            },
+            {
+                key: "versioning",
+                label: i18n("Versioning"),
+                children: (React.createElement(React.Fragment, null,
+                    React.createElement(Typography.Title, null, "TODO")))
+            },
+        ];
+    }
+}
+//# sourceMappingURL=edaVectorDetailPanel.js.map