d2aura 26.0.13 → 26.0.15

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/descriptiveVectorDetailPanel.js

@@ -0,0 +1,171 @@
+import React, { useEffect, useMemo, useState } from "react";
+import { Button, Card, Checkbox, Col, Divider, InputNumber, Radio, Row, Space, theme } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { EdaPeriodType, EdaPeriodValueType } from "../../constants/edaTypes";
+import { isEqual } from "lodash";
+import { IntervalInput } from "./intervalInput";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { FullPeriodType } from "./types";
+import { toFullPeriodType } from "./utils";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+import dayjs from "d2core/dayjs";
+export const DescriptiveVectorDetailPanel = ({ data, onChange }) => {
+    const { token } = theme.useToken();
+    const [periodType, setPeriodType] = useState(toFullPeriodType(data));
+    const [modifiedData, setModifiedData] = useState({ ...data });
+    const fullMask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);
+    const dateMask = useMemo(() => LocaleHolder.getDateFormat(false), []);
+    const modified = !isEqual(modifiedData, data) || periodType !== toFullPeriodType(data);
+    useEffect(() => {
+        setPeriodType(toFullPeriodType(data));
+        setModifiedData({ ...data });
+    }, [data]);
+    return (React.createElement(Space, { style: { width: "100%", padding: `${token.paddingXXS}px`, overflowY: "auto" }, direction: "vertical" },
+        React.createElement(Card, { title: i18n("Period Type") + ":" },
+            React.createElement(Radio.Group, { value: periodType, style: { display: 'flex', flexDirection: 'column', gap: '4px' }, onChange: (e) => {
+                    const period = e.target.value;
+                    let from;
+                    let to;
+                    switch (period) {
+                        case FullPeriodType.Base:
+                        case FullPeriodType.Interval:
+                            from = dayjs().startOf('year');
+                            to = dayjs().endOf('year').millisecond(0);
+                            break;
+                        case FullPeriodType.Day:
+                            from = dayjs().year(2000).startOf('year');
+                            to = dayjs().year(2000).startOf('year').endOf('day').millisecond(0);
+                            break;
+                        case FullPeriodType.Week:
+                            from = dayjs().year(2002).startOf('year');
+                            to = dayjs().year(2002).startOf('year').second(6);
+                            break;
+                        case FullPeriodType.YearQuarter:
+                            from = dayjs().year(1972).startOf('year');
+                            to = dayjs().year(1972).startOf('year').month(9);
+                            break;
+                        case FullPeriodType.YearMonth:
+                            from = dayjs().year(1973).startOf('year');
+                            to = dayjs().year(1973).startOf('year').month(11);
+                            break;
+                        case FullPeriodType.YearWeek:
+                            from = dayjs().year(1974).startOf('year').second(1);
+                            to = dayjs().year(1974).startOf('year').second(52);
+                            break;
+                        case FullPeriodType.YearDay:
+                            from = dayjs().year(1975).startOf('year');
+                            to = dayjs().year(1975).startOf('year').endOf('year').millisecond(0);
+                            break;
+                    }
+                    setPeriodType(period);
+                    setModifiedData((prev) => ({ ...prev, periodType: toEdaPeriodType(period), timeFrom: from, timeTo: to }));
+                } },
+                React.createElement(Radio, { value: FullPeriodType.Base }, i18n("Basic (value in every moment)")),
+                React.createElement(Divider, { style: { margin: 0 } }),
+                React.createElement(Radio, { value: FullPeriodType.Interval }, i18n("Interval")),
+                React.createElement(Divider, { style: { margin: 0 } }),
+                React.createElement(Radio, { value: FullPeriodType.YearQuarter }, i18n("Quarter of the year (I., II., III, IV.)")),
+                React.createElement(Radio, { value: FullPeriodType.YearMonth }, i18n("Month of the year (January - December)")),
+                React.createElement(Radio, { value: FullPeriodType.YearWeek }, i18n("Week of the year (1. - 52.)")),
+                React.createElement(Radio, { value: FullPeriodType.YearDay }, i18n("Date in year (1.1. - 31.12.)")),
+                React.createElement(Divider, { style: { margin: 0 } }),
+                React.createElement(Radio, { value: FullPeriodType.Week }, i18n("Day in week (Monday - Sunday)")),
+                React.createElement(Divider, { style: { margin: 0 } }),
+                React.createElement(Radio, { value: FullPeriodType.Day }, i18n("Time during the day (00:00 - 23:59)")))),
+        periodType !== FullPeriodType.Base && (React.createElement(Card, null,
+            React.createElement(Row, { gutter: [8, 8] },
+                React.createElement(Col, { span: 8 },
+                    getIntervalDescription(periodType),
+                    ":"),
+                React.createElement(Col, { span: 16 },
+                    React.createElement(Row, { gutter: [8, 8] },
+                        React.createElement(Col, { span: 6 },
+                            i18n("From"),
+                            ":"),
+                        React.createElement(Col, { span: 18 },
+                            React.createElement(IntervalInput, { value: modifiedData.timeFrom, fullMask: fullMask, dateMask: dateMask, periodType: periodType, onChange: (value) => {
+                                    setModifiedData((prev) => ({ ...prev, timeFrom: value }));
+                                } })),
+                        React.createElement(Col, { span: 6 },
+                            i18n("To"),
+                            ":"),
+                        React.createElement(Col, { span: 18 },
+                            React.createElement(IntervalInput, { value: modifiedData.timeTo, fullMask: fullMask, dateMask: dateMask, periodType: periodType, onChange: (value) => {
+                                    setModifiedData((prev) => ({ ...prev, timeTo: value }));
+                                } }))))))),
+        React.createElement(Card, null,
+            React.createElement(Row, { gutter: [8, 8] },
+                React.createElement(Col, { span: 8 },
+                    i18n("Operation Type"),
+                    ":"),
+                React.createElement(Col, { span: 16 },
+                    React.createElement(EnumValuePicker, { style: { width: "100%" }, value: modifiedData.valueType, values: EdaPeriodValueType, translateValue: true, translationPrefix: "EdaPeriodValueType_", onChange: (value) => {
+                            setModifiedData((prev) => ({ ...prev, valueType: value }));
+                        } })),
+                React.createElement(Col, { span: 8 },
+                    i18n("Value"),
+                    ":"),
+                React.createElement(Col, { span: 16 },
+                    React.createElement(InputNumber, { value: modifiedData.value, style: { width: "100%" }, onChange: (value) => {
+                            if (value !== null) {
+                                setModifiedData((prev) => ({ ...prev, value: value }));
+                            }
+                        } })),
+                modifiedData.valueType === EdaPeriodValueType.Interpolation && (React.createElement(React.Fragment, null,
+                    React.createElement(Col, { span: 8 },
+                        i18n("To"),
+                        ":"),
+                    React.createElement(Col, { span: 16 },
+                        React.createElement(InputNumber, { value: modifiedData.value2, style: { width: "100%" }, onChange: (value) => {
+                                if (value !== null) {
+                                    setModifiedData((prev) => ({ ...prev, value2: value }));
+                                }
+                            } })))))),
+        React.createElement(Card, null,
+            React.createElement(Row, { gutter: [8, 8] },
+                React.createElement(Col, { span: 12 },
+                    React.createElement(Checkbox, { checked: modifiedData.valid, onChange: (e) => {
+                            setModifiedData((prev) => ({ ...prev, valid: e.target.checked }));
+                        } }, i18n("Valid entry"))),
+                React.createElement(Col, { span: 12 },
+                    i18n("Supplement number"),
+                    ": ",
+                    modifiedData.supplement))),
+        React.createElement("div", { style: { display: "flex", justifyContent: "flex-end" } },
+            React.createElement(Button, { type: "primary", disabled: !modified, onClick: () => onChange(modifiedData) }, i18n("Change")))));
+};
+function getIntervalDescription(periodType) {
+    switch (periodType) {
+        case FullPeriodType.Base:
+            return "";
+        case FullPeriodType.Interval:
+        case FullPeriodType.YearQuarter:
+        case FullPeriodType.YearMonth:
+        case FullPeriodType.YearWeek:
+            return i18n("Annual period");
+        case FullPeriodType.Day:
+            return i18n("Interval");
+        case FullPeriodType.Week:
+            return i18n("Daily");
+        case FullPeriodType.YearDay:
+            return i18n("On the days");
+    }
+}
+function toEdaPeriodType(period) {
+    switch (period) {
+        case FullPeriodType.Base:
+            return EdaPeriodType.Base;
+        case FullPeriodType.Interval:
+            return EdaPeriodType.Interval;
+        case FullPeriodType.Day:
+            return EdaPeriodType.Day;
+        case FullPeriodType.Week:
+            return EdaPeriodType.Week;
+        case FullPeriodType.YearDay:
+        case FullPeriodType.YearMonth:
+        case FullPeriodType.YearQuarter:
+        case FullPeriodType.YearWeek:
+            return EdaPeriodType.Year;
+    }
+}
+//# sourceMappingURL=descriptiveVectorDetailPanel.js.map

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/descriptiveVectorDetailPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"descriptiveVectorDetailPanel.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/descriptiveVectorDetailPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useEffect, useMemo, useState} from \"react\";\r\nimport {Button, Card, Checkbox, Col, Divider, InputNumber, Radio, Row, Space, theme} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaPeriodType, EdaPeriodValueType} from \"../../constants/edaTypes\";\r\nimport {isEqual} from \"lodash\";\r\nimport {IntervalInput} from \"./intervalInput\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport {DescriptiveVector, FullPeriodType} from \"./types\";\r\nimport {toFullPeriodType} from \"./utils\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport dayjs from \"d2core/dayjs\";\r\n\r\ninterface Props {\r\n    data: DescriptiveVector\r\n    onChange: (data: DescriptiveVector) => void\r\n}\r\n\r\nexport const DescriptiveVectorDetailPanel: FC<Props> = ({data, onChange}) => {\r\n    const {token} = theme.useToken();\r\n\r\n    const [periodType, setPeriodType] = useState<FullPeriodType>(toFullPeriodType(data));\r\n    const [modifiedData, setModifiedData] = useState<DescriptiveVector>({...data});\r\n\r\n    const fullMask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n    const dateMask = useMemo(() => LocaleHolder.getDateFormat(false), []);\r\n\r\n    const modified = !isEqual(modifiedData, data) || periodType !== toFullPeriodType(data);\r\n\r\n    useEffect(() => {\r\n        setPeriodType(toFullPeriodType(data));\r\n        setModifiedData({...data});\r\n    }, [data]);\r\n\r\n    return (\r\n        <Space style={{width: \"100%\", padding: `${token.paddingXXS}px`, overflowY: \"auto\"}} direction={\"vertical\"}>\r\n            <Card title={i18n(\"Period Type\") + \":\"}>\r\n                <Radio.Group\r\n                    value={periodType}\r\n                    style={{display: 'flex', flexDirection: 'column', gap: '4px'}}\r\n                    onChange={(e) => {\r\n                        const period = e.target.value as FullPeriodType;\r\n                        let from: dayjs.Dayjs;\r\n                        let to: dayjs.Dayjs;\r\n\r\n                        switch (period) {\r\n                            case FullPeriodType.Base:\r\n                            case FullPeriodType.Interval:\r\n                                from = dayjs().startOf('year');\r\n                                to = dayjs().endOf('year').millisecond(0);\r\n                                break;\r\n                            case FullPeriodType.Day:\r\n                                from = dayjs().year(2000).startOf('year');\r\n                                to = dayjs().year(2000).startOf('year').endOf('day').millisecond(0);\r\n                                break;\r\n                            case FullPeriodType.Week:\r\n                                from = dayjs().year(2002).startOf('year');\r\n                                to = dayjs().year(2002).startOf('year').second(6);\r\n                                break;\r\n                            case FullPeriodType.YearQuarter:\r\n                                from = dayjs().year(1972).startOf('year');\r\n                                to = dayjs().year(1972).startOf('year').month(9);\r\n                                break;\r\n                            case FullPeriodType.YearMonth:\r\n                                from = dayjs().year(1973).startOf('year');\r\n                                to = dayjs().year(1973).startOf('year').month(11);\r\n                                break;\r\n                            case FullPeriodType.YearWeek:\r\n                                from = dayjs().year(1974).startOf('year').second(1);\r\n                                to = dayjs().year(1974).startOf('year').second(52);\r\n                                break;\r\n                            case FullPeriodType.YearDay:\r\n                                from = dayjs().year(1975).startOf('year');\r\n                                to = dayjs().year(1975).startOf('year').endOf('year').millisecond(0);\r\n                                break;\r\n                        }\r\n\r\n                        setPeriodType(period);\r\n                        setModifiedData((prev): DescriptiveVector => ({...prev, periodType: toEdaPeriodType(period), timeFrom: from, timeTo: to}));\r\n                    }}\r\n                >\r\n                    <Radio value={FullPeriodType.Base}>{i18n(\"Basic (value in every moment)\")}</Radio>\r\n                    <Divider style={{margin: 0}}/>\r\n                    <Radio value={FullPeriodType.Interval}>{i18n(\"Interval\")}</Radio>\r\n                    <Divider style={{margin: 0}}/>\r\n                    <Radio value={FullPeriodType.YearQuarter}>{i18n(\"Quarter of the year (I., II., III, IV.)\")}</Radio>\r\n                    <Radio value={FullPeriodType.YearMonth}>{i18n(\"Month of the year (January - December)\")}</Radio>\r\n                    <Radio value={FullPeriodType.YearWeek}>{i18n(\"Week of the year (1. - 52.)\")}</Radio>\r\n                    <Radio value={FullPeriodType.YearDay}>{i18n(\"Date in year (1.1. - 31.12.)\")}</Radio>\r\n                    <Divider style={{margin: 0}}/>\r\n                    <Radio value={FullPeriodType.Week}>{i18n(\"Day in week (Monday - Sunday)\")}</Radio>\r\n                    <Divider style={{margin: 0}}/>\r\n                    <Radio value={FullPeriodType.Day}>{i18n(\"Time during the day (00:00 - 23:59)\")}</Radio>\r\n                </Radio.Group>\r\n            </Card>\r\n            {periodType !== FullPeriodType.Base && (\r\n                <Card>\r\n                    <Row gutter={[8, 8]}>\r\n                        <Col span={8}>\r\n                            {getIntervalDescription(periodType)}:\r\n                        </Col>\r\n                        <Col span={16}>\r\n                            <Row gutter={[8, 8]}>\r\n                                <Col span={6}>{i18n(\"From\")}:</Col>\r\n                                <Col span={18}>\r\n                                    <IntervalInput\r\n                                        value={modifiedData.timeFrom}\r\n                                        fullMask={fullMask}\r\n                                        dateMask={dateMask}\r\n                                        periodType={periodType}\r\n                                        onChange={(value) => {\r\n                                            setModifiedData((prev): DescriptiveVector => ({...prev, timeFrom: value}))\r\n                                        }}\r\n                                    />\r\n                                </Col>\r\n\r\n                                <Col span={6}>{i18n(\"To\")}:</Col>\r\n                                <Col span={18}>\r\n                                    <IntervalInput\r\n                                        value={modifiedData.timeTo}\r\n                                        fullMask={fullMask}\r\n                                        dateMask={dateMask}\r\n                                        periodType={periodType}\r\n                                        onChange={(value) => {\r\n                                            setModifiedData((prev): DescriptiveVector => ({...prev, timeTo: value}))\r\n                                        }}\r\n                                    />\r\n                                </Col>\r\n                            </Row>\r\n                        </Col>\r\n                    </Row>\r\n                </Card>\r\n            )}\r\n            <Card>\r\n                <Row gutter={[8, 8]}>\r\n                    <Col span={8}>{i18n(\"Operation Type\")}:</Col>\r\n                    <Col span={16}>\r\n                        <EnumValuePicker\r\n                            style={{width: \"100%\"}}\r\n                            value={modifiedData.valueType}\r\n                            values={EdaPeriodValueType}\r\n                            translateValue\r\n                            translationPrefix={\"EdaPeriodValueType_\"}\r\n                            onChange={(value) => {\r\n                                setModifiedData((prev): DescriptiveVector => ({...prev, valueType: value as number}))\r\n                            }}\r\n                        />\r\n                    </Col>\r\n\r\n                    <Col span={8}>{i18n(\"Value\")}:</Col>\r\n                    <Col span={16}>\r\n                        <InputNumber\r\n                            value={modifiedData.value}\r\n                            style={{width: \"100%\"}}\r\n                            onChange={(value) => {\r\n                                if (value !== null) {\r\n                                    setModifiedData((prev) => ({...prev, value: value}));\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Col>\r\n\r\n                    {modifiedData.valueType === EdaPeriodValueType.Interpolation && (\r\n                        <>\r\n                            <Col span={8}>{i18n(\"To\")}:</Col>\r\n                            <Col span={16}>\r\n                                <InputNumber\r\n                                    value={modifiedData.value2}\r\n                                    style={{width: \"100%\"}}\r\n                                    onChange={(value) => {\r\n                                        if (value !== null) {\r\n                                            setModifiedData((prev) => ({...prev, value2: value}));\r\n                                        }\r\n                                    }}\r\n                                />\r\n                            </Col>\r\n                        </>\r\n                    )}\r\n                </Row>\r\n            </Card>\r\n            <Card>\r\n                <Row gutter={[8, 8]}>\r\n                    <Col span={12}>\r\n                        <Checkbox\r\n                            checked={modifiedData.valid}\r\n                            onChange={(e) => {\r\n                                setModifiedData((prev): DescriptiveVector => ({...prev, valid: e.target.checked}));\r\n                            }}\r\n                        >\r\n                            {i18n(\"Valid entry\")}\r\n                        </Checkbox>\r\n                    </Col>\r\n                    <Col span={12}>{i18n(\"Supplement number\")}: {modifiedData.supplement}</Col>\r\n                </Row>\r\n            </Card>\r\n            <div style={{display: \"flex\", justifyContent: \"flex-end\"}}>\r\n                <Button\r\n                    type={\"primary\"}\r\n                    disabled={!modified}\r\n                    onClick={() => onChange(modifiedData)}\r\n                >\r\n                    {i18n(\"Change\")}\r\n                </Button>\r\n            </div>\r\n        </Space>\r\n    );\r\n}\r\n\r\nfunction getIntervalDescription(periodType: FullPeriodType) {\r\n    switch (periodType) {\r\n        case FullPeriodType.Base:\r\n            return \"\";\r\n        case FullPeriodType.Interval:\r\n        case FullPeriodType.YearQuarter:\r\n        case FullPeriodType.YearMonth:\r\n        case FullPeriodType.YearWeek:\r\n            return i18n(\"Annual period\");\r\n        case FullPeriodType.Day:\r\n            return i18n(\"Interval\");\r\n        case FullPeriodType.Week:\r\n            return i18n(\"Daily\");\r\n        case FullPeriodType.YearDay:\r\n            return i18n(\"On the days\");\r\n    }\r\n}\r\n\r\nfunction toEdaPeriodType(period: FullPeriodType): EdaPeriodType {\r\n    switch (period) {\r\n        case FullPeriodType.Base:\r\n            return EdaPeriodType.Base;\r\n        case FullPeriodType.Interval:\r\n            return EdaPeriodType.Interval;\r\n        case FullPeriodType.Day:\r\n            return EdaPeriodType.Day;\r\n        case FullPeriodType.Week:\r\n            return EdaPeriodType.Week;\r\n        case FullPeriodType.YearDay:\r\n        case FullPeriodType.YearMonth:\r\n        case FullPeriodType.YearQuarter:\r\n        case FullPeriodType.YearWeek:\r\n            return EdaPeriodType.Year;\r\n    }\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/graphPanel.d.ts

@@ -0,0 +1,22 @@
+import { FC } from "react";
+import { EdaSamplingType } from "../../constants/edaTypes";
+import dayjs from "d2core/dayjs";
+import { VectorValuesData } from "../../../../../api/eda/edaManagerApi";
+interface Props {
+    displayData: Record<number, {
+        data: VectorValuesData;
+    }>;
+    isLoading: boolean;
+    params: {
+        bt: dayjs.Dayjs;
+        et: dayjs.Dayjs;
+        sampling: EdaSamplingType;
+    };
+    onParamsChange: (params: {
+        bt: dayjs.Dayjs;
+        et: dayjs.Dayjs;
+        sampling: EdaSamplingType;
+    }) => void;
+}
+export declare const GraphPanel: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/graphPanel.js

@@ -0,0 +1,75 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { Card, Space } from "antd";
+import { createStyles } from "antd-style";
+import { EdaLoadingOverlay } from "../../components/edaLoadingOverlay";
+import { EdaSampleRangePickerPanel } from "../../components/edaSampleRangePickerPanel";
+import { EdaChartViewer } from "../../components/edaChartViewer";
+import { getOrigModifiedVectors } from "./utils";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            display: flex;
+            height: 100%;
+            flex-direction: column;
+            justify-content: space-between;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+
+            > .ant-card-body {
+                height: 100%;
+                padding: ${token.paddingXS}px;
+
+                > div {
+                    height: 100%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+            }
+
+            .eda-detail-no-data {
+                padding: ${token.padding}px;
+                display: flex;
+                align-items: center;
+                justify-content: center !important;
+                width: 100%;
+                height: 100%;
+            }
+
+            .ant-space-item:last-child {
+                height: 100%;
+            }
+        `,
+    };
+});
+export const GraphPanel = ({ displayData, isLoading, params, onParamsChange }) => {
+    const { styles } = useStyles();
+    const vectors = useMemo(() => getOrigModifiedVectors(), []);
+    const [visibleVectors, setVisibleVectors] = useState(new Set([0, 1]));
+    const handleRangeChange = useCallback((bt, et, sampling) => onParamsChange({ bt, et, sampling }), []);
+    const handleToggleVisibility = useCallback((id, visible) => {
+        setVisibleVectors((prev) => {
+            const next = new Set(prev);
+            if (visible) {
+                next.add(id);
+            }
+            else {
+                next.delete(id);
+            }
+            return next;
+        });
+    }, []);
+    const handleToggleAllVisibility = useCallback((visible) => {
+        if (visible) {
+            setVisibleVectors(new Set([0, 1]));
+        }
+        else {
+            setVisibleVectors(new Set());
+        }
+    }, []);
+    return (React.createElement(Card, { className: styles.baseLayout },
+        isLoading && React.createElement(EdaLoadingOverlay, null),
+        React.createElement(Space, { direction: "vertical", style: { width: "100%", height: "100%" } },
+            React.createElement(EdaSampleRangePickerPanel, { bt: params.bt, et: params.et, sampling: params.sampling, totalCount: 1, pageSize: 1, loading: isLoading, page: 1, onChangeRange: handleRangeChange, onChangePage: () => { }, onChangeVectors: () => { } }),
+            React.createElement(EdaChartViewer, { vectors: vectors, data: displayData, visibleVectors: visibleVectors, isDataInitialized: true, onToggleVisibility: handleToggleVisibility, onToggleAllVisibility: handleToggleAllVisibility }))));
+};
+//# sourceMappingURL=graphPanel.js.map

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/graphPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphPanel.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/graphPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useMemo, useState} from \"react\";\r\nimport {Card, Space} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {EdaLoadingOverlay} from \"../../components/edaLoadingOverlay\";\r\nimport {EdaSampleRangePickerPanel} from \"../../components/edaSampleRangePickerPanel\";\r\nimport {EdaSamplingType} from \"../../constants/edaTypes\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {VectorValuesData} from \"../../../../../api/eda/edaManagerApi\";\r\nimport {EdaChartViewer} from \"../../components/edaChartViewer\";\r\nimport {getOrigModifiedVectors} from \"./utils\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n    return {\r\n        baseLayout: css`\r\n            display: flex;\r\n            height: 100%;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            border-top-left-radius: 0;\r\n            border-top-right-radius: 0;\r\n\r\n            > .ant-card-body {\r\n                height: 100%;\r\n                padding: ${token.paddingXS}px;\r\n\r\n                > div {\r\n                    height: 100%;\r\n                    overflow-x: hidden;\r\n                    overflow-y: auto;\r\n                }\r\n            }\r\n\r\n            .eda-detail-no-data {\r\n                padding: ${token.padding}px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center !important;\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n\r\n            .ant-space-item:last-child {\r\n                height: 100%;\r\n            }\r\n        `,\r\n    }\r\n});\r\n\r\ninterface Props {\r\n    displayData: Record<number, {data: VectorValuesData}>;\r\n    isLoading: boolean;\r\n    params: { bt: dayjs.Dayjs; et: dayjs.Dayjs; sampling: EdaSamplingType };\r\n    onParamsChange: (params: { bt: dayjs.Dayjs; et: dayjs.Dayjs; sampling: EdaSamplingType }) => void;\r\n}\r\n\r\nexport const GraphPanel: FC<Props> = ({displayData, isLoading, params, onParamsChange}) => {\r\n    const {styles} = useStyles();\r\n\r\n    const vectors = useMemo(() => getOrigModifiedVectors(), []);\r\n    const [visibleVectors, setVisibleVectors] = useState<Set<number>>(new Set([0, 1]));\r\n\r\n    const handleRangeChange = useCallback((bt: dayjs.Dayjs, et: dayjs.Dayjs, sampling: EdaSamplingType) => onParamsChange({bt, et, sampling}), []);\r\n\r\n    const handleToggleVisibility = useCallback((id: number, visible: boolean) => {\r\n        setVisibleVectors((prev) => {\r\n            const next = new Set(prev);\r\n\r\n            if (visible) {\r\n                next.add(id);\r\n            } else {\r\n                next.delete(id);\r\n            }\r\n\r\n            return next;\r\n        });\r\n    }, []);\r\n\r\n    const handleToggleAllVisibility = useCallback((visible: boolean) => {\r\n        if (visible) {\r\n            setVisibleVectors(new Set([0, 1]));\r\n        } else {\r\n            setVisibleVectors(new Set());\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <Card className={styles.baseLayout}>\r\n            {isLoading && <EdaLoadingOverlay/>}\r\n            <Space direction=\"vertical\" style={{width: \"100%\", height: \"100%\"}}>\r\n                <EdaSampleRangePickerPanel\r\n                    bt={params.bt}\r\n                    et={params.et}\r\n                    sampling={params.sampling}\r\n                    totalCount={1}\r\n                    pageSize={1}\r\n                    loading={isLoading}\r\n                    page={1}\r\n                    onChangeRange={handleRangeChange}\r\n                    onChangePage={() => {}}\r\n                    onChangeVectors={() => {}}\r\n                />\r\n                <EdaChartViewer\r\n                    vectors={vectors}\r\n                    data={displayData}\r\n                    visibleVectors={visibleVectors}\r\n                    isDataInitialized\r\n                    onToggleVisibility={handleToggleVisibility}\r\n                    onToggleAllVisibility={handleToggleAllVisibility}\r\n                />\r\n            </Space>\r\n        </Card>\r\n    );\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/intervalInput.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import dayjs from "d2core/dayjs";
+import { FullPeriodType } from "./types";
+interface Props {
+    value: dayjs.Dayjs;
+    fullMask: string;
+    dateMask: string;
+    periodType: FullPeriodType;
+    onChange: (value: dayjs.Dayjs) => void;
+}
+export declare const IntervalInput: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/intervalInput.js

@@ -0,0 +1,52 @@
+import React from "react";
+import { DatePicker, InputNumber, TimePicker } from "antd";
+import DateTimeInput from "d2coreui/components/date/dateTimeInput";
+import EnumValuePicker from "d2coreui/components/picker/enumValuePicker";
+import { DaysInWeek, FullPeriodType, MonthsInYear, QuarterType, YearPeriodType } from "./types";
+export const IntervalInput = ({ value, fullMask, dateMask, periodType, onChange }) => {
+    switch (periodType) {
+        case FullPeriodType.Day:
+            return (React.createElement(TimePicker, { value: value, style: { width: "100%" }, onChange: onChange, allowClear: false, showSecond: false }));
+        case FullPeriodType.Interval:
+            return (React.createElement(DateTimeInput, { value: value, mask: fullMask, allowClear: false, style: { width: "100%" }, onChange: (t) => {
+                    if (t !== null) {
+                        onChange(t);
+                    }
+                } }));
+        case FullPeriodType.Week: {
+            const v = value.second();
+            return (React.createElement(EnumValuePicker, { values: DaysInWeek, translateValue: true, value: v, style: { width: "100%" }, onChange: (val) => {
+                    onChange(value.second(val));
+                } }));
+        }
+        case FullPeriodType.YearQuarter: {
+            const v = Number(value.format("Q"));
+            return (React.createElement(EnumValuePicker, { values: QuarterType, translateValue: true, translationPrefix: "QuarterType_", value: v, style: { width: "100%" }, onChange: (val) => {
+                    const targetQuarter = val;
+                    const monthOffset = value.month() % 3;
+                    const targetMonth = ((targetQuarter - 1) * 3) + monthOffset;
+                    onChange(value.month(targetMonth));
+                } }));
+        }
+        case FullPeriodType.YearMonth: {
+            const v = value.month();
+            return (React.createElement(EnumValuePicker, { values: MonthsInYear, translateValue: true, value: v, style: { width: "100%" }, onChange: (val) => {
+                    onChange(value.month(val));
+                } }));
+        }
+        case FullPeriodType.YearWeek: {
+            return (React.createElement(InputNumber, { value: value.second(), min: 1, max: 52, style: { width: "100%" }, onChange: (val) => {
+                    if (val) {
+                        onChange(value.second(val));
+                    }
+                } }));
+        }
+        case FullPeriodType.YearDay: {
+            return (React.createElement(DatePicker, { format: dateMask, value: value, style: { width: "100%" }, allowClear: false, onChange: (val) => {
+                    onChange(val.year(YearPeriodType.Day));
+                } }));
+        }
+    }
+    return React.createElement(React.Fragment, null);
+};
+//# sourceMappingURL=intervalInput.js.map

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/intervalInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intervalInput.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/intervalInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC} from \"react\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {DatePicker, InputNumber, TimePicker} from \"antd\";\r\nimport DateTimeInput from \"d2coreui/components/date/dateTimeInput\";\r\nimport EnumValuePicker from \"d2coreui/components/picker/enumValuePicker\";\r\nimport {DaysInWeek, FullPeriodType, MonthsInYear, QuarterType, YearPeriodType} from \"./types\";\r\n\r\ninterface Props {\r\n    value: dayjs.Dayjs\r\n    fullMask: string\r\n    dateMask: string\r\n    periodType: FullPeriodType\r\n    onChange: (value: dayjs.Dayjs) => void\r\n}\r\n\r\nexport const IntervalInput: FC<Props> = ({value, fullMask, dateMask, periodType, onChange}) => {\r\n    switch (periodType) {\r\n        case FullPeriodType.Day:\r\n            return (\r\n                <TimePicker\r\n                    value={value}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={onChange}\r\n                    allowClear={false}\r\n                    showSecond={false}\r\n                />\r\n            );\r\n        case FullPeriodType.Interval:\r\n            return (\r\n                <DateTimeInput\r\n                    value={value}\r\n                    mask={fullMask}\r\n                    allowClear={false}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={(t) => {\r\n                        if (t !== null) {\r\n                            onChange(t);\r\n                        }\r\n                    }}\r\n                />\r\n            );\r\n        case FullPeriodType.Week: {\r\n            const v = value.second();\r\n            return (\r\n                <EnumValuePicker\r\n                    values={DaysInWeek}\r\n                    translateValue\r\n                    value={v}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={(val) => {\r\n                        onChange(value.second(val as number));\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n        case FullPeriodType.YearQuarter: {\r\n            const v = Number(value.format(\"Q\"));\r\n            return (\r\n                <EnumValuePicker\r\n                    values={QuarterType}\r\n                    translateValue\r\n                    translationPrefix={\"QuarterType_\"}\r\n                    value={v}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={(val) => {\r\n                        const targetQuarter = val as number;\r\n                        const monthOffset = value.month() % 3;\r\n                        const targetMonth = ((targetQuarter - 1) * 3) + monthOffset;\r\n\r\n                        onChange(value.month(targetMonth));\r\n                    }}\r\n                />\r\n            )\r\n        }\r\n        case FullPeriodType.YearMonth: {\r\n            const v = value.month();\r\n            return (\r\n                <EnumValuePicker\r\n                    values={MonthsInYear}\r\n                    translateValue\r\n                    value={v}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={(val) => {\r\n                        onChange(value.month(val as number));\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n        case FullPeriodType.YearWeek: {\r\n            return (\r\n                <InputNumber\r\n                    value={value.second()}\r\n                    min={1}\r\n                    max={52}\r\n                    style={{width: \"100%\"}}\r\n                    onChange={(val) => {\r\n                        if (val) {\r\n                            onChange(value.second(val));\r\n                        }\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n        case FullPeriodType.YearDay: {\r\n            return (\r\n                <DatePicker\r\n                    format={dateMask}\r\n                    value={value}\r\n                    style={{width: \"100%\"}}\r\n                    allowClear={false}\r\n                    onChange={(val) => {\r\n                        onChange(val.year(YearPeriodType.Day));\r\n                    }}\r\n                />\r\n            );\r\n        }\r\n    }\r\n\r\n    return <></>\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/tablePanel.d.ts

@@ -0,0 +1,22 @@
+import { FC } from "react";
+import { VectorValuesData } from "../../../../../api/eda/edaManagerApi";
+import dayjs from "d2core/dayjs";
+import { EdaSamplingType } from "../../constants/edaTypes";
+interface Props {
+    displayData: Record<number, {
+        data: VectorValuesData;
+    }>;
+    isLoading: boolean;
+    params: {
+        bt: dayjs.Dayjs;
+        et: dayjs.Dayjs;
+        sampling: EdaSamplingType;
+    };
+    onParamsChange: (params: {
+        bt: dayjs.Dayjs;
+        et: dayjs.Dayjs;
+        sampling: EdaSamplingType;
+    }) => void;
+}
+export declare const TablePanel: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/tablePanel.js

@@ -0,0 +1,130 @@
+import React, { useCallback, useMemo } from "react";
+import { createStyles } from "antd-style";
+import { Card, Empty, Space, theme } from "antd";
+import { EdaLoadingOverlay } from "../../components/edaLoadingOverlay";
+import { EdaSampleRangePickerPanel } from "../../components/edaSampleRangePickerPanel";
+import i18n from "d2core/i18n/i18n";
+import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
+import { formatValue } from "../../utils/utils";
+import { getOrigModifiedVectors } from "./utils";
+import { useEdaConfig } from "../../context/edaConfigContext";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            display: flex;
+            height: 100%;
+            flex-direction: column;
+            justify-content: space-between;
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+
+            > .ant-card-body {
+                height: 100%;
+                padding: ${token.paddingXS}px;
+
+                > div {
+                    height: 100%;
+                    overflow-x: hidden;
+                    overflow-y: auto;
+                }
+            }
+
+            .eda-detail-no-data {
+                padding: ${token.padding}px;
+                display: flex;
+                align-items: center;
+                justify-content: center !important;
+                width: 100%;
+                height: 100%;
+            }
+
+            .ant-space-item:last-child {
+                height: 100%;
+            }
+        `,
+    };
+});
+export const TablePanel = ({ displayData, isLoading, params, onParamsChange }) => {
+    const { token } = theme.useToken();
+    const { styles } = useStyles();
+    const { table } = useEdaConfig();
+    const vectors = useMemo(() => getOrigModifiedVectors(), []);
+    const tablePanelStyle = useMemo(() => ({ marginTop: token.paddingXXS }), [token.paddingXXS]);
+    const panelStyle = useMemo(() => ({ padding: `0, ${token.paddingXXS}px` }), [token.paddingXXS]);
+    const getRowStyle = useCallback((params) => {
+        if (params.node.isRowPinned()) {
+            return { backgroundColor: token.colorFillAlter };
+        }
+        return undefined;
+    }, [token.colorFillAlter]);
+    const handleRangeChange = useCallback((bt, et, sampling) => onParamsChange({ bt, et, sampling }), []);
+    const tableData = useMemo(() => {
+        const ids = Object.keys(displayData).map(Number);
+        const rowByTime = new Map();
+        for (const id of ids) {
+            const vectorPoints = displayData[id]?.data?.data || [];
+            for (const point of vectorPoints) {
+                const time = point.val.valueTime;
+                if (time === undefined)
+                    continue;
+                let row = rowByTime.get(time);
+                if (!row) {
+                    row = {
+                        id: time,
+                        time: time
+                    };
+                    rowByTime.set(time, row);
+                }
+                row[id] = point.val;
+            }
+        }
+        return Array.from(rowByTime.values()).sort((a, b) => (a.time || 0) - (b.time || 0));
+    }, [displayData]);
+    const columnDefs = useMemo(() => {
+        if (!vectors) {
+            return [];
+        }
+        const columns = [
+            {
+                field: "time",
+                colId: "time",
+                type: ["dateTimeColumn"],
+                headerName: i18n("Vector Time"),
+                group: i18n("Basic Columns")
+            },
+            ...vectors.map((v) => ({
+                field: `${v.ID}.value`,
+                colId: String(v.ID),
+                type: ["alignRight"],
+                valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),
+                headerName: v.DisplayName,
+                headerTooltip: v.DisplayName,
+                group: i18n("Basic Columns"),
+            }))
+        ];
+        return table?.detailTable?.modifyColumns ? table.detailTable.modifyColumns(columns) : columns;
+    }, [vectors, table?.detailTable?.modifyColumns]);
+    return (React.createElement(Card, { className: styles.baseLayout },
+        isLoading && React.createElement(EdaLoadingOverlay, null),
+        React.createElement(Space, { direction: "vertical", style: { width: "100%", height: "100%" } },
+            React.createElement(EdaSampleRangePickerPanel, { bt: params.bt, et: params.et, sampling: params.sampling, totalCount: 1, pageSize: 1, loading: isLoading, page: 1, onChangeRange: handleRangeChange, onChangePage: () => { }, onChangeVectors: () => { } }),
+            React.createElement("div", { style: { height: '100%' } },
+                React.createElement(ExtendedDataGrid, { columnDefs: columnDefs, onLoadData: handleLoadData, defaultGridConfiguration: {
+                        pageSize: -1,
+                    }, rowData: tableData, tablePanelStyle: tablePanelStyle, panelStyle: panelStyle, settingsMenu: { renderer: handleSettingsMenu }, toolbar: {
+                        hideRecordCount: true,
+                    }, search: {
+                        hidden: true,
+                        searchButtonHidden: true,
+                    }, noRecordsOverlayRenderer: renderNoRecordsOverlay, getRowStyle: getRowStyle, rowSelection: "multiple", stopEditingWhenCellsLoseFocus: true, enterNavigatesVerticallyAfterEdit: true })))));
+};
+function handleLoadData(callback) {
+    callback(1);
+}
+function renderNoRecordsOverlay() {
+    return React.createElement(Empty, { description: i18n("No records found."), styles: { image: { height: "8vh" } } });
+}
+function handleSettingsMenu(menuElements) {
+    return menuElements.filter((e) => !["columnFilter", "columnsConfig"].includes(e.key));
+}
+//# sourceMappingURL=tablePanel.js.map

package/coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/tablePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tablePanel.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/tablePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useMemo} from \"react\";\r\nimport {VectorValuesData} from \"../../../../../api/eda/edaManagerApi\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {EdaSamplingType} from \"../../constants/edaTypes\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {Card, Empty, Space, theme} from \"antd\";\r\nimport {EdaLoadingOverlay} from \"../../components/edaLoadingOverlay\";\r\nimport {EdaSampleRangePickerPanel} from \"../../components/edaSampleRangePickerPanel\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {UnixTime} from \"d2jsapi\";\r\nimport {UnivalValue} from \"d2jsapi/dist/unival\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {DataGridColDef, MenuElement} from \"d2coreui/components/grid/dataGrid\";\r\nimport {formatValue} from \"../../utils/utils\";\r\nimport {getOrigModifiedVectors} from \"./utils\";\r\nimport {useEdaConfig} from \"../../context/edaConfigContext\";\r\n\r\nconst useStyles = createStyles(({css, token}) => {\r\n    return {\r\n        baseLayout: css`\r\n            display: flex;\r\n            height: 100%;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            border-top-left-radius: 0;\r\n            border-top-right-radius: 0;\r\n\r\n            > .ant-card-body {\r\n                height: 100%;\r\n                padding: ${token.paddingXS}px;\r\n\r\n                > div {\r\n                    height: 100%;\r\n                    overflow-x: hidden;\r\n                    overflow-y: auto;\r\n                }\r\n            }\r\n\r\n            .eda-detail-no-data {\r\n                padding: ${token.padding}px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center !important;\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n\r\n            .ant-space-item:last-child {\r\n                height: 100%;\r\n            }\r\n        `,\r\n    }\r\n});\r\n\r\ninterface GridRow {\r\n    id: number\r\n    time?: UnixTime\r\n\r\n    [id: number]: UnivalValue\r\n}\r\n\r\ninterface Props {\r\n    displayData: Record<number, { data: VectorValuesData }>;\r\n    isLoading: boolean;\r\n    params: { bt: dayjs.Dayjs; et: dayjs.Dayjs; sampling: EdaSamplingType };\r\n    onParamsChange: (params: { bt: dayjs.Dayjs; et: dayjs.Dayjs; sampling: EdaSamplingType }) => void;\r\n}\r\n\r\nexport const TablePanel: FC<Props> = ({displayData, isLoading, params, onParamsChange}) => {\r\n    const {token} = theme.useToken();\r\n    const {styles} = useStyles();\r\n    const {table} = useEdaConfig();\r\n\r\n    const vectors = useMemo(() => getOrigModifiedVectors(), []);\r\n\r\n    const tablePanelStyle = useMemo(() => ({marginTop: token.paddingXXS}), [token.paddingXXS]);\r\n    const panelStyle = useMemo(() => ({padding: `0, ${token.paddingXXS}px`}), [token.paddingXXS]);\r\n\r\n    const getRowStyle = useCallback((params: any) => {\r\n        if (params.node.isRowPinned()) {\r\n            return {backgroundColor: token.colorFillAlter};\r\n        }\r\n\r\n        return undefined;\r\n    }, [token.colorFillAlter]);\r\n\r\n    const handleRangeChange = useCallback((bt: dayjs.Dayjs, et: dayjs.Dayjs, sampling: EdaSamplingType) => onParamsChange({bt, et, sampling}), []);\r\n\r\n    const tableData = useMemo(() => {\r\n        const ids = Object.keys(displayData).map(Number);\r\n        const rowByTime = new Map<number, GridRow>();\r\n\r\n        for (const id of ids) {\r\n            const vectorPoints = displayData[id]?.data?.data || [];\r\n\r\n            for (const point of vectorPoints) {\r\n                const time = point.val.valueTime;\r\n\r\n                if (time === undefined) continue;\r\n\r\n                let row = rowByTime.get(time);\r\n\r\n                if (!row) {\r\n                    row = {\r\n                        id: time,\r\n                        time: time\r\n                    }\r\n                    rowByTime.set(time, row);\r\n                }\r\n\r\n                row[id] = point.val;\r\n            }\r\n        }\r\n\r\n        return Array.from(rowByTime.values()).sort((a, b) => (a.time || 0) - (b.time || 0));\r\n    }, [displayData]);\r\n\r\n    const columnDefs = useMemo(() => {\r\n        if (!vectors) {\r\n            return []\r\n        }\r\n\r\n        const columns: DataGridColDef[] = [\r\n            {\r\n                field: \"time\",\r\n                colId: \"time\",\r\n                type: [\"dateTimeColumn\"],\r\n                headerName: i18n(\"Vector Time\"),\r\n                group: i18n(\"Basic Columns\")\r\n            },\r\n            ...vectors.map((v): DataGridColDef => ({\r\n                field: `${v.ID}.value`,\r\n                colId: String(v.ID),\r\n                type: [\"alignRight\"],\r\n                valueFormatter: (props) => formatValue(props.value, v.RoundingType, v.RoundingPlaces),\r\n                headerName: v.DisplayName,\r\n                headerTooltip: v.DisplayName,\r\n                group: i18n(\"Basic Columns\"),\r\n            }))\r\n        ];\r\n\r\n        return table?.detailTable?.modifyColumns ? table.detailTable.modifyColumns(columns) : columns;\r\n    }, [vectors, table?.detailTable?.modifyColumns]);\r\n\r\n    return (\r\n        <Card className={styles.baseLayout}>\r\n            {isLoading && <EdaLoadingOverlay/>}\r\n            <Space direction=\"vertical\" style={{width: \"100%\", height: \"100%\"}}>\r\n                <EdaSampleRangePickerPanel\r\n                    bt={params.bt}\r\n                    et={params.et}\r\n                    sampling={params.sampling}\r\n                    totalCount={1}\r\n                    pageSize={1}\r\n                    loading={isLoading}\r\n                    page={1}\r\n                    onChangeRange={handleRangeChange}\r\n                    onChangePage={() => {}}\r\n                    onChangeVectors={() => {}}\r\n                />\r\n                <div style={{height: '100%'}}>\r\n                    <ExtendedDataGrid<GridRow>\r\n                        columnDefs={columnDefs}\r\n                        onLoadData={handleLoadData}\r\n                        defaultGridConfiguration={{\r\n                            pageSize: -1,\r\n                        }}\r\n                        rowData={tableData}\r\n                        tablePanelStyle={tablePanelStyle}\r\n                        panelStyle={panelStyle}\r\n                        settingsMenu={{renderer: handleSettingsMenu}}\r\n                        toolbar={{\r\n                            hideRecordCount: true,\r\n                        }}\r\n                        search={{\r\n                            hidden: true,\r\n                            searchButtonHidden: true,\r\n                        }}\r\n                        noRecordsOverlayRenderer={renderNoRecordsOverlay}\r\n                        getRowStyle={getRowStyle}\r\n                        rowSelection=\"multiple\"\r\n                        stopEditingWhenCellsLoseFocus\r\n                        enterNavigatesVerticallyAfterEdit\r\n                    />\r\n                </div>\r\n            </Space>\r\n        </Card>\r\n    );\r\n}\r\n\r\nfunction handleLoadData(callback: (v: number) => void) {\r\n    callback(1);\r\n}\r\n\r\nfunction renderNoRecordsOverlay() {\r\n    return <Empty description={i18n(\"No records found.\")} styles={{image: {height: \"8vh\"}}}/>;\r\n}\r\n\r\nfunction handleSettingsMenu(menuElements: MenuElement[]) {\r\n    return menuElements.filter((e) => ![\"columnFilter\", \"columnsConfig\"].includes(e.key as string));\r\n}"]}