d2aura 26.0.7 → 26.0.9

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

@@ -0,0 +1 @@
+{"version":3,"file":"edaDataBasePanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDataBasePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import {BaseProps, BaseState, EdaBasePanel} from \"./edaBasePanel\";\r\nimport {EdaSamplingType, GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport React from \"react\";\r\nimport Spin from \"antd/lib/spin\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\nimport {Progress, Typography} from \"antd\";\r\nimport {EdaSampleRangePickerPanel} from \"./edaSampleRangePickerPanel\";\r\nimport {EdaTimeWindowPickerPanel} from \"./edaTimeWindowPickerPanel\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport EdaManagerApi, {VectorValue} from \"../../../../api/eda/edaManagerApi\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {WithSharedSampleRangeWrapperProps} from \"../context/sharedSampleRangeWrapper\";\r\nimport {SharedSampleRange, SharedSampleRangeContext} from \"../context/sharedSampleRange\";\r\n\r\nexport interface BaseDataProps extends BaseProps, WithSharedSampleRangeWrapperProps {\r\n    api: EdaManagerApi\r\n    isActive: boolean\r\n\r\n    size?: SizeType\r\n    showTimeWindow?: boolean\r\n}\r\n\r\nexport interface BaseDataState extends BaseState {\r\n    needsReload: boolean\r\n\r\n    loading: boolean\r\n    loadingPercentage: number\r\n    loadingVector: string\r\n    loadingCount: number\r\n}\r\n\r\nexport abstract class EdaBaseDataPanel<P extends BaseDataProps, S extends BaseDataState> extends EdaBasePanel<P, S> {\r\n    static contextType = SharedSampleRangeContext;\r\n    declare context: SharedSampleRange;\r\n\r\n    private latestRequestId: number = 0;\r\n\r\n    protected abstract renderContent(token: AliasToken): React.ReactNode;\r\n\r\n    protected abstract getDefaultDataBaseState(props: P): Omit<S, keyof BaseDataState>;\r\n\r\n    protected abstract onDataLoaded(data: {[id: number]: VectorValue[]}, vectors: SD_EM_Tree_Item[]): void;\r\n\r\n    protected onDataSourceChanged() {}\r\n\r\n    protected onLoadVectors(vectors: SD_EM_Tree_Item[]): SD_EM_Tree_Item[] {\r\n        return vectors;\r\n    }\r\n\r\n    async componentDidMount() {\r\n        if (this.props.type !== undefined && this.props.data) {\r\n            await this.loadData(this.props.type, this.props.data);\r\n        }\r\n    }\r\n\r\n    async componentDidUpdate(prevProps: Readonly<P>, _prevState: Readonly<S>) {\r\n        const {rangeContext, showTimeWindow, type, data, isActive} = this.props;\r\n        const {needsReload} = this.state;\r\n        const {btWindow, etWindow, btTotal, etTotal, sampling, step, vectorPage} = rangeContext;\r\n\r\n        const dataSourceChanged = prevProps.type !== type || prevProps.data !== data;\r\n        const windowChanged =\r\n            !prevProps.rangeContext.btWindow.isSame(btWindow) ||\r\n            !prevProps.rangeContext.etWindow.isSame(etWindow) ||\r\n            prevProps.rangeContext.step !== step;\r\n        const showTimeWindowChanged = prevProps.showTimeWindow !== showTimeWindow;\r\n        const rangeChanged =\r\n            prevProps.rangeContext.sampling !== sampling ||\r\n            prevProps.rangeContext.vectorPage !== vectorPage ||\r\n            prevProps.rangeContext.btTotal !== btTotal ||\r\n            prevProps.rangeContext.etTotal !== etTotal;\r\n        const totalChanged = prevProps.rangeContext.btTotal !== btTotal || prevProps.rangeContext.etTotal !== etTotal;\r\n        const shouldReload = dataSourceChanged || windowChanged || rangeChanged || showTimeWindowChanged || (!showTimeWindow && totalChanged);\r\n\r\n        if (type !== undefined && data !== undefined) {\r\n            // Reset pagination if the data source changed\r\n            if (dataSourceChanged) {\r\n                this.context.updateValues(btTotal, etTotal, sampling, 1);\r\n            }\r\n\r\n            if (dataSourceChanged || (prevProps.rangeContext.vectorPage !== vectorPage)) {\r\n                this.onDataSourceChanged();\r\n            }\r\n\r\n            if (isActive) {\r\n                if ((!prevProps.isActive && needsReload) || shouldReload) {\r\n                    this.setState({needsReload: false});\r\n                    await this.loadData(type, data);\r\n                }\r\n            } else if (shouldReload) {\r\n                this.setState({needsReload: true});\r\n            }\r\n        }\r\n    }\r\n\r\n    protected getDefaultBaseState(props: P): S {\r\n        this.handleError = this.handleError.bind(this);\r\n\r\n        return {\r\n            ...this.getDefaultState(),\r\n            ...this.getDefaultDataBaseState(props),\r\n        } as unknown as S;\r\n    }\r\n\r\n    protected renderPanel(token: AliasToken, _type: IdType, _data: VectorData | GroupData | ScenarioData): React.ReactNode {\r\n        const {api, size, rangeContext, showTimeWindow} = this.props;\r\n        const {loading} = this.state;\r\n        const {btTotal, etTotal, sampling, vectorPage, totalCount, step} = rangeContext;\r\n\r\n        return (\r\n            <Spin spinning={loading} indicator={this.renderIndicator()}>\r\n                <>\r\n                    <div>\r\n                        <EdaSampleRangePickerPanel\r\n                            bt={btTotal}\r\n                            et={etTotal}\r\n                            sampling={sampling}\r\n                            totalCount={totalCount}\r\n                            pageSize={api.pageSize}\r\n                            loading={loading}\r\n                            size={size}\r\n                            page={vectorPage}\r\n                            onChange={(bt, et, step, page) => {\r\n                                rangeContext.updateValues(bt, et, step, page);\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    {showTimeWindow &&\r\n                        <div>\r\n                            <EdaTimeWindowPickerPanel\r\n                                start={btTotal}\r\n                                end={etTotal}\r\n                                step={step}\r\n                                size={size}\r\n                                disabled={sampling === EdaSamplingType.Changes} // FIXME default -> ??\r\n                                onTimeWindowChanged={(bt, et, step) => {\r\n                                    rangeContext.updateTimeWindow(bt, et, step);\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    }\r\n                    {this.renderContent(token)}\r\n                </>\r\n            </Spin>\r\n        );\r\n    }\r\n\r\n    protected async loadVectorData(vectors: SD_EM_Tree_Item[]) {\r\n        const {api} = this.props;\r\n\r\n        const currentRequestId = ++this.latestRequestId;\r\n\r\n        try {\r\n            const {rangeContext, showTimeWindow} = this.props;\r\n            const {btTotal, etTotal, sampling} = rangeContext;\r\n            const result: { [id: number]: VectorValue[] } = [];\r\n            let {btWindow, etWindow} = rangeContext;\r\n\r\n            this.setState({loading: true, loadingPercentage: 0});\r\n\r\n            if (!showTimeWindow) {\r\n                btWindow = btTotal;\r\n                etWindow = etTotal;\r\n            }\r\n\r\n            this.setState({loadingCount: vectors.length});\r\n\r\n            if (currentRequestId !== this.latestRequestId) {\r\n                return;\r\n            }\r\n\r\n            for (let i = 0; i < vectors.length; i++) {\r\n                const vector = vectors[i];\r\n\r\n                this.setState({loadingVector: vector.DisplayName ?? \"\"});\r\n                result[vector.ID as number] = await api.readVectorValues(vector.ID as number, btWindow, etWindow, sampling).catch(this.handleError);\r\n                this.setState({loadingPercentage: (i + 1) / vectors.length * 100});\r\n            }\r\n\r\n            this.onDataLoaded?.(result, vectors);\r\n            this.setState({loadingPercentage: 100,});\r\n        } catch (e) {\r\n            console.error(e);\r\n            await api.cancelSession();\r\n        } finally {\r\n            if (currentRequestId === this.latestRequestId) {\r\n                this.setState({loading: false, loadingPercentage: 0});\r\n            }\r\n        }\r\n    }\r\n\r\n    private getDefaultState(): BaseDataState {\r\n        return {\r\n            needsReload: false,\r\n\r\n            loading: false,\r\n            loadingPercentage: 0,\r\n            loadingVector: \"\",\r\n            loadingCount: 0,\r\n        }\r\n    }\r\n\r\n    private renderIndicator(): React.ReactElement {\r\n        const {loadingCount, loadingPercentage, loadingVector} = this.state;\r\n        return (\r\n            <div className={\"progress\"}>\r\n                <div>\r\n                    <Progress\r\n                        type={\"dashboard\"}\r\n                        steps={loadingCount}\r\n                        percent={loadingPercentage}\r\n                        format={(percent) => Math.round(percent ?? 0) + \"%\"}\r\n                        trailColor=\"rgba(0, 0, 0, 0.06)\"\r\n                    />\r\n                    <Typography.Text style={{whiteSpace: \"nowrap\"}}>{loadingVector}</Typography.Text>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private async loadData(type: IdType, data: VectorData | GroupData | ScenarioData) {\r\n        const {api} = this.props;\r\n\r\n        const currentRequestId = ++this.latestRequestId;\r\n\r\n        try {\r\n            const {rangeContext, showTimeWindow} = this.props;\r\n            const {btTotal, etTotal, sampling, vectorPage} = rangeContext;\r\n            const result: { [id: number]: VectorValue[] } = [];\r\n            const columns: SD_EM_Tree_Item[] = [];\r\n            let {btWindow, etWindow} = rangeContext;\r\n\r\n            this.setState({loading: true, loadingPercentage: 0});\r\n\r\n            if (!showTimeWindow) {\r\n                btWindow = btTotal;\r\n                etWindow = etTotal;\r\n            }\r\n\r\n            switch (type) {\r\n                case IdType.GROUP:\r\n                case IdType.SCENARIO: {\r\n                    let vectors: {items: Partial<SD_EM_Tree_Item>[], leftCount: number};\r\n\r\n                    try {\r\n                        if (type === IdType.GROUP) {\r\n                            vectors = await api.getGroupVectors((data as GroupData).data.ID_SKVEKTOR, (vectorPage - 1) * api.pageSize);\r\n                        } else {\r\n                            vectors = await api.getScenarioVectors((data as ScenarioData).data.ID_SCENAR, (vectorPage - 1) * api.pageSize, undefined, true);\r\n                        }\r\n                    } catch (error) {\r\n                        console.error(error);\r\n                        vectors = {items: [], leftCount: 0};\r\n                    }\r\n\r\n                    vectors.items = this.onLoadVectors(vectors.items as SD_EM_Tree_Item[]); // load only visible vectors\r\n                    this.setState({loadingCount: vectors.items.length});\r\n\r\n                    if (vectorPage === 1) {\r\n                        this.context.updateTotalCount(vectors.items.length + vectors.leftCount);\r\n                    }\r\n\r\n                    if (currentRequestId !== this.latestRequestId) {\r\n                        return;\r\n                    }\r\n\r\n                    for (let i = 0; i < vectors.items.length; i++) {\r\n                        const vector = vectors.items[i];\r\n\r\n                        this.setState({loadingVector: vector.DisplayName ?? \"\"});\r\n                        result[vector.ID as number] = await api.readVectorValues(vector.ID as number, btWindow, etWindow, sampling).catch(this.handleError);\r\n                        columns.push(vector as SD_EM_Tree_Item);\r\n                        this.setState({loadingPercentage: (i + 1) / vectors.items.length * 100});\r\n                    }\r\n\r\n                    break;\r\n                }\r\n                case IdType.VECTOR: {\r\n                    const column = (data as VectorData).data;\r\n                    const id = (data as VectorData).data.ID_VEKTOR;\r\n\r\n                    this.setState({loadingCount: 1, loadingVector: column.ZOBRAZ_MENO});\r\n                    result[id] = await api.readVectorValues(id, btWindow, etWindow, sampling).catch(this.handleError);\r\n\r\n                    if (currentRequestId !== this.latestRequestId) {\r\n                        return;\r\n                    }\r\n\r\n                    columns.push({\r\n                        ID: column.ID_VEKTOR,\r\n                        DisplayName: column.ZOBRAZ_MENO,\r\n                        Name: column.MENO,\r\n                        ParentID: column.ID_SKVEKTOR,\r\n                        Path: \"\",\r\n                        Type: 0\r\n                    });\r\n                }\r\n            }\r\n\r\n            this.onDataLoaded?.(result, columns);\r\n            this.setState({loadingPercentage: 100,});\r\n        } catch (e) {\r\n            console.error(e);\r\n            await api.cancelSession();\r\n        } finally {\r\n            if (currentRequestId === this.latestRequestId) {\r\n                this.setState({loading: false, loadingPercentage: 0});\r\n            }\r\n        }\r\n    }\r\n\r\n    private async handleError(error: any) {\r\n        console.error(error)\r\n        await this.props.api.cancelSession();\r\n        return [];\r\n    }\r\n}"]}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { GroupData, IdType, ScenarioData, VectorData } from "../constants/edaTypes";
+import { SizeType } from "antd/lib/config-provider/SizeContext";
+import { BaseProps, BaseState, EdaBasePanel } from "./edaBasePanel";
+import { AliasToken } from "antd/es/theme/interface";
+import { Variant } from "antd/es/config-provider";
+interface Props extends BaseProps {
+    size?: SizeType;
+    variant?: Variant;
+}
+export declare class EdaDetailPanel extends EdaBasePanel<Props, BaseState> {
+    constructor(props: Readonly<Props>);
+    protected getDefaultBaseState(): BaseState;
+    protected renderPanel(_css: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode;
+}
+export {};

package/coreui/components/edaManagerComponent/components/edaDetailPanel.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { EdaVectorDetailPanel } from "./edaVectorDetailPanel";
+import { EdaGroupDetailPanel } from "./edaGroupDetailPanel";
+import { EdaScenarioDetailPanel } from "./edaScenarioDetailPanel";
+import { EdaBasePanel } from "./edaBasePanel";
+export class EdaDetailPanel extends EdaBasePanel {
+    constructor(props) {
+        super(props);
+    }
+    getDefaultBaseState() {
+        return {};
+    }
+    renderPanel(_css, type, data) {
+        const { size, variant } = this.props;
+        switch (type) {
+            case 0:
+                return React.createElement(EdaVectorDetailPanel, { data: data, size: size, variant: variant });
+            case 1:
+                return React.createElement(EdaGroupDetailPanel, { data: data, size: size, variant: variant });
+            case 2:
+                return React.createElement(EdaScenarioDetailPanel, { data: data, size: size, variant: variant });
+        }
+    }
+}
+//# sourceMappingURL=edaDetailPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edaDetailPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,oBAAoB,EAAC,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAuB,YAAY,EAAC,MAAM,gBAAgB,CAAC;AASlE,MAAM,OAAO,cAAe,SAAQ,YAA8B;IAC9D,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAES,mBAAmB;QACzB,OAAO,EAAE,CAAA;IACb,CAAC;IAES,WAAW,CAAC,IAAgB,EAAE,IAAY,EAAE,IAA2C;QAC7F,MAAM,EAAC,IAAI,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEnC,QAAQ,IAAI,EAAE,CAAC;YACX;gBACI,OAAO,oBAAC,oBAAoB,IAAC,IAAI,EAAE,IAAkB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;YAC5F;gBACI,OAAO,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAiB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;YAC1F;gBACI,OAAO,oBAAC,sBAAsB,IAAC,IAAI,EAAE,IAAoB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;QACpG,CAAC;IACL,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport {EdaVectorDetailPanel} from \"./edaVectorDetailPanel\";\r\nimport {EdaGroupDetailPanel} from \"./edaGroupDetailPanel\";\r\nimport {EdaScenarioDetailPanel} from \"./edaScenarioDetailPanel\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {BaseProps, BaseState, EdaBasePanel} from \"./edaBasePanel\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\n\r\ninterface Props extends BaseProps {\r\n    size?: SizeType\r\n    variant?: Variant\r\n}\r\n\r\nexport class EdaDetailPanel extends EdaBasePanel<Props, BaseState> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    protected getDefaultBaseState(): BaseState {\r\n        return {}\r\n    }\r\n\r\n    protected renderPanel(_css: AliasToken, type: IdType, data: VectorData | GroupData | ScenarioData): React.ReactNode {\r\n        const {size, variant} = this.props;\r\n\r\n        switch (type) {\r\n            case IdType.VECTOR:\r\n                return <EdaVectorDetailPanel data={data as VectorData} size={size} variant={variant} />;\r\n            case IdType.GROUP:\r\n                return <EdaGroupDetailPanel data={data as GroupData} size={size} variant={variant} />;\r\n            case IdType.SCENARIO:\r\n                return <EdaScenarioDetailPanel data={data as ScenarioData} size={size} variant={variant} />;\r\n        }\r\n    }\r\n}"]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { BaseDataProps } from "./edaDataBasePanel";
+interface Props extends BaseDataProps {
+    showChartLegend?: boolean;
+}
+declare const _default: (props: Omit<Props, "rangeContext">) => React.JSX.Element;
+export default _default;

package/coreui/components/edaManagerComponent/components/edaGraphPanel.js

@@ -0,0 +1,393 @@
+import React from "react";
+import { EdaBaseDataPanel } from "./edaDataBasePanel";
+import { withSharedSampleRangeContext } from "../context/sharedSampleRangeWrapper";
+import ReactEcharts from "echarts-for-react";
+import { Button, Checkbox, ConfigProvider, Space } from "antd";
+import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
+import i18n from "d2core/i18n/i18n";
+import dayjs from "d2core/dayjs";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined } from "@ant-design/icons";
+import { createStyles } from "antd-style";
+import WithCss from "d2coreui/components/style/withCss";
+import memoizeOne from "memoize-one";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            display: flex;
+            flex-direction: column;
+            gap: ${token.paddingXXS}px;
+
+            > .chart {
+                display: flex;
+                flex-direction: column;
+                flex: 1 1 auto;
+                border: 1px solid ${token.colorBorder};
+                border-radius: ${token.borderRadius}px;
+                padding: ${token.paddingXXS}px;
+
+                > div:first-child {
+                    display: flex;
+                    justify-content: flex-end;
+                }
+                
+                > .echarts-for-react {
+                    flex: 1 1 auto;
+                }
+            }
+            
+            > .legend {
+                position: relative;
+            }
+        `
+    };
+});
+const rowSelection = {
+    mode: "multiRow",
+    headerCheckbox: false,
+    checkboxes: false,
+};
+const colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];
+const ColoredCheckbox = ({ index, children, ...props }) => {
+    const theme = React.useMemo(() => ({
+        token: {
+            colorPrimary: colors[index % colors.length],
+        },
+        hashed: true,
+    }), [index]);
+    return (React.createElement(ConfigProvider, { theme: theme },
+        React.createElement(Checkbox, { ...props }, children)));
+};
+class EdaGraphPanel extends EdaBaseDataPanel {
+    constructor(props) {
+        super(props);
+        this.mask = LocaleHolder.getDateTimeFormat(true, false, false, true);
+        this.chartInstance = null;
+        this.tooltipFormatter = this.tooltipFormatter.bind(this);
+        this.legendSelectChanged = this.legendSelectChanged.bind(this);
+        this.checkboxCellRenderer = this.checkboxCellRenderer.bind(this);
+        this.onHeaderCheckboxToggle = this.onHeaderCheckboxToggle.bind(this);
+        this.getOptions = memoizeOne(this.getOptions);
+    }
+    async componentDidUpdate(prevProps, prevState) {
+        await super.componentDidUpdate(prevProps, prevState);
+        if (prevState.labelData !== this.state.labelData) {
+            this.setState({ columnDefs: this.getColumnDefs() });
+        }
+    }
+    getDefaultDataBaseState(props) {
+        return {
+            columnDefs: this.getColumnDefs(),
+            showLegend: props.showChartLegend,
+            dataZoom: false,
+        };
+    }
+    onDataLoaded(data, vectors) {
+        const { labelData } = this.state;
+        if (labelData === undefined) {
+            const chartSeries = vectors.map((v) => {
+                const values = data[v.ID] || [];
+                return {
+                    name: v.DisplayName ?? String(v.ID),
+                    id: v.ID,
+                    type: 'line',
+                    symbol: 'none',
+                    sampling: "minmax",
+                    step: "end",
+                    lineStyle: {
+                        width: 1,
+                    },
+                    data: values.map(v => [v.Value.valueTime, v.Value.value]),
+                    animationDuration: 300,
+                    animationEasing: 'exponentialOut',
+                };
+            });
+            const selectedMap = {};
+            const labels = vectors.map((v, index) => ({ ...v, id: index, visible: true, invalid: false }));
+            labels?.forEach(item => {
+                selectedMap[item.DisplayName] = item.visible;
+            });
+            this.chartInstance?.setOption({ series: chartSeries, legend: { selected: selectedMap } }, { replaceMerge: ['series'] });
+            this.setState({ labelData: labels });
+        }
+        else {
+            const newLabelData = [...labelData];
+            newLabelData.forEach((row) => {
+                const values = data[row.ID];
+                this.chartInstance?.setOption({ series: [{ name: row.DisplayName, id: row.ID, data: values?.map(v => [v.Value.valueTime, v.Value.value]) }] });
+                row.invalid = !values;
+            });
+            this.setState({ labelData: newLabelData });
+        }
+    }
+    onDataSourceChanged() {
+        this.setState({ labelData: undefined });
+    }
+    onLoadVectors(vectors) {
+        const { labelData } = this.state;
+        if (labelData) {
+            return vectors.filter((v) => labelData.find((l) => l.ID === v.ID && l.visible));
+        }
+        return vectors;
+    }
+    renderContent(token) {
+        const { showLegend } = this.state;
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement("div", { className: css.styles.baseLayout },
+            this.renderChart(token),
+            showLegend && this.renderLegend(token))));
+    }
+    renderChart(token) {
+        const { size } = this.props;
+        const { showLegend, dataZoom } = this.state;
+        return (React.createElement("div", { className: "chart" },
+            React.createElement(Space, null,
+                React.createElement(Button, { size: size, icon: React.createElement(StockOutlined, null), title: i18n("Show Legend"), type: showLegend ? "primary" : "default", onClick: () => this.setState({ showLegend: !showLegend }) }),
+                React.createElement(Space.Compact, null,
+                    React.createElement(Button, { size: size, icon: React.createElement(ZoomInOutlined, null), title: i18n("Zoom"), type: dataZoom ? "primary" : "default", onClick: () => {
+                            this.setState({ dataZoom: !dataZoom }, () => {
+                                this.chartInstance?.dispatchAction({ type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: this.state.dataZoom });
+                            });
+                        } }),
+                    React.createElement(Button, { size: size, icon: React.createElement(RetweetOutlined, null), title: i18n("Restore"), onClick: () => {
+                            this.setState({ dataZoom: false }, () => {
+                                this.chartInstance?.dispatchAction({ type: 'dataZoom', start: 0, end: 100 });
+                                this.chartInstance?.dispatchAction({ type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false });
+                            });
+                        } })),
+                React.createElement(Button, { size: size, icon: React.createElement(DownloadOutlined, null), title: i18n("Export as PNG"), onClick: () => {
+                        if (this.chartInstance) {
+                            const img = this.chartInstance.getDataURL({ type: 'png', pixelRatio: 2, backgroundColor: '#fff', excludeComponents: ['dataZoom', 'toolbox'] });
+                            const link = document.createElement("a");
+                            link.href = img;
+                            link.download = "chart.png";
+                            document.body.appendChild(link);
+                            link.click();
+                            document.body.removeChild(link);
+                        }
+                    } })),
+            React.createElement(ReactEcharts, { option: this.getOptions(token, !!showLegend), onChartReady: (instance) => {
+                    this.chartInstance = instance;
+                    instance.on("legendselectchanged", this.legendSelectChanged);
+                } })));
+    }
+    getOptions(token, showLegend) {
+        return {
+            grid: {
+                bottom: 60 + 2 * token.paddingXXS + (!showLegend ? 30 : 0),
+                top: token.padding
+            },
+            tooltip: {
+                backgroundColor: token.colorBgElevated,
+                borderColor: token.colorBorder,
+                textStyle: { color: token.colorText },
+                extraCssText: `box-shadow: ${token.boxShadowSecondary}; border-radius: ${token.borderRadius}px;`,
+                trigger: 'axis',
+                axisPointer: {
+                    type: 'cross',
+                },
+                appendTo: 'body',
+                formatter: this.tooltipFormatter
+            },
+            textStyle: {
+                fontFamily: token.fontFamily,
+                fontSize: token.fontSize,
+                color: token.colorText
+            },
+            xAxis: {
+                axisLine: { lineStyle: { color: token.colorTextSecondary } },
+                axisTick: { lineStyle: { color: token.colorTextTertiary } },
+                axisLabel: {
+                    color: token.colorTextSecondary,
+                    hideOverlap: true,
+                    formatter: (value) => dayjs(value).format(this.mask),
+                },
+                splitLine: { lineStyle: { color: token.colorBorder } },
+                type: 'time',
+                boundaryGap: [0, 0],
+                axisPointer: {
+                    label: {
+                        formatter: (value) => dayjs(value.value).format(this.mask),
+                    }
+                }
+            },
+            yAxis: {
+                axisLine: { lineStyle: { color: token.colorTextSecondary } },
+                axisTick: { lineStyle: { color: token.colorTextTertiary } },
+                axisLabel: { color: token.colorTextSecondary },
+                splitLine: { lineStyle: { color: token.colorBorder } },
+                type: 'value'
+            },
+            dataZoom: [
+                {
+                    bottom: showLegend ? token.paddingXXS + 8 : 40,
+                    left: 130,
+                    right: 130,
+                    type: 'slider',
+                    show: true,
+                    realtime: true,
+                    labelFormatter: (value) => dayjs(value).format(this.mask),
+                },
+                {
+                    type: 'inside',
+                    realtime: true,
+                }
+            ],
+            legend: {
+                show: !showLegend,
+                type: "scroll",
+                bottom: 0,
+            },
+            toolbox: {
+                show: true,
+                itemSize: 0,
+                right: 9999,
+                feature: {
+                    dataZoom: {
+                        yAxisIndex: 'none',
+                    },
+                    restore: {}
+                }
+            },
+            color: colors,
+        };
+    }
+    renderLegend(theme) {
+        const { columnDefs, labelData } = this.state;
+        const height = 35 + 28 * (labelData ?? []).length + 15;
+        return (React.createElement("div", { className: "legend", style: { flex: `0 0 ${height}px` } },
+            React.createElement(ExtendedDataGrid, { columnDefs: columnDefs, onLoadData: callback => {
+                    callback(1);
+                }, defaultGridConfiguration: {
+                    pageSize: -1,
+                }, onGridReady: (params) => {
+                    this.gridApi = params.api;
+                }, rowData: labelData, tablePanelStyle: { marginTop: `0 ${theme.paddingXXS}` }, panelStyle: { padding: `0 ${theme.paddingXXS}px` }, toolbar: {
+                    hideRecordCount: true,
+                    renderToolbar: () => React.createElement(React.Fragment, null)
+                }, search: {
+                    hidden: true,
+                    searchButtonHidden: true,
+                }, noRecordsOverlayRenderer: () => React.createElement(React.Fragment, null), rowSelection: rowSelection })));
+    }
+    legendSelectChanged(params) {
+        const { labelData } = this.state;
+        if (labelData !== undefined && this.chartInstance !== null) {
+            const name = params.name;
+            const result = [...labelData];
+            const row = result.find((r) => r.DisplayName === name);
+            if (row) {
+                row.visible = params.selected[name];
+                if (row.visible && row.invalid) {
+                    this.loadVectorData([row]);
+                    return;
+                }
+            }
+            this.setState({ labelData: result });
+        }
+    }
+    tooltipFormatter(p) {
+        const params = p;
+        const values = params[0].value;
+        const date = dayjs(values[0]).format(this.mask);
+        let list = `<div style="margin-bottom: 4px;">${date}</div>`;
+        params.forEach((item) => {
+            const values = item.value;
+            list += `<div style="display: flex; justify-content: space-between; align-items: center; min-width: 150px; gap: 20px;">`;
+            list += `<span style="display: flex; align-items: center;">${item.marker}<span style="margin-left: 5px;">${item.seriesName}</span></span>`;
+            list += `<span style="font-weight: bold;">${values[1] !== null ? LocaleHolder.formatNumber(values[1]) : "Invalid"}</span></div>`;
+        });
+        return list;
+    }
+    checkboxCellRenderer(params) {
+        const checked = params.data.visible;
+        return (React.createElement(ColoredCheckbox, { index: params.data.id, checked: checked, onChange: (event) => {
+                const { labelData } = this.state;
+                if (labelData) {
+                    const result = [...labelData];
+                    const row = labelData.find((l) => l.ID === params.data.ID);
+                    if (row) {
+                        row.visible = event.target.checked;
+                        this.chartInstance?.setOption({ legend: { selected: { [row.DisplayName]: row.visible } } });
+                        if (row.visible && row.invalid) {
+                            this.loadVectorData([row]);
+                            return;
+                        }
+                    }
+                    this.setState({ labelData: result });
+                }
+            } }));
+    }
+    onHeaderCheckboxToggle(checked) {
+        const { labelData } = this.state;
+        if (!labelData) {
+            return;
+        }
+        const nextLabelData = [...labelData];
+        const selectedMap = {};
+        nextLabelData.forEach((l) => {
+            l.visible = checked;
+            selectedMap[l.DisplayName] = checked;
+        });
+        this.chartInstance?.setOption({ legend: { selected: selectedMap } });
+        this.setState({ labelData: nextLabelData });
+    }
+    getColumnDefs() {
+        return [
+            {
+                field: "checkbox",
+                headerName: i18n("Checkbox"),
+                headerComponent: CustomHeader,
+                headerComponentParams: {
+                    labelData: this.state?.labelData,
+                    onToggle: this.onHeaderCheckboxToggle
+                },
+                maxWidth: 32,
+                width: 32,
+                minWidth: 32,
+                cellRenderer: this.checkboxCellRenderer,
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "DisplayName",
+                headerName: i18n("Name"),
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "Min",
+                headerName: i18n("Min"),
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "Max",
+                headerName: i18n("Max"),
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "Sum",
+                headerName: i18n("Sum"),
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "Average",
+                headerName: i18n("Average"),
+                group: i18n("Basic Columns")
+            },
+            {
+                field: "Units",
+                headerName: i18n("Units"),
+                group: i18n("Basic Columns")
+            },
+        ];
+    }
+}
+const CustomHeader = (props) => {
+    const { labelData, onToggle } = props;
+    const visibleCount = labelData?.filter((i) => i.visible).length ?? 0;
+    const totalCount = labelData?.length || 0;
+    return (React.createElement("div", { className: "custom-header-wrapper" },
+        React.createElement(Checkbox, { checked: totalCount > 0 && visibleCount === totalCount, indeterminate: visibleCount > 0 && visibleCount < totalCount, onChange: (e) => {
+                onToggle(e.target.checked);
+            } })));
+};
+export default withSharedSampleRangeContext(EdaGraphPanel);
+//# sourceMappingURL=edaGraphPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"edaGraphPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGraphPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {BaseDataProps, BaseDataState, EdaBaseDataPanel} from \"./edaDataBasePanel\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {withSharedSampleRangeContext} from \"../context/sharedSampleRangeWrapper\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\nimport {Button, Checkbox, CheckboxProps, ConfigProvider, Space, ThemeConfig} from \"antd\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {AliasToken} from \"antd/es/theme/interface\";\r\nimport {GridApi, GridReadyEvent, ICellRendererParams} from \"ag-grid-community\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {VectorValue} from \"../../../../api/eda/edaManagerApi\";\r\nimport * as echarts from 'echarts/core';\r\nimport {\r\n    DataZoomComponentOption,\r\n    ECharts,\r\n    GridComponentOption,\r\n    LegendComponentOption,\r\n    LineSeriesOption,\r\n    TitleComponentOption,\r\n    ToolboxComponentOption,\r\n    TooltipComponentOption,\r\n    XAXisComponentOption,\r\n    YAXisComponentOption\r\n} from \"echarts\";\r\nimport {RowSelectionOptions} from \"ag-grid-community/dist/types/src/entities/gridOptions\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {CallbackDataParams, ECBasicOption, TopLevelFormatterParams} from \"echarts/types/dist/shared\";\r\nimport {OptionDataValue} from \"echarts/types/src/util/types\";\r\nimport {DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined} from \"@ant-design/icons\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport memoizeOne from \"memoize-one\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n    return {\r\n        baseLayout: css`\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: ${token.paddingXXS}px;\r\n\r\n            > .chart {\r\n                display: flex;\r\n                flex-direction: column;\r\n                flex: 1 1 auto;\r\n                border: 1px solid ${token.colorBorder};\r\n                border-radius: ${token.borderRadius}px;\r\n                padding: ${token.paddingXXS}px;\r\n\r\n                > div:first-child {\r\n                    display: flex;\r\n                    justify-content: flex-end;\r\n                }\r\n                \r\n                > .echarts-for-react {\r\n                    flex: 1 1 auto;\r\n                }\r\n            }\r\n            \r\n            > .legend {\r\n                position: relative;\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\ntype ChartOption = echarts.ComposeOption<\r\n    LineSeriesOption |\r\n    TitleComponentOption |\r\n    TooltipComponentOption |\r\n    LegendComponentOption |\r\n    GridComponentOption |\r\n    XAXisComponentOption |\r\n    YAXisComponentOption |\r\n    DataZoomComponentOption |\r\n    ToolboxComponentOption\r\n> & ECBasicOption;\r\n\r\nconst rowSelection: RowSelectionOptions = {\r\n    mode: \"multiRow\",\r\n    headerCheckbox: false,\r\n    checkboxes: false,\r\n}\r\n\r\nconst colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];\r\n\r\ninterface ColoredCheckboxProps extends CheckboxProps {\r\n    index: number\r\n    children?: React.ReactNode\r\n}\r\n\r\nconst ColoredCheckbox: React.FC<ColoredCheckboxProps> = ({index, children, ...props}) => {\r\n    const theme: ThemeConfig = React.useMemo(() => ({\r\n        token: {\r\n            colorPrimary: colors[index % colors.length],\r\n        },\r\n        hashed: true,\r\n    }), [index]);\r\n\r\n    return (\r\n        <ConfigProvider theme={theme}>\r\n            <Checkbox {...props}>{children}</Checkbox>\r\n        </ConfigProvider>\r\n    )\r\n}\r\n\r\ninterface RowData extends SD_EM_Tree_Item {\r\n    id: number\r\n    visible: boolean\r\n    invalid: boolean\r\n}\r\n\r\ninterface Props extends BaseDataProps {\r\n    showChartLegend?: boolean\r\n}\r\n\r\ninterface State extends BaseDataState {\r\n    columnDefs: DataGridColDef[]\r\n    labelData?: RowData[]\r\n\r\n    showLegend?: boolean\r\n    dataZoom: boolean\r\n}\r\n\r\nclass EdaGraphPanel extends EdaBaseDataPanel<Props, State> {\r\n    private mask = LocaleHolder.getDateTimeFormat(true, false, false, true);\r\n    //@ts-ignore\r\n    private gridApi?: GridApi;\r\n    private chartInstance: ECharts | null = null;\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.tooltipFormatter = this.tooltipFormatter.bind(this);\r\n        this.legendSelectChanged = this.legendSelectChanged.bind(this);\r\n        this.checkboxCellRenderer = this.checkboxCellRenderer.bind(this);\r\n        this.onHeaderCheckboxToggle = this.onHeaderCheckboxToggle.bind(this);\r\n        this.getOptions = memoizeOne(this.getOptions);\r\n    }\r\n\r\n    async componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<State>): Promise<void> {\r\n        await super.componentDidUpdate(prevProps, prevState);\r\n\r\n        if (prevState.labelData !== this.state.labelData) {\r\n            this.setState({columnDefs: this.getColumnDefs()});\r\n        }\r\n    }\r\n\r\n    protected getDefaultDataBaseState(props: Props): Omit<State, keyof BaseDataState> {\r\n        return {\r\n            columnDefs: this.getColumnDefs(),\r\n\r\n            showLegend: props.showChartLegend,\r\n            dataZoom: false,\r\n        };\r\n    }\r\n\r\n    protected onDataLoaded(data: {[id: number]: VectorValue[]}, vectors: SD_EM_Tree_Item[]): void {\r\n        const {labelData} = this.state;\r\n\r\n        if (labelData === undefined) {\r\n            const chartSeries: LineSeriesOption[] = vectors.map((v): LineSeriesOption => {\r\n                const values = data[v.ID] || [];\r\n\r\n                return {\r\n                    name: v.DisplayName ?? String(v.ID),\r\n                    id: v.ID,\r\n                    type: 'line',\r\n                    symbol: 'none',\r\n                    sampling: \"minmax\",\r\n                    step: \"end\",\r\n                    lineStyle: {\r\n                        width: 1,\r\n                    },\r\n                    data: values.map(v => [v.Value.valueTime, v.Value.value]),\r\n                    animationDuration: 300,\r\n                    animationEasing: 'exponentialOut',\r\n                }\r\n            });\r\n            const selectedMap: Record<string, boolean> = {};\r\n            const labels = vectors.map((v, index): RowData => ({...v, id: index, visible: true, invalid: false}));\r\n\r\n            labels?.forEach(item => {\r\n                selectedMap[item.DisplayName] = item.visible;\r\n            });\r\n\r\n            this.chartInstance?.setOption<ChartOption>({series: chartSeries, legend: {selected: selectedMap}}, {replaceMerge: ['series']});\r\n            this.setState({labelData: labels});\r\n        } else {\r\n            const newLabelData = [...labelData];\r\n\r\n            newLabelData.forEach((row) => {\r\n                const values = data[row.ID];\r\n\r\n                this.chartInstance?.setOption<ChartOption>({series: [{name: row.DisplayName, id: row.ID, data: values?.map(v => [v.Value.valueTime, v.Value.value])}]});\r\n                row.invalid = !values;\r\n            });\r\n\r\n            this.setState({labelData: newLabelData});\r\n        }\r\n    }\r\n\r\n    protected onDataSourceChanged() {\r\n        this.setState({labelData: undefined});\r\n    }\r\n\r\n    protected onLoadVectors(vectors: SD_EM_Tree_Item[]): SD_EM_Tree_Item[] {\r\n        const {labelData} = this.state;\r\n\r\n        if (labelData) {\r\n            return vectors.filter((v) => labelData.find((l) => l.ID === v.ID && l.visible));\r\n        }\r\n\r\n        return vectors;\r\n    }\r\n\r\n    protected renderContent(token: AliasToken): React.ReactElement {\r\n        const {showLegend} = this.state;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <div className={css.styles.baseLayout}>\r\n                        {this.renderChart(token)}\r\n                        {showLegend && this.renderLegend(token)}\r\n                    </div>\r\n                }\r\n            </WithCss>\r\n        )\r\n    }\r\n\r\n    private renderChart(token: AliasToken) {\r\n        const {size} = this.props;\r\n        const {showLegend, dataZoom} = this.state;\r\n\r\n        return (\r\n            <div className = {\"chart\"}>\r\n                <Space>\r\n                    <Button\r\n                        size={size}\r\n                        icon={<StockOutlined/>}\r\n                        title={i18n(\"Show Legend\")}\r\n                        type={showLegend ? \"primary\" : \"default\"}\r\n                        onClick={() => this.setState({showLegend: !showLegend})}\r\n                    />\r\n                    <Space.Compact>\r\n                        <Button\r\n                            size={size}\r\n                            icon={<ZoomInOutlined/>}\r\n                            title={i18n(\"Zoom\")}\r\n                            type={dataZoom ? \"primary\" : \"default\"}\r\n                            onClick={() => {\r\n                                this.setState({dataZoom: !dataZoom}, () => {\r\n                                    this.chartInstance?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: this.state.dataZoom});\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Button\r\n                            size={size}\r\n                            icon={<RetweetOutlined/>}\r\n                            title={i18n(\"Restore\")}\r\n                            onClick={() => {\r\n                                this.setState({dataZoom: false}, () => {\r\n                                    this.chartInstance?.dispatchAction({type: 'dataZoom', start: 0, end: 100});\r\n                                    this.chartInstance?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false});\r\n                                });\r\n                            }}\r\n                        />\r\n                    </Space.Compact>\r\n                    <Button\r\n                        size={size}\r\n                        icon={<DownloadOutlined/>}\r\n                        title={i18n(\"Export as PNG\")}\r\n                        onClick={() => {\r\n                            if (this.chartInstance) {\r\n                                const img = this.chartInstance.getDataURL({type: 'png', pixelRatio: 2, backgroundColor: '#fff', excludeComponents: ['dataZoom', 'toolbox']});\r\n\r\n                                const link = document.createElement(\"a\");\r\n\r\n                                link.href = img;\r\n                                link.download = \"chart.png\";\r\n                                document.body.appendChild(link);\r\n                                link.click();\r\n                                document.body.removeChild(link);\r\n                            }\r\n                        }}\r\n                    />\r\n                </Space>\r\n                <ReactEcharts\r\n                    option={this.getOptions(token, !!showLegend)}\r\n                    onChartReady={(instance: ECharts) => {\r\n                        this.chartInstance = instance;\r\n                        instance.on(\"legendselectchanged\", this.legendSelectChanged);\r\n                    }}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private getOptions(token: AliasToken, showLegend: boolean): ChartOption {\r\n        return {\r\n            grid: {\r\n                bottom: 60 + 2 * token.paddingXXS + (!showLegend ? 30 : 0),\r\n                top: token.padding\r\n            },\r\n            tooltip: {\r\n                backgroundColor: token.colorBgElevated,\r\n                borderColor: token.colorBorder,\r\n                textStyle: {color: token.colorText},\r\n                extraCssText: `box-shadow: ${token.boxShadowSecondary}; border-radius: ${token.borderRadius}px;`,\r\n\r\n                trigger: 'axis',\r\n                axisPointer: {\r\n                    type: 'cross',\r\n                },\r\n                appendTo: 'body',\r\n                formatter: this.tooltipFormatter\r\n            },\r\n            textStyle: {\r\n                fontFamily: token.fontFamily,\r\n                fontSize: token.fontSize,\r\n                color: token.colorText\r\n            },\r\n            xAxis: {\r\n                axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n                axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n                axisLabel: {\r\n                    color: token.colorTextSecondary,\r\n                    hideOverlap: true,\r\n                    formatter: (value) => dayjs(value).format(this.mask),\r\n                },\r\n                splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n                type: 'time',\r\n                boundaryGap: [0, 0],\r\n                axisPointer: {\r\n                    label: {\r\n                        formatter: (value) => dayjs(value.value).format(this.mask),\r\n                    }\r\n                }\r\n            },\r\n            yAxis: {\r\n                axisLine: {lineStyle: {color: token.colorTextSecondary}},\r\n                axisTick: {lineStyle: {color: token.colorTextTertiary}},\r\n                axisLabel: {color: token.colorTextSecondary},\r\n                splitLine: {lineStyle: {color: token.colorBorder}},\r\n\r\n                type: 'value'\r\n            },\r\n            dataZoom: [\r\n                {\r\n                    bottom: showLegend ? token.paddingXXS + 8 : 40,\r\n                    left: 130,\r\n                    right: 130,\r\n                    type: 'slider',\r\n                    show: true,\r\n                    realtime: true,\r\n                    labelFormatter: (value) => dayjs(value).format(this.mask),\r\n                },\r\n                {\r\n                    type: 'inside',\r\n                    realtime: true,\r\n                }\r\n            ],\r\n            legend: {\r\n                show: !showLegend,\r\n                type: \"scroll\",\r\n                bottom: 0,\r\n            },\r\n            toolbox: {\r\n                show: true,\r\n                itemSize: 0,\r\n                right: 9999,\r\n                feature: {\r\n                    dataZoom: {\r\n                        yAxisIndex: 'none',\r\n                    },\r\n                    restore: {}\r\n                }\r\n            },\r\n            color: colors,\r\n        }\r\n    }\r\n\r\n    private renderLegend(theme: AliasToken) {\r\n        const {columnDefs, labelData} = this.state;\r\n        const height = 35 + 28 * (labelData ?? []).length + 15 /*scrollbar*/;\r\n\r\n        return (\r\n            <div className={\"legend\"} style={{flex: `0 0 ${height}px`}}>\r\n                <ExtendedDataGrid\r\n                    columnDefs={columnDefs}\r\n                    onLoadData={callback => {\r\n                        callback(1)\r\n                    }}\r\n                    defaultGridConfiguration={{\r\n                        pageSize: -1,\r\n                    }}\r\n                    onGridReady={(params: GridReadyEvent) => {\r\n                        this.gridApi = params.api;\r\n                    }}\r\n                    rowData={labelData}\r\n                    tablePanelStyle={{marginTop: `0 ${theme.paddingXXS}`}}\r\n                    panelStyle={{padding: `0 ${theme.paddingXXS}px`}}\r\n                    toolbar={{\r\n                        hideRecordCount: true,\r\n                        renderToolbar: () => <></>\r\n                    }}\r\n                    search={{\r\n                        hidden: true,\r\n                        searchButtonHidden: true,\r\n                    }}\r\n                    noRecordsOverlayRenderer={() => <></>}\r\n                    rowSelection={rowSelection}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private legendSelectChanged(params: any) {\r\n        const {labelData} = this.state;\r\n\r\n        if (labelData !== undefined && this.chartInstance !== null) {\r\n            const name: string = params.name;\r\n            const result = [...labelData];\r\n            const row = result.find((r) => r.DisplayName === name);\r\n\r\n            if (row) {\r\n                row.visible = params.selected[name];\r\n\r\n                if (row.visible && row.invalid) {\r\n                    this.loadVectorData([row]);\r\n                    return;\r\n                }\r\n            }\r\n\r\n            this.setState({labelData: result});\r\n        }\r\n    }\r\n\r\n    private tooltipFormatter(p: TopLevelFormatterParams) {\r\n        const params = p as CallbackDataParams[];\r\n        const values = params[0].value as OptionDataValue[];\r\n        const date = dayjs(values[0]).format(this.mask);\r\n        let list = `<div style=\"margin-bottom: 4px;\">${date}</div>`;\r\n\r\n        (params as CallbackDataParams[]).forEach((item) => {\r\n            const values = item.value as OptionDataValue[];\r\n            list += `<div style=\"display: flex; justify-content: space-between; align-items: center; min-width: 150px; gap: 20px;\">`;\r\n            list += `<span style=\"display: flex; align-items: center;\">${item.marker}<span style=\"margin-left: 5px;\">${item.seriesName}</span></span>`;\r\n            list += `<span style=\"font-weight: bold;\">${values[1] !== null ? LocaleHolder.formatNumber(values[1] as number) : \"Invalid\"}</span></div>`;\r\n        });\r\n\r\n        return list;\r\n    }\r\n\r\n    private checkboxCellRenderer(params: ICellRendererParams) {\r\n        const checked = params.data.visible;\r\n\r\n        return (\r\n            <ColoredCheckbox\r\n                index={params.data.id}\r\n                checked={checked}\r\n                onChange={(event) => {\r\n                    const {labelData} = this.state;\r\n\r\n                    if (labelData) {\r\n                        const result = [...labelData];\r\n                        const row = labelData.find((l) => l.ID === params.data.ID);\r\n\r\n                        if (row) {\r\n                            row.visible = event.target.checked;\r\n                            this.chartInstance?.setOption<ChartOption>({legend: {selected: {[row.DisplayName]: row.visible}}});\r\n\r\n                            if (row.visible && row.invalid) {\r\n                                this.loadVectorData([row]);\r\n                                return;\r\n                            }\r\n                        }\r\n\r\n                        this.setState({labelData: result});\r\n                    }\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    private onHeaderCheckboxToggle(checked: boolean) {\r\n        const {labelData} = this.state;\r\n\r\n        if (!labelData) {\r\n            return;\r\n        }\r\n\r\n        const nextLabelData = [...labelData];\r\n        const selectedMap: Record<string, boolean> = {};\r\n\r\n        nextLabelData.forEach((l) => {\r\n            l.visible = checked;\r\n            selectedMap[l.DisplayName] = checked;\r\n        });\r\n        this.chartInstance?.setOption<ChartOption>({legend: {selected: selectedMap}});\r\n        this.setState({labelData: nextLabelData});\r\n    }\r\n\r\n    private getColumnDefs(): DataGridColDef[] {\r\n        return [\r\n            {\r\n                field: \"checkbox\",\r\n                headerName: i18n(\"Checkbox\"),\r\n                headerComponent: CustomHeader,\r\n                headerComponentParams: {\r\n                    labelData: this.state?.labelData, // in constructor state doesn't exist\r\n                    onToggle: this.onHeaderCheckboxToggle\r\n                },\r\n                maxWidth: 32,\r\n                width: 32,\r\n                minWidth: 32,\r\n                cellRenderer: this.checkboxCellRenderer,\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"DisplayName\",\r\n                headerName: i18n(\"Name\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"Min\",\r\n                headerName: i18n(\"Min\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"Max\",\r\n                headerName: i18n(\"Max\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"Sum\",\r\n                headerName: i18n(\"Sum\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"Average\",\r\n                headerName: i18n(\"Average\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            {\r\n                field: \"Units\",\r\n                headerName: i18n(\"Units\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n        ]\r\n    }\r\n}\r\n\r\nconst CustomHeader = (props: {labelData?: RowData[], onToggle: (checked: boolean) => void}) => {\r\n    const {labelData, onToggle} = props;\r\n    const visibleCount = labelData?.filter((i) => i.visible).length ?? 0;\r\n    const totalCount = labelData?.length || 0;\r\n\r\n    return (\r\n        <div className=\"custom-header-wrapper\">\r\n            <Checkbox\r\n                checked={totalCount > 0 && visibleCount === totalCount}\r\n                indeterminate={visibleCount > 0 && visibleCount < totalCount}\r\n                onChange={(e) => {\r\n                    onToggle(e.target.checked);\r\n                }}\r\n            />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default withSharedSampleRangeContext(EdaGraphPanel);"]}

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

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