d2aura 26.0.13 → 26.0.15

package/coreui/components/edaManagerComponent/dialogs/edaTableEditorDialog.js

@@ -0,0 +1,268 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { App, Button, Space, Tabs, theme } from "antd";
+import i18n from "d2core/i18n/i18n";
+import ExtendedDataGrid from "d2coreui/components/grid/extendedDataGrid";
+import { createStyles } from "antd-style";
+import { formatValue } from "../utils/utils";
+import { SaveOutlined } from "@ant-design/icons";
+import { UndoIcon } from "d2coreui/components/icons/undoIcon";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import { EdaChartViewer } from "../components/edaChartViewer";
+import EdaVectorMassChangeButton, { EdaVectorMassChangeOperationType } from "../../edaManager/components/detail/components/edaVectorMassChangeButton";
+import dayjs from "d2core/dayjs";
+const useStyles = createStyles(({ css, token }) => {
+    return {
+        baseLayout: css `
+            height: 100%;
+            width: 100%;
+            
+            .ant-space-item:first-child {
+                height: 100%;
+            }
+        `,
+        tabsLayout: css `
+            height: 100%;
+            width: 100%;
+
+            .ant-tabs-content {
+                height: 100%;
+                background-color: ${token.colorBgContainer};
+                border-radius: ${token.borderRadius}px;
+                transition: background-color 0.3s;
+            }
+        `,
+        buttonsLayout: css `
+            width: 100%;
+            display: flex;
+            justify-content: center;
+        `
+    };
+});
+export const EdaTableEditorDialog = ({ api, data: { data, from, to }, vector, onCancel, onSaved, ...modalProps }) => {
+    const { styles } = useStyles();
+    const { token } = theme.useToken();
+    const { message } = App.useApp();
+    const [editedData, setEditedData] = useState(cloneData(data.data ?? []));
+    const [dataModified, setDataModified] = useState(false);
+    const [visibleVectors, setVisibleVectors] = useState(new Set([vector.ID, -1]));
+    const tablePanelStyle = useMemo(() => ({ marginTop: token.paddingXXS }), [token.paddingXXS]);
+    const panelStyle = useMemo(() => ({ padding: `0, ${token.paddingXXS}px` }), [token.paddingXXS]);
+    const chartVectors = useMemo(() => [
+        { ...vector, DisplayName: i18n("Original vector") },
+        { ...vector, ID: -1, DisplayName: i18n("Modified vector") }
+    ], [vector]);
+    const chartData = useMemo(() => ({
+        [vector.ID]: { data },
+        [-1]: { data: { data: editedData } }
+    }), [vector.ID, data, editedData]);
+    const onValueSetter = useCallback((props) => {
+        const val = props.newValue;
+        const idx = props.node?.rowIndex;
+        const isValid = val !== null && val !== undefined && !isNaN(Number(val));
+        if (idx === null || idx === undefined) {
+            return false;
+        }
+        setEditedData((prev) => {
+            const next = [...prev];
+            next[idx].val.status = updateValidStatus(next[idx].val.status, isValid);
+            next[idx].val.value = val;
+            next[idx].isDirty = true;
+            return next;
+        });
+        setDataModified(true);
+        return true;
+    }, []);
+    const columnDefs = useMemo(() => [
+        {
+            field: "val.valueTime",
+            colId: "time",
+            type: ["dateTimeColumn"],
+            headerName: i18n("Vector Time"),
+            group: i18n("Basic Columns")
+        },
+        {
+            field: `val.value`,
+            colId: "value",
+            type: ["alignRight"],
+            editable: true,
+            cellEditor: "numberCellEditor",
+            valueSetter: onValueSetter,
+            valueFormatter: (props) => formatValue(props.value, vector.RoundingType, vector.RoundingPlaces),
+            headerName: i18n("Value"),
+            group: i18n("Basic Columns"),
+        },
+        {
+            field: `val.status`,
+            colId: "status",
+            headerName: i18n("Status Bits"),
+            group: i18n("Basic Columns"),
+        },
+        {
+            field: `val.flags`,
+            colId: "flags",
+            headerName: i18n("Flags"),
+            group: i18n("Basic Columns"),
+        },
+    ], [vector]);
+    const getRowStyle = useCallback((params) => {
+        if (params.data.isDirty) {
+            return { backgroundColor: token.colorWarningBg };
+        }
+        return undefined;
+    }, [token]);
+    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([vector.ID, -1]));
+        }
+        else {
+            setVisibleVectors(new Set());
+        }
+    }, [vector.ID]);
+    const items = useMemo(() => [
+        {
+            key: "table",
+            label: i18n("Table"),
+            children: (React.createElement(ExtendedDataGrid, { defaultGridConfiguration: { pageSize: -1 }, columnDefs: columnDefs, rowData: editedData, onLoadData: (callback) => callback(1), panelStyle: panelStyle, search: {
+                    hidden: true,
+                    searchButtonHidden: true,
+                }, getRowStyle: getRowStyle, stopEditingWhenCellsLoseFocus: true, tablePanelStyle: tablePanelStyle }))
+        },
+        {
+            key: "graph",
+            label: i18n("Graph"),
+            children: (React.createElement(EdaChartViewer, { vectors: chartVectors, data: chartData, visibleVectors: visibleVectors, isDataInitialized: true, onToggleVisibility: handleToggleVisibility, onToggleAllVisibility: handleToggleAllVisibility }))
+        }
+    ], [editedData, columnDefs]);
+    const handleSave = useCallback(() => {
+        api.insertVectorValues(vector.ID, editedData.filter((v) => v.isDirty === true)).catch((e) => {
+            message.warning(React.createElement("span", null, i18n("Failed to insert data to vector %{n} with error: '%{e}'", { n: vector.DisplayName, e: e?.value })));
+            console.error(e);
+        }).then(() => {
+            onSaved();
+        });
+    }, [api, vector, editedData]);
+    const handleRevert = useCallback(() => {
+        setEditedData(cloneData(data.data ?? []));
+        setDataModified(false);
+    }, []);
+    const handleMassChange = useCallback((config) => {
+        let modified = false;
+        setEditedData((prev) => {
+            return prev.map((row) => {
+                const value = { ...row, val: { ...row.val } };
+                if (isInRange(value.val, config) && updateValue(value.val, config)) {
+                    value.isDirty = true;
+                    modified = true;
+                }
+                return value;
+            });
+        });
+        setDataModified(modified);
+    }, []);
+    useEffect(() => {
+        setEditedData(cloneData(data.data ?? []));
+    }, [data.data]);
+    return (React.createElement(ModalDialog, { ...modalProps, mode: "NO_BUTTONS", footer: (React.createElement("div", { className: styles.buttonsLayout },
+            React.createElement(Space.Compact, null,
+                React.createElement(Button, { type: "primary", disabled: !dataModified, icon: React.createElement(SaveOutlined, null), onClick: handleSave }, i18n("Save")),
+                React.createElement(Button, { danger: true, disabled: !dataModified, icon: React.createElement(UndoIcon, null), onClick: handleRevert }, i18n("Revert")),
+                React.createElement(EdaVectorMassChangeButton, { dateFrom: from, dateTo: to, onConfirm: handleMassChange })))), onCancel: (event) => {
+            if (!dataModified) {
+                onCancel?.(event);
+            }
+            else {
+                ModalDialog.confirm({
+                    mode: "YES_NO",
+                    title: i18n("Discard unsaved changes?"),
+                    onOk: () => {
+                        onCancel?.(event);
+                    }
+                });
+            }
+        } },
+        React.createElement("div", { className: styles.tabsLayout },
+            React.createElement(Tabs, { type: "card", items: items, style: { height: "100%" }, destroyOnHidden: false }))));
+};
+function cloneData(data) {
+    return [...data.map((v, index) => ({
+            id: index,
+            val: {
+                type: v.val.type,
+                value: v.val.value,
+                valueTime: v.val.valueTime,
+                status: [...(v.val.status ?? [])],
+                flags: [...(v.val.flags ?? [])],
+            }
+        }))];
+}
+function isInRange(value, config) {
+    if (!value.valueTime) {
+        return false;
+    }
+    const dateTime = dayjs(value.valueTime);
+    const dateTimeInMinutes = dateTime.hour() * 60 + dateTime.minute();
+    return dateTime.isSameOrAfter(config.dateFrom)
+        && dateTime.isSameOrBefore(config.dateTo)
+        && dateTimeInMinutes >= config.timeFrom.hour() * 60 + config.timeFrom.minute()
+        && dateTimeInMinutes <= config.timeTo.hour() * 60 + config.timeTo.minute()
+        && (dateTime.day() === 0 && config.mondayChecked
+            || dateTime.day() === 1 && config.tuesdayChecked
+            || dateTime.day() === 2 && config.wednesdayChecked
+            || dateTime.day() === 3 && config.thursdayChecked
+            || dateTime.day() === 4 && config.fridayChecked
+            || dateTime.day() === 5 && config.saturdayChecked
+            || dateTime.day() === 6 && config.sundayChecked);
+}
+function updateValue(v, config) {
+    const valid = config.value !== undefined;
+    switch (config.operationType) {
+        case EdaVectorMassChangeOperationType.ABSOLUTE:
+            v.value = config.value;
+            v.status = updateValidStatus(v.status, valid);
+            return true;
+        case EdaVectorMassChangeOperationType.ADD:
+            if (config.value !== undefined && typeof v.value === "number") {
+                v.value += config.value;
+                v.status = updateValidStatus(v.status, valid);
+                return true;
+            }
+            break;
+        case EdaVectorMassChangeOperationType.MULTIPLY:
+            if (config.value !== undefined && typeof v.value === "number") {
+                v.value *= config.value;
+                v.status = updateValidStatus(v.status, valid);
+                return true;
+            }
+            break;
+        case EdaVectorMassChangeOperationType.REPLACE:
+            if (config.replaceValue === v.value) {
+                v.value = config.value;
+                v.status = updateValidStatus(v.status, valid);
+                return true;
+            }
+            break;
+    }
+    return false;
+}
+function updateValidStatus(status, isValid) {
+    if (isValid && !status.includes("Valid")) {
+        return [...status, "Valid"];
+    }
+    else if (!isValid && status.includes("Valid")) {
+        return status.filter((s) => s !== "Valid");
+    }
+    return [...status];
+}
+//# sourceMappingURL=edaTableEditorDialog.js.map

package/coreui/components/edaManagerComponent/dialogs/edaTableEditorDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edaTableEditorDialog.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/dialogs/edaTableEditorDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAa,KAAK,EAAC,MAAM,MAAM,CAAC;AAChE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,gBAAgB,MAAM,2CAA2C,CAAC;AACzE,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AAGxC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAE5D,OAAO,EAAC,WAAW,EAAoC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAC5D,OAAO,yBAAyB,EAAE,EAA4B,gCAAgC,EAAC,MAAM,yEAAyE,CAAC;AAE/K,OAAO,KAAK,MAAM,cAAc,CAAC;AAGjC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;;;SAOd;QACD,UAAU,EAAE,GAAG,CAAA;;;;;;oCAMa,KAAK,CAAC,gBAAgB;iCACzB,KAAK,CAAC,YAAY;;;SAG1C;QACD,aAAa,EAAE,GAAG,CAAA;;;;SAIjB;KACJ,CAAC;AACN,CAAC,CAAC,CAAC;AAcH,MAAM,CAAC,MAAM,oBAAoB,GAAc,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,UAAU,EAAC,EAAE,EAAE;IACvH,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAC7B,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,MAAM,EAAC,OAAO,EAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC;IAE/B,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAY,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IACpF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,CAAS,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpG,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,KAAK,CAAC,UAAU,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAC3F,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,KAAK,CAAC,UAAU,IAAI,EAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;IAE9F,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QAC/B,EAAC,GAAG,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAC;QACjD,EAAC,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,EAAC;KAC5D,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,MAAM,SAAS,GAAG,OAAO,CAAC,GAA6C,EAAE,CAAC,CAAC;QACvE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAC,IAAI,EAAC;QACnB,CAAC,CAAC,CAAC,CAAC,EAAE,EAAC,IAAI,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC,EAAC;KACnC,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAW,EAAE;QACpE,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC3B,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;QACjC,MAAM,OAAO,GAAG,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;QAEzE,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YACpC,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAO,EAAE,OAAO,CAAC,CAAC;YACzE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC;YAC1B,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC;YACzB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,OAAO,CAAC,GAAqB,EAAE,CAAC;QAC/C;YACI,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,gBAAgB,CAAC;YACxB,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;YAC/B,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;SAC/B;QACD;YACI,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,CAAC,YAAY,CAAC;YACpB,QAAQ,EAAE,IAAI;YACd,UAAU,EAAE,kBAAkB;YAC9B,WAAW,EAAE,aAAa;YAC1B,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,cAAc,CAAC;YAC/F,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;SAC/B;QACD;YACI,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,QAAQ;YACf,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC;YAC/B,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;SAC/B;QACD;YACI,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,eAAe,CAAC;SAC/B;KACJ,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,MAAW,EAA4B,EAAE;QACtE,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO,EAAC,eAAe,EAAE,KAAK,CAAC,cAAc,EAAC,CAAC;QACnD,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,sBAAsB,GAAG,WAAW,CAAC,CAAC,EAAU,EAAE,OAAgB,EAAE,EAAE;QACxE,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAE3B,IAAI,OAAO,EAAE,CAAC;gBACV,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACpB,CAAC;YAED,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,yBAAyB,GAAG,WAAW,CAAC,CAAC,OAAgB,EAAE,EAAE;QAC/D,IAAI,OAAO,EAAE,CAAC;YACV,iBAAiB,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChD,CAAC;aAAM,CAAC;YACJ,iBAAiB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;QACjC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAuB,EAAE,CAAC;QAC5C;YACI,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;YACpB,QAAQ,EAAE,CACN,oBAAC,gBAAgB,IACb,wBAAwB,EAAE,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAC,EACxC,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,UAAU,EACnB,UAAU,EAAE,CAAC,QAAa,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1C,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE;oBACJ,MAAM,EAAE,IAAI;oBACZ,kBAAkB,EAAE,IAAI;iBAC3B,EACD,WAAW,EAAE,WAAW,EACxB,6BAA6B,QAC7B,eAAe,EAAE,eAAe,GAClC,CACL;SACJ;QACD;YACI,GAAG,EAAE,OAAO;YACZ,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;YACpB,QAAQ,EAAE,CACN,oBAAC,cAAc,IACX,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,IAAI,EACvB,kBAAkB,EAAE,sBAAsB,EAC1C,qBAAqB,EAAE,yBAAyB,GAClD,CACL;SACJ;KACJ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,GAAG,CAAC,kBAAkB,CAAC,MAAM,CAAC,EAAE,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAM,EAAE,EAAE;YAC7F,OAAO,CAAC,OAAO,CAAC,kCAAO,IAAI,CAAC,yDAAyD,EAAE,EAAC,CAAC,EAAE,MAAM,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,CAAC,CAAQ,CAAC,CAAC;YACtI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YACT,OAAO,EAAE,CAAC;QACd,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;QAC1C,eAAe,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,MAAiC,EAAE,EAAE;QACvE,IAAI,QAAQ,GAAG,KAAK,CAAC;QAErB,aAAa,CAAC,CAAC,IAAI,EAAE,EAAE;YACnB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACpB,MAAM,KAAK,GAAY,EAAC,GAAG,GAAG,EAAE,GAAG,EAAE,EAAC,GAAG,GAAG,CAAC,GAAG,EAAC,EAAC,CAAC;gBAEnD,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,CAAC;oBACjE,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;oBACrB,QAAQ,GAAG,IAAI,CAAC;gBACpB,CAAC;gBAED,OAAO,KAAK,CAAC;YACjB,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QACH,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhB,OAAO,CACH,oBAAC,WAAW,OACJ,UAAU,EACd,IAAI,gBACJ,MAAM,EAAE,CACJ,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa;YAChC,oBAAC,KAAK,CAAC,OAAO;gBACV,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,CAAC,YAAY,EACvB,IAAI,EAAE,oBAAC,YAAY,OAAE,EACrB,OAAO,EAAE,UAAU,IAElB,IAAI,CAAC,MAAM,CAAC,CACR;gBACT,oBAAC,MAAM,IACH,MAAM,QACN,QAAQ,EAAE,CAAC,YAAY,EACvB,IAAI,EAAE,oBAAC,QAAQ,OAAE,EACjB,OAAO,EAAE,YAAY,IAEpB,IAAI,CAAC,QAAQ,CAAC,CACV;gBACT,oBAAC,yBAAyB,IACtB,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,EAAE,EACV,SAAS,EAAE,gBAAgB,GAC7B,CACU,CACd,CACT,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAChB,IAAI,CAAC,YAAY,EAAE,CAAC;gBAChB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;iBAAM,CAAC;gBACJ,WAAW,CAAC,OAAO,CAAC;oBAChB,IAAI,UAAwB;oBAC5B,KAAK,EAAE,IAAI,CAAC,0BAA0B,CAAC;oBACvC,IAAI,EAAE,GAAG,EAAE;wBACP,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;oBACtB,CAAC;iBACJ,CAAC,CAAC;YACP,CAAC;QACL,CAAC;QAED,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU;YAC7B,oBAAC,IAAI,IACD,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,EACvB,eAAe,EAAE,KAAK,GACxB,CACA,CACI,CACjB,CAAA;AACL,CAAC,CAAA;AAED,SAAS,SAAS,CAAC,IAAmB;IAClC,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAW,EAAE,CAAC,CAAC;YACxC,EAAE,EAAE,KAAK;YACT,GAAG,EAAE;gBACD,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI;gBAChB,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK;gBAClB,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,SAAS;gBAC1B,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;gBACjC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;aAClC;SACJ,CAAC,CAAC,CAAC,CAAC;AACT,CAAC;AAED,SAAS,SAAS,CAAC,KAAkB,EAAE,MAAiC;IACpE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC;IACnE,OAAO,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC;WACvC,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,CAAC;WACtC,iBAAiB,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;WAC3E,iBAAiB,IAAI,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE;WACvE,CACC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,aAAa;eACzC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,cAAc;eAC7C,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,gBAAgB;eAC/C,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,eAAe;eAC9C,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,aAAa;eAC5C,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,eAAe;eAC9C,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,aAAa,CAClD,CAAC;AACV,CAAC;AAED,SAAS,WAAW,CAAC,CAAc,EAAE,MAAiC;IAClE,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;IAEzC,QAAQ,MAAM,CAAC,aAAa,EAAE,CAAC;QAC3B,KAAK,gCAAgC,CAAC,QAAQ;YAC1C,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;YACvB,CAAC,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAO,EAAE,KAAK,CAAC,CAAC;YAC/C,OAAO,IAAI,CAAC;QAChB,KAAK,gCAAgC,CAAC,GAAG;YACrC,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC5D,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;gBACxB,CAAC,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAO,EAAE,KAAK,CAAC,CAAC;gBAC/C,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,MAAM;QACV,KAAK,gCAAgC,CAAC,QAAQ;YAC1C,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC5D,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;gBACxB,CAAC,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAO,EAAE,KAAK,CAAC,CAAC;gBAC/C,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,MAAM;QACV,KAAK,gCAAgC,CAAC,OAAO;YACzC,IAAI,MAAM,CAAC,YAAY,KAAK,CAAC,CAAC,KAAK,EAAE,CAAC;gBAClC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;gBACvB,CAAC,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,MAAO,EAAE,KAAK,CAAC,CAAC;gBAC/C,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,MAAM;IACd,CAAC;IAED,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,SAAS,iBAAiB,CAAC,MAA0B,EAAE,OAAgB;IACnE,IAAI,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,SAAwB,EAAE,CAAC;QACtD,OAAO,CAAC,GAAG,MAAM,UAAyB,CAAC;IAC/C,CAAC;SAAM,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,QAAQ,SAAwB,EAAE,CAAC;QAC7D,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAW,EAAE,CAAC,CAAC,YAA2B,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;AACvB,CAAC","sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useState} from \"react\";\r\nimport EdaManagerApi, {TreeItem, VectorValue, VectorValuesData} from \"../../../../api/eda/edaManagerApi\";\r\nimport {App, Button, Space, Tabs, TabsProps, theme} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport ExtendedDataGrid from \"d2coreui/components/grid/extendedDataGrid\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {DataGridColDef} from \"d2coreui/components/grid/dataGrid\";\r\nimport {ValueSetterParams} from \"ag-grid-community\";\r\nimport {formatValue} from \"../utils/utils\";\r\nimport {SaveOutlined} from \"@ant-design/icons\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport {GridRowStyle} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\r\nimport {ModalDialog, ModalDialogMode, ModalDialogProps} from \"d2coreui/components/modal/modalDialog\";\r\nimport {EdaChartViewer} from \"../components/edaChartViewer\";\r\nimport EdaVectorMassChangeButton, {EdaVectorMassChangeConfig, EdaVectorMassChangeOperationType} from \"../../edaManager/components/detail/components/edaVectorMassChangeButton\";\r\nimport {VectorDataState} from \"../context/edaVectorDataContext\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {UnivalStatusEnum, UnivalValue} from \"d2jsapi/dist/unival\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            height: 100%;\r\n            width: 100%;\r\n            \r\n            .ant-space-item:first-child {\r\n                height: 100%;\r\n            }\r\n        `,\r\n        tabsLayout: css`\r\n            height: 100%;\r\n            width: 100%;\r\n\r\n            .ant-tabs-content {\r\n                height: 100%;\r\n                background-color: ${token.colorBgContainer};\r\n                border-radius: ${token.borderRadius}px;\r\n                transition: background-color 0.3s;\r\n            }\r\n        `,\r\n        buttonsLayout: css`\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n        `\r\n    };\r\n});\r\n\r\ninterface RowData extends VectorValue {\r\n    id: number\r\n    isDirty?: boolean\r\n}\r\n\r\ninterface Props extends Omit<ModalDialogProps, \"mode\" | \"onOk\"> {\r\n    api: EdaManagerApi\r\n    data: VectorDataState\r\n    vector: TreeItem\r\n    onSaved: () => void\r\n}\r\n\r\nexport const EdaTableEditorDialog: FC<Props> = ({api, data: {data, from, to}, vector, onCancel, onSaved, ...modalProps}) => {\r\n    const {styles} = useStyles();\r\n    const {token} = theme.useToken();\r\n    const {message} = App.useApp();\r\n\r\n    const [editedData, setEditedData] = useState<RowData[]>(cloneData(data.data ?? []));\r\n    const [dataModified, setDataModified] = useState<boolean>(false);\r\n    const [visibleVectors, setVisibleVectors] = useState<Set<number>>(new Set<number>([vector.ID, -1]));\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 chartVectors = useMemo(() => [\r\n        {...vector, DisplayName: i18n(\"Original vector\")},\r\n        {...vector, ID: -1, DisplayName: i18n(\"Modified vector\")}\r\n    ], [vector]);\r\n    const chartData = useMemo((): Record<number, {data: VectorValuesData}> => ({\r\n        [vector.ID]: {data},\r\n        [-1]: {data: {data: editedData}}\r\n    }), [vector.ID, data, editedData]);\r\n\r\n    const onValueSetter = useCallback((props: ValueSetterParams): boolean => {\r\n        const val = props.newValue;\r\n        const idx = props.node?.rowIndex;\r\n        const isValid = val !== null && val !== undefined && !isNaN(Number(val));\r\n\r\n        if (idx === null || idx === undefined) {\r\n            return false;\r\n        }\r\n\r\n        setEditedData((prev) => {\r\n            const next = [...prev];\r\n            next[idx].val.status = updateValidStatus(next[idx].val.status!, isValid);\r\n            next[idx].val.value = val;\r\n            next[idx].isDirty = true;\r\n            return next;\r\n        });\r\n        setDataModified(true);\r\n\r\n        return true;\r\n    }, []);\r\n\r\n    const columnDefs = useMemo((): DataGridColDef[] => [\r\n        {\r\n            field: \"val.valueTime\",\r\n            colId: \"time\",\r\n            type: [\"dateTimeColumn\"],\r\n            headerName: i18n(\"Vector Time\"),\r\n            group: i18n(\"Basic Columns\")\r\n        },\r\n        {\r\n            field: `val.value`,\r\n            colId: \"value\",\r\n            type: [\"alignRight\"],\r\n            editable: true,\r\n            cellEditor: \"numberCellEditor\",\r\n            valueSetter: onValueSetter,\r\n            valueFormatter: (props) => formatValue(props.value, vector.RoundingType, vector.RoundingPlaces),\r\n            headerName: i18n(\"Value\"),\r\n            group: i18n(\"Basic Columns\"),\r\n        },\r\n        {\r\n            field: `val.status`,\r\n            colId: \"status\",\r\n            headerName: i18n(\"Status Bits\"),\r\n            group: i18n(\"Basic Columns\"),\r\n        },\r\n        {\r\n            field: `val.flags`,\r\n            colId: \"flags\",\r\n            headerName: i18n(\"Flags\"),\r\n            group: i18n(\"Basic Columns\"),\r\n        },\r\n    ], [vector]);\r\n\r\n    const getRowStyle = useCallback((params: any): GridRowStyle | undefined => {\r\n        if (params.data.isDirty) {\r\n            return {backgroundColor: token.colorWarningBg};\r\n        }\r\n        return undefined;\r\n    }, [token]);\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([vector.ID, -1]));\r\n        } else {\r\n            setVisibleVectors(new Set());\r\n        }\r\n    }, [vector.ID]);\r\n\r\n    const items = useMemo((): TabsProps[\"items\"] => [\r\n        {\r\n            key: \"table\",\r\n            label: i18n(\"Table\"),\r\n            children: (\r\n                <ExtendedDataGrid\r\n                    defaultGridConfiguration={{pageSize: -1}}\r\n                    columnDefs={columnDefs}\r\n                    rowData={editedData}\r\n                    onLoadData={(callback: any) => callback(1)}\r\n                    panelStyle={panelStyle}\r\n                    search={{\r\n                        hidden: true,\r\n                        searchButtonHidden: true,\r\n                    }}\r\n                    getRowStyle={getRowStyle}\r\n                    stopEditingWhenCellsLoseFocus\r\n                    tablePanelStyle={tablePanelStyle}\r\n                />\r\n            )\r\n        },\r\n        {\r\n            key: \"graph\",\r\n            label: i18n(\"Graph\"),\r\n            children: (\r\n                <EdaChartViewer\r\n                    vectors={chartVectors}\r\n                    data={chartData}\r\n                    visibleVectors={visibleVectors}\r\n                    isDataInitialized={true}\r\n                    onToggleVisibility={handleToggleVisibility}\r\n                    onToggleAllVisibility={handleToggleAllVisibility}\r\n                />\r\n            )\r\n        }\r\n    ], [editedData, columnDefs]);\r\n\r\n    const handleSave = useCallback(() => {\r\n        api.insertVectorValues(vector.ID, editedData.filter((v) => v.isDirty === true)).catch((e: any) => {\r\n            message.warning(<span>{i18n(\"Failed to insert data to vector %{n} with error: '%{e}'\", {n: vector.DisplayName, e: e?.value})}</span>);\r\n            console.error(e);\r\n        }).then(() => {\r\n            onSaved();\r\n        });\r\n    }, [api, vector, editedData]);\r\n\r\n    const handleRevert = useCallback(() => {\r\n        setEditedData(cloneData(data.data ?? []));\r\n        setDataModified(false);\r\n    }, []);\r\n\r\n    const handleMassChange = useCallback((config: EdaVectorMassChangeConfig) => {\r\n        let modified = false;\r\n\r\n        setEditedData((prev) => {\r\n            return prev.map((row) => {\r\n                const value: RowData = {...row, val: {...row.val}};\r\n\r\n                if (isInRange(value.val, config) && updateValue(value.val, config)) {\r\n                    value.isDirty = true;\r\n                    modified = true;\r\n                }\r\n\r\n                return value;\r\n            });\r\n        });\r\n        setDataModified(modified);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        setEditedData(cloneData(data.data ?? []));\r\n    }, [data.data]);\r\n\r\n    return (\r\n        <ModalDialog\r\n            {...modalProps}\r\n            mode={ModalDialogMode.NO_BUTTONS}\r\n            footer={(\r\n                <div className={styles.buttonsLayout}>\r\n                    <Space.Compact>\r\n                        <Button\r\n                            type={\"primary\"}\r\n                            disabled={!dataModified}\r\n                            icon={<SaveOutlined/>}\r\n                            onClick={handleSave}\r\n                        >\r\n                            {i18n(\"Save\")}\r\n                        </Button>\r\n                        <Button\r\n                            danger\r\n                            disabled={!dataModified}\r\n                            icon={<UndoIcon/>}\r\n                            onClick={handleRevert}\r\n                        >\r\n                            {i18n(\"Revert\")}\r\n                        </Button>\r\n                        <EdaVectorMassChangeButton\r\n                            dateFrom={from}\r\n                            dateTo={to}\r\n                            onConfirm={handleMassChange}\r\n                        />\r\n                    </Space.Compact>\r\n                </div>\r\n            )}\r\n            onCancel={(event) => {\r\n                if (!dataModified) {\r\n                    onCancel?.(event);\r\n                } else {\r\n                    ModalDialog.confirm({\r\n                        mode: ModalDialogMode.YES_NO,\r\n                        title: i18n(\"Discard unsaved changes?\"),\r\n                        onOk: () => {\r\n                            onCancel?.(event);\r\n                        }\r\n                    });\r\n                }\r\n            }}\r\n        >\r\n            <div className={styles.tabsLayout}>\r\n                <Tabs\r\n                    type={\"card\"}\r\n                    items={items}\r\n                    style={{height: \"100%\"}}\r\n                    destroyOnHidden={false}\r\n                />\r\n            </div>\r\n        </ModalDialog>\r\n    )\r\n}\r\n\r\nfunction cloneData(data: VectorValue[]): RowData[] {\r\n    return [...data.map((v, index): RowData => ({\r\n        id: index,\r\n        val: {\r\n            type: v.val.type,\r\n            value: v.val.value,\r\n            valueTime: v.val.valueTime,\r\n            status: [...(v.val.status ?? [])],\r\n            flags: [...(v.val.flags ?? [])],\r\n        }\r\n    }))];\r\n}\r\n\r\nfunction isInRange(value: UnivalValue, config: EdaVectorMassChangeConfig) {\r\n    if (!value.valueTime) {\r\n        return false;\r\n    }\r\n\r\n    const dateTime = dayjs(value.valueTime);\r\n    const dateTimeInMinutes = dateTime.hour() * 60 + dateTime.minute();\r\n    return dateTime.isSameOrAfter(config.dateFrom)\r\n        && dateTime.isSameOrBefore(config.dateTo)\r\n        && dateTimeInMinutes >= config.timeFrom.hour() * 60 + config.timeFrom.minute()\r\n        && dateTimeInMinutes <= config.timeTo.hour() * 60 + config.timeTo.minute()\r\n        && (\r\n            dateTime.day() === 0 && config.mondayChecked\r\n            || dateTime.day() === 1 && config.tuesdayChecked\r\n            || dateTime.day() === 2 && config.wednesdayChecked\r\n            || dateTime.day() === 3 && config.thursdayChecked\r\n            || dateTime.day() === 4 && config.fridayChecked\r\n            || dateTime.day() === 5 && config.saturdayChecked\r\n            || dateTime.day() === 6 && config.sundayChecked\r\n        );\r\n}\r\n\r\nfunction updateValue(v: UnivalValue, config: EdaVectorMassChangeConfig): boolean {\r\n    const valid = config.value !== undefined;\r\n\r\n    switch (config.operationType) {\r\n        case EdaVectorMassChangeOperationType.ABSOLUTE:\r\n            v.value = config.value;\r\n            v.status = updateValidStatus(v.status!, valid);\r\n            return true;\r\n        case EdaVectorMassChangeOperationType.ADD:\r\n            if (config.value !== undefined && typeof v.value === \"number\") {\r\n                v.value += config.value;\r\n                v.status = updateValidStatus(v.status!, valid);\r\n                return true;\r\n            }\r\n            break;\r\n        case EdaVectorMassChangeOperationType.MULTIPLY:\r\n            if (config.value !== undefined && typeof v.value === \"number\") {\r\n                v.value *= config.value;\r\n                v.status = updateValidStatus(v.status!, valid);\r\n                return true;\r\n            }\r\n            break;\r\n        case EdaVectorMassChangeOperationType.REPLACE:\r\n            if (config.replaceValue === v.value) {\r\n                v.value = config.value;\r\n                v.status = updateValidStatus(v.status!, valid);\r\n                return true;\r\n            }\r\n            break;\r\n    }\r\n\r\n    return false;\r\n}\r\n\r\nfunction updateValidStatus(status: UnivalStatusEnum[], isValid: boolean): UnivalStatusEnum[] {\r\n    if (isValid && !status.includes(UnivalStatusEnum.VALID)) {\r\n        return [...status, UnivalStatusEnum.VALID];\r\n    } else if (!isValid && status.includes(UnivalStatusEnum.VALID)) {\r\n        return status.filter((s): boolean => s !== UnivalStatusEnum.VALID);\r\n    }\r\n\r\n    return [...status];\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/exportDialog.d.ts

@@ -0,0 +1,18 @@
+import { FC } from "react";
+import { ModalProps } from "antd";
+import { EdaVectorType, TypedData } from "../constants/edaTypes";
+import dayjs from "d2core/dayjs";
+import EdaManagerApi from "../../../../api/eda/edaManagerApi";
+export interface XmlVectorExportConfig {
+    exportSubgroups: boolean;
+    exportValues: boolean;
+    from?: dayjs.Dayjs;
+    to?: dayjs.Dayjs;
+    vectorTypes: Record<EdaVectorType, boolean>;
+}
+interface Props extends Omit<ModalProps, "mode"> {
+    api: EdaManagerApi;
+    data: TypedData;
+}
+export declare const ExportDialog: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/dialogs/exportDialog.js

@@ -0,0 +1,156 @@
+import React, { useEffect, useMemo, useState } from "react";
+import i18n from "d2core/i18n/i18n";
+import { App, Button, Card, Checkbox, Col, Form, Input, Modal, Row, Space, Typography } from "antd";
+import { EdaVectorType } from "../constants/edaTypes";
+import dayjs from "d2core/dayjs";
+import DateRangeInput, { DateRangeInputMode } from "d2coreui/components/date/dateRangeInput";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import { LoadingContext } from "../context/loadingContext";
+import { EdaLoadingOverlay } from "../components/edaLoadingOverlay";
+import { exportGroup, exportScenario, exportVector } from "../utils/export";
+import JSZip from "jszip";
+const DefaultConfiguration = {
+    exportSubgroups: true,
+    exportValues: true,
+    vectorTypes: Object.values(EdaVectorType)
+        .filter((v) => typeof v === "number")
+        .reduce((acc, type) => ({ ...acc, [type]: true }), {})
+};
+const CalculatedVectors = [
+    EdaVectorType.FifteenMinutesCalc,
+    EdaVectorType.HourCalc,
+    EdaVectorType.DayCalc,
+    EdaVectorType.ChangeCalc,
+    EdaVectorType.PeriodicCalc,
+];
+const SpecifiedVectors = [
+    EdaVectorType.FifteenMinutes,
+    EdaVectorType.Hour,
+    EdaVectorType.Day,
+    EdaVectorType.Descriptive,
+    EdaVectorType.Change,
+    EdaVectorType.Pair,
+    EdaVectorType.Periodic,
+    EdaVectorType.Functional,
+    EdaVectorType.Interval,
+];
+export const ExportDialog = ({ api, data, ...props }) => {
+    const [form] = Form.useForm();
+    const watchValues = Form.useWatch([], form);
+    const { message } = App.useApp();
+    const [showExportRange, setShowExportRange] = React.useState(false);
+    const [loadingState, setLoadingState] = useState({
+        loading: false,
+        loadingPercentage: 0,
+        loadingItem: "",
+        loadingCount: 0,
+    });
+    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);
+    useEffect(() => {
+        if (!showExportRange) {
+            form.setFieldsValue({ form: undefined, to: undefined });
+        }
+    }, [showExportRange, form]);
+    const handleExportData = async (event) => {
+        const configuration = form.getFieldsValue();
+        const resultData = [];
+        setLoadingState((s) => ({ ...s, loading: true }));
+        try {
+            switch (data.type) {
+                case 0:
+                    resultData.push(...(await exportVector(api, data.data, configuration, mask, setLoadingState, message)));
+                    break;
+                case 1:
+                    resultData.push(...(await exportGroup(api, data.data, configuration, mask, setLoadingState, message)));
+                    break;
+                case 2:
+                    resultData.push(...(await exportScenario(api, data.data, configuration, mask, setLoadingState, message)));
+                    break;
+            }
+        }
+        catch (e) {
+            setLoadingState((s) => ({ ...s, loading: false }));
+            message.error(i18n("An error occurred while exporting data: %{n}", { n: String(e) }));
+            return;
+        }
+        if (resultData.length > 0) {
+            try {
+                const zip = new JSZip();
+                for (const [filename, content] of resultData) {
+                    zip.file(filename + ".xml", content);
+                }
+                setLoadingState((s) => ({ ...s, loadingItem: i18n("Compressing data, please wait...") }));
+                const zipBlob = await zip.generateAsync({ type: "blob" });
+                const url = window.URL.createObjectURL(zipBlob);
+                const link = document.createElement("a");
+                link.href = url;
+                link.setAttribute('download', `export_${dayjs().format(mask)}.zip`);
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+            }
+            catch (e) {
+                message.error(i18n("An error occurred while exporting data: %{n}", { n: String(e) }));
+            }
+        }
+        else {
+            message.info(i18n("Nothing to export."));
+        }
+        setLoadingState((s) => ({ ...s, loading: false }));
+        props.onOk?.(event);
+    };
+    return (React.createElement(LoadingContext.Provider, { value: loadingState },
+        React.createElement(EdaLoadingOverlay, { onCancel: () => {
+                setLoadingState({ loading: false, loadingPercentage: 0, loadingItem: "", loadingCount: 0 });
+            } }),
+        React.createElement(Modal, { ...props, styles: { body: { paddingTop: 0 } }, title: (React.createElement("span", null,
+                getTitle(data.type),
+                React.createElement(Typography.Text, { type: "secondary" }, data.data.data.ZOBRAZ_MENO))), footer: (React.createElement(React.Fragment, null,
+                React.createElement(Button, { type: "primary", onClick: handleExportData }, i18n("Export")),
+                React.createElement(Button, { danger: true, onClick: props?.onCancel }, i18n("Cancel")))) },
+            React.createElement(Form, { form: form, initialValues: DefaultConfiguration },
+                React.createElement(Space, { direction: "vertical", style: { width: '100%' } },
+                    React.createElement(Card, { title: i18n("Export Parameters") },
+                        React.createElement(Space, { direction: "vertical" },
+                            data.type !== 0 && (React.createElement(Form.Item, { name: "exportSubgroups", valuePropName: "checked", noStyle: true },
+                                React.createElement(Checkbox, null, i18n("Export all subgroups")))),
+                            React.createElement(Form.Item, { name: "exportValues", valuePropName: "checked", noStyle: true },
+                                React.createElement(Checkbox, null, i18n("Export values"))),
+                            React.createElement(Checkbox, { checked: showExportRange, onChange: (e) => setShowExportRange(e.target.checked) }, i18n("Export range for export values")),
+                            React.createElement(Form.Item, { name: "from", hidden: true },
+                                React.createElement(Input, { type: "hidden" })),
+                            React.createElement(Form.Item, { name: "to", hidden: true },
+                                React.createElement(Input, { type: "hidden" })),
+                            React.createElement(Form.Item, { noStyle: true },
+                                React.createElement(DateRangeInput, { mask: mask, disabled: !showExportRange, fromValue: watchValues?.from ?? null, toValue: watchValues?.to ?? null, defaultMode: DateRangeInputMode.ADVANCED, onChange: (from, to) => {
+                                        form.setFieldsValue({ from: from ?? undefined, to: to ?? undefined });
+                                    } })))),
+                    data.type !== 0 && (React.createElement(Card, { title: i18n("Select by vector type") },
+                        React.createElement(Row, { gutter: 8 },
+                            React.createElement(Col, { span: 12 },
+                                React.createElement(Typography.Text, { type: "secondary" }, i18n("Specified"))),
+                            React.createElement(Col, { span: 12 },
+                                React.createElement(Typography.Text, { type: "secondary" }, i18n("Calculated")))),
+                        Array.from({ length: Math.max(SpecifiedVectors.length, CalculatedVectors.length) }).map((_, index) => (React.createElement(Row, { key: index, gutter: 8 },
+                            React.createElement(Col, { span: 12 }, SpecifiedVectors[index] !== undefined && React.createElement(VectorTypeCheckbox, { type: SpecifiedVectors[index] })),
+                            React.createElement(Col, { span: 12 }, CalculatedVectors[index] !== undefined && React.createElement(VectorTypeCheckbox, { type: CalculatedVectors[index] }))))))))))));
+};
+function getName(type) {
+    return EdaVectorType[type];
+}
+function getTranslation(type) {
+    return i18n("EdaVectorType_" + getName(type));
+}
+function getTitle(type) {
+    switch (type) {
+        case 0:
+            return i18n("Export EDA Vector");
+        case 1:
+            return i18n("Export EDA Group");
+        case 2:
+            return i18n("Export EDA Scenario");
+    }
+}
+const VectorTypeCheckbox = ({ type }) => (React.createElement(Form.Item, { name: ["vectorTypes", type], valuePropName: "checked", noStyle: true },
+    React.createElement(Checkbox, null, getTranslation(type))));
+//# sourceMappingURL=exportDialog.js.map

package/coreui/components/edaManagerComponent/dialogs/exportDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportDialog.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/dialogs/exportDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, MouseEvent, useEffect, useMemo, useState} from \"react\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {App, Button, Card, Checkbox, Col, Form, Input, Modal, ModalProps, Row, Space, Typography} from \"antd\";\r\nimport {EdaVectorType, IdType, TypedData} from \"../constants/edaTypes\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport DateRangeInput, {DateRangeInputMode} from \"d2coreui/components/date/dateRangeInput\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport {LoadingContext, LoadingContextValue} from \"../context/loadingContext\";\r\nimport {EdaLoadingOverlay} from \"../components/edaLoadingOverlay\";\r\nimport {exportGroup, exportScenario, exportVector} from \"../utils/export\";\r\nimport JSZip from \"jszip\";\r\n\r\nexport interface XmlVectorExportConfig {\r\n    exportSubgroups: boolean\r\n    exportValues: boolean\r\n    from?: dayjs.Dayjs\r\n    to?: dayjs.Dayjs\r\n    vectorTypes: Record<EdaVectorType, boolean>\r\n}\r\n\r\nconst DefaultConfiguration: XmlVectorExportConfig = {\r\n    exportSubgroups: true,\r\n    exportValues: true,\r\n    vectorTypes: Object.values(EdaVectorType)\r\n        .filter((v): v is EdaVectorType => typeof v === \"number\")\r\n        .reduce((acc, type) => ({...acc, [type]: true}), {} as Record<EdaVectorType, boolean>)\r\n}\r\n\r\nconst CalculatedVectors: EdaVectorType[] = [\r\n    EdaVectorType.FifteenMinutesCalc,\r\n    EdaVectorType.HourCalc,\r\n    EdaVectorType.DayCalc,\r\n    EdaVectorType.ChangeCalc,\r\n    EdaVectorType.PeriodicCalc,\r\n];\r\n\r\nconst SpecifiedVectors: EdaVectorType[] = [\r\n    EdaVectorType.FifteenMinutes,\r\n    EdaVectorType.Hour,\r\n    EdaVectorType.Day,\r\n    EdaVectorType.Descriptive,\r\n    EdaVectorType.Change,\r\n    EdaVectorType.Pair,\r\n    EdaVectorType.Periodic,\r\n    EdaVectorType.Functional,\r\n    EdaVectorType.Interval,\r\n]\r\n\r\ninterface Props extends Omit<ModalProps, \"mode\"> {\r\n    api: EdaManagerApi\r\n    data: TypedData\r\n}\r\n\r\nexport const ExportDialog: FC<Props> = ({api, data, ...props}) => {\r\n    const [form] = Form.useForm();\r\n    const watchValues = Form.useWatch<XmlVectorExportConfig>([], form);\r\n\r\n    const {message} = App.useApp();\r\n\r\n    const [showExportRange, setShowExportRange] = React.useState<boolean>(false);\r\n\r\n    const [loadingState, setLoadingState] = useState<LoadingContextValue>({\r\n        loading: false,\r\n        loadingPercentage: 0,\r\n        loadingItem: \"\",\r\n        loadingCount: 0,\r\n    });\r\n\r\n    const mask = useMemo(() => LocaleHolder.getDateTimeFormat(true, false, false), []);\r\n\r\n    useEffect(() => {\r\n        if (!showExportRange) {\r\n            form.setFieldsValue({form: undefined, to: undefined});\r\n        }\r\n    }, [showExportRange, form]);\r\n\r\n    const handleExportData = async (event: MouseEvent<HTMLButtonElement>) => {\r\n        const configuration: XmlVectorExportConfig = form.getFieldsValue();\r\n        const resultData: [string, string][] = [];\r\n\r\n        setLoadingState((s): LoadingContextValue => ({...s, loading: true}));\r\n\r\n        try {\r\n            switch (data.type) {\r\n                case IdType.VECTOR:\r\n                    resultData.push(...(await exportVector(api, data.data, configuration, mask, setLoadingState, message)));\r\n                    break;\r\n                case IdType.GROUP:\r\n                    resultData.push(...(await exportGroup(api, data.data, configuration, mask, setLoadingState, message)));\r\n                    break;\r\n                case IdType.SCENARIO:\r\n                    resultData.push(...(await exportScenario(api, data.data, configuration, mask, setLoadingState, message)));\r\n                    break;\r\n            }\r\n        } catch (e) {\r\n            setLoadingState((s): LoadingContextValue => ({...s, loading: false}));\r\n            message.error(i18n(\"An error occurred while exporting data: %{n}\", {n: String(e)}));\r\n            return;\r\n        }\r\n\r\n        if (resultData.length > 0) {\r\n            try {\r\n                const zip = new JSZip();\r\n\r\n                for (const [filename, content] of resultData) {\r\n                    zip.file(filename + \".xml\", content);\r\n                }\r\n\r\n                setLoadingState((s): LoadingContextValue => ({...s, loadingItem: i18n(\"Compressing data, please wait...\")}));\r\n\r\n                const zipBlob = await zip.generateAsync({type: \"blob\"});\r\n                const url = window.URL.createObjectURL(zipBlob);\r\n                const link = document.createElement(\"a\");\r\n\r\n                link.href = url;\r\n                link.setAttribute('download', `export_${dayjs().format(mask)}.zip`);\r\n                document.body.appendChild(link);\r\n                link.click();\r\n                document.body.removeChild(link);\r\n            } catch (e) {\r\n                message.error(i18n(\"An error occurred while exporting data: %{n}\", {n: String(e)}));\r\n            }\r\n        } else {\r\n            message.info(i18n(\"Nothing to export.\"));\r\n        }\r\n\r\n        setLoadingState((s): LoadingContextValue => ({...s, loading: false}));\r\n        props.onOk?.(event);\r\n    }\r\n\r\n    return (\r\n        <LoadingContext.Provider value={loadingState}>\r\n            <EdaLoadingOverlay\r\n                onCancel={() => {\r\n                    setLoadingState({loading: false, loadingPercentage: 0, loadingItem: \"\", loadingCount: 0});\r\n                }}\r\n            />\r\n            <Modal\r\n                {...props}\r\n                styles={{body: {paddingTop: 0}}}\r\n                title={(\r\n                    <span>\r\n                        {getTitle(data.type)}\r\n                        <Typography.Text type={\"secondary\"}>{data.data.data.ZOBRAZ_MENO}</Typography.Text>\r\n                    </span>\r\n                )}\r\n                footer={(\r\n                    <>\r\n                        <Button\r\n                            type=\"primary\"\r\n                            onClick={handleExportData}\r\n                        >\r\n                            {i18n(\"Export\")}\r\n                        </Button>\r\n                        <Button\r\n                            danger\r\n                            onClick={props?.onCancel}\r\n                        >\r\n                            {i18n(\"Cancel\")}\r\n                        </Button>\r\n                    </>\r\n                )}\r\n            >\r\n                <Form<XmlVectorExportConfig>\r\n                    form={form}\r\n                    initialValues={DefaultConfiguration}\r\n                >\r\n                    <Space direction={\"vertical\"} style={{width: '100%'}}>\r\n                        <Card title={i18n(\"Export Parameters\")}>\r\n                            <Space direction=\"vertical\">\r\n                                {data.type !== IdType.VECTOR && (\r\n                                    <Form.Item\r\n                                        name={\"exportSubgroups\"}\r\n                                        valuePropName={\"checked\"}\r\n                                        noStyle\r\n                                    >\r\n                                        <Checkbox>{i18n(\"Export all subgroups\")}</Checkbox>\r\n                                    </Form.Item>\r\n                                )}\r\n                                <Form.Item\r\n                                    name={\"exportValues\"}\r\n                                    valuePropName={\"checked\"}\r\n                                    noStyle\r\n                                >\r\n                                    <Checkbox>{i18n(\"Export values\")}</Checkbox>\r\n                                </Form.Item>\r\n                                <Checkbox\r\n                                    checked={showExportRange}\r\n                                    onChange={(e) => setShowExportRange(e.target.checked)}\r\n                                >\r\n                                    {i18n(\"Export range for export values\")}\r\n                                </Checkbox>\r\n                                <Form.Item name=\"from\" hidden>\r\n                                    <Input type={\"hidden\"} />\r\n                                </Form.Item>\r\n                                <Form.Item name=\"to\" hidden>\r\n                                    <Input type={\"hidden\"}/>\r\n                                </Form.Item>\r\n                                <Form.Item noStyle>\r\n                                    <DateRangeInput\r\n                                        mask={mask}\r\n                                        disabled={!showExportRange}\r\n                                        fromValue={watchValues?.from ?? null}\r\n                                        toValue={watchValues?.to ?? null}\r\n                                        defaultMode={DateRangeInputMode.ADVANCED}\r\n                                        onChange={(from, to) => {\r\n                                            form.setFieldsValue({from: from ?? undefined, to: to ?? undefined});\r\n                                        }}\r\n                                    />\r\n                                </Form.Item>\r\n                            </Space>\r\n                        </Card>\r\n                        {data.type !== IdType.VECTOR && (\r\n                            <Card title={i18n(\"Select by vector type\")}>\r\n                                <Row gutter={8}>\r\n                                    <Col span={12}><Typography.Text type={\"secondary\"}>{i18n(\"Specified\")}</Typography.Text></Col>\r\n                                    <Col span={12}><Typography.Text type={\"secondary\"}>{i18n(\"Calculated\")}</Typography.Text></Col>\r\n                                </Row>\r\n                                {Array.from({length: Math.max(SpecifiedVectors.length, CalculatedVectors.length)}).map((_, index) => (\r\n                                    <Row key={index} gutter={8}>\r\n                                        <Col span={12}>{SpecifiedVectors[index] !== undefined && <VectorTypeCheckbox type={SpecifiedVectors[index]}/>}</Col>\r\n                                        <Col span={12}>{CalculatedVectors[index] !== undefined && <VectorTypeCheckbox type={CalculatedVectors[index]}/>}</Col>\r\n                                    </Row>\r\n                                ))}\r\n                            </Card>\r\n                        )}\r\n                    </Space>\r\n                </Form>\r\n            </Modal>\r\n        </LoadingContext.Provider>\r\n    );\r\n}\r\n\r\nfunction getName(type: EdaVectorType) {\r\n    return EdaVectorType[type];\r\n}\r\n\r\nfunction getTranslation(type: EdaVectorType) {\r\n    return i18n(\"EdaVectorType_\" + getName(type));\r\n}\r\n\r\nfunction getTitle(type: IdType) {\r\n    switch (type) {\r\n        case IdType.VECTOR:\r\n            return i18n(\"Export EDA Vector\");\r\n        case IdType.GROUP:\r\n            return i18n(\"Export EDA Group\");\r\n        case IdType.SCENARIO:\r\n            return i18n(\"Export EDA Scenario\");\r\n    }\r\n}\r\n\r\nconst VectorTypeCheckbox: FC<{type: EdaVectorType}> = ({type}) => (\r\n    <Form.Item\r\n        name={[\"vectorTypes\", type]}\r\n        valuePropName={\"checked\"}\r\n        noStyle\r\n    >\r\n        <Checkbox>{getTranslation(type)}</Checkbox>\r\n    </Form.Item>\r\n)"]}

package/coreui/components/edaManagerComponent/dialogs/groupVectorSelection.d.ts

@@ -0,0 +1,12 @@
+import { FC } from "react";
+import EdaManagerApi, { TreeItem } from "../../../../api/eda/edaManagerApi";
+import { TypedData } from "../constants/edaTypes";
+import { ModalDialogProps } from "d2coreui/components/modal/modalDialog";
+interface Props extends Omit<ModalDialogProps, "mode" | "onOk"> {
+    api: EdaManagerApi;
+    data?: TypedData;
+    displayedVectors: TreeItem[];
+    onSelected: (vectors: TreeItem[]) => void;
+}
+export declare const GroupVectorSelection: FC<Props>;
+export {};

package/coreui/components/edaManagerComponent/dialogs/groupVectorSelection.js

@@ -0,0 +1,74 @@
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import i18n from "d2core/i18n/i18n";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import { Alert, Transfer } from "antd";
+export const GroupVectorSelection = ({ api, data, displayedVectors, onSelected, open, ...props }) => {
+    const [visibleVectors, setVisibleVectors] = useState([]);
+    const [availableVectors, setAvailableVectors] = useState(displayedVectors);
+    const [isLoading, setIsLoading] = useState(false);
+    const lastLoaded = useRef(undefined);
+    const handleChange = useCallback((targetKeys) => setVisibleVectors(targetKeys), []);
+    const handleOk = useCallback(() => {
+        const availableMap = new Map(availableVectors.map(v => [v.ID, v]));
+        const selected = visibleVectors
+            .map((id) => availableMap.get(id))
+            .filter((v) => !!v);
+        onSelected(selected);
+    }, [availableVectors, visibleVectors, onSelected]);
+    useEffect(() => {
+        let isCurrent = true;
+        if (open && data && data.type !== 0 && data !== lastLoaded.current) {
+            const fetchAllVectors = async () => {
+                setIsLoading(true);
+                setVisibleVectors(displayedVectors.map((v) => v.ID));
+                setAvailableVectors([]);
+                lastLoaded.current = data;
+                const result = [];
+                const id = data.type === 1 ? data.data.data.ID_SKVEKTOR : data.data.data.ID_SCENAR;
+                try {
+                    let vectors;
+                    let page = 0;
+                    do {
+                        const offset = page * api.pageSize;
+                        if (data.type === 1) {
+                            vectors = await api.getGroupVectors(id, offset);
+                        }
+                        else {
+                            vectors = await api.getScenarioVectors(id, offset, undefined, true);
+                        }
+                        if (!isCurrent) {
+                            return;
+                        }
+                        result.push(...vectors.items);
+                        page++;
+                    } while (vectors.leftCount > 0);
+                    if (isCurrent) {
+                        setAvailableVectors(result);
+                    }
+                }
+                catch (e) {
+                    console.error("Failed to load vectors", e);
+                }
+                finally {
+                    if (isCurrent) {
+                        setIsLoading(false);
+                    }
+                }
+            };
+            fetchAllVectors();
+        }
+        return () => {
+            isCurrent = false;
+        };
+    }, [api, data, open, displayedVectors]);
+    return (React.createElement(ModalDialog, { ...props, mode: "OK_CANCEL", open: open, styles: { body: { paddingTop: 0 } }, title: i18n("User Selection"), initialWidth: window.innerWidth * 0.8, initialHeight: window.innerHeight * 0.8, okButtonProps: { disabled: visibleVectors.length > api.pageSize || isLoading }, onOk: handleOk },
+        React.createElement(Transfer, { style: { width: "100%", height: "100%" }, listStyle: { flex: "1 1 auto", height: "100%" }, dataSource: availableVectors, rowKey: (vector) => vector.ID, titles: [i18n("Hidden vectors"), i18n("Displayed vectors")], targetKeys: visibleVectors, onChange: handleChange, status: visibleVectors.length > api.pageSize ? "error" : undefined, render: (vector) => vector.DisplayName, footer: (_, info) => {
+                if (visibleVectors.length > api.pageSize && info?.direction === "right") {
+                    return (React.createElement(Alert, { type: "error", message: i18n("Maximum number of displayed vectors: %{n}", { n: String(api.pageSize) }) }));
+                }
+                else {
+                    return undefined;
+                }
+            } })));
+};
+//# sourceMappingURL=groupVectorSelection.js.map