d2aura 26.0.14 → 26.0.15

package/coreui/components/edaManagerComponent/context/useEdaActions.js

@@ -1,21 +1,35 @@
 import React, { useCallback, useState } from "react";
-import { ExportDialog } from "../components/exportDialog";
+import { ExportDialog } from "../dialogs/exportDialog";
+import { InsertTo, InsertVectorDialog } from "../dialogs/insertVectorDialog";
 export const useEdaActions = (api) => {
     const [exportTarget, setExportTarget] = useState();
+    const [includeTarget, setIncludeTarget] = useState();
     const [exportOpen, setExportOpen] = useState(false);
-    const triggerExport = useCallback((data) => {
+    const [includeToScenarioOpen, setIncludeToScenarioOpen] = useState(false);
+    const [includeToGroupOpen, setIncludeToGroupOpen] = useState(false);
+    const triggerExportToXML = useCallback((data) => {
         setExportTarget({ data });
         setExportOpen(true);
     }, []);
+    const triggerIncludeToScenario = useCallback((data) => {
+        setIncludeTarget({ data });
+        setIncludeToScenarioOpen(true);
+    }, []);
+    const triggerIncludeToGroup = useCallback((data) => {
+        setIncludeTarget({ data });
+        setIncludeToGroupOpen(true);
+    }, []);
     const renderActionDialogs = () => {
-        if (!exportTarget) {
-            return null;
-        }
         return (React.createElement(React.Fragment, null,
-            React.createElement(ExportDialog, { api: api, open: exportOpen, data: exportTarget.data, onCancel: () => setExportOpen(false), onOk: () => setExportOpen(false) })));
+            exportTarget && (React.createElement(ExportDialog, { api: api, open: exportOpen, data: exportTarget.data, onCancel: () => setExportOpen(false), onOk: () => setExportOpen(false) })),
+            includeTarget && (React.createElement(React.Fragment, null,
+                React.createElement(InsertVectorDialog, { api: api, insertTo: InsertTo.SCENARIO, open: includeToScenarioOpen, data: includeTarget.data, onCancel: () => setIncludeToScenarioOpen(false), onOk: () => setIncludeToScenarioOpen(false) }),
+                React.createElement(InsertVectorDialog, { api: api, insertTo: InsertTo.GROUP, open: includeToGroupOpen, data: includeTarget.data, onCancel: () => setIncludeToGroupOpen(false), onOk: () => setIncludeToGroupOpen(false) })))));
     };
     return {
-        triggerExport,
+        triggerExportToXML,
+        triggerIncludeToScenario,
+        triggerIncludeToGroup,
         renderActionDialogs,
     };
 };

package/coreui/components/edaManagerComponent/context/useEdaActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEdaActions.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/context/useEdaActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAMxD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAkB,EAAE,EAAE;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAgB,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,IAAe,EAAE,EAAE;QAClD,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QACxB,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,CACH;YACI,oBAAC,YAAY,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GAClC,CACH,CACN,CAAA;IACL,CAAC,CAAA;IAED,OAAO;QACH,aAAa;QACb,mBAAmB;KACtB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import {TypedData} from \"../constants/edaTypes\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport React, {useCallback, useState} from \"react\";\r\nimport {ExportDialog} from \"../components/exportDialog\";\r\n\r\ninterface ExportTarget {\r\n    data: TypedData\r\n}\r\n\r\nexport const useEdaActions = (api: EdaManagerApi) => {\r\n    const [exportTarget, setExportTarget] = useState<ExportTarget>();\r\n    const [exportOpen, setExportOpen] = useState(false);\r\n\r\n    const triggerExport = useCallback((data: TypedData) => {\r\n        setExportTarget({data});\r\n        setExportOpen(true);\r\n    }, []);\r\n\r\n    const renderActionDialogs = () => {\r\n        if (!exportTarget) {\r\n            return null;\r\n        }\r\n\r\n        return (\r\n            <>\r\n                <ExportDialog\r\n                    api={api}\r\n                    open={exportOpen}\r\n                    data={exportTarget.data}\r\n                    onCancel={() => setExportOpen(false)}\r\n                    onOk={() => setExportOpen(false)}\r\n                />\r\n            </>\r\n        )\r\n    }\r\n\r\n    return {\r\n        triggerExport,\r\n        renderActionDialogs,\r\n    }\r\n}"]}
+{"version":3,"file":"useEdaActions.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/context/useEdaActions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACnD,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAE,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAW3E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,GAAkB,EAAE,EAAE;IAChD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAgB,CAAC;IACjE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAEpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1E,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,IAAe,EAAE,EAAE;QACvD,eAAe,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QACxB,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,IAAgB,EAAE,EAAE;QAC9D,gBAAgB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QACzB,wBAAwB,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,WAAW,CAAC,CAAC,IAAgB,EAAE,EAAE;QAC3D,gBAAgB,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC;QACzB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,OAAO,CACH;YACK,YAAY,IAAI,CACb,oBAAC,YAAY,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,YAAY,CAAC,IAAI,EACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACpC,IAAI,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,GAClC,CACL;YACA,aAAa,IAAI,CACd;gBACI,oBAAC,kBAAkB,IACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAC/C,IAAI,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAC7C;gBACF,oBAAC,kBAAkB,IACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,IAAI,EAAE,kBAAkB,EACxB,IAAI,EAAE,aAAa,CAAC,IAAI,EACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAC5C,IAAI,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAC1C,CACH,CACN,CACF,CACN,CAAA;IACL,CAAC,CAAA;IAED,OAAO;QACH,kBAAkB;QAClB,wBAAwB;QACxB,qBAAqB;QACrB,mBAAmB;KACtB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import {TypedData, TypedIndex} from \"../constants/edaTypes\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport React, {useCallback, useState} from \"react\";\r\nimport {ExportDialog} from \"../dialogs/exportDialog\";\r\nimport {InsertTo, InsertVectorDialog} from \"../dialogs/insertVectorDialog\";\r\n\r\n//TODO generic?\r\ninterface ExportTarget {\r\n    data: TypedData\r\n}\r\n\r\ninterface IncludeTarget {\r\n    data: TypedIndex\r\n}\r\n\r\nexport const useEdaActions = (api: EdaManagerApi) => {\r\n    const [exportTarget, setExportTarget] = useState<ExportTarget>();\r\n    const [includeTarget, setIncludeTarget] = useState<IncludeTarget>();\r\n\r\n    const [exportOpen, setExportOpen] = useState(false);\r\n    const [includeToScenarioOpen, setIncludeToScenarioOpen] = useState(false);\r\n    const [includeToGroupOpen, setIncludeToGroupOpen] = useState(false);\r\n\r\n    const triggerExportToXML = useCallback((data: TypedData) => {\r\n        setExportTarget({data});\r\n        setExportOpen(true);\r\n    }, []);\r\n\r\n    const triggerIncludeToScenario = useCallback((data: TypedIndex) => {\r\n        setIncludeTarget({data});\r\n        setIncludeToScenarioOpen(true);\r\n    }, []);\r\n\r\n    const triggerIncludeToGroup = useCallback((data: TypedIndex) => {\r\n        setIncludeTarget({data});\r\n        setIncludeToGroupOpen(true);\r\n    }, []);\r\n\r\n    const renderActionDialogs = () => {\r\n        return (\r\n            <>\r\n                {exportTarget && (\r\n                    <ExportDialog\r\n                        api={api}\r\n                        open={exportOpen}\r\n                        data={exportTarget.data}\r\n                        onCancel={() => setExportOpen(false)}\r\n                        onOk={() => setExportOpen(false)}\r\n                    />\r\n                )}\r\n                {includeTarget && (\r\n                    <>\r\n                        <InsertVectorDialog\r\n                            api={api}\r\n                            insertTo={InsertTo.SCENARIO}\r\n                            open={includeToScenarioOpen}\r\n                            data={includeTarget.data}\r\n                            onCancel={() => setIncludeToScenarioOpen(false)}\r\n                            onOk={() => setIncludeToScenarioOpen(false)}\r\n                        />\r\n                        <InsertVectorDialog\r\n                            api={api}\r\n                            insertTo={InsertTo.GROUP}\r\n                            open={includeToGroupOpen}\r\n                            data={includeTarget.data}\r\n                            onCancel={() => setIncludeToGroupOpen(false)}\r\n                            onOk={() => setIncludeToGroupOpen(false)}\r\n                        />\r\n                    </>\r\n                )}\r\n            </>\r\n        )\r\n    }\r\n\r\n    return {\r\n        triggerExportToXML,\r\n        triggerIncludeToScenario,\r\n        triggerIncludeToGroup,\r\n        renderActionDialogs,\r\n    }\r\n}"]}

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

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { DescriptiveVector, TableNode } from "./types";
+interface Props {
+    selectedRow?: DescriptiveVector;
+    tableData: TableNode[];
+    onMove: (direction: "up" | "down") => void;
+    addEntry: () => void;
+    addSubEntry: () => void;
+    removeEntry: () => void;
+    removeSubEntries: () => void;
+}
+export declare const ControlButtons: FC<Props>;
+export {};

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { Button, Flex } from "antd";
+import { canMove } from "./utils";
+import { ArrowDownOutlined, ArrowUpOutlined, FolderAddOutlined, MinusSquareOutlined, PlusSquareOutlined } from "@ant-design/icons";
+import { FolderRemoveOutlined } from "../../icons/folderRemoveOutlined";
+import i18n from "d2core/i18n/i18n";
+export const ControlButtons = ({ selectedRow, tableData, onMove, addEntry, addSubEntry, removeEntry, removeSubEntries }) => {
+    return (React.createElement("div", { className: "tree-mover" },
+        React.createElement(Flex, { gap: "small", vertical: true },
+            React.createElement(Button, { disabled: !selectedRow || !canMove(tableData, selectedRow, "up"), icon: React.createElement(ArrowUpOutlined, null), onClick: () => onMove("up") }),
+            React.createElement(Button, { disabled: !selectedRow || !canMove(tableData, selectedRow, "down"), icon: React.createElement(ArrowDownOutlined, null), onClick: () => onMove("down") })),
+        React.createElement(Flex, { vertical: true, gap: "middle", justify: "center", style: { flex: 1 } },
+            React.createElement(Button, { icon: React.createElement(FolderAddOutlined, null), title: i18n("Add after current entry"), onClick: addEntry }),
+            React.createElement(Button, { icon: React.createElement(PlusSquareOutlined, null), disabled: !selectedRow, title: i18n("Add under current entry"), onClick: addSubEntry }),
+            React.createElement("div", null),
+            React.createElement(Button, { icon: React.createElement(FolderRemoveOutlined, null), disabled: !selectedRow, title: i18n("Remove current entry (with subentries)"), onClick: removeEntry }),
+            React.createElement(Button, { icon: React.createElement(MinusSquareOutlined, null), disabled: !selectedRow, title: i18n("Remove subentries from current entry"), onClick: removeSubEntries }))));
+};
+//# sourceMappingURL=controlButtons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"controlButtons.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/descriptiveVectorDialog/controlButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,MAAM,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAC;AAChC,OAAO,EAAC,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACjI,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AAEtE,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAYpC,MAAM,CAAC,MAAM,cAAc,GAAc,CAAC,EAAC,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,EAAC,EAAE,EAAE;IAChI,OAAO,CACH,6BAAK,SAAS,EAAE,YAAY;QACxB,oBAAC,IAAI,IACD,GAAG,EAAE,OAAO,EACZ,QAAQ;YAER,oBAAC,MAAM,IACH,QAAQ,EAAE,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,EAChE,IAAI,EAAE,oBAAC,eAAe,OAAE,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAC7B;YACF,oBAAC,MAAM,IACH,QAAQ,EAAE,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAC,EAClE,IAAI,EAAE,oBAAC,iBAAiB,OAAE,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAC/B,CACC;QACP,oBAAC,IAAI,IACD,QAAQ,QACR,GAAG,EAAE,QAAQ,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,EAAC,IAAI,EAAE,CAAC,EAAC;YAEhB,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,iBAAiB,OAAE,EAC1B,KAAK,EAAE,IAAI,CAAC,yBAAyB,CAAC,EACtC,OAAO,EAAE,QAAQ,GACnB;YACF,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,kBAAkB,OAAE,EAC3B,QAAQ,EAAE,CAAC,WAAW,EACtB,KAAK,EAAE,IAAI,CAAC,yBAAyB,CAAC,EACtC,OAAO,EAAE,WAAW,GACtB;YACF,gCAAO;YACP,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,oBAAoB,OAAE,EAC7B,QAAQ,EAAE,CAAC,WAAW,EACtB,KAAK,EAAE,IAAI,CAAC,wCAAwC,CAAC,EACrD,OAAO,EAAE,WAAW,GACtB;YACF,oBAAC,MAAM,IACH,IAAI,EAAE,oBAAC,mBAAmB,OAAE,EAC5B,QAAQ,EAAE,CAAC,WAAW,EACtB,KAAK,EAAE,IAAI,CAAC,sCAAsC,CAAC,EACnD,OAAO,EAAE,gBAAgB,GAC3B,CACC,CACL,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC} from \"react\";\r\nimport {Button, Flex} from \"antd\";\r\nimport {canMove} from \"./utils\";\r\nimport {ArrowDownOutlined, ArrowUpOutlined, FolderAddOutlined, MinusSquareOutlined, PlusSquareOutlined} from \"@ant-design/icons\";\r\nimport {FolderRemoveOutlined} from \"../../icons/folderRemoveOutlined\";\r\nimport {DescriptiveVector, TableNode} from \"./types\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\n\r\ninterface Props {\r\n    selectedRow?: DescriptiveVector\r\n    tableData: TableNode[]\r\n    onMove: (direction: \"up\" | \"down\") => void\r\n    addEntry: () => void\r\n    addSubEntry: () => void\r\n    removeEntry: () => void\r\n    removeSubEntries: () => void\r\n}\r\n\r\nexport const ControlButtons: FC<Props> = ({selectedRow, tableData, onMove, addEntry, addSubEntry, removeEntry, removeSubEntries}) => {\r\n    return (\r\n        <div className={\"tree-mover\"}>\r\n            <Flex\r\n                gap={\"small\"}\r\n                vertical\r\n            >\r\n                <Button\r\n                    disabled={!selectedRow || !canMove(tableData, selectedRow, \"up\")}\r\n                    icon={<ArrowUpOutlined/>}\r\n                    onClick={() => onMove(\"up\")}\r\n                />\r\n                <Button\r\n                    disabled={!selectedRow || !canMove(tableData, selectedRow, \"down\")}\r\n                    icon={<ArrowDownOutlined/>}\r\n                    onClick={() => onMove(\"down\")}\r\n                />\r\n            </Flex>\r\n            <Flex\r\n                vertical\r\n                gap={\"middle\"}\r\n                justify=\"center\"\r\n                style={{flex: 1}}\r\n            >\r\n                <Button\r\n                    icon={<FolderAddOutlined/>}\r\n                    title={i18n(\"Add after current entry\")}\r\n                    onClick={addEntry}\r\n                />\r\n                <Button\r\n                    icon={<PlusSquareOutlined/>}\r\n                    disabled={!selectedRow}\r\n                    title={i18n(\"Add under current entry\")}\r\n                    onClick={addSubEntry}\r\n                />\r\n                <div />\r\n                <Button\r\n                    icon={<FolderRemoveOutlined/>}\r\n                    disabled={!selectedRow}\r\n                    title={i18n(\"Remove current entry (with subentries)\")}\r\n                    onClick={removeEntry}\r\n                />\r\n                <Button\r\n                    icon={<MinusSquareOutlined/>}\r\n                    disabled={!selectedRow}\r\n                    title={i18n(\"Remove subentries from current entry\")}\r\n                    onClick={removeSubEntries}\r\n                />\r\n            </Flex>\r\n        </div>\r\n    );\r\n}"]}

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { DescriptiveVector } from "./types";
+interface Props {
+    data: DescriptiveVector;
+    onChange: (data: DescriptiveVector) => void;
+}
+export declare const DescriptiveVectorDetailPanel: FC<Props>;
+export {};

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":"AAAA,OAAO,KAAK,EAAE,EAAK,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACjG,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAoB,cAAc,EAAC,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AACzC,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,KAAK,MAAM,cAAc,CAAC;AAOjC,MAAM,CAAC,MAAM,4BAA4B,GAAc,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACxE,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAEjC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAiB,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;IACrF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAoB,EAAC,GAAG,IAAI,EAAC,CAAC,CAAC;IAE/E,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACvF,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEtE,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,UAAU,KAAK,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAEvF,SAAS,CAAC,GAAG,EAAE;QACX,aAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;QACtC,eAAe,CAAC,EAAC,GAAG,IAAI,EAAC,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,SAAS,EAAE,MAAM,EAAC,EAAE,SAAS,EAAE,UAAU;QACrG,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG;YAClC,oBAAC,KAAK,CAAC,KAAK,IACR,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAC,EAC7D,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACZ,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAuB,CAAC;oBAChD,IAAI,IAAiB,CAAC;oBACtB,IAAI,EAAe,CAAC;oBAEpB,QAAQ,MAAM,EAAE,CAAC;wBACb,KAAK,cAAc,CAAC,IAAI,CAAC;wBACzB,KAAK,cAAc,CAAC,QAAQ;4BACxB,IAAI,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC/B,EAAE,GAAG,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;4BAC1C,MAAM;wBACV,KAAK,cAAc,CAAC,GAAG;4BACnB,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC1C,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;4BACpE,MAAM;wBACV,KAAK,cAAc,CAAC,IAAI;4BACpB,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC1C,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;4BAClD,MAAM;wBACV,KAAK,cAAc,CAAC,WAAW;4BAC3B,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC1C,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;4BACjD,MAAM;wBACV,KAAK,cAAc,CAAC,SAAS;4BACzB,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC1C,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;4BAClD,MAAM;wBACV,KAAK,cAAc,CAAC,QAAQ;4BACxB,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;4BACpD,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BACnD,MAAM;wBACV,KAAK,cAAc,CAAC,OAAO;4BACvB,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;4BAC1C,EAAE,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;4BACrE,MAAM;oBACd,CAAC;oBAED,aAAa,CAAC,MAAM,CAAC,CAAC;oBACtB,eAAe,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC,CAAC,CAAC;gBAC/H,CAAC;gBAED,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI,IAAG,IAAI,CAAC,+BAA+B,CAAC,CAAS;gBAClF,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,IAAG,IAAI,CAAC,UAAU,CAAC,CAAS;gBACjE,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,WAAW,IAAG,IAAI,CAAC,yCAAyC,CAAC,CAAS;gBACnG,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,SAAS,IAAG,IAAI,CAAC,wCAAwC,CAAC,CAAS;gBAChG,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,IAAG,IAAI,CAAC,6BAA6B,CAAC,CAAS;gBACpF,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,OAAO,IAAG,IAAI,CAAC,8BAA8B,CAAC,CAAS;gBACpF,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,IAAI,IAAG,IAAI,CAAC,+BAA+B,CAAC,CAAS;gBAClF,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,CAAC,EAAC,GAAG;gBAC9B,oBAAC,KAAK,IAAC,KAAK,EAAE,cAAc,CAAC,GAAG,IAAG,IAAI,CAAC,qCAAqC,CAAC,CAAS,CAC7E,CACX;QACN,UAAU,KAAK,cAAc,CAAC,IAAI,IAAI,CACnC,oBAAC,IAAI;YACD,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;gBACf,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBACP,sBAAsB,CAAC,UAAU,CAAC;wBACjC;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACT,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;wBACf,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;4BAAG,IAAI,CAAC,MAAM,CAAC;gCAAQ;wBACnC,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;4BACT,oBAAC,aAAa,IACV,KAAK,EAAE,YAAY,CAAC,QAAQ,EAC5B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAChB,eAAe,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,CAAC,CAAC,CAAA;gCAC9E,CAAC,GACH,CACA;wBAEN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;4BAAG,IAAI,CAAC,IAAI,CAAC;gCAAQ;wBACjC,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;4BACT,oBAAC,aAAa,IACV,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAChB,eAAe,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,CAAA;gCAC5E,CAAC,GACH,CACA,CACJ,CACJ,CACJ,CACH,CACV;QACD,oBAAC,IAAI;YACD,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;gBACf,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBAAG,IAAI,CAAC,gBAAgB,CAAC;wBAAQ;gBAC7C,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACT,oBAAC,eAAe,IACZ,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,KAAK,EAAE,YAAY,CAAC,SAAS,EAC7B,MAAM,EAAE,kBAAkB,EAC1B,cAAc,QACd,iBAAiB,EAAE,qBAAqB,EACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChB,eAAe,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,SAAS,EAAE,KAAe,EAAC,CAAC,CAAC,CAAA;wBACzF,CAAC,GACH,CACA;gBAEN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBAAG,IAAI,CAAC,OAAO,CAAC;wBAAQ;gBACpC,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACT,oBAAC,WAAW,IACR,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gCACjB,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC;4BACzD,CAAC;wBACL,CAAC,GACH,CACA;gBAEL,YAAY,CAAC,SAAS,KAAK,kBAAkB,CAAC,aAAa,IAAI,CAC5D;oBACI,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;wBAAG,IAAI,CAAC,IAAI,CAAC;4BAAQ;oBACjC,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;wBACT,oBAAC,WAAW,IACR,KAAK,EAAE,YAAY,CAAC,MAAM,EAC1B,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAChB,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;oCACjB,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC;gCAC1D,CAAC;4BACL,CAAC,GACH,CACA,CACP,CACN,CACC,CACH;QACP,oBAAC,IAAI;YACD,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;gBACf,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBACT,oBAAC,QAAQ,IACL,OAAO,EAAE,YAAY,CAAC,KAAK,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACZ,eAAe,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAC,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAC,CAAC,CAAC,CAAC;wBACvF,CAAC,IAEA,IAAI,CAAC,aAAa,CAAC,CACb,CACT;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;oBAAG,IAAI,CAAC,mBAAmB,CAAC;;oBAAI,YAAY,CAAC,UAAU,CAAO,CACzE,CACH;QACP,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAC;YACrD,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,IAEpC,IAAI,CAAC,QAAQ,CAAC,CACV,CACP,CACF,CACX,CAAC;AACN,CAAC,CAAA;AAED,SAAS,sBAAsB,CAAC,UAA0B;IACtD,QAAQ,UAAU,EAAE,CAAC;QACjB,KAAK,cAAc,CAAC,IAAI;YACpB,OAAO,EAAE,CAAC;QACd,KAAK,cAAc,CAAC,QAAQ,CAAC;QAC7B,KAAK,cAAc,CAAC,WAAW,CAAC;QAChC,KAAK,cAAc,CAAC,SAAS,CAAC;QAC9B,KAAK,cAAc,CAAC,QAAQ;YACxB,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC;QACjC,KAAK,cAAc,CAAC,GAAG;YACnB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5B,KAAK,cAAc,CAAC,IAAI;YACpB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;QACzB,KAAK,cAAc,CAAC,OAAO;YACvB,OAAO,IAAI,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC;AACL,CAAC;AAED,SAAS,eAAe,CAAC,MAAsB;IAC3C,QAAQ,MAAM,EAAE,CAAC;QACb,KAAK,cAAc,CAAC,IAAI;YACpB,OAAO,aAAa,CAAC,IAAI,CAAC;QAC9B,KAAK,cAAc,CAAC,QAAQ;YACxB,OAAO,aAAa,CAAC,QAAQ,CAAC;QAClC,KAAK,cAAc,CAAC,GAAG;YACnB,OAAO,aAAa,CAAC,GAAG,CAAC;QAC7B,KAAK,cAAc,CAAC,IAAI;YACpB,OAAO,aAAa,CAAC,IAAI,CAAC;QAC9B,KAAK,cAAc,CAAC,OAAO,CAAC;QAC5B,KAAK,cAAc,CAAC,SAAS,CAAC;QAC9B,KAAK,cAAc,CAAC,WAAW,CAAC;QAChC,KAAK,cAAc,CAAC,QAAQ;YACxB,OAAO,aAAa,CAAC,IAAI,CAAC;IAClC,CAAC;AACL,CAAC","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 {};