d2aura 26.0.13 → 26.0.14

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

@@ -1,405 +1,40 @@
-import React, { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { SharedSampleRangeContext } from "../context/sharedSampleRange";
+import React, { useContext, useEffect } from "react";
+import { SharedSampleRangeContext } from "../context/sharedSampleRangeContext";
 import { EdaVectorDataContext } from "../context/edaVectorDataContext";
-import { Button, Checkbox, ConfigProvider, Space, theme } from "antd";
-import { LocaleHolder } from "d2core/i18n/localeHolder";
-import { createStyles } from "antd-style";
-import { DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined } from "@ant-design/icons";
-import i18n from "d2core/i18n/i18n";
-import ReactEcharts from "echarts-for-react";
-import dayjs from "d2core/dayjs";
-import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
 import { EdaDataBasePanel } from "./edaDataBasePanel";
-import { formatValue } from "../utils/utils";
-const useStyles = createStyles(({ css, token }) => {
-    return {
-        baseLayout: css `
-            display: flex;
-            flex-direction: column;
-            gap: ${token.paddingXXS}px;
-            height: 100%;
-
-            > .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'];
-export const EdaGraphPanel = ({ api, pageSize, type, data, isActive, showTimeWindow, showChartLegend, size }) => {
-    const mask = LocaleHolder.getDateTimeFormat(true, false, false, true);
-    const css = useStyles();
+import { EdaChartViewer } from "./edaChartViewer";
+import { useEdaConfig } from "../context/edaConfigContext";
+export const EdaGraphPanel = ({ api, pageSize, data, isActive }) => {
+    const { detail } = useEdaConfig();
     const range = useContext(SharedSampleRangeContext);
     const dataContext = useContext(EdaVectorDataContext);
-    const chartInstance = useRef(null);
-    const chartContainerRef = useRef(null);
-    const gridApi = useRef(null);
-    const { token } = theme.useToken();
-    const [labelData, setLabelData] = useState(undefined);
-    const [showLegend, setShowLegend] = useState(!!showChartLegend);
-    const [dataZoom, setDataZoom] = useState(false);
-    const chartOptions = useMemo(() => ({
-        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: (p) => tooltipFormatter(p, mask, dataContext),
-        },
-        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,
-            },
-            splitLine: { lineStyle: { color: token.colorBorder } },
-            type: 'time',
-            boundaryGap: [0, 0],
-            axisPointer: {
-                label: {
-                    formatter: (value) => dayjs(value.value).format(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(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,
-    }), [token, showLegend, mask, dataContext?.vectors]);
-    const legendSelectChanged = (params) => {
-        if (chartInstance.current !== null) {
-            const name = params.name;
-            const row = dataContext?.vectors.find((r) => r.DisplayName === name);
-            if (row) {
-                dataContext?.toggleVectorVisibility(row.ID, params.selected[name]);
-            }
-        }
-    };
-    const legendSelectRef = useRef(legendSelectChanged);
-    useEffect(() => {
-        legendSelectRef.current = legendSelectChanged;
-    }, [legendSelectChanged]);
-    useEffect(() => {
-        if (!chartContainerRef.current || !chartInstance.current) {
-            return;
-        }
-        const resizeObserver = new ResizeObserver(() => {
-            chartInstance.current?.resize();
-        });
-        resizeObserver.observe(chartContainerRef.current);
-        return () => resizeObserver.disconnect();
-    }, []);
-    const renderChart = () => (React.createElement(Space, { direction: "vertical", 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: () => setShowLegend(!showLegend) }),
-            React.createElement(Space.Compact, null,
-                React.createElement(Button, { size: size, icon: React.createElement(ZoomInOutlined, null), title: i18n("Zoom"), type: dataZoom ? "primary" : "default", onClick: () => setDataZoom(!dataZoom) }),
-                React.createElement(Button, { size: size, icon: React.createElement(RetweetOutlined, null), title: i18n("Restore"), onClick: () => {
-                        setDataZoom(false);
-                        chartInstance.current?.dispatchAction({ type: 'dataZoom', start: 0, end: 100 });
-                        chartInstance.current?.dispatchAction({ type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false });
-                    } })),
-            React.createElement(Button, { size: size, icon: React.createElement(DownloadOutlined, null), title: i18n("Export as PNG"), onClick: () => {
-                    if (chartInstance.current) {
-                        const img = chartInstance.current.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("div", { style: { width: "100%", height: "100%" }, ref: chartContainerRef },
-            React.createElement(ReactEcharts, { style: { width: "100%", height: "100%" }, option: chartOptions, lazyUpdate: true, onChartReady: (instance) => {
-                    chartInstance.current = instance;
-                    instance.on("legendselectchanged", (params) => legendSelectRef.current(params));
-                } }))));
-    const renderLegend = () => {
-        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) => {
-                    gridApi.current = params.api;
-                }, rowData: labelData, tablePanelStyle: { marginTop: `0 ${token.paddingXXS}` }, panelStyle: { padding: `0 ${token.paddingXXS}px` }, toolbar: {
-                    hideRecordCount: true,
-                    renderToolbar: () => React.createElement(React.Fragment, null)
-                }, search: {
-                    hidden: true,
-                    searchButtonHidden: true,
-                }, noRecordsOverlayRenderer: () => React.createElement(React.Fragment, null), rowSelection: rowSelection })));
-    };
-    const onHeaderCheckboxToggle = async (checked) => {
-        dataContext?.setAllVectorVisibility(checked);
-    };
-    const checkboxCellRenderer = (params) => {
-        return (React.createElement(ColoredCheckbox, { index: params.data.id, checked: dataContext?.visible.has(params.data.ID), onChange: async (event) => {
-                const row = dataContext?.vectors.find((l) => l.ID === params.data.ID);
-                if (row) {
-                    dataContext?.toggleVectorVisibility(params.data.ID, event.target.checked);
-                }
-            } }));
-    };
-    const CustomHeader = (props) => {
-        return (React.createElement("div", { className: "custom-header-wrapper" },
-            React.createElement(Checkbox, { checked: dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible(), indeterminate: !dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible(), onChange: (e) => {
-                    props.onToggle(e.target.checked);
-                } })));
-    };
-    const getColumnDefs = () => ([
-        {
-            field: "checkbox",
-            headerName: i18n("Checkbox"),
-            headerComponent: CustomHeader,
-            headerComponentParams: {
-                onToggle: onHeaderCheckboxToggle
-            },
-            maxWidth: 32,
-            width: 32,
-            minWidth: 32,
-            cellRenderer: checkboxCellRenderer,
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "DisplayName",
-            headerName: i18n("Name"),
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "Min",
-            headerName: i18n("Min"),
-            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Min : undefined,
-            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),
-            type: ["alignRight"],
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "Max",
-            headerName: i18n("Max"),
-            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Max : undefined,
-            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),
-            type: ["alignRight"],
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "Sum",
-            headerName: i18n("Sum"),
-            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Sum : undefined,
-            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),
-            type: ["alignRight"],
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "Avg",
-            headerName: i18n("Average"),
-            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Avg : undefined,
-            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),
-            type: ["alignRight"],
-            group: i18n("Basic Columns")
-        },
-        {
-            field: "Units",
-            headerName: i18n("Units"),
-            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Units : undefined,
-            group: i18n("Basic Columns")
-        },
-    ]);
-    const columnDefs = useMemo(() => getColumnDefs(), [dataContext?.data, dataContext?.visible]);
-    useEffect(() => {
-        const selectedMap = {};
-        dataContext?.vectors.forEach((vector) => {
-            selectedMap[vector.DisplayName] = dataContext?.visible.has(vector.ID);
-        });
-        chartInstance.current?.setOption({ legend: { selected: selectedMap } });
-    }, [dataContext?.visible]);
     useEffect(() => {
-        if (type === undefined || data === undefined || !range || !dataContext) {
+        if (data === undefined || !range || !dataContext) {
             return;
         }
-        const dataSourceChanged = dataContext.loadedType !== type || dataContext.loadedData !== data;
+        const dataSourceChanged = dataContext.loadedData !== data;
         if (isActive) {
             if (dataSourceChanged) {
                 if (range.vectorPage !== 1) {
                     range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);
                 }
-                setLabelData(undefined);
-                dataContext.loadAllData(type, data);
+                dataContext.loadAllData(data);
                 return;
             }
-            dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));
-        }
-        else if (dataSourceChanged) {
-            setLabelData(undefined);
-        }
-    }, [isActive, type, data, showTimeWindow, range]);
-    useEffect(() => {
-        if (dataContext?.data && dataContext.initialized) {
-            if (labelData === undefined) {
-                const chartSeries = dataContext.vectors.map((v) => {
-                    const values = dataContext.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.data?.data?.map((v) => [v.Value.valueTime, v.Value.value]) ?? [],
-                        animationDuration: 300,
-                        animationEasing: 'exponentialOut',
-                    };
-                });
-                const selectedMap = {};
-                const labels = dataContext.vectors.map((v, index) => {
-                    const stats = dataContext.data[v.ID]?.data?.stats;
-                    return {
-                        ...v,
-                        id: index,
-                        Min: stats?.Min.value,
-                        Max: stats?.Max.value,
-                        Sum: stats?.Sum.value,
-                        Avg: stats?.Avg.value,
-                    };
-                });
-                labels?.forEach((item) => {
-                    selectedMap[item.DisplayName] = dataContext.isVectorVisible(item.ID);
-                });
-                chartInstance.current?.setOption({ series: chartSeries, legend: { selected: selectedMap } }, { replaceMerge: ['series'] });
-                setLabelData(labels);
+            if (dataContext.loadedRange?.vectorPage !== range.vectorPage) {
+                dataContext.loadAllData(data);
             }
             else {
-                const newLabelData = [...labelData];
-                newLabelData.forEach((row) => {
-                    const values = dataContext.data[row.ID]?.data;
-                    if (values?.data) {
-                        chartInstance.current?.setOption({ series: [{ name: row.DisplayName, id: row.ID, data: values.data.map(v => [v.Value.valueTime, v.Value.value]) }] });
-                        row.Min = values.stats?.Min.value;
-                        row.Max = values.stats?.Max.value;
-                        row.Sum = values.stats?.Sum.value;
-                        row.Avg = values.stats?.Avg.value;
-                    }
-                });
-                setLabelData(newLabelData);
+                dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));
             }
         }
-    }, [dataContext?.data, dataContext?.vectors, dataContext?.initialized]);
-    useEffect(() => {
-        chartInstance.current?.dispatchAction({ type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: dataZoom });
-    }, [dataZoom]);
+    }, [isActive, data, detail?.showTimeWindow, range]);
     if (range && dataContext) {
-        return (React.createElement(EdaDataBasePanel, { api: api, type: type, data: data, size: size, range: range, dataContext: dataContext, showTimeWindow: showTimeWindow, pageSize: pageSize },
-            React.createElement("div", { className: css.styles.baseLayout },
-                renderChart(),
-                showLegend && renderLegend())));
+        return (React.createElement(EdaDataBasePanel, { api: api, data: data, range: range, dataContext: dataContext, pageSize: pageSize },
+            React.createElement(EdaChartViewer, { vectors: dataContext.vectors, data: dataContext.data, visibleVectors: dataContext.visible, isDataInitialized: dataContext.initialized, onToggleVisibility: dataContext.toggleVectorVisibility, onToggleAllVisibility: dataContext.setAllVectorVisibility })));
     }
     else {
         return React.createElement("h1", null, "no data");
     }
 };
-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)));
-};
-const tooltipFormatter = (p, mask, dataContext) => {
-    const params = p;
-    const values = params[0].value;
-    const date = dayjs(values[0]).format(mask);
-    let list = `<div style="margin-bottom: 4px;">${date}</div>`;
-    params.forEach((item) => {
-        const values = item.value;
-        const vectorInfo = dataContext?.vectors.find((v) => v.DisplayName === item.seriesName);
-        if (vectorInfo) {
-            const value = values[1] !== null ? (formatValue(values[1], vectorInfo.RoundingType, vectorInfo.RoundingPlaces) + " " + (vectorInfo.Units ?? "")) : "Invalid";
-            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;">${value}</span></div>`;
-        }
-    });
-    return list;
-};
 //# sourceMappingURL=edaGraphPanel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edaGraphPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGraphPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useContext, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport EdaManagerApi, {VectorValuesData} from \"../../../../api/eda/edaManagerApi\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"../constants/edaTypes\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRange\";\r\nimport {EdaVectorDataContext, EdaVectorDataState} from \"../context/edaVectorDataContext\";\r\nimport {Button, Checkbox, CheckboxProps, ConfigProvider, Space, theme, ThemeConfig} from \"antd\";\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 {CallbackDataParams, ECBasicOption, TopLevelFormatterParams} from \"echarts/types/dist/shared\";\r\nimport {SD_EM_Tree_Item} from \"../../../../api/eda/generated/structures\";\r\nimport {RowSelectionOptions} from \"ag-grid-community/dist/types/src/entities/gridOptions\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {DownloadOutlined, RetweetOutlined, StockOutlined, ZoomInOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ReactEcharts from \"echarts-for-react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {OptionDataValue} from \"echarts/types/src/util/types\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {GridApi, GridReadyEvent, ICellRendererParams} from \"ag-grid-community\";\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {formatValue} from \"../utils/utils\";\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            height: 100%;\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 RowData extends SD_EM_Tree_Item {\r\n    id: number\r\n    Min?: number\r\n    Max?: number\r\n    Sum?: number\r\n    Avg?: number\r\n}\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    pageSize?: number\r\n    data?: VectorData | GroupData | ScenarioData\r\n    type?: IdType\r\n    isActive: boolean\r\n    showTimeWindow?: boolean\r\n    showChartLegend?: boolean\r\n    size?: SizeType\r\n}\r\n\r\nexport const EdaGraphPanel: FC<Props> = ({api, pageSize, type, data, isActive, showTimeWindow, showChartLegend, size}) => {\r\n    const mask = LocaleHolder.getDateTimeFormat(true, false, false, true);\r\n    const css = useStyles();\r\n    const range = useContext(SharedSampleRangeContext);\r\n    const dataContext = useContext(EdaVectorDataContext);\r\n    const chartInstance = useRef<ECharts | null>(null);\r\n    const chartContainerRef = useRef<HTMLDivElement>(null);\r\n    const gridApi = useRef<GridApi | null>(null);\r\n    const {token} = theme.useToken();\r\n    const [labelData, setLabelData] = useState<RowData[] | undefined>(undefined);\r\n    const [showLegend, setShowLegend] = useState<boolean>(!!showChartLegend);\r\n    const [dataZoom, setDataZoom] = useState(false);\r\n\r\n    const chartOptions = useMemo((): ChartOption => ({\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: (p) => tooltipFormatter(p, mask, dataContext),\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(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(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(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    }), [token, showLegend, mask, dataContext?.vectors]);\r\n\r\n    const legendSelectChanged = (params: any) => {\r\n        if (chartInstance.current !== null) {\r\n            const name: string = params.name;\r\n            const row = dataContext?.vectors.find((r) => r.DisplayName === name);\r\n\r\n            if (row) {\r\n                dataContext?.toggleVectorVisibility(row.ID, params.selected[name]);\r\n            }\r\n        }\r\n    }\r\n\r\n    const legendSelectRef = useRef(legendSelectChanged);\r\n\r\n    useEffect(() => {\r\n        legendSelectRef.current = legendSelectChanged;\r\n    }, [legendSelectChanged]);\r\n\r\n    useEffect(() => {\r\n        if (!chartContainerRef.current || !chartInstance.current) {\r\n            return;\r\n        }\r\n\r\n        const resizeObserver = new ResizeObserver(() => {\r\n            chartInstance.current?.resize();\r\n        });\r\n\r\n        resizeObserver.observe(chartContainerRef.current);\r\n\r\n        return () => resizeObserver.disconnect();\r\n    }, []);\r\n\r\n    const renderChart = () => (\r\n        <Space direction={\"vertical\"} 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={() => setShowLegend(!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={() => setDataZoom(!dataZoom)}\r\n                    />\r\n                    <Button\r\n                        size={size}\r\n                        icon={<RetweetOutlined/>}\r\n                        title={i18n(\"Restore\")}\r\n                        onClick={() => {\r\n                            setDataZoom(false);\r\n                            chartInstance.current?.dispatchAction({type: 'dataZoom', start: 0, end: 100});\r\n                            chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: false});\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 (chartInstance.current) {\r\n                            const img = chartInstance.current.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            <div style={{width: \"100%\", height: \"100%\"}} ref={chartContainerRef}>\r\n                <ReactEcharts\r\n                    style={{width: \"100%\", height: \"100%\"}}\r\n                    option={chartOptions}\r\n                    lazyUpdate\r\n                    onChartReady={(instance: ECharts) => {\r\n                        chartInstance.current = instance;\r\n                        instance.on(\"legendselectchanged\", (params) => legendSelectRef.current(params));\r\n                    }}\r\n                />\r\n            </div>\r\n        </Space>\r\n    );\r\n\r\n    const renderLegend = () => {\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                        gridApi.current = params.api;\r\n                    }}\r\n                    rowData={labelData}\r\n                    tablePanelStyle={{marginTop: `0 ${token.paddingXXS}`}}\r\n                    panelStyle={{padding: `0 ${token.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    const onHeaderCheckboxToggle = async (checked: boolean) => {\r\n        dataContext?.setAllVectorVisibility(checked);\r\n    }\r\n\r\n    const checkboxCellRenderer = (params: ICellRendererParams) => {\r\n        return (\r\n            <ColoredCheckbox\r\n                index={params.data.id}\r\n                checked={dataContext?.visible.has(params.data.ID)}\r\n                onChange={async (event) => {\r\n                    const row = dataContext?.vectors.find((l) => l.ID === params.data.ID);\r\n\r\n                    if (row) {\r\n                        dataContext?.toggleVectorVisibility(params.data.ID, event.target.checked);\r\n                    }\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    const CustomHeader = (props: { onToggle: (checked: boolean) => void }) => {\r\n        return (\r\n            <div className=\"custom-header-wrapper\">\r\n                <Checkbox\r\n                    checked={dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible()}\r\n                    indeterminate={!dataContext?.allVectorsVisible() && !dataContext?.noVectorsVisible()}\r\n                    onChange={(e) => {\r\n                        props.onToggle(e.target.checked);\r\n                    }}\r\n                />\r\n            </div>\r\n        );\r\n    };\r\n\r\n    const getColumnDefs = (): DataGridColDef[] => ([\r\n        {\r\n            field: \"checkbox\",\r\n            headerName: i18n(\"Checkbox\"),\r\n            headerComponent: CustomHeader,\r\n            headerComponentParams: {\r\n                onToggle: onHeaderCheckboxToggle\r\n            },\r\n            maxWidth: 32,\r\n            width: 32,\r\n            minWidth: 32,\r\n            cellRenderer: 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            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Min : undefined,\r\n            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n            type: [\"alignRight\"],\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n        {\r\n            field: \"Max\",\r\n            headerName: i18n(\"Max\"),\r\n            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Max : undefined,\r\n            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n            type: [\"alignRight\"],\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n        {\r\n            field: \"Sum\",\r\n            headerName: i18n(\"Sum\"),\r\n            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Sum : undefined,\r\n            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n            type: [\"alignRight\"],\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n        {\r\n            field: \"Avg\",\r\n            headerName: i18n(\"Average\"),\r\n            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Avg : undefined,\r\n            valueFormatter: (props) => formatValue(props.value, props.data.RoundingType, props.data.RoundingPlaces),\r\n            type: [\"alignRight\"],\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n        {\r\n            field: \"Units\",\r\n            headerName: i18n(\"Units\"),\r\n            valueGetter: (props) => dataContext?.visible.has(props.data.ID) ? props.data.Units : undefined,\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n    ]);\r\n\r\n    const columnDefs = useMemo(() => getColumnDefs(), [dataContext?.data, dataContext?.visible]);\r\n\r\n    useEffect(() => {\r\n        const selectedMap: Record<string, boolean> = {};\r\n\r\n        dataContext?.vectors.forEach((vector) => {\r\n            selectedMap[vector.DisplayName] = dataContext?.visible.has(vector.ID);\r\n        });\r\n\r\n        chartInstance.current?.setOption<ChartOption>({legend: {selected: selectedMap}});\r\n    }, [dataContext?.visible]);\r\n\r\n    useEffect(() => {\r\n        if (type === undefined || data === undefined || !range || !dataContext) {\r\n            return;\r\n        }\r\n\r\n        const dataSourceChanged = dataContext.loadedType !== type || dataContext.loadedData !== data;\r\n\r\n        if (isActive) {\r\n            if (dataSourceChanged) {\r\n                if (range.vectorPage !== 1) {\r\n                    range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);\r\n                }\r\n\r\n                setLabelData(undefined);\r\n                dataContext.loadAllData(type, data);\r\n                return;\r\n            }\r\n\r\n            dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));\r\n        } else if (dataSourceChanged) {\r\n            setLabelData(undefined);\r\n        }\r\n    }, [isActive, type, data, showTimeWindow, range]);\r\n\r\n    useEffect(() => {\r\n        if (dataContext?.data && dataContext.initialized) {\r\n            if (labelData === undefined) {\r\n                const chartSeries: LineSeriesOption[] = dataContext.vectors.map((v): LineSeriesOption => {\r\n                    const values = dataContext.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.data?.data?.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 = dataContext.vectors.map((v, index): RowData => {\r\n                    const stats = dataContext.data[v.ID]?.data?.stats;\r\n                    return {\r\n                        ...v,\r\n                        id: index,\r\n                        Min: stats?.Min.value as number,\r\n                        Max: stats?.Max.value as number,\r\n                        Sum: stats?.Sum.value as number,\r\n                        Avg: stats?.Avg.value as number,\r\n                    }\r\n                });\r\n\r\n                labels?.forEach((item) => {\r\n                    selectedMap[item.DisplayName] = dataContext.isVectorVisible(item.ID);\r\n                });\r\n\r\n                chartInstance.current?.setOption<ChartOption>({series: chartSeries, legend: {selected: selectedMap}}, {replaceMerge: ['series']});\r\n                setLabelData(labels);\r\n            } else {\r\n                const newLabelData = [...labelData];\r\n\r\n                newLabelData.forEach((row) => {\r\n                    const values = dataContext.data[row.ID]?.data as VectorValuesData | undefined;\r\n\r\n                    if (values?.data) {\r\n                        chartInstance.current?.setOption<ChartOption>({series: [{name: row.DisplayName, id: row.ID, data: values.data.map(v => [v.Value.valueTime, v.Value.value])}]});\r\n                        row.Min = values.stats?.Min.value as number;\r\n                        row.Max = values.stats?.Max.value as number;\r\n                        row.Sum = values.stats?.Sum.value as number;\r\n                        row.Avg = values.stats?.Avg.value as number;\r\n                    }\r\n                });\r\n\r\n                setLabelData(newLabelData);\r\n            }\r\n        }\r\n    }, [dataContext?.data, dataContext?.vectors, dataContext?.initialized]);\r\n\r\n    useEffect(() => {\r\n        chartInstance.current?.dispatchAction({type: 'takeGlobalCursor', key: 'dataZoomSelect', dataZoomSelectActive: dataZoom});\r\n    }, [dataZoom]);\r\n\r\n    if (range && dataContext) {\r\n        return (\r\n            <EdaDataBasePanel\r\n                api={api}\r\n                type={type}\r\n                data={data}\r\n                size={size}\r\n                range={range}\r\n                dataContext={dataContext}\r\n                showTimeWindow={showTimeWindow}\r\n                pageSize={pageSize}\r\n            >\r\n                <div className={css.styles.baseLayout}>\r\n                    {renderChart()}\r\n                    {showLegend && renderLegend()}\r\n                </div>\r\n            </EdaDataBasePanel>\r\n        );\r\n    } else {\r\n        return <h1>no data</h1>\r\n    }\r\n}\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\nconst tooltipFormatter = (p: TopLevelFormatterParams, mask: string, dataContext?: EdaVectorDataState) => {\r\n    const params = p as CallbackDataParams[];\r\n    const values = params[0].value as OptionDataValue[];\r\n    const date = dayjs(values[0]).format(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        const vectorInfo = dataContext?.vectors.find((v) => v.DisplayName === item.seriesName);\r\n\r\n        if (vectorInfo) {\r\n            const value = values[1] !== null ? (formatValue(values[1] as number, vectorInfo.RoundingType, vectorInfo.RoundingPlaces) + \" \" + (vectorInfo.Units ?? \"\")) : \"Invalid\";\r\n\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;\">${value}</span></div>`;\r\n        }\r\n    });\r\n\r\n    return list;\r\n}"]}
+{"version":3,"file":"edaGraphPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/components/edaGraphPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,UAAU,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAGvD,OAAO,EAAC,wBAAwB,EAAC,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AASzD,MAAM,CAAC,MAAM,aAAa,GAAc,CAAC,EAAC,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACxE,MAAM,EAAC,MAAM,EAAC,GAAG,YAAY,EAAE,CAAC;IAEhC,MAAM,KAAK,GAAG,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACnD,MAAM,WAAW,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,IAAI,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YAC/C,OAAO;QACX,CAAC;QAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,UAAU,KAAK,IAAI,CAAC;QAE1D,IAAI,QAAQ,EAAE,CAAC;YACX,IAAI,iBAAiB,EAAE,CAAC;gBACpB,IAAI,KAAK,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC;oBACzB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACxE,CAAC;gBACD,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,OAAO;YACX,CAAC;YAED,IAAI,WAAW,CAAC,WAAW,EAAE,UAAU,KAAK,KAAK,CAAC,UAAU,EAAE,CAAC;gBAC3D,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC;iBAAM,CAAC;gBACJ,WAAW,CAAC,mBAAmB,CAAC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACtG,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpD,IAAI,KAAK,IAAI,WAAW,EAAE,CAAC;QACvB,OAAO,CACH,oBAAC,gBAAgB,IACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;YAElB,oBAAC,cAAc,IACX,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,IAAI,EAAE,WAAW,CAAC,IAAI,EACtB,cAAc,EAAE,WAAW,CAAC,OAAO,EACnC,iBAAiB,EAAE,WAAW,CAAC,WAAW,EAC1C,kBAAkB,EAAE,WAAW,CAAC,sBAAsB,EACtD,qBAAqB,EAAE,WAAW,CAAC,sBAAsB,GAC3D,CACa,CACtB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,0CAAgB,CAAA;IAC3B,CAAC;AACL,CAAC,CAAA","sourcesContent":["import React, {FC, useContext, useEffect} from \"react\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {TypedData} from \"../constants/edaTypes\";\r\nimport {SharedSampleRangeContext} from \"../context/sharedSampleRangeContext\";\r\nimport {EdaVectorDataContext} from \"../context/edaVectorDataContext\";\r\nimport {EdaDataBasePanel} from \"./edaDataBasePanel\";\r\nimport {EdaChartViewer} from \"./edaChartViewer\";\r\nimport {useEdaConfig} from \"../context/edaConfigContext\";\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    pageSize?: number\r\n    data?: TypedData\r\n    isActive: boolean\r\n}\r\n\r\nexport const EdaGraphPanel: FC<Props> = ({api, pageSize, data, isActive}) => {\r\n    const {detail} = useEdaConfig();\r\n\r\n    const range = useContext(SharedSampleRangeContext);\r\n    const dataContext = useContext(EdaVectorDataContext);\r\n\r\n    useEffect(() => {\r\n        if (data === undefined || !range || !dataContext) {\r\n            return;\r\n        }\r\n\r\n        const dataSourceChanged = dataContext.loadedData !== data;\r\n\r\n        if (isActive) {\r\n            if (dataSourceChanged) {\r\n                if (range.vectorPage !== 1) {\r\n                    range.updateValues(range.btTotal, range.etTotal, range.sampling, 1);\r\n                }\r\n                dataContext.loadAllData(data);\r\n                return;\r\n            }\r\n\r\n            if (dataContext.loadedRange?.vectorPage !== range.vectorPage) {\r\n                dataContext.loadAllData(data);\r\n            } else {\r\n                dataContext.loadSpecificVectors(dataContext.vectors.filter((v) => dataContext.visible.has(v.ID)));\r\n            }\r\n        }\r\n    }, [isActive, data, detail?.showTimeWindow, range]);\r\n\r\n    if (range && dataContext) {\r\n        return (\r\n            <EdaDataBasePanel\r\n                api={api}\r\n                data={data}\r\n                range={range}\r\n                dataContext={dataContext}\r\n                pageSize={pageSize}\r\n            >\r\n                <EdaChartViewer\r\n                    vectors={dataContext.vectors}\r\n                    data={dataContext.data}\r\n                    visibleVectors={dataContext.visible}\r\n                    isDataInitialized={dataContext.initialized}\r\n                    onToggleVisibility={dataContext.toggleVectorVisibility}\r\n                    onToggleAllVisibility={dataContext.setAllVectorVisibility}\r\n                />\r\n            </EdaDataBasePanel>\r\n        );\r\n    } else {\r\n        return <h1>no data</h1>\r\n    }\r\n}"]}

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

@@ -1,18 +1,7 @@
-import React from "react";
-import { GroupData } from "../constants/edaTypes";
-import { SizeType } from "antd/lib/config-provider/SizeContext";
-import { Variant } from "antd/es/config-provider";
+import { FC } from "react";
+import { GroupData } from "../../../../api/eda/edaManagerApi";
 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 declare const EdaGroupDetailPanel: FC<Props>;
 export {};