d2aura 23.0.4 → 23.0.5

package/coreui/components/colorTag/colorTag.js

@@ -6,7 +6,7 @@ export default class ColorTag extends React.Component {
         super(props);
     }
     render() {
-        const { color, title, style, children, ...rest } = this.props;
+        const { color, style, children, ...rest } = this.props;
         return (React.createElement(Tag, { style: {
                 color: color?.startsWith("#") ? ColorUtils.invertColor(color.substring(0, 7), true) : undefined,
                 fontSize: 12,

package/coreui/components/colorTag/colorTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorTag.js","sourceRoot":"","sources":["../../../../../coreui/components/colorTag/colorTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAW,MAAM,MAAM,CAAC;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IACxD,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE5D,OAAO,CACH,oBAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC/F,QAAQ,EAAE,EAAE;gBACZ,GAAG,KAAK;aACX,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,KACX,IAAI,IAEP,QAAQ,CACP,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport ColorUtils from \"d2coreui/components/color/colorUtils\";\r\nimport {Tag, TagProps} from \"antd\";\r\n\r\ninterface Props extends TagProps {\r\n}\r\n\r\nexport default class ColorTag extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const {color, title, style, children, ...rest} = this.props;\r\n\r\n        return (\r\n            <Tag\r\n                style={{\r\n                    color: color?.startsWith(\"#\") ? ColorUtils.invertColor(color.substring(0, 7), true) : undefined,\r\n                    fontSize: 12,\r\n                    ...style\r\n                }}\r\n                color={color}\r\n                bordered={false}\r\n                {...rest}\r\n            >\r\n                {children}\r\n            </Tag>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"colorTag.js","sourceRoot":"","sources":["../../../../../coreui/components/colorTag/colorTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAC,GAAG,EAAW,MAAM,MAAM,CAAC;AAKnC,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,KAAK,CAAC,SAAgB;IACxD,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAErD,OAAO,CACH,oBAAC,GAAG,IACA,KAAK,EAAE;gBACH,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;gBAC/F,QAAQ,EAAE,EAAE;gBACZ,GAAG,KAAK;aACX,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,KACX,IAAI,IAEP,QAAQ,CACP,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport ColorUtils from \"d2coreui/components/color/colorUtils\";\r\nimport {Tag, TagProps} from \"antd\";\r\n\r\ninterface Props extends TagProps {\r\n}\r\n\r\nexport default class ColorTag extends React.Component<Props> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const {color, style, children, ...rest} = this.props;\r\n\r\n        return (\r\n            <Tag\r\n                style={{\r\n                    color: color?.startsWith(\"#\") ? ColorUtils.invertColor(color.substring(0, 7), true) : undefined,\r\n                    fontSize: 12,\r\n                    ...style\r\n                }}\r\n                color={color}\r\n                bordered={false}\r\n                {...rest}\r\n            >\r\n                {children}\r\n            </Tag>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/d2Chart/d2ChartPanel.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { UnixTime } from "d2jsapi";
 import { D2ChartTableItem } from "./d2ChartTablePanel";
 import { D2ChartRecord, D2ChartSeriesItem, MarkArea, MarkAreaData } from "../../../api/types/d2ChartTypes";
-export interface Props {
+export interface D2ChartPanelProps {
     d2ChartSeries: D2ChartSeriesItem[];
     d2ChartRecords: D2ChartRecord[];
     d2ChartCalendarRecords?: D2ChartRecord[];
@@ -21,13 +21,13 @@ interface State {
     calendarDataVisible: boolean;
     missingDataVisible: boolean;
 }
-export default class D2ChartPanel extends React.Component<Props, State> {
+export default class D2ChartPanel extends React.Component<D2ChartPanelProps, State> {
     private static SAMPLING_MODE;
     private chartInstance;
     private d2ChartPanelInModal;
     private d2ChartTablePanel;
-    constructor(props: Readonly<Props>);
-    componentDidUpdate(prevProps: Readonly<Props>): void;
+    constructor(props: Readonly<D2ChartPanelProps>);
+    componentDidUpdate(prevProps: Readonly<D2ChartPanelProps>): void;
     private onSwitchLegend;
     private onSwitchCalendarData;
     private prepareCalendarMarkarea;
@@ -40,7 +40,6 @@ export default class D2ChartPanel extends React.Component<Props, State> {
     private getTableItems;
     private getDatasetSource;
     onReload(): void;
-    resize(): void;
     private renderToolbox;
     private renderModalDialog;
     render(): React.JSX.Element;

package/coreui/components/d2Chart/d2ChartPanel.js

@@ -3,7 +3,7 @@ import ReactEcharts from "echarts-for-react";
 import { compactChartOptions, d2ChartOptions } from "./d2ChartOptions";
 import { at } from "lodash";
 import i18n from "d2core/i18n/i18n";
-import { Empty } from "antd";
+import { Empty, Splitter } from "antd";
 import isEqual from "lodash/isEqual";
 import D2ChartTablePanel from "./d2ChartTablePanel";
 import { ModalDialog } from "d2coreui/components/modal/modalDialog";
@@ -246,9 +246,6 @@ class D2ChartPanel extends React.Component {
             missingData: missingData,
         });
     }
-    resize() {
-        this.chartInstance?.resize();
-    }
     renderToolbox() {
         return (React.createElement(D2ChartToolboxPanel, { missingData: this.state.missingData, calendarDataVisible: this.state.calendarDataVisible, missingDataVisible: this.state.missingDataVisible, showCalendarIcon: !!this.props.d2ChartCalendarRecords, onSwitchCalendarData: () => {
                 this.setState({ calendarDataVisible: !this.state.calendarDataVisible }, () => {
@@ -273,7 +270,6 @@ class D2ChartPanel extends React.Component {
             }, compact: this.props.compact, onFullScreen: () => {
                 this.setState({ modalVisible: true }, () => {
                     setTimeout(() => this.d2ChartPanelInModal?.onReload());
-                    setTimeout(() => this.d2ChartPanelInModal?.resize());
                 });
             } }));
     }
@@ -302,21 +298,25 @@ class D2ChartPanel extends React.Component {
             if (computedTableHeight === "auto") {
                 computedTableHeight = 62 + this.props.d2ChartSeries.length * 28;
             }
-            return (React.createElement("div", { style: { position: "relative", ...style } },
+            return (React.createElement("div", { style: { position: "relative", height: "100%" } },
                 this.renderModalDialog(),
                 this.renderToolbox(),
-                React.createElement(ReactEcharts, { style: { height: `calc(100% - ${computedTableHeight}px)` }, onChartReady: instance => {
-                        this.chartInstance = instance;
-                        const zr = instance.getZr();
-                        zr.on("mouseout", () => {
-                            const tableItems = this.state.tableItems;
-                            tableItems.forEach(value => value.tooltipValue = undefined);
-                            this.setState({ tableItems: tableItems, tooltipTime: undefined }, () => {
-                                this.d2ChartTablePanel?.updateGrid();
-                            });
-                        });
-                    }, option: this.props.compact ? compactChartOptions : d2ChartOptions }),
-                React.createElement(D2ChartTablePanel, { style: { height: computedTableHeight, ...this.props.tableWrapperStyle }, ref: component => this.d2ChartTablePanel = component, tableItems: this.state.tableItems, tooltipTime: this.state.tooltipTime, onSwitchLegend: this.onSwitchLegend })));
+                React.createElement(Splitter, { layout: "vertical", style: { height: "calc(100% - 4px)" } },
+                    React.createElement(Splitter.Panel, { style: { overflow: "hidden", paddingBottom: 6 } },
+                        React.createElement(ReactEcharts, { style: { height: "100%" }, onChartReady: instance => {
+                                this.chartInstance = instance;
+                                const zr = instance.getZr();
+                                zr.on("mouseout", () => {
+                                    const tableItems = this.state.tableItems;
+                                    tableItems.forEach(value => value.tooltipValue = undefined);
+                                    this.setState({ tableItems: tableItems, tooltipTime: undefined }, () => {
+                                        this.d2ChartTablePanel?.updateGrid();
+                                    });
+                                });
+                                setTimeout(() => instance.resize(), 50);
+                            }, option: this.props.compact ? compactChartOptions : d2ChartOptions })),
+                    React.createElement(Splitter.Panel, { collapsible: true, defaultSize: computedTableHeight, max: 2 * computedTableHeight },
+                        React.createElement(D2ChartTablePanel, { style: { height: "100%", ...this.props.tableWrapperStyle }, ref: component => this.d2ChartTablePanel = component, tableItems: this.state.tableItems, tooltipTime: this.state.tooltipTime, onSwitchLegend: this.onSwitchLegend })))));
         }
     }
 }

package/coreui/components/d2Chart/d2ChartPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"d2ChartPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/d2Chart/d2ChartPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ReactEcharts, {EChartsInstance, EChartsOption} from \"echarts-for-react\";\r\nimport {compactChartOptions, d2ChartOptions} from \"./d2ChartOptions\";\r\nimport {at} from \"lodash\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Empty} from \"antd\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport D2ChartTablePanel, {D2ChartTableItem} from \"./d2ChartTablePanel\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport D2ChartToolboxPanel from \"./d2ChartToolboxPanel\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport {D2ChartRecord, D2ChartSeriesItem, LineStyleEnum, MarkArea, MarkAreaData} from \"../../../api/types/d2ChartTypes\";\r\nimport D2ChartUtils from \"../../../api/util/d2ChartUtils\";\r\n\r\ninterface SeriesItem {\r\n    name: string,\r\n    type: string,\r\n    sampling: string,\r\n    symbol?: string,\r\n    step?: string,\r\n    color?: string,\r\n    encode?: { x: string, y: string },\r\n    markArea?: MarkArea\r\n}\r\n\r\nexport interface Props {\r\n    d2ChartSeries: D2ChartSeriesItem[]\r\n    d2ChartRecords: D2ChartRecord[]\r\n    d2ChartCalendarRecords?: D2ChartRecord[]\r\n    loading?: boolean\r\n\r\n    markArea?: MarkArea\r\n    compact?: boolean\r\n    yAxisLabel?: string\r\n\r\n    tableHeight: number | \"auto\"\r\n    tableWrapperStyle?: Omit<React.CSSProperties, \"height\">\r\n}\r\n\r\ninterface State {\r\n    tableItems: D2ChartTableItem[]\r\n    tooltipTime?: UnixTime\r\n    missingData: MarkAreaData[][]\r\n\r\n    modalVisible: boolean\r\n    calendarDataVisible: boolean\r\n    missingDataVisible: boolean\r\n}\r\n\r\nexport default class D2ChartPanel extends React.Component<Props, State> {\r\n    private static SAMPLING_MODE = \"minmax\";\r\n    private chartInstance: EChartsInstance | null = null;\r\n    private d2ChartPanelInModal: D2ChartPanel | null = null;\r\n    private d2ChartTablePanel: D2ChartTablePanel | null = null;\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            tableItems: [],\r\n            missingData: [],\r\n            modalVisible: false,\r\n            calendarDataVisible: false,\r\n            missingDataVisible: true,\r\n        }\r\n\r\n        this.onSwitchCalendarData = this.onSwitchCalendarData.bind(this);\r\n        this.onSwitchLegend = this.onSwitchLegend.bind(this);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<Props>) {\r\n        if (!isEqual(this.props.markArea, prevProps.markArea) && this.props.d2ChartRecords.length > 0) {\r\n            this.onReload();\r\n        }\r\n    }\r\n\r\n    private onSwitchLegend(name: string) {\r\n        const tableData = this.state.tableItems;\r\n        const d2ChartTableItem = tableData.find(value => value.id === name);\r\n\r\n        if (d2ChartTableItem) {\r\n            this.chartInstance.dispatchAction({\r\n                type: d2ChartTableItem.visible ? \"legendUnSelect\" : \"legendSelect\",\r\n                name: name,\r\n            });\r\n\r\n            d2ChartTableItem.visible = !d2ChartTableItem.visible\r\n            this.setState({tableItems: tableData}, () => this.d2ChartTablePanel?.updateGrid());\r\n        }\r\n    }\r\n\r\n    private onSwitchCalendarData() {\r\n        const calendarDataVisible = this.state.calendarDataVisible;\r\n        const option = this.chartInstance.getOption();\r\n\r\n        if (calendarDataVisible) {\r\n            this.prepareCalendarMarkarea(option.series, option.dataset[0]);\r\n            this.chartInstance.setOption(option);\r\n        }\r\n        const calendarSeries = option.series.filter((value: SeriesItem) => value.name.startsWith(\"__markArea-calendar-\")) as SeriesItem[];\r\n        calendarSeries.forEach(value => {\r\n            this.chartInstance.dispatchAction({\r\n                type: calendarDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n                name: value.name,\r\n            });\r\n        });\r\n    }\r\n\r\n    private prepareCalendarMarkarea(series: SeriesItem[], dataset: any) {\r\n        if (this.props.d2ChartCalendarRecords) {\r\n            const markAreas = D2ChartUtils.calendarRecordsToMarkAreas(this.props.d2ChartCalendarRecords);\r\n            Object.keys(markAreas).forEach(key => {\r\n                const markAreaName = `__markArea-calendar-${key}`;\r\n                const markArea = {\r\n                    name: markAreaName,\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: markAreas[key],\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: markAreaName,\r\n                    },\r\n                }\r\n\r\n                const seriesIndex = series.findIndex(value => value.name === markAreaName);\r\n                if (seriesIndex >= 0) {\r\n                    series[seriesIndex] = markArea;\r\n                } else {\r\n                    series.push(markArea);\r\n                }\r\n\r\n                const dimensionsIndex = dataset.dimensions.findIndex((value: string) => value === markAreaName);\r\n                if (dimensionsIndex >= 0) {\r\n                    dataset.dimensions[dimensionsIndex] = markAreaName;\r\n                } else {\r\n                    dataset.dimensions.push(markAreaName);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private onSwitchMissingData() {\r\n        this.chartInstance.dispatchAction({\r\n            type: this.state.missingDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n            name: \"__markArea-missing-data\",\r\n        });\r\n    }\r\n\r\n    private setTooltip(option: EChartsOption) {\r\n        option.tooltip = {\r\n            trigger: \"axis\",\r\n            position: (_pos: any, params: any[]) => {\r\n                const param = params[0];\r\n                if (param && param.data) {\r\n                    const data = this.state.tableItems;\r\n                    data.forEach((value, index) => {\r\n                        if (value.visible) {\r\n                            value.tooltipValue = param.data[index + 1]; //index 0 is timestamp\r\n                        } else {\r\n                            value.tooltipValue = undefined;\r\n                        }\r\n                    });\r\n\r\n                    this.setState({tableItems: data, tooltipTime: param.data[0]}, () => {\r\n                        this.d2ChartTablePanel?.updateGrid();\r\n                    });\r\n                }\r\n            },\r\n            formatter: (params: Object | Array<any>) => {\r\n                if (Array.isArray(params)) {\r\n                    const seriesToCompare = params.filter(value => !value.seriesName.startsWith(\"__\"));\r\n                    if (seriesToCompare.length === 2) {\r\n                        const data = seriesToCompare[0].data;\r\n                        const seriesName1 = seriesToCompare[0].seriesName;\r\n                        const seriesName2 = seriesToCompare[1].seriesName;\r\n                        const dimensions = seriesToCompare[0].dimensionNames as string[];\r\n\r\n                        const value1 = data[dimensions.findIndex(value => value === seriesName1)]\r\n                        const value2 = data[dimensions.findIndex(value => value === seriesName2)]\r\n                        if (value1 !== undefined && value2 !== undefined) {\r\n                            const gap = value1 - value2;\r\n                            return `Gap: ${gap.toFixed(4)}`;\r\n                        }\r\n                    }\r\n                }\r\n                return \"\";\r\n            }\r\n        }\r\n    }\r\n\r\n    private getUniqueId(code: string, index: number): string {\r\n        return `${code}@${index}`;\r\n    }\r\n\r\n    private getDiemnsions(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((value, index) => this.getUniqueId(value.code!, index));\r\n    }\r\n\r\n    private getSeriesFields(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((_, index) => `col${index}`);\r\n    }\r\n\r\n    private getSeries(currentSeries: D2ChartSeriesItem[], optionColors: string[]): SeriesItem[] {\r\n        return currentSeries.map((value, index) => {\r\n            return {\r\n                name: this.getUniqueId(value.code!, index),\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                symbol: \"none\",\r\n                step: \"end\",\r\n                color: optionColors[value.colorIndex !== undefined ? value.colorIndex : index % optionColors.length],\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: this.getUniqueId(value.code!, index)\r\n                },\r\n                areaStyle: value.fillColor ? {} : undefined,\r\n                lineStyle: {type: value.lineStyle ?? LineStyleEnum.SOLID}\r\n            }\r\n        })\r\n    }\r\n\r\n    private getTableItems(currentSeries: D2ChartSeriesItem[], seriesFields: string[], optionColors: string[]): D2ChartTableItem[] {\r\n        return currentSeries.map((series, index) => {\r\n            const recordValues = this.props.d2ChartRecords.map(value => at(value, seriesFields[index])[0]).filter(value => value !== undefined) as number[];\r\n            const uniqueId = this.getUniqueId(series.code!, index);\r\n            const [min, max, sum] = recordValues.reduce(([min, max, sum], val) =>\r\n                    [Math.min(min, val), Math.max(max, val), sum + val],\r\n                [Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, 0]\r\n            );\r\n\r\n            return {\r\n                id: uniqueId,\r\n                displayName: series.name!,\r\n                color: optionColors[series.colorIndex !== undefined ? series.colorIndex : index % optionColors.length],\r\n                visible: this.state.tableItems.find(value => value.id === uniqueId)?.visible ?? true,\r\n                min: recordValues.length === 0 ? undefined : min,\r\n                max: recordValues.length === 0 ? undefined : max,\r\n                avg: recordValues.length === 0 ? undefined : sum / recordValues.length,\r\n                sum: sum,\r\n            }\r\n        });\r\n    }\r\n\r\n    private getDatasetSource(seriesFields: string[]): (number | undefined)[][] {\r\n        return this.props.d2ChartRecords.map(record => {\r\n            const seriesValuesInTime: (number | undefined | null)[] = at(record, seriesFields);\r\n            const roundedSeriesValues = seriesValuesInTime.map(value => value !== undefined && value !== null ? +value.toFixed(4) : undefined) as (number | undefined)[];\r\n            roundedSeriesValues.unshift(record.date.getTime());\r\n\r\n            return roundedSeriesValues;\r\n        })\r\n    }\r\n\r\n    onReload() {\r\n        const tableItems: D2ChartTableItem[] = [];\r\n        let missingData: MarkAreaData[][] = [];\r\n\r\n        const option = this.chartInstance?.getOption() as EChartsOption | undefined | null;\r\n        if (option) {\r\n            const currentSeries = this.props.d2ChartSeries;\r\n            const seriesFields = this.getSeriesFields(currentSeries);\r\n            const series = this.getSeries(currentSeries, option.color);\r\n            const dataset: { dimensions: string[], source: (number | undefined)[][] } = {\r\n                dimensions: [\"timestamp\", ...this.getDiemnsions(currentSeries)],\r\n                source: this.getDatasetSource(seriesFields),\r\n            }\r\n            tableItems.push(...this.getTableItems(currentSeries, seriesFields, option.color));\r\n\r\n            this.setTooltip(option);\r\n\r\n            // chart markArea\r\n            if (this.props.markArea) {\r\n                series.push({\r\n                    name: \"__markArea\",\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: this.props.markArea,\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: \"__markArea\",\r\n                    },\r\n                });\r\n\r\n                dataset.dimensions.push(\"__markArea\");\r\n            }\r\n\r\n            //calendar markArea\r\n            if (this.state.calendarDataVisible) {\r\n                this.prepareCalendarMarkarea(series, dataset);\r\n            }\r\n\r\n            // missing data markArea\r\n            const missingDataMarkArea = D2ChartUtils.getMissingDataMarkArea(this.props.d2ChartRecords, seriesFields);\r\n            missingData = missingDataMarkArea.data;\r\n            series.push({\r\n                name: \"__markArea-missing-data\",\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                markArea: missingDataMarkArea,\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: \"__markArea-missing-data\",\r\n                },\r\n            });\r\n\r\n            dataset.dimensions.push(\"__markArea-missing-data\");\r\n\r\n            option.dataset = dataset;\r\n            option.series = series;\r\n            option.markArea = undefined;\r\n            option.legend[0].selected = Object.fromEntries(tableItems.map(value => [value.id, value.visible]));\r\n\r\n            if (this.props.yAxisLabel) {\r\n                option.yAxis[0].name = this.props.yAxisLabel;\r\n            }\r\n\r\n            this.chartInstance.setOption(option, true);\r\n        }\r\n\r\n        this.setState({\r\n            tableItems: tableItems,\r\n            missingData: missingData,\r\n        });\r\n    }\r\n\r\n    resize() {\r\n        this.chartInstance?.resize();\r\n    }\r\n\r\n    private renderToolbox() {\r\n        return (\r\n            <D2ChartToolboxPanel\r\n                missingData={this.state.missingData}\r\n                calendarDataVisible={this.state.calendarDataVisible}\r\n                missingDataVisible={this.state.missingDataVisible}\r\n                showCalendarIcon={!!this.props.d2ChartCalendarRecords}\r\n                onSwitchCalendarData={() => {\r\n                    this.setState({calendarDataVisible: !this.state.calendarDataVisible}, () => {\r\n                        this.onSwitchCalendarData();\r\n                    })\r\n                }}\r\n                onSwitchMissingData={() => {\r\n                    this.setState({missingDataVisible: !this.state.missingDataVisible}, () => {\r\n                        this.onSwitchMissingData();\r\n                    })\r\n                }}\r\n                onZoomControlSwitch={zoomEnabled => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"takeGlobalCursor\",\r\n                        key: \"dataZoomSelect\",\r\n                        dataZoomSelectActive: zoomEnabled\r\n                    });\r\n                }}\r\n                onZoomReset={() => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"dataZoom\",\r\n                        start: 0,\r\n                        end: 100,\r\n                    });\r\n                }}\r\n                compact={this.props.compact}\r\n                onFullScreen={() => {\r\n                    this.setState({modalVisible: true}, () => {\r\n                        setTimeout(() => this.d2ChartPanelInModal?.onReload());\r\n                        setTimeout(() => this.d2ChartPanelInModal?.resize());\r\n                    })\r\n                }}\r\n            />\r\n        )\r\n    }\r\n\r\n    private renderModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.modalVisible}\r\n                onCancel={() => this.setState({modalVisible: false})}\r\n                title={i18n(\"Chart\")}\r\n                initialWidth={window.innerWidth * 0.8}\r\n                initialHeight={window.innerHeight * 0.98}\r\n            >\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.d2ChartPanelInModal = component;\r\n                    }}\r\n                    d2ChartSeries={this.props.d2ChartSeries}\r\n                    d2ChartRecords={this.props.d2ChartRecords}\r\n                    d2ChartCalendarRecords={this.props.d2ChartCalendarRecords}\r\n                    loading={this.props.loading}\r\n                    tableHeight={180}\r\n                    tableWrapperStyle={{padding: \"0px 12px 8px\"}}\r\n                    markArea={this.props.markArea}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    render() {\r\n        const style: React.CSSProperties = {\r\n            height: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            justifyContent: \"center\",\r\n        }\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{alignItems: \"center\", ...style}}>\r\n                    <LoadingOutlined/>\r\n                </div>\r\n            );\r\n        } else if (this.props.d2ChartRecords.length === 0) {\r\n            return (\r\n                <Empty\r\n                    style={style}\r\n                    description={i18n(\"No records found.\")}\r\n                    imageStyle={{height: \"8vh\"}}\r\n                />\r\n            );\r\n        } else {\r\n            let computedTableHeight = this.props.tableHeight;\r\n            if (computedTableHeight === \"auto\") {\r\n                computedTableHeight = 62 + this.props.d2ChartSeries.length * 28;\r\n            }\r\n\r\n            return (\r\n                <div style={{position: \"relative\", ...style}}>\r\n                    {this.renderModalDialog()}\r\n                    {this.renderToolbox()}\r\n                    <ReactEcharts\r\n                        style={{height: `calc(100% - ${computedTableHeight}px)`}}\r\n                        onChartReady={instance => {\r\n                            this.chartInstance = instance;\r\n                            const zr = instance.getZr();\r\n                            zr.on(\"mouseout\", () => {\r\n                                const tableItems = this.state.tableItems;\r\n                                tableItems.forEach(value => value.tooltipValue = undefined);\r\n                                this.setState({tableItems: tableItems, tooltipTime: undefined}, () => {\r\n                                    this.d2ChartTablePanel?.updateGrid();\r\n                                });\r\n                            });\r\n                        }}\r\n                        option={this.props.compact ? compactChartOptions : d2ChartOptions}\r\n                    />\r\n                    <D2ChartTablePanel\r\n                        style={{height: computedTableHeight, ...this.props.tableWrapperStyle}}\r\n                        ref={component => this.d2ChartTablePanel = component}\r\n                        tableItems={this.state.tableItems}\r\n                        tooltipTime={this.state.tooltipTime}\r\n                        onSwitchLegend={this.onSwitchLegend}\r\n                    />\r\n                </div>\r\n            )\r\n        }\r\n    }\r\n}"]}
+{"version":3,"file":"d2ChartPanel.js","sourceRoot":"","sources":["../../../../../coreui/components/d2Chart/d2ChartPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport ReactEcharts, {EChartsInstance, EChartsOption} from \"echarts-for-react\";\r\nimport {compactChartOptions, d2ChartOptions} from \"./d2ChartOptions\";\r\nimport {at} from \"lodash\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Empty, Splitter} from \"antd\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport isEqual from \"lodash/isEqual\";\r\nimport D2ChartTablePanel, {D2ChartTableItem} from \"./d2ChartTablePanel\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport D2ChartToolboxPanel from \"./d2ChartToolboxPanel\";\r\nimport {LoadingOutlined} from \"@ant-design/icons\";\r\nimport {D2ChartRecord, D2ChartSeriesItem, LineStyleEnum, MarkArea, MarkAreaData} from \"../../../api/types/d2ChartTypes\";\r\nimport D2ChartUtils from \"../../../api/util/d2ChartUtils\";\r\n\r\ninterface SeriesItem {\r\n    name: string,\r\n    type: string,\r\n    sampling: string,\r\n    symbol?: string,\r\n    step?: string,\r\n    color?: string,\r\n    encode?: { x: string, y: string },\r\n    markArea?: MarkArea\r\n}\r\n\r\nexport interface D2ChartPanelProps {\r\n    d2ChartSeries: D2ChartSeriesItem[]\r\n    d2ChartRecords: D2ChartRecord[]\r\n    d2ChartCalendarRecords?: D2ChartRecord[]\r\n    loading?: boolean\r\n\r\n    markArea?: MarkArea\r\n    compact?: boolean\r\n    yAxisLabel?: string\r\n\r\n    tableHeight: number | \"auto\"\r\n    tableWrapperStyle?: Omit<React.CSSProperties, \"height\">\r\n}\r\n\r\ninterface State {\r\n    tableItems: D2ChartTableItem[]\r\n    tooltipTime?: UnixTime\r\n    missingData: MarkAreaData[][]\r\n\r\n    modalVisible: boolean\r\n    calendarDataVisible: boolean\r\n    missingDataVisible: boolean\r\n}\r\n\r\nexport default class D2ChartPanel extends React.Component<D2ChartPanelProps, State> {\r\n    private static SAMPLING_MODE = \"minmax\";\r\n    private chartInstance: EChartsInstance | null = null;\r\n    private d2ChartPanelInModal: D2ChartPanel | null = null;\r\n    private d2ChartTablePanel: D2ChartTablePanel | null = null;\r\n\r\n    constructor(props: Readonly<D2ChartPanelProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            tableItems: [],\r\n            missingData: [],\r\n            modalVisible: false,\r\n            calendarDataVisible: false,\r\n            missingDataVisible: true,\r\n        }\r\n\r\n        this.onSwitchCalendarData = this.onSwitchCalendarData.bind(this);\r\n        this.onSwitchLegend = this.onSwitchLegend.bind(this);\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<D2ChartPanelProps>) {\r\n        if (!isEqual(this.props.markArea, prevProps.markArea) && this.props.d2ChartRecords.length > 0) {\r\n            this.onReload();\r\n        }\r\n    }\r\n\r\n    private onSwitchLegend(name: string) {\r\n        const tableData = this.state.tableItems;\r\n        const d2ChartTableItem = tableData.find(value => value.id === name);\r\n\r\n        if (d2ChartTableItem) {\r\n            this.chartInstance.dispatchAction({\r\n                type: d2ChartTableItem.visible ? \"legendUnSelect\" : \"legendSelect\",\r\n                name: name,\r\n            });\r\n\r\n            d2ChartTableItem.visible = !d2ChartTableItem.visible\r\n            this.setState({tableItems: tableData}, () => this.d2ChartTablePanel?.updateGrid());\r\n        }\r\n    }\r\n\r\n    private onSwitchCalendarData() {\r\n        const calendarDataVisible = this.state.calendarDataVisible;\r\n        const option = this.chartInstance.getOption();\r\n\r\n        if (calendarDataVisible) {\r\n            this.prepareCalendarMarkarea(option.series, option.dataset[0]);\r\n            this.chartInstance.setOption(option);\r\n        }\r\n        const calendarSeries = option.series.filter((value: SeriesItem) => value.name.startsWith(\"__markArea-calendar-\")) as SeriesItem[];\r\n        calendarSeries.forEach(value => {\r\n            this.chartInstance.dispatchAction({\r\n                type: calendarDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n                name: value.name,\r\n            });\r\n        });\r\n    }\r\n\r\n    private prepareCalendarMarkarea(series: SeriesItem[], dataset: any) {\r\n        if (this.props.d2ChartCalendarRecords) {\r\n            const markAreas = D2ChartUtils.calendarRecordsToMarkAreas(this.props.d2ChartCalendarRecords);\r\n            Object.keys(markAreas).forEach(key => {\r\n                const markAreaName = `__markArea-calendar-${key}`;\r\n                const markArea = {\r\n                    name: markAreaName,\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: markAreas[key],\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: markAreaName,\r\n                    },\r\n                }\r\n\r\n                const seriesIndex = series.findIndex(value => value.name === markAreaName);\r\n                if (seriesIndex >= 0) {\r\n                    series[seriesIndex] = markArea;\r\n                } else {\r\n                    series.push(markArea);\r\n                }\r\n\r\n                const dimensionsIndex = dataset.dimensions.findIndex((value: string) => value === markAreaName);\r\n                if (dimensionsIndex >= 0) {\r\n                    dataset.dimensions[dimensionsIndex] = markAreaName;\r\n                } else {\r\n                    dataset.dimensions.push(markAreaName);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    private onSwitchMissingData() {\r\n        this.chartInstance.dispatchAction({\r\n            type: this.state.missingDataVisible ? \"legendSelect\" : \"legendUnSelect\",\r\n            name: \"__markArea-missing-data\",\r\n        });\r\n    }\r\n\r\n    private setTooltip(option: EChartsOption) {\r\n        option.tooltip = {\r\n            trigger: \"axis\",\r\n            position: (_pos: any, params: any[]) => {\r\n                const param = params[0];\r\n                if (param && param.data) {\r\n                    const data = this.state.tableItems;\r\n                    data.forEach((value, index) => {\r\n                        if (value.visible) {\r\n                            value.tooltipValue = param.data[index + 1]; //index 0 is timestamp\r\n                        } else {\r\n                            value.tooltipValue = undefined;\r\n                        }\r\n                    });\r\n\r\n                    this.setState({tableItems: data, tooltipTime: param.data[0]}, () => {\r\n                        this.d2ChartTablePanel?.updateGrid();\r\n                    });\r\n                }\r\n            },\r\n            formatter: (params: Object | Array<any>) => {\r\n                if (Array.isArray(params)) {\r\n                    const seriesToCompare = params.filter(value => !value.seriesName.startsWith(\"__\"));\r\n                    if (seriesToCompare.length === 2) {\r\n                        const data = seriesToCompare[0].data;\r\n                        const seriesName1 = seriesToCompare[0].seriesName;\r\n                        const seriesName2 = seriesToCompare[1].seriesName;\r\n                        const dimensions = seriesToCompare[0].dimensionNames as string[];\r\n\r\n                        const value1 = data[dimensions.findIndex(value => value === seriesName1)]\r\n                        const value2 = data[dimensions.findIndex(value => value === seriesName2)]\r\n                        if (value1 !== undefined && value2 !== undefined) {\r\n                            const gap = value1 - value2;\r\n                            return `Gap: ${gap.toFixed(4)}`;\r\n                        }\r\n                    }\r\n                }\r\n                return \"\";\r\n            }\r\n        }\r\n    }\r\n\r\n    private getUniqueId(code: string, index: number): string {\r\n        return `${code}@${index}`;\r\n    }\r\n\r\n    private getDiemnsions(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((value, index) => this.getUniqueId(value.code!, index));\r\n    }\r\n\r\n    private getSeriesFields(currentSeries: D2ChartSeriesItem[]): string[] {\r\n        return currentSeries.map((_, index) => `col${index}`);\r\n    }\r\n\r\n    private getSeries(currentSeries: D2ChartSeriesItem[], optionColors: string[]): SeriesItem[] {\r\n        return currentSeries.map((value, index) => {\r\n            return {\r\n                name: this.getUniqueId(value.code!, index),\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                symbol: \"none\",\r\n                step: \"end\",\r\n                color: optionColors[value.colorIndex !== undefined ? value.colorIndex : index % optionColors.length],\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: this.getUniqueId(value.code!, index)\r\n                },\r\n                areaStyle: value.fillColor ? {} : undefined,\r\n                lineStyle: {type: value.lineStyle ?? LineStyleEnum.SOLID}\r\n            }\r\n        })\r\n    }\r\n\r\n    private getTableItems(currentSeries: D2ChartSeriesItem[], seriesFields: string[], optionColors: string[]): D2ChartTableItem[] {\r\n        return currentSeries.map((series, index) => {\r\n            const recordValues = this.props.d2ChartRecords.map(value => at(value, seriesFields[index])[0]).filter(value => value !== undefined) as number[];\r\n            const uniqueId = this.getUniqueId(series.code!, index);\r\n            const [min, max, sum] = recordValues.reduce(([min, max, sum], val) =>\r\n                    [Math.min(min, val), Math.max(max, val), sum + val],\r\n                [Number.POSITIVE_INFINITY, Number.NEGATIVE_INFINITY, 0]\r\n            );\r\n\r\n            return {\r\n                id: uniqueId,\r\n                displayName: series.name!,\r\n                color: optionColors[series.colorIndex !== undefined ? series.colorIndex : index % optionColors.length],\r\n                visible: this.state.tableItems.find(value => value.id === uniqueId)?.visible ?? true,\r\n                min: recordValues.length === 0 ? undefined : min,\r\n                max: recordValues.length === 0 ? undefined : max,\r\n                avg: recordValues.length === 0 ? undefined : sum / recordValues.length,\r\n                sum: sum,\r\n            }\r\n        });\r\n    }\r\n\r\n    private getDatasetSource(seriesFields: string[]): (number | undefined)[][] {\r\n        return this.props.d2ChartRecords.map(record => {\r\n            const seriesValuesInTime: (number | undefined | null)[] = at(record, seriesFields);\r\n            const roundedSeriesValues = seriesValuesInTime.map(value => value !== undefined && value !== null ? +value.toFixed(4) : undefined) as (number | undefined)[];\r\n            roundedSeriesValues.unshift(record.date.getTime());\r\n\r\n            return roundedSeriesValues;\r\n        })\r\n    }\r\n\r\n    onReload() {\r\n        const tableItems: D2ChartTableItem[] = [];\r\n        let missingData: MarkAreaData[][] = [];\r\n\r\n        const option = this.chartInstance?.getOption() as EChartsOption | undefined | null;\r\n        if (option) {\r\n            const currentSeries = this.props.d2ChartSeries;\r\n            const seriesFields = this.getSeriesFields(currentSeries);\r\n            const series = this.getSeries(currentSeries, option.color);\r\n            const dataset: { dimensions: string[], source: (number | undefined)[][] } = {\r\n                dimensions: [\"timestamp\", ...this.getDiemnsions(currentSeries)],\r\n                source: this.getDatasetSource(seriesFields),\r\n            }\r\n            tableItems.push(...this.getTableItems(currentSeries, seriesFields, option.color));\r\n\r\n            this.setTooltip(option);\r\n\r\n            // chart markArea\r\n            if (this.props.markArea) {\r\n                series.push({\r\n                    name: \"__markArea\",\r\n                    type: \"line\",\r\n                    sampling: D2ChartPanel.SAMPLING_MODE,\r\n                    markArea: this.props.markArea,\r\n                    encode: {\r\n                        x: \"timestamp\",\r\n                        y: \"__markArea\",\r\n                    },\r\n                });\r\n\r\n                dataset.dimensions.push(\"__markArea\");\r\n            }\r\n\r\n            //calendar markArea\r\n            if (this.state.calendarDataVisible) {\r\n                this.prepareCalendarMarkarea(series, dataset);\r\n            }\r\n\r\n            // missing data markArea\r\n            const missingDataMarkArea = D2ChartUtils.getMissingDataMarkArea(this.props.d2ChartRecords, seriesFields);\r\n            missingData = missingDataMarkArea.data;\r\n            series.push({\r\n                name: \"__markArea-missing-data\",\r\n                type: \"line\",\r\n                sampling: D2ChartPanel.SAMPLING_MODE,\r\n                markArea: missingDataMarkArea,\r\n                encode: {\r\n                    x: \"timestamp\",\r\n                    y: \"__markArea-missing-data\",\r\n                },\r\n            });\r\n\r\n            dataset.dimensions.push(\"__markArea-missing-data\");\r\n\r\n            option.dataset = dataset;\r\n            option.series = series;\r\n            option.markArea = undefined;\r\n            option.legend[0].selected = Object.fromEntries(tableItems.map(value => [value.id, value.visible]));\r\n\r\n            if (this.props.yAxisLabel) {\r\n                option.yAxis[0].name = this.props.yAxisLabel;\r\n            }\r\n\r\n            this.chartInstance.setOption(option, true);\r\n        }\r\n\r\n        this.setState({\r\n            tableItems: tableItems,\r\n            missingData: missingData,\r\n        });\r\n    }\r\n\r\n    private renderToolbox() {\r\n        return (\r\n            <D2ChartToolboxPanel\r\n                missingData={this.state.missingData}\r\n                calendarDataVisible={this.state.calendarDataVisible}\r\n                missingDataVisible={this.state.missingDataVisible}\r\n                showCalendarIcon={!!this.props.d2ChartCalendarRecords}\r\n                onSwitchCalendarData={() => {\r\n                    this.setState({calendarDataVisible: !this.state.calendarDataVisible}, () => {\r\n                        this.onSwitchCalendarData();\r\n                    })\r\n                }}\r\n                onSwitchMissingData={() => {\r\n                    this.setState({missingDataVisible: !this.state.missingDataVisible}, () => {\r\n                        this.onSwitchMissingData();\r\n                    })\r\n                }}\r\n                onZoomControlSwitch={zoomEnabled => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"takeGlobalCursor\",\r\n                        key: \"dataZoomSelect\",\r\n                        dataZoomSelectActive: zoomEnabled\r\n                    });\r\n                }}\r\n                onZoomReset={() => {\r\n                    this.chartInstance.dispatchAction({\r\n                        type: \"dataZoom\",\r\n                        start: 0,\r\n                        end: 100,\r\n                    });\r\n                }}\r\n                compact={this.props.compact}\r\n                onFullScreen={() => {\r\n                    this.setState({modalVisible: true}, () => {\r\n                        setTimeout(() => this.d2ChartPanelInModal?.onReload());\r\n                    })\r\n                }}\r\n            />\r\n        )\r\n    }\r\n\r\n    private renderModalDialog() {\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.state.modalVisible}\r\n                onCancel={() => this.setState({modalVisible: false})}\r\n                title={i18n(\"Chart\")}\r\n                initialWidth={window.innerWidth * 0.8}\r\n                initialHeight={window.innerHeight * 0.98}\r\n            >\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.d2ChartPanelInModal = component;\r\n                    }}\r\n                    d2ChartSeries={this.props.d2ChartSeries}\r\n                    d2ChartRecords={this.props.d2ChartRecords}\r\n                    d2ChartCalendarRecords={this.props.d2ChartCalendarRecords}\r\n                    loading={this.props.loading}\r\n                    tableHeight={180}\r\n                    tableWrapperStyle={{padding: \"0px 12px 8px\"}}\r\n                    markArea={this.props.markArea}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }\r\n\r\n    render() {\r\n        const style: React.CSSProperties = {\r\n            height: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            justifyContent: \"center\",\r\n        }\r\n\r\n        if (this.props.loading) {\r\n            return (\r\n                <div style={{alignItems: \"center\", ...style}}>\r\n                    <LoadingOutlined/>\r\n                </div>\r\n            );\r\n        } else if (this.props.d2ChartRecords.length === 0) {\r\n            return (\r\n                <Empty\r\n                    style={style}\r\n                    description={i18n(\"No records found.\")}\r\n                    imageStyle={{height: \"8vh\"}}\r\n                />\r\n            );\r\n        } else {\r\n            let computedTableHeight = this.props.tableHeight;\r\n            if (computedTableHeight === \"auto\") {\r\n                computedTableHeight = 62 + this.props.d2ChartSeries.length * 28;\r\n            }\r\n\r\n            return (\r\n                <div style={{position: \"relative\", height: \"100%\"}}>\r\n                    {this.renderModalDialog()}\r\n                    {this.renderToolbox()}\r\n                    <Splitter layout=\"vertical\" style={{height: \"calc(100% - 4px)\"}}>\r\n                        <Splitter.Panel style={{overflow: \"hidden\", paddingBottom: 6}}>\r\n                            <ReactEcharts\r\n                                style={{height: \"100%\"}}\r\n                                onChartReady={instance => {\r\n                                    this.chartInstance = instance;\r\n                                    const zr = instance.getZr();\r\n                                    zr.on(\"mouseout\", () => {\r\n                                        const tableItems = this.state.tableItems;\r\n                                        tableItems.forEach(value => value.tooltipValue = undefined);\r\n                                        this.setState({tableItems: tableItems, tooltipTime: undefined}, () => {\r\n                                            this.d2ChartTablePanel?.updateGrid();\r\n                                        });\r\n                                    });\r\n                                    setTimeout(() => instance.resize(), 50);\r\n                                }}\r\n                                option={this.props.compact ? compactChartOptions : d2ChartOptions}\r\n                            />\r\n                        </Splitter.Panel>\r\n                        <Splitter.Panel collapsible defaultSize={computedTableHeight} max={2 * computedTableHeight}>\r\n                            <D2ChartTablePanel\r\n                                style={{height: \"100%\", ...this.props.tableWrapperStyle}}\r\n                                ref={component => this.d2ChartTablePanel = component}\r\n                                tableItems={this.state.tableItems}\r\n                                tooltipTime={this.state.tooltipTime}\r\n                                onSwitchLegend={this.onSwitchLegend}\r\n                            />\r\n                        </Splitter.Panel>\r\n                    </Splitter>\r\n                </div>\r\n            )\r\n        }\r\n    }\r\n}"]}

package/coreui/components/edaManager/abstract/edaManagerAbstractPanel.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { EdaApi, EdaManagerRecord, EdaVector, EdaStepEnum } from "../../../../api/edaApi";
 import { EdaManagerTimePanelConfiguration } from "../components/edaManagerTimePanel";
 import * as FlexLayout from "flexlayout-react";
-import { Props } from "../../d2Chart/d2ChartPanel";
+import { D2ChartPanelProps } from "../../d2Chart/d2ChartPanel";
 import { AdvancedFilterApi } from "../../../../api/advancedFilterApi";
 export interface EdaManagerFilterToSave {
     version: number;
@@ -16,7 +16,7 @@ export interface EdaManagerFilter {
     currentVectors: EdaVector[];
     timePanelConfiguration: EdaManagerTimePanelConfiguration;
 }
-export interface EdaManagerAbstractPanelProps extends Omit<Props, "d2ChartSeries" | "d2ChartRecords" | "d2ChartCalendarRecords" | "loading"> {
+export interface EdaManagerAbstractPanelProps extends Omit<D2ChartPanelProps, "d2ChartSeries" | "d2ChartRecords" | "d2ChartCalendarRecords" | "loading"> {
     style?: React.CSSProperties;
     edaApi: EdaApi;
     advancedFilterApi: AdvancedFilterApi;

package/coreui/components/edaManager/abstract/edaManagerAbstractPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"edaManagerAbstractPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/abstract/edaManagerAbstractPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector, EdaStepEnum} from \"../../../../api/edaApi\";\r\nimport EdaManagerTimePanel, {EdaManagerTimePanelConfiguration} from \"../components/edaManagerTimePanel\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport debounce from \"lodash/debounce\";\r\nimport EdaManagerTablePanel from \"../components/edaManagerTablePanel\";\r\nimport D2ChartPanel, {Props} from \"../../d2Chart/d2ChartPanel\";\r\nimport {isEqual, omit} from \"lodash\";\r\nimport {AdvancedFilterApi} from \"../../../../api/advancedFilterApi\";\r\nimport {D2ChartSeriesItem} from \"../../../../api/types/d2ChartTypes\";\r\n\r\nconst CONFIGURATION_VERSION = 2;\r\n\r\nexport interface EdaManagerFilterToSave {\r\n    version: number\r\n    currentVectors: EdaVector[]\r\n    timeFrom: string\r\n    timeTo: string;\r\n\r\n    selectedStep: EdaStepEnum\r\n    autoRefresh: boolean\r\n}\r\n\r\nexport interface EdaManagerFilter {\r\n    currentVectors: EdaVector[]\r\n    timePanelConfiguration: EdaManagerTimePanelConfiguration\r\n}\r\n\r\nexport interface EdaManagerAbstractPanelProps extends Omit<Props, \"d2ChartSeries\" | \"d2ChartRecords\" | \"d2ChartCalendarRecords\" | \"loading\"> {\r\n    style?: React.CSSProperties\r\n\r\n    edaApi: EdaApi\r\n    advancedFilterApi: AdvancedFilterApi\r\n\r\n    onVectorsLoaded?(loadedVectors: EdaManagerRecord[]): void\r\n}\r\n\r\nexport interface EdaManagerAbstractPanelState {\r\n    layoutModel: FlexLayout.Model\r\n    loadedVectors: EdaManagerRecord[]\r\n    loadedCalendarVector?: EdaManagerRecord[]\r\n    loading: boolean\r\n\r\n    currentFilter: EdaManagerFilter\r\n    loadedDataFilter: EdaManagerFilter\r\n}\r\n\r\nexport default abstract class EdaManagerAbstractPanel<P extends EdaManagerAbstractPanelProps, S extends EdaManagerAbstractPanelState> extends React.Component<P, S> {\r\n    private edaManagerTablePanel: EdaManagerTablePanel | null = null;\r\n    private edaManagerChartPanel: D2ChartPanel | null = null;\r\n\r\n    protected get initialFilter(): EdaManagerFilter {\r\n        return {\r\n            currentVectors: [],\r\n            timePanelConfiguration: {\r\n                selectedTimeFrom: dayjs().subtract(1, \"week\").startOf(\"day\"),\r\n                selectedTimeTo: dayjs().subtract(1, \"week\").startOf(\"day\"),\r\n                selectedStep: EdaStepEnum.DEFAULT_VALUE,\r\n                autoRefresh: false,\r\n            }\r\n        }\r\n    }\r\n\r\n    protected initialState: Omit<EdaManagerAbstractPanelState, \"layoutModel\"> = {\r\n        loadedVectors: [],\r\n        loading: false,\r\n\r\n        currentFilter: this.initialFilter,\r\n        loadedDataFilter: cloneDeep(this.initialFilter),\r\n    }\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        // @ts-ignore\r\n        this.onLoadVectors = debounce(this.onLoadVectors.bind(this), 500);\r\n        this.flexLayoutFactory = this.flexLayoutFactory.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        const filterNameToSave = this.getFilterNameToSave();\r\n\r\n        if (filterNameToSave) {\r\n            const item = localStorage.getItem(filterNameToSave);\r\n\r\n            if (item) {\r\n                try {\r\n                    const savedFilter: EdaManagerFilterToSave = JSON.parse(item);\r\n                    if (savedFilter.version === CONFIGURATION_VERSION) {\r\n                        const filter: EdaManagerFilter = {\r\n                            currentVectors: savedFilter.currentVectors,\r\n                            timePanelConfiguration: {\r\n                                selectedTimeFrom: dayjs(savedFilter.timeFrom),\r\n                                selectedTimeTo: dayjs(savedFilter.timeTo),\r\n                                selectedStep: savedFilter.selectedStep,\r\n                                autoRefresh: savedFilter.autoRefresh,\r\n                            }\r\n                        }\r\n\r\n                        this.setState({currentFilter: filter}, () => this.onLoadVectors());\r\n                    }\r\n                } catch {\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    protected saveFilter() {\r\n        const filterNameToSave = this.getFilterNameToSave();\r\n\r\n        if (filterNameToSave) {\r\n            const filterToSave: EdaManagerFilterToSave = {\r\n                version: CONFIGURATION_VERSION,\r\n                currentVectors: this.state.currentFilter.currentVectors,\r\n                timeFrom: this.state.currentFilter.timePanelConfiguration.selectedTimeFrom?.toString() ?? \"\",\r\n                timeTo: this.state.currentFilter.timePanelConfiguration.selectedTimeTo?.toString() ?? \"\",\r\n                selectedStep: this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n                autoRefresh: this.state.currentFilter.timePanelConfiguration.autoRefresh,\r\n            }\r\n\r\n            localStorage.setItem(filterNameToSave, JSON.stringify(filterToSave));\r\n        }\r\n    }\r\n\r\n    getFilterNameToSave(): string | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected getActiveVectors(): EdaVector[] {\r\n        return this.state.currentFilter.currentVectors.filter(vector => vector.active);\r\n    }\r\n\r\n    protected onReload() {\r\n        this.edaManagerTablePanel?.onReload();\r\n        this.edaManagerChartPanel?.onReload();\r\n    }\r\n\r\n    async onLoadVectors() {\r\n        const activeVectors = this.getActiveVectors();\r\n        this.setState({loading: true});\r\n\r\n        const loadedVectors = await this.props.edaApi.loadVectors(\r\n            activeVectors,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n            this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n        );\r\n\r\n        const loadedCalendarVector = await this.props.edaApi.loadCalendarVector(\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n        );\r\n\r\n        this.setState({\r\n            loading: false,\r\n            loadedVectors: loadedVectors,\r\n            loadedCalendarVector: loadedCalendarVector,\r\n            loadedDataFilter: cloneDeep(this.state.currentFilter),\r\n        }, () => this.onReload());\r\n\r\n        this.props.onVectorsLoaded?.(loadedVectors);\r\n    }\r\n\r\n    private async onLoadVector(code: string) {\r\n        const activeVectors = this.getActiveVectors();\r\n        const currentVectorIndex = activeVectors.findIndex(value => value.code === code);\r\n\r\n        if (currentVectorIndex >= 0) {\r\n            const currentVector = activeVectors[currentVectorIndex];\r\n            const loadedVectors = this.state.loadedVectors;\r\n\r\n            const loadedVector = await this.props.edaApi.loadVectors(\r\n                [currentVector],\r\n                this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n                this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n                this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n            );\r\n\r\n            loadedVectors.forEach((value, index) => {\r\n                value[`col${currentVectorIndex}`] = loadedVector[index].col0;\r\n            });\r\n\r\n            this.setState({loadedVectors: loadedVectors});\r\n\r\n            this.edaManagerTablePanel?.refreshCells();\r\n            this.edaManagerChartPanel?.onReload();\r\n        }\r\n    }\r\n\r\n    private renderTimePanel() {\r\n        const pathsToOmit = [\"timePanelConfiguration.autoRefresh\"];\r\n        this.state.currentFilter.currentVectors.forEach((_, index) => {\r\n            pathsToOmit.push(`currentVectors[${index}].target`);\r\n        });\r\n\r\n        const filterChanged = !isEqual(\r\n            omit(cloneDeep(this.state.currentFilter), pathsToOmit),\r\n            omit(cloneDeep(this.state.loadedDataFilter), pathsToOmit)\r\n        );\r\n\r\n        return (\r\n            <EdaManagerTimePanel\r\n                loading={this.state.loading}\r\n                configuration={this.state.currentFilter.timePanelConfiguration}\r\n                filterChanged={filterChanged}\r\n                onChangeConfiguration={configuration => {\r\n                    const currentFilter = this.state.currentFilter;\r\n                    const timePanelConfiguration = currentFilter.timePanelConfiguration;\r\n                    Object.assign(timePanelConfiguration, configuration);\r\n                    this.setState({currentFilter: currentFilter}, () => {\r\n                        this.saveFilter();\r\n                        if (timePanelConfiguration.autoRefresh) {\r\n                            this.onLoadVectors();\r\n                        }\r\n                    });\r\n                }}\r\n                onReload={() => {\r\n                    this.onLoadVectors();\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected get edaManagerChartPanelCompact(): boolean {\r\n        return false;\r\n    }\r\n\r\n    protected get tabWrapperStyle(): React.CSSProperties {\r\n        return {padding: \"8px 12px\"}\r\n    }\r\n\r\n    protected flexLayoutFactory(node: FlexLayout.TabNode): React.ReactNode {\r\n        const component = node.getComponent();\r\n        const activeVectors = this.getActiveVectors();\r\n        if (component === \"table\") {\r\n            return (\r\n                <EdaManagerTablePanel\r\n                    style={this.tabWrapperStyle}\r\n                    ref={component => this.edaManagerTablePanel = component}\r\n                    edaApi={this.props.edaApi}\r\n                    timePanel={this.renderTimePanel()}\r\n                    currentVectors={activeVectors}\r\n                    loadedVectors={this.state.loadedVectors}\r\n                    loading={this.state.loading}\r\n                    onReloadVectorData={code => {\r\n                        this.onLoadVector(code);\r\n                    }}\r\n                />\r\n            );\r\n        } else if (component === \"chart\") {\r\n            const d2ChartSeries: D2ChartSeriesItem[] = activeVectors.map(value => {\r\n                return {\r\n                    id: value.id,\r\n                    code: value.code,\r\n                    name: value.name,\r\n                    colorIndex: value.colorIndex,\r\n                    lineStyle: value.lineStyle,\r\n                }\r\n            });\r\n\r\n            return (\r\n                <div\r\n                    style={Object.assign(\r\n                        {display: \"flex\", flexDirection: \"column\", height: \"100%\"},\r\n                        this.tabWrapperStyle\r\n                    )}\r\n                >\r\n                    {this.renderTimePanel()}\r\n                    <D2ChartPanel\r\n                        ref={component => this.edaManagerChartPanel = component}\r\n                        d2ChartSeries={d2ChartSeries}\r\n                        d2ChartRecords={this.state.loadedVectors}\r\n                        d2ChartCalendarRecords={this.state.loadedCalendarVector}\r\n                        loading={this.state.loading}\r\n                        compact={this.edaManagerChartPanelCompact}\r\n                        markArea={this.props.markArea}\r\n                        tableHeight={this.props.tableHeight}\r\n                        tableWrapperStyle={this.props.tableWrapperStyle}\r\n                    />\r\n                </div>\r\n            )\r\n        }\r\n\r\n        return <span>{component}</span>\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{minWidth: 100, minHeight: 500, ...this.props.style}}>\r\n                <FlexLayout.Layout\r\n                    model={this.state.layoutModel}\r\n                    onModelChange={model => this.setState({layoutModel: model})}\r\n                    factory={this.flexLayoutFactory}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"edaManagerAbstractPanel.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManager/abstract/edaManagerAbstractPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector, EdaStepEnum} from \"../../../../api/edaApi\";\r\nimport EdaManagerTimePanel, {EdaManagerTimePanelConfiguration} from \"../components/edaManagerTimePanel\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport cloneDeep from \"lodash/cloneDeep\";\r\nimport debounce from \"lodash/debounce\";\r\nimport EdaManagerTablePanel from \"../components/edaManagerTablePanel\";\r\nimport D2ChartPanel, {D2ChartPanelProps} from \"../../d2Chart/d2ChartPanel\";\r\nimport {isEqual, omit} from \"lodash\";\r\nimport {AdvancedFilterApi} from \"../../../../api/advancedFilterApi\";\r\nimport {D2ChartSeriesItem} from \"../../../../api/types/d2ChartTypes\";\r\n\r\nconst CONFIGURATION_VERSION = 2;\r\n\r\nexport interface EdaManagerFilterToSave {\r\n    version: number\r\n    currentVectors: EdaVector[]\r\n    timeFrom: string\r\n    timeTo: string;\r\n\r\n    selectedStep: EdaStepEnum\r\n    autoRefresh: boolean\r\n}\r\n\r\nexport interface EdaManagerFilter {\r\n    currentVectors: EdaVector[]\r\n    timePanelConfiguration: EdaManagerTimePanelConfiguration\r\n}\r\n\r\nexport interface EdaManagerAbstractPanelProps extends Omit<D2ChartPanelProps, \"d2ChartSeries\" | \"d2ChartRecords\" | \"d2ChartCalendarRecords\" | \"loading\"> {\r\n    style?: React.CSSProperties\r\n\r\n    edaApi: EdaApi\r\n    advancedFilterApi: AdvancedFilterApi\r\n\r\n    onVectorsLoaded?(loadedVectors: EdaManagerRecord[]): void\r\n}\r\n\r\nexport interface EdaManagerAbstractPanelState {\r\n    layoutModel: FlexLayout.Model\r\n    loadedVectors: EdaManagerRecord[]\r\n    loadedCalendarVector?: EdaManagerRecord[]\r\n    loading: boolean\r\n\r\n    currentFilter: EdaManagerFilter\r\n    loadedDataFilter: EdaManagerFilter\r\n}\r\n\r\nexport default abstract class EdaManagerAbstractPanel<P extends EdaManagerAbstractPanelProps, S extends EdaManagerAbstractPanelState> extends React.Component<P, S> {\r\n    private edaManagerTablePanel: EdaManagerTablePanel | null = null;\r\n    private edaManagerChartPanel: D2ChartPanel | null = null;\r\n\r\n    protected get initialFilter(): EdaManagerFilter {\r\n        return {\r\n            currentVectors: [],\r\n            timePanelConfiguration: {\r\n                selectedTimeFrom: dayjs().subtract(1, \"week\").startOf(\"day\"),\r\n                selectedTimeTo: dayjs().subtract(1, \"week\").startOf(\"day\"),\r\n                selectedStep: EdaStepEnum.DEFAULT_VALUE,\r\n                autoRefresh: false,\r\n            }\r\n        }\r\n    }\r\n\r\n    protected initialState: Omit<EdaManagerAbstractPanelState, \"layoutModel\"> = {\r\n        loadedVectors: [],\r\n        loading: false,\r\n\r\n        currentFilter: this.initialFilter,\r\n        loadedDataFilter: cloneDeep(this.initialFilter),\r\n    }\r\n\r\n    protected constructor(props: Readonly<P>) {\r\n        super(props);\r\n\r\n        // @ts-ignore\r\n        this.onLoadVectors = debounce(this.onLoadVectors.bind(this), 500);\r\n        this.flexLayoutFactory = this.flexLayoutFactory.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        const filterNameToSave = this.getFilterNameToSave();\r\n\r\n        if (filterNameToSave) {\r\n            const item = localStorage.getItem(filterNameToSave);\r\n\r\n            if (item) {\r\n                try {\r\n                    const savedFilter: EdaManagerFilterToSave = JSON.parse(item);\r\n                    if (savedFilter.version === CONFIGURATION_VERSION) {\r\n                        const filter: EdaManagerFilter = {\r\n                            currentVectors: savedFilter.currentVectors,\r\n                            timePanelConfiguration: {\r\n                                selectedTimeFrom: dayjs(savedFilter.timeFrom),\r\n                                selectedTimeTo: dayjs(savedFilter.timeTo),\r\n                                selectedStep: savedFilter.selectedStep,\r\n                                autoRefresh: savedFilter.autoRefresh,\r\n                            }\r\n                        }\r\n\r\n                        this.setState({currentFilter: filter}, () => this.onLoadVectors());\r\n                    }\r\n                } catch {\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    protected saveFilter() {\r\n        const filterNameToSave = this.getFilterNameToSave();\r\n\r\n        if (filterNameToSave) {\r\n            const filterToSave: EdaManagerFilterToSave = {\r\n                version: CONFIGURATION_VERSION,\r\n                currentVectors: this.state.currentFilter.currentVectors,\r\n                timeFrom: this.state.currentFilter.timePanelConfiguration.selectedTimeFrom?.toString() ?? \"\",\r\n                timeTo: this.state.currentFilter.timePanelConfiguration.selectedTimeTo?.toString() ?? \"\",\r\n                selectedStep: this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n                autoRefresh: this.state.currentFilter.timePanelConfiguration.autoRefresh,\r\n            }\r\n\r\n            localStorage.setItem(filterNameToSave, JSON.stringify(filterToSave));\r\n        }\r\n    }\r\n\r\n    getFilterNameToSave(): string | undefined {\r\n        return undefined;\r\n    }\r\n\r\n    protected getActiveVectors(): EdaVector[] {\r\n        return this.state.currentFilter.currentVectors.filter(vector => vector.active);\r\n    }\r\n\r\n    protected onReload() {\r\n        this.edaManagerTablePanel?.onReload();\r\n        this.edaManagerChartPanel?.onReload();\r\n    }\r\n\r\n    async onLoadVectors() {\r\n        const activeVectors = this.getActiveVectors();\r\n        this.setState({loading: true});\r\n\r\n        const loadedVectors = await this.props.edaApi.loadVectors(\r\n            activeVectors,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n            this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n        );\r\n\r\n        const loadedCalendarVector = await this.props.edaApi.loadCalendarVector(\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n            this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n        );\r\n\r\n        this.setState({\r\n            loading: false,\r\n            loadedVectors: loadedVectors,\r\n            loadedCalendarVector: loadedCalendarVector,\r\n            loadedDataFilter: cloneDeep(this.state.currentFilter),\r\n        }, () => this.onReload());\r\n\r\n        this.props.onVectorsLoaded?.(loadedVectors);\r\n    }\r\n\r\n    private async onLoadVector(code: string) {\r\n        const activeVectors = this.getActiveVectors();\r\n        const currentVectorIndex = activeVectors.findIndex(value => value.code === code);\r\n\r\n        if (currentVectorIndex >= 0) {\r\n            const currentVector = activeVectors[currentVectorIndex];\r\n            const loadedVectors = this.state.loadedVectors;\r\n\r\n            const loadedVector = await this.props.edaApi.loadVectors(\r\n                [currentVector],\r\n                this.state.currentFilter.timePanelConfiguration.selectedTimeFrom,\r\n                this.state.currentFilter.timePanelConfiguration.selectedTimeTo,\r\n                this.state.currentFilter.timePanelConfiguration.selectedStep,\r\n            );\r\n\r\n            loadedVectors.forEach((value, index) => {\r\n                value[`col${currentVectorIndex}`] = loadedVector[index].col0;\r\n            });\r\n\r\n            this.setState({loadedVectors: loadedVectors});\r\n\r\n            this.edaManagerTablePanel?.refreshCells();\r\n            this.edaManagerChartPanel?.onReload();\r\n        }\r\n    }\r\n\r\n    private renderTimePanel() {\r\n        const pathsToOmit = [\"timePanelConfiguration.autoRefresh\"];\r\n        this.state.currentFilter.currentVectors.forEach((_, index) => {\r\n            pathsToOmit.push(`currentVectors[${index}].target`);\r\n        });\r\n\r\n        const filterChanged = !isEqual(\r\n            omit(cloneDeep(this.state.currentFilter), pathsToOmit),\r\n            omit(cloneDeep(this.state.loadedDataFilter), pathsToOmit)\r\n        );\r\n\r\n        return (\r\n            <EdaManagerTimePanel\r\n                loading={this.state.loading}\r\n                configuration={this.state.currentFilter.timePanelConfiguration}\r\n                filterChanged={filterChanged}\r\n                onChangeConfiguration={configuration => {\r\n                    const currentFilter = this.state.currentFilter;\r\n                    const timePanelConfiguration = currentFilter.timePanelConfiguration;\r\n                    Object.assign(timePanelConfiguration, configuration);\r\n                    this.setState({currentFilter: currentFilter}, () => {\r\n                        this.saveFilter();\r\n                        if (timePanelConfiguration.autoRefresh) {\r\n                            this.onLoadVectors();\r\n                        }\r\n                    });\r\n                }}\r\n                onReload={() => {\r\n                    this.onLoadVectors();\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    protected get edaManagerChartPanelCompact(): boolean {\r\n        return false;\r\n    }\r\n\r\n    protected get tabWrapperStyle(): React.CSSProperties {\r\n        return {padding: \"8px 12px\"}\r\n    }\r\n\r\n    protected flexLayoutFactory(node: FlexLayout.TabNode): React.ReactNode {\r\n        const component = node.getComponent();\r\n        const activeVectors = this.getActiveVectors();\r\n        if (component === \"table\") {\r\n            return (\r\n                <EdaManagerTablePanel\r\n                    style={this.tabWrapperStyle}\r\n                    ref={component => this.edaManagerTablePanel = component}\r\n                    edaApi={this.props.edaApi}\r\n                    timePanel={this.renderTimePanel()}\r\n                    currentVectors={activeVectors}\r\n                    loadedVectors={this.state.loadedVectors}\r\n                    loading={this.state.loading}\r\n                    onReloadVectorData={code => {\r\n                        this.onLoadVector(code);\r\n                    }}\r\n                />\r\n            );\r\n        } else if (component === \"chart\") {\r\n            const d2ChartSeries: D2ChartSeriesItem[] = activeVectors.map(value => {\r\n                return {\r\n                    id: value.id,\r\n                    code: value.code,\r\n                    name: value.name,\r\n                    colorIndex: value.colorIndex,\r\n                    lineStyle: value.lineStyle,\r\n                }\r\n            });\r\n\r\n            return (\r\n                <div\r\n                    style={Object.assign(\r\n                        {display: \"flex\", flexDirection: \"column\", height: \"100%\"},\r\n                        this.tabWrapperStyle\r\n                    )}\r\n                >\r\n                    {this.renderTimePanel()}\r\n                    <D2ChartPanel\r\n                        ref={component => this.edaManagerChartPanel = component}\r\n                        d2ChartSeries={d2ChartSeries}\r\n                        d2ChartRecords={this.state.loadedVectors}\r\n                        d2ChartCalendarRecords={this.state.loadedCalendarVector}\r\n                        loading={this.state.loading}\r\n                        compact={this.edaManagerChartPanelCompact}\r\n                        markArea={this.props.markArea}\r\n                        tableHeight={this.props.tableHeight}\r\n                        tableWrapperStyle={this.props.tableWrapperStyle}\r\n                    />\r\n                </div>\r\n            )\r\n        }\r\n\r\n        return <span>{component}</span>\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{minWidth: 100, minHeight: 500, ...this.props.style}}>\r\n                <FlexLayout.Layout\r\n                    model={this.state.layoutModel}\r\n                    onModelChange={model => this.setState({layoutModel: model})}\r\n                    factory={this.flexLayoutFactory}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}

package/coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.js

@@ -34,7 +34,6 @@ export default class EdaVectorDetailModalDialog extends React.Component {
             return (React.createElement(D2ChartPanel, { ref: component => {
                     this.edaManagerChartPanel = component;
                     setTimeout(() => this.edaManagerChartPanel?.onReload());
-                    setTimeout(() => this.edaManagerChartPanel?.resize());
                 }, d2ChartSeries: this.props.edaVectors, d2ChartRecords: this.props.loadedVectorData, compact: true, tableHeight: 100, tableWrapperStyle: { margin: "0 8px 8px" } }));
         }
         return React.createElement("span", null, component);

package/coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"edaVectorDetailModalDialog.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport TitleWithCodePanel from \"../../../titleWithCodePanel/titleWithCodePanel\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector} from \"../../../../../api/edaApi\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport {edaVectorDetailLayoutModel} from \"./initialLayout\";\r\nimport D2ChartPanel from \"../../../d2Chart/d2ChartPanel\";\r\nimport EdaVectorDetailTablePanel from \"./edaVectorDetailTablePanel\";\r\nimport {Button} from \"antd\";\r\nimport {SaveOutlined} from \"@ant-design/icons\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport {EdaErrorCodeEnum, EdaVectorValue} from \"d2jsapi/dist/d2Api\";\r\nimport {EdaValueStatusFlag} from \"d2jsapi/dist/unival\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport EdaVectorMassChangeButton, {EdaVectorMassChangeOperationType} from \"./components/edaVectorMassChangeButton\";\r\n\r\ninterface Props {\r\n    edaApi: EdaApi\r\n    visible: boolean\r\n    edaVectors: EdaVector[]\r\n    loadedVectorData: EdaManagerRecord[],\r\n\r\n    onReloadVectorData(): void\r\n\r\n    onCancel(): void\r\n}\r\n\r\ninterface State {\r\n    layoutModel: FlexLayout.Model\r\n\r\n    waitingForUpdateResponse: boolean\r\n}\r\n\r\nexport default class EdaVectorDetailModalDialog extends React.Component<Props, State> {\r\n    private edaVectorDetailTablePanel: EdaVectorDetailTablePanel | null = null;\r\n    private edaManagerChartPanel: D2ChartPanel | null = null;\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            layoutModel: FlexLayout.Model.fromJson(edaVectorDetailLayoutModel()),\r\n\r\n            waitingForUpdateResponse: false,\r\n        }\r\n\r\n        this.flexLayoutFactory = this.flexLayoutFactory.bind(this);\r\n    }\r\n\r\n    // componentDidUpdate(prevProps: Readonly<Props>) {\r\n    //     if (!prevProps.visible && this.props.visible) {\r\n    //         this.setState({\r\n    //\r\n    //         });\r\n    //     }\r\n    // }\r\n\r\n    protected flexLayoutFactory(node: FlexLayout.TabNode): React.ReactNode {\r\n        const component = node.getComponent();\r\n\r\n        if (component === \"table\") {\r\n            return (\r\n                <EdaVectorDetailTablePanel\r\n                    ref={component => this.edaVectorDetailTablePanel = component}\r\n                    currentVectors={this.props.edaVectors}\r\n                    loadedVectors={this.props.loadedVectorData}\r\n                    onChange={() => {\r\n                        this.edaManagerChartPanel?.onReload();\r\n                        this.forceUpdate();\r\n                    }}\r\n                />\r\n            );\r\n        } else if (component === \"chart\") {\r\n            return (\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.edaManagerChartPanel = component;\r\n                        setTimeout(() => this.edaManagerChartPanel?.onReload());\r\n                        setTimeout(() => this.edaManagerChartPanel?.resize());\r\n                    }}\r\n                    d2ChartSeries={this.props.edaVectors}\r\n                    d2ChartRecords={this.props.loadedVectorData}\r\n                    compact\r\n                    tableHeight={100}\r\n                    tableWrapperStyle={{margin: \"0 8px 8px\"}}\r\n                />\r\n            );\r\n        }\r\n\r\n        return <span>{component}</span>\r\n    }\r\n\r\n    render() {\r\n        const isVectorModified = this.props.loadedVectorData.some(value => value.col0 !== value.col1);\r\n\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.props.visible}\r\n                onCancel={this.props.onCancel}\r\n                title={<TitleWithCodePanel title={i18n(\"Eda Vector\")} code={this.props.edaVectors[1]?.name ?? \"\"}/>}\r\n                styles={{body: {padding: 0}}}\r\n                initialWidth={960}\r\n                initialHeight={840}\r\n                keyboard={false}\r\n                confirmLoading={this.state.waitingForUpdateResponse}\r\n                footer={\r\n                    <div style={{textAlign: \"center\"}}>\r\n                        <Button.Group>\r\n                            <Button\r\n                                disabled={!isVectorModified}\r\n                                type=\"primary\"\r\n                                style={{width: 128}}\r\n                                icon={<SaveOutlined/>}\r\n                                loading={this.state.waitingForUpdateResponse}\r\n                                onClick={async () => {\r\n                                    this.setState({waitingForUpdateResponse: true});\r\n                                    const dataToUpdate: EdaVectorValue[] = this.props.loadedVectorData.map(value => {\r\n                                        return {\r\n                                            time: value.date.getTime(),\r\n                                            value: value.col1,\r\n                                            status: value.col1 !== undefined ? [EdaValueStatusFlag.Valid] : [],\r\n                                        }\r\n                                    });\r\n                                    const vectorCode = this.props.edaVectors[0]?.code;\r\n                                    const errorCode = await this.props.edaApi.updateVector(vectorCode ?? \"\", dataToUpdate);\r\n                                    this.setState({waitingForUpdateResponse: false});\r\n                                    if (errorCode === EdaErrorCodeEnum.SUCCESS) {\r\n                                        this.props.onReloadVectorData();\r\n                                    }\r\n                                }}\r\n                            >\r\n                                {i18n(\"Save\")}\r\n                            </Button>\r\n                            <Button\r\n                                disabled={!isVectorModified}\r\n                                style={{width: 128, marginLeft: 0}}\r\n                                icon={<UndoIcon/>}\r\n                                onClick={() => {\r\n                                    this.props.loadedVectorData.forEach(value => value.col1 = value.col0);\r\n                                    this.edaVectorDetailTablePanel?.refreshCells();\r\n                                    setTimeout(() => {\r\n                                        this.edaVectorDetailTablePanel?.redrawRows();\r\n                                    }, 200)\r\n                                    this.edaManagerChartPanel?.onReload();\r\n                                    this.forceUpdate();\r\n                                }}\r\n                            >\r\n                                {i18n(\"Revert\")}\r\n                            </Button>\r\n                            <EdaVectorMassChangeButton\r\n                                dateFrom={dayjs(this.props.loadedVectorData[0]?.date.getTime())}\r\n                                dateTo={dayjs(this.props.loadedVectorData[this.props.loadedVectorData.length - 1]?.date.getTime())}\r\n                                onConfirm={edaVectorMassChangeConfig => {\r\n                                    this.props.loadedVectorData\r\n                                        .filter(value => {\r\n                                            const dateTime = dayjs(value.date.getTime());\r\n                                            const dateTimeInMinutes = dateTime.hour() * 60 + dateTime.minute();\r\n                                            return dateTime.isSameOrAfter(edaVectorMassChangeConfig.dateFrom)\r\n                                                && dateTime.isSameOrBefore(edaVectorMassChangeConfig.dateTo)\r\n                                                && dateTimeInMinutes >= edaVectorMassChangeConfig.timeFrom.hour() * 60 + edaVectorMassChangeConfig.timeFrom.minute()\r\n                                                && dateTimeInMinutes <= edaVectorMassChangeConfig.timeTo.hour() * 60 + edaVectorMassChangeConfig.timeTo.minute()\r\n                                                && (\r\n                                                    dateTime.day() === 0 && edaVectorMassChangeConfig.mondayChecked\r\n                                                    || dateTime.day() === 1 && edaVectorMassChangeConfig.tuesdayChecked\r\n                                                    || dateTime.day() === 2 && edaVectorMassChangeConfig.wednesdayChecked\r\n                                                    || dateTime.day() === 3 && edaVectorMassChangeConfig.thursdayChecked\r\n                                                    || dateTime.day() === 4 && edaVectorMassChangeConfig.fridayChecked\r\n                                                    || dateTime.day() === 5 && edaVectorMassChangeConfig.saturdayChecked\r\n                                                    || dateTime.day() === 6 && edaVectorMassChangeConfig.sundayChecked\r\n                                                )\r\n                                        })\r\n                                        .forEach(value => {\r\n                                            switch (edaVectorMassChangeConfig.operationType) {\r\n                                                case EdaVectorMassChangeOperationType.ABSOLUTE:\r\n                                                    value.col1 = edaVectorMassChangeConfig.value;\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.ADD:\r\n                                                    value.col1 += edaVectorMassChangeConfig.value;\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.MULTIPLY:\r\n                                                    if (edaVectorMassChangeConfig.value !== undefined && value.col1 !== undefined) {\r\n                                                        value.col1 *= edaVectorMassChangeConfig.value;\r\n                                                    } else {\r\n                                                        value.col1 = undefined;\r\n                                                    }\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.REPLACE:\r\n                                                    if (edaVectorMassChangeConfig.replaceValue === value.col1) {\r\n                                                        value.col1 = edaVectorMassChangeConfig.value;\r\n                                                    }\r\n                                                    break;\r\n                                            }\r\n                                        });\r\n\r\n                                    this.edaVectorDetailTablePanel?.refreshCells();\r\n                                    setTimeout(() => {\r\n                                        this.edaVectorDetailTablePanel?.redrawRows();\r\n                                    }, 200);\r\n                                    this.edaManagerChartPanel?.onReload();\r\n                                    this.forceUpdate();\r\n                                }}\r\n                            />\r\n                        </Button.Group>\r\n                    </div>\r\n                }\r\n            >\r\n                <div style={{position: \"relative\", height: \"100%\"}}>\r\n                    <FlexLayout.Layout\r\n                        model={this.state.layoutModel}\r\n                        onModelChange={model => this.setState({layoutModel: model})}\r\n                        factory={this.flexLayoutFactory}\r\n                    />\r\n                </div>\r\n            </ModalDialog>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"edaVectorDetailModalDialog.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManager/components/detail/edaVectorDetailModalDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport TitleWithCodePanel from \"../../../titleWithCodePanel/titleWithCodePanel\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaApi, EdaManagerRecord, EdaVector} from \"../../../../../api/edaApi\";\r\nimport * as FlexLayout from \"flexlayout-react\";\r\nimport {edaVectorDetailLayoutModel} from \"./initialLayout\";\r\nimport D2ChartPanel from \"../../../d2Chart/d2ChartPanel\";\r\nimport EdaVectorDetailTablePanel from \"./edaVectorDetailTablePanel\";\r\nimport {Button} from \"antd\";\r\nimport {SaveOutlined} from \"@ant-design/icons\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport {EdaErrorCodeEnum, EdaVectorValue} from \"d2jsapi/dist/d2Api\";\r\nimport {EdaValueStatusFlag} from \"d2jsapi/dist/unival\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport EdaVectorMassChangeButton, {EdaVectorMassChangeOperationType} from \"./components/edaVectorMassChangeButton\";\r\n\r\ninterface Props {\r\n    edaApi: EdaApi\r\n    visible: boolean\r\n    edaVectors: EdaVector[]\r\n    loadedVectorData: EdaManagerRecord[],\r\n\r\n    onReloadVectorData(): void\r\n\r\n    onCancel(): void\r\n}\r\n\r\ninterface State {\r\n    layoutModel: FlexLayout.Model\r\n\r\n    waitingForUpdateResponse: boolean\r\n}\r\n\r\nexport default class EdaVectorDetailModalDialog extends React.Component<Props, State> {\r\n    private edaVectorDetailTablePanel: EdaVectorDetailTablePanel | null = null;\r\n    private edaManagerChartPanel: D2ChartPanel | null = null;\r\n\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            layoutModel: FlexLayout.Model.fromJson(edaVectorDetailLayoutModel()),\r\n\r\n            waitingForUpdateResponse: false,\r\n        }\r\n\r\n        this.flexLayoutFactory = this.flexLayoutFactory.bind(this);\r\n    }\r\n\r\n    // componentDidUpdate(prevProps: Readonly<Props>) {\r\n    //     if (!prevProps.visible && this.props.visible) {\r\n    //         this.setState({\r\n    //\r\n    //         });\r\n    //     }\r\n    // }\r\n\r\n    protected flexLayoutFactory(node: FlexLayout.TabNode): React.ReactNode {\r\n        const component = node.getComponent();\r\n\r\n        if (component === \"table\") {\r\n            return (\r\n                <EdaVectorDetailTablePanel\r\n                    ref={component => this.edaVectorDetailTablePanel = component}\r\n                    currentVectors={this.props.edaVectors}\r\n                    loadedVectors={this.props.loadedVectorData}\r\n                    onChange={() => {\r\n                        this.edaManagerChartPanel?.onReload();\r\n                        this.forceUpdate();\r\n                    }}\r\n                />\r\n            );\r\n        } else if (component === \"chart\") {\r\n            return (\r\n                <D2ChartPanel\r\n                    ref={component => {\r\n                        this.edaManagerChartPanel = component;\r\n                        setTimeout(() => this.edaManagerChartPanel?.onReload());\r\n                    }}\r\n                    d2ChartSeries={this.props.edaVectors}\r\n                    d2ChartRecords={this.props.loadedVectorData}\r\n                    compact\r\n                    tableHeight={100}\r\n                    tableWrapperStyle={{margin: \"0 8px 8px\"}}\r\n                />\r\n            );\r\n        }\r\n\r\n        return <span>{component}</span>\r\n    }\r\n\r\n    render() {\r\n        const isVectorModified = this.props.loadedVectorData.some(value => value.col0 !== value.col1);\r\n\r\n        return (\r\n            <ModalDialog\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                open={this.props.visible}\r\n                onCancel={this.props.onCancel}\r\n                title={<TitleWithCodePanel title={i18n(\"Eda Vector\")} code={this.props.edaVectors[1]?.name ?? \"\"}/>}\r\n                styles={{body: {padding: 0}}}\r\n                initialWidth={960}\r\n                initialHeight={840}\r\n                keyboard={false}\r\n                confirmLoading={this.state.waitingForUpdateResponse}\r\n                footer={\r\n                    <div style={{textAlign: \"center\"}}>\r\n                        <Button.Group>\r\n                            <Button\r\n                                disabled={!isVectorModified}\r\n                                type=\"primary\"\r\n                                style={{width: 128}}\r\n                                icon={<SaveOutlined/>}\r\n                                loading={this.state.waitingForUpdateResponse}\r\n                                onClick={async () => {\r\n                                    this.setState({waitingForUpdateResponse: true});\r\n                                    const dataToUpdate: EdaVectorValue[] = this.props.loadedVectorData.map(value => {\r\n                                        return {\r\n                                            time: value.date.getTime(),\r\n                                            value: value.col1,\r\n                                            status: value.col1 !== undefined ? [EdaValueStatusFlag.Valid] : [],\r\n                                        }\r\n                                    });\r\n                                    const vectorCode = this.props.edaVectors[0]?.code;\r\n                                    const errorCode = await this.props.edaApi.updateVector(vectorCode ?? \"\", dataToUpdate);\r\n                                    this.setState({waitingForUpdateResponse: false});\r\n                                    if (errorCode === EdaErrorCodeEnum.SUCCESS) {\r\n                                        this.props.onReloadVectorData();\r\n                                    }\r\n                                }}\r\n                            >\r\n                                {i18n(\"Save\")}\r\n                            </Button>\r\n                            <Button\r\n                                disabled={!isVectorModified}\r\n                                style={{width: 128, marginLeft: 0}}\r\n                                icon={<UndoIcon/>}\r\n                                onClick={() => {\r\n                                    this.props.loadedVectorData.forEach(value => value.col1 = value.col0);\r\n                                    this.edaVectorDetailTablePanel?.refreshCells();\r\n                                    setTimeout(() => {\r\n                                        this.edaVectorDetailTablePanel?.redrawRows();\r\n                                    }, 200)\r\n                                    this.edaManagerChartPanel?.onReload();\r\n                                    this.forceUpdate();\r\n                                }}\r\n                            >\r\n                                {i18n(\"Revert\")}\r\n                            </Button>\r\n                            <EdaVectorMassChangeButton\r\n                                dateFrom={dayjs(this.props.loadedVectorData[0]?.date.getTime())}\r\n                                dateTo={dayjs(this.props.loadedVectorData[this.props.loadedVectorData.length - 1]?.date.getTime())}\r\n                                onConfirm={edaVectorMassChangeConfig => {\r\n                                    this.props.loadedVectorData\r\n                                        .filter(value => {\r\n                                            const dateTime = dayjs(value.date.getTime());\r\n                                            const dateTimeInMinutes = dateTime.hour() * 60 + dateTime.minute();\r\n                                            return dateTime.isSameOrAfter(edaVectorMassChangeConfig.dateFrom)\r\n                                                && dateTime.isSameOrBefore(edaVectorMassChangeConfig.dateTo)\r\n                                                && dateTimeInMinutes >= edaVectorMassChangeConfig.timeFrom.hour() * 60 + edaVectorMassChangeConfig.timeFrom.minute()\r\n                                                && dateTimeInMinutes <= edaVectorMassChangeConfig.timeTo.hour() * 60 + edaVectorMassChangeConfig.timeTo.minute()\r\n                                                && (\r\n                                                    dateTime.day() === 0 && edaVectorMassChangeConfig.mondayChecked\r\n                                                    || dateTime.day() === 1 && edaVectorMassChangeConfig.tuesdayChecked\r\n                                                    || dateTime.day() === 2 && edaVectorMassChangeConfig.wednesdayChecked\r\n                                                    || dateTime.day() === 3 && edaVectorMassChangeConfig.thursdayChecked\r\n                                                    || dateTime.day() === 4 && edaVectorMassChangeConfig.fridayChecked\r\n                                                    || dateTime.day() === 5 && edaVectorMassChangeConfig.saturdayChecked\r\n                                                    || dateTime.day() === 6 && edaVectorMassChangeConfig.sundayChecked\r\n                                                )\r\n                                        })\r\n                                        .forEach(value => {\r\n                                            switch (edaVectorMassChangeConfig.operationType) {\r\n                                                case EdaVectorMassChangeOperationType.ABSOLUTE:\r\n                                                    value.col1 = edaVectorMassChangeConfig.value;\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.ADD:\r\n                                                    value.col1 += edaVectorMassChangeConfig.value;\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.MULTIPLY:\r\n                                                    if (edaVectorMassChangeConfig.value !== undefined && value.col1 !== undefined) {\r\n                                                        value.col1 *= edaVectorMassChangeConfig.value;\r\n                                                    } else {\r\n                                                        value.col1 = undefined;\r\n                                                    }\r\n                                                    break;\r\n                                                case EdaVectorMassChangeOperationType.REPLACE:\r\n                                                    if (edaVectorMassChangeConfig.replaceValue === value.col1) {\r\n                                                        value.col1 = edaVectorMassChangeConfig.value;\r\n                                                    }\r\n                                                    break;\r\n                                            }\r\n                                        });\r\n\r\n                                    this.edaVectorDetailTablePanel?.refreshCells();\r\n                                    setTimeout(() => {\r\n                                        this.edaVectorDetailTablePanel?.redrawRows();\r\n                                    }, 200);\r\n                                    this.edaManagerChartPanel?.onReload();\r\n                                    this.forceUpdate();\r\n                                }}\r\n                            />\r\n                        </Button.Group>\r\n                    </div>\r\n                }\r\n            >\r\n                <div style={{position: \"relative\", height: \"100%\"}}>\r\n                    <FlexLayout.Layout\r\n                        model={this.state.layoutModel}\r\n                        onModelChange={model => this.setState({layoutModel: model})}\r\n                        factory={this.flexLayoutFactory}\r\n                    />\r\n                </div>\r\n            </ModalDialog>\r\n        );\r\n    }\r\n\r\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2aura",
-  "version": "23.0.4",
+  "version": "23.0.5",
   "description": "D2 AURA - Advanced User Interface Resource Architecture",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",