d2aura 26.0.13 → 26.0.15

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

@@ -0,0 +1 @@
+{"version":3,"file":"groupVectorSelection.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/dialogs/groupVectorSelection.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, Key, useCallback, useEffect, useRef, useState} from \"react\";\r\nimport EdaManagerApi, {TreeItem, TreeItemsResult} from \"../../../../api/eda/edaManagerApi\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {IdType, TypedData} from \"../constants/edaTypes\";\r\nimport {ModalDialog, ModalDialogMode, ModalDialogProps} from \"d2coreui/components/modal/modalDialog\";\r\nimport {Alert, Transfer} from \"antd\";\r\n\r\ninterface Props extends Omit<ModalDialogProps, \"mode\" | \"onOk\"> {\r\n    api: EdaManagerApi\r\n    data?: TypedData\r\n    displayedVectors: TreeItem[]\r\n    onSelected: (vectors: TreeItem[]) => void\r\n}\r\n\r\nexport const GroupVectorSelection: FC<Props> = ({api, data, displayedVectors, onSelected, open, ...props}) => {\r\n    const [visibleVectors, setVisibleVectors] = useState<Key[]>([]);\r\n    const [availableVectors, setAvailableVectors] = useState<TreeItem[]>(displayedVectors);\r\n    const [isLoading, setIsLoading] = useState(false);\r\n\r\n    const lastLoaded = useRef<TypedData | undefined>(undefined);\r\n\r\n    const handleChange = useCallback((targetKeys: Key[]) => setVisibleVectors(targetKeys), []);\r\n\r\n    const handleOk = useCallback(() => {\r\n        const availableMap = new Map(availableVectors.map(v => [v.ID, v]));\r\n        const selected = visibleVectors\r\n            .map((id) => availableMap.get(id as number))\r\n            .filter((v): v is TreeItem => !!v);\r\n        onSelected(selected);\r\n    }, [availableVectors, visibleVectors, onSelected]);\r\n\r\n    useEffect(() => {\r\n        let isCurrent = true;\r\n\r\n        if (open && data && data.type !== IdType.VECTOR && data !== lastLoaded.current) {\r\n            const fetchAllVectors = async () => {\r\n                setIsLoading(true);\r\n                setVisibleVectors(displayedVectors.map((v) => v.ID));\r\n                setAvailableVectors([]);\r\n                lastLoaded.current = data;\r\n\r\n                const result: TreeItem[] = [];\r\n                const id = data.type === IdType.GROUP ? data.data.data.ID_SKVEKTOR : data.data.data.ID_SCENAR;\r\n\r\n                try {\r\n                    let vectors: TreeItemsResult;\r\n                    let page = 0;\r\n\r\n                    do {\r\n                        const offset = page * api.pageSize;\r\n\r\n                        if (data.type === IdType.GROUP) {\r\n                            vectors = await api.getGroupVectors(id, offset);\r\n                        } else {\r\n                            vectors = await api.getScenarioVectors(id, offset, undefined, true);\r\n                        }\r\n\r\n                        if (!isCurrent) {\r\n                            return;\r\n                        }\r\n\r\n                        result.push(...vectors.items);\r\n                        page++;\r\n                    } while (vectors.leftCount > 0);\r\n\r\n                    if (isCurrent) {\r\n                        setAvailableVectors(result);\r\n                    }\r\n                } catch (e) {\r\n                    console.error(\"Failed to load vectors\", e);\r\n                } finally {\r\n                    if (isCurrent) {\r\n                        setIsLoading(false);\r\n                    }\r\n                }\r\n            };\r\n\r\n            fetchAllVectors();\r\n        }\r\n\r\n        return () => {\r\n            isCurrent = false;\r\n        }\r\n    }, [api, data, open, displayedVectors]);\r\n\r\n    return (\r\n        <ModalDialog\r\n            {...props}\r\n            mode={ModalDialogMode.OK_CANCEL}\r\n            open={open}\r\n            styles={{body: {paddingTop: 0}}}\r\n            title={i18n(\"User Selection\")}\r\n            initialWidth={window.innerWidth * 0.8}\r\n            initialHeight={window.innerHeight * 0.8}\r\n            okButtonProps={{disabled: visibleVectors.length > api.pageSize || isLoading}}\r\n            onOk={handleOk}\r\n        >\r\n            <Transfer<TreeItem>\r\n                style={{width: \"100%\", height: \"100%\"}}\r\n                listStyle={{flex: \"1 1 auto\", height: \"100%\"}}\r\n                dataSource={availableVectors}\r\n                rowKey={(vector) => vector.ID}\r\n                titles={[i18n(\"Hidden vectors\"), i18n(\"Displayed vectors\")]}\r\n                targetKeys={visibleVectors}\r\n                onChange={handleChange}\r\n                status={visibleVectors.length > api.pageSize ? \"error\": undefined}\r\n                render={(vector) => vector.DisplayName}\r\n                footer={(_, info) => {\r\n                    if (visibleVectors.length > api.pageSize && info?.direction === \"right\") {\r\n                        return (<Alert type={\"error\"} message={i18n(\"Maximum number of displayed vectors: %{n}\", {n: String(api.pageSize)})} />);\r\n                    } else {\r\n                        return  undefined;\r\n                    }\r\n                }}\r\n            />\r\n        </ModalDialog>\r\n    );\r\n}"]}

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

@@ -0,0 +1,16 @@
+import { ModalProps } from "antd";
+import { TypedIndex } from "../constants/edaTypes";
+import EdaManagerApi from "../../../../api/eda/edaManagerApi";
+import { FC } from "react";
+export declare enum InsertTo {
+    SCENARIO = 0,
+    GROUP = 1
+}
+interface Props extends Omit<ModalProps, "title"> {
+    api: EdaManagerApi;
+    data: TypedIndex;
+    insertTo: InsertTo;
+    onOk?: () => void;
+}
+export declare const InsertVectorDialog: FC<Props>;
+export {};

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

@@ -0,0 +1,32 @@
+import i18n from "d2core/i18n/i18n";
+import { EdaTreeView, TreeViewType } from "../components/edaTreeView";
+import React from "react";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+export var InsertTo;
+(function (InsertTo) {
+    InsertTo[InsertTo["SCENARIO"] = 0] = "SCENARIO";
+    InsertTo[InsertTo["GROUP"] = 1] = "GROUP";
+})(InsertTo || (InsertTo = {}));
+export const InsertVectorDialog = ({ api, data, insertTo, onOk, ...otherProps }) => {
+    return (React.createElement(ModalDialog, { ...otherProps, initialWidth: 400, initialHeight: 600, mode: "NO_BUTTONS", title: i18n(insertTo == InsertTo.GROUP ? "Include vector to group" : "Include vector to scenario") },
+        React.createElement(EdaTreeView, { api: api, type: data.type === 0 && insertTo === InsertTo.SCENARIO ? TreeViewType.SCENARIO : TreeViewType.GROUP, showOmitted: true, hideContextMenu: true, hideVectors: data.type === 0, disableVectorSelection: data.type === 0, disableBranchSelection: data.type !== 0, onItemDoubleClick: async (id) => {
+                if (data.type === 2 && insertTo === InsertTo.SCENARIO) {
+                    await api.includeVectorToScenario(data.id, id.id);
+                    onOk?.();
+                }
+                else if (data.type === 1 && insertTo === InsertTo.GROUP) {
+                    await api.includeVectorToGroup(data.id, id.id);
+                    onOk?.();
+                }
+                else if (data.type === 0) {
+                    if (insertTo === InsertTo.SCENARIO) {
+                        await api.includeVectorToScenario(id.id, data.id);
+                    }
+                    else {
+                        await api.includeVectorToGroup(id.id, data.id);
+                    }
+                    onOk?.();
+                }
+            } })));
+};
+//# sourceMappingURL=insertVectorDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"insertVectorDialog.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/dialogs/insertVectorDialog.tsx"],"names":[],"mappings":"AACA,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AAEpE,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,WAAW,EAAkB,MAAM,uCAAuC,CAAC;AAEnF,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAChB,+CAAQ,CAAA;IACR,yCAAK,CAAA;AACT,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAUD,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,UAAU,EAAC,EAAE,EAAE;IACxF,OAAO,CACH,oBAAC,WAAW,OACJ,UAAU,EACd,YAAY,EAAE,GAAG,EACjB,aAAa,EAAE,GAAG,EAClB,IAAI,gBACJ,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,4BAA4B,CAAC;QAElG,oBAAC,WAAW,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,CAAC,IAAI,MAAkB,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,EAChH,WAAW,QACX,eAAe,QACf,WAAW,EAAE,IAAI,CAAC,IAAI,MAAkB,EACxC,sBAAsB,EAAE,IAAI,CAAC,IAAI,MAAkB,EACnD,sBAAsB,EAAE,IAAI,CAAC,IAAI,MAAkB,EACnD,iBAAiB,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;gBAC5B,IAAI,IAAI,CAAC,IAAI,MAAoB,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;oBAClE,MAAM,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;oBAClD,IAAI,EAAE,EAAE,CAAC;gBACb,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,MAAiB,IAAI,QAAQ,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;oBACnE,MAAM,GAAG,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;oBAC/C,IAAI,EAAE,EAAE,CAAC;gBACb,CAAC;qBAAM,IAAI,IAAI,CAAC,IAAI,MAAkB,EAAE,CAAC;oBACrC,IAAI,QAAQ,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;wBACjC,MAAM,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;oBACtD,CAAC;yBAAM,CAAC;wBACJ,MAAM,GAAG,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;oBACnD,CAAC;oBAED,IAAI,EAAE,EAAE,CAAC;gBACb,CAAC;YACL,CAAC,GACH,CACQ,CACjB,CAAA;AACL,CAAC,CAAA","sourcesContent":["import {ModalProps} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {IdType, TypedIndex} from \"../constants/edaTypes\";\r\nimport {EdaTreeView, TreeViewType} from \"../components/edaTreeView\";\r\nimport EdaManagerApi from \"../../../../api/eda/edaManagerApi\";\r\nimport React, {FC} from \"react\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\n\r\nexport enum InsertTo {\r\n    SCENARIO,\r\n    GROUP,\r\n}\r\n\r\ninterface Props extends Omit<ModalProps, \"title\"> {\r\n    api: EdaManagerApi\r\n    data: TypedIndex\r\n    insertTo: InsertTo\r\n\r\n    onOk?: () => void\r\n}\r\n\r\nexport const InsertVectorDialog: FC<Props> = ({api, data, insertTo, onOk, ...otherProps}) => {\r\n    return (\r\n        <ModalDialog\r\n            {...otherProps}\r\n            initialWidth={400}\r\n            initialHeight={600}\r\n            mode={ModalDialogMode.NO_BUTTONS}\r\n            title={i18n(insertTo == InsertTo.GROUP ? \"Include vector to group\" : \"Include vector to scenario\")}\r\n        >\r\n            <EdaTreeView\r\n                api={api}\r\n                type={data.type === IdType.VECTOR && insertTo === InsertTo.SCENARIO ? TreeViewType.SCENARIO : TreeViewType.GROUP}\r\n                showOmitted\r\n                hideContextMenu\r\n                hideVectors={data.type === IdType.VECTOR}\r\n                disableVectorSelection={data.type === IdType.VECTOR}\r\n                disableBranchSelection={data.type !== IdType.VECTOR}\r\n                onItemDoubleClick={async (id) => {\r\n                    if (data.type === IdType.SCENARIO && insertTo === InsertTo.SCENARIO) {\r\n                        await api.includeVectorToScenario(data.id, id.id);\r\n                        onOk?.();\r\n                    } else if (data.type === IdType.GROUP && insertTo === InsertTo.GROUP) {\r\n                        await api.includeVectorToGroup(data.id, id.id);\r\n                        onOk?.();\r\n                    } else if (data.type === IdType.VECTOR) {\r\n                        if (insertTo === InsertTo.SCENARIO) {\r\n                            await api.includeVectorToScenario(id.id, data.id);\r\n                        } else {\r\n                            await api.includeVectorToGroup(id.id, data.id);\r\n                        }\r\n\r\n                        onOk?.();\r\n                    }\r\n                }}\r\n            />\r\n        </ModalDialog>\r\n    )\r\n}"]}

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

@@ -1,12 +1,10 @@
-import EdaManagerApi from "../../../api/eda/edaManagerApi";
-import React from "react";
-import { SD_EM_Tree_Item } from "../../../api/eda/generated/structures";
-import { GroupData, IdType, ScenarioData, TypedIndex, VectorData } from "./constants/edaTypes";
-import { Tab } from "rc-tabs/lib/interface";
+import React, { FC } from "react";
+import { TypedIndex } from "./constants/edaTypes";
+import EdaManagerApi, { TreeItem } from "../../../api/eda/edaManagerApi";
 import { SizeType } from "antd/lib/config-provider/SizeContext";
-import { SharedSampleRange } from "./context/sharedSampleRange";
 import { Variant } from "antd/es/config-provider";
-export type ItemType = SD_EM_Tree_Item[] | TypedIndex;
+import { EdaConfiguration } from "./context/edaConfigContext";
+export type ItemType = TreeItem[] | TypedIndex;
 interface Props {
     api: EdaManagerApi;
     item?: ItemType;
@@ -14,24 +12,7 @@ interface Props {
     style?: React.CSSProperties;
     size?: SizeType;
     variant?: Variant;
-    showTimeWindow?: boolean;
-    showChartLegend?: boolean;
-}
-interface State {
-    type?: IdType;
-    data?: VectorData | GroupData | ScenarioData;
-    tabs: Tab[];
-    activeTabKey: string;
-    context: SharedSampleRange;
-}
-export declare class EdaDetail extends React.Component<Props, State> {
-    constructor(props: Readonly<Props>);
-    componentDidMount(): Promise<void>;
-    componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<State>): Promise<void>;
-    render(): React.JSX.Element;
-    private updateSampleRange;
-    private updateTimeWindow;
-    private getTabs;
-    private setContextState;
+    configuration?: EdaConfiguration;
 }
+export declare const EdaDetail: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/edaDetail.js

@@ -1,37 +1,50 @@
-import React from "react";
-import { EdaSamplingType, StepType } from "./constants/edaTypes";
-import i18n from "d2core/i18n/i18n";
-import { Tabs } from "antd";
-import { EdaDetailPanel } from "./components/edaDetailPanel";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { createStyles } from "antd-style";
-import WithCss from "d2coreui/components/style/withCss";
-import { SharedSampleRangeContext } from "./context/sharedSampleRange";
+import { EdaSamplingType, StepType } from "./constants/edaTypes";
+import { SharedSampleRangeContext } from "./context/sharedSampleRangeContext";
 import dayjs from "d2core/dayjs";
+import { loadDetail, loadPreference, savePreference, stepToDayJsType } from "./utils/utils";
 import { getRange } from "./components/edaTimeWindowPickerPanel";
-import { loadDetail, loadPreference, savePreference } from "./utils/utils";
-import { EdaVectorDataProvider } from "./context/edaVectorDataProvider";
+import i18n from "d2core/i18n/i18n";
+import { EdaDetailPanel } from "./components/edaDetailPanel";
 import { EdaTablePanel } from "./components/edaTablePanel";
+import { EdaVectorDataProvider } from "./context/edaVectorDataProvider";
+import { Button, ConfigProvider, Space, Tabs } from "antd";
 import { EdaGraphPanel } from "./components/edaGraphPanel";
+import { AppstoreAddOutlined, ExportOutlined, FileAddOutlined, FolderAddOutlined, FullscreenExitOutlined, FullscreenOutlined } from "@ant-design/icons";
+import { createPortal } from "react-dom";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import { useEdaActions } from "./context/useEdaActions";
 const useStyles = createStyles(({ css }) => {
     return {
         baseLayout: css `
             height: 100%;
             overflow: hidden;
-            
+
             .ant-tabs-content {
                 height: 100%;
             }
+        `,
+        fullscreenLayout: css `
+            .ant-design-draggable-modal-title {
+                display: none;
+            }
         `
     };
 });
-export class EdaDetail extends React.Component {
-    constructor(props) {
-        super(props);
+export const EdaDetail = ({ api, item, className, style, size, variant }) => {
+    const { styles } = useStyles();
+    const { triggerExportToXML, triggerIncludeToScenario, triggerIncludeToGroup, renderActionDialogs } = useEdaActions(api);
+    const [activeTabKey, setActiveTabKey] = useState("detail");
+    const [detailData, setDetailData] = useState();
+    const [isFullscreen, setIsFullscreen] = useState(false);
+    const [portalTarget, setPortalTarget] = useState(null);
+    const [sampleRange, setSampleRange] = useState(() => {
         const btTotal = dayjs(loadPreference("EDA_DETAIL_BT", dayjs().startOf('day').toISOString()));
         const etTotal = dayjs(loadPreference("EDA_DETAIL_ET", dayjs().endOf('day').toISOString()));
         const step = loadPreference("EDA_DETAIL_STEP", StepType.Daily);
         const { bt, et } = getRange(btTotal, etTotal, step);
-        const context = {
+        return {
             btTotal,
             etTotal,
             btWindow: bt,
@@ -39,100 +52,119 @@ export class EdaDetail extends React.Component {
             sampling: EdaSamplingType.Default,
             step,
             vectorPage: 1,
-            updateValues: (bt, et, step, vectorPage) => this.updateSampleRange(bt, et, step, vectorPage),
-            updateTimeWindow: (bt, et, step) => this.updateTimeWindow(bt, et, step),
+            totalCount: 0,
         };
-        this.state = {
-            tabs: [],
-            activeTabKey: "detail",
-            context: context,
-        };
-        this.updateSampleRange = this.updateSampleRange.bind(this);
-        this.updateTimeWindow = this.updateTimeWindow.bind(this);
-        this.setContextState = this.setContextState.bind(this);
-    }
-    async componentDidMount() {
-        const { api, item } = this.props;
-        const { data, type } = this.state;
-        if (item && !Array.isArray(item)) {
-            const result = await loadDetail(api, item);
-            this.setState({
-                type: item.type,
-                data: result,
-                tabs: this.getTabs(result, item.type),
-            });
-        }
-        else {
-            this.setState({ tabs: this.getTabs(data, type) });
-        }
-    }
-    async componentDidUpdate(prevProps, prevState) {
-        const { data, type, activeTabKey, context } = this.state;
-        const { api, item, size, variant, showTimeWindow, showChartLegend } = this.props;
-        if (prevProps.item !== item) {
-            if (item && !Array.isArray(item)) {
-                const result = await loadDetail(api, item);
-                this.setState({
-                    type: item.type,
-                    data: result,
-                    tabs: this.getTabs(result, item.type),
-                });
+    });
+    const updateValues = useCallback((bt, et, sampling) => {
+        setSampleRange((s) => {
+            let { btWindow, etWindow } = s;
+            const unit = stepToDayJsType(s.step);
+            if (unit) {
+                if (s.btWindow.isBefore(bt)) {
+                    btWindow = bt;
+                    etWindow = bt.endOf(unit);
+                }
+                if (s.etWindow.isAfter(et)) {
+                    btWindow = et.startOf(unit);
+                    etWindow = et;
+                }
             }
+            else {
+                btWindow = bt;
+                etWindow = et;
+            }
+            return { ...s, btTotal: bt, etTotal: et, btWindow, etWindow, sampling };
+        });
+    }, []);
+    const updatePage = useCallback((page) => {
+        setSampleRange((s) => ({ ...s, vectorPage: page, vectors: undefined }));
+    }, []);
+    const updateVectors = useCallback((vectors) => {
+        setSampleRange((s) => ({ ...s, vectorPage: 1, vectors: vectors }));
+    }, []);
+    const updateTimeWindow = useCallback((bt, et, step) => {
+        setSampleRange((s) => ({ ...s, btWindow: bt, etWindow: et, step }));
+    }, []);
+    const updateTotalCount = useCallback((totalCount) => {
+        setSampleRange((s) => ({ ...s, totalCount }));
+    }, []);
+    const contextValue = useMemo(() => ({
+        ...sampleRange,
+        updateValues,
+        updatePage,
+        updateVectors,
+        updateTimeWindow,
+        updateTotalCount,
+    }), [sampleRange, updateValues, updatePage, updateTimeWindow, updateTotalCount]);
+    const handleToggleFullscreen = useCallback(() => {
+        setIsFullscreen(!isFullscreen);
+        if (isFullscreen) {
+            setPortalTarget(null);
         }
-        else if (prevProps.size !== size ||
-            prevProps.variant !== variant ||
-            prevState.activeTabKey !== activeTabKey ||
-            prevProps.showTimeWindow !== showTimeWindow ||
-            prevProps.showChartLegend !== showChartLegend) {
-            this.setState({ tabs: this.getTabs(data, type) });
-        }
-        if (!prevState.context.btTotal.isSame(context.btTotal)) {
-            savePreference("EDA_DETAIL_BT", context.btTotal);
-        }
-        if (!prevState.context.etTotal.isSame(context.etTotal)) {
-            savePreference("EDA_DETAIL_ET", context.etTotal);
-        }
-        if (prevState.context.step !== context.step) {
-            savePreference("EDA_DETAIL_STEP", context.step);
+    }, [isFullscreen]);
+    const tabItems = useMemo(() => [
+        {
+            key: "detail",
+            label: i18n("Detail"),
+            children: (React.createElement(EdaDetailPanel, { api: api, data: detailData })),
+        },
+        {
+            key: "table",
+            label: i18n("Table"),
+            children: (React.createElement(EdaTablePanel, { api: api, data: detailData, isActive: activeTabKey === "table" })),
+        },
+        {
+            key: "graph",
+            label: i18n("Graph"),
+            children: (React.createElement(EdaGraphPanel, { api: api, data: detailData, isActive: activeTabKey === "graph" })),
+        },
+    ], [api, detailData, activeTabKey]);
+    const renderTabs = (React.createElement("div", { style: { position: 'relative', height: '100%', width: '100%', display: 'flex', flexDirection: 'column' } },
+        React.createElement(Tabs, { type: "card", className: styles.baseLayout, onChange: setActiveTabKey, activeKey: activeTabKey, destroyOnHidden: false, items: tabItems, tabBarExtraContent: {
+                right: (React.createElement(Space.Compact, null,
+                    detailData !== undefined && (React.createElement(React.Fragment, null,
+                        React.createElement(Button, { icon: React.createElement(ExportOutlined, null), onClick: () => triggerExportToXML(detailData), title: i18n("Export") }),
+                        !Array.isArray(item) && item && item.type === 0 && (React.createElement(React.Fragment, null,
+                            React.createElement(Button, { icon: React.createElement(AppstoreAddOutlined, null), onClick: () => triggerIncludeToGroup(item), title: i18n("Include vector to group") }),
+                            React.createElement(Button, { icon: React.createElement(FolderAddOutlined, null), onClick: () => triggerIncludeToScenario(item), title: i18n("Include vector to scenario") }))),
+                        !Array.isArray(item) && item && item.type === 1 && (React.createElement(Button, { icon: React.createElement(FileAddOutlined, null), onClick: () => triggerIncludeToGroup(item), title: i18n("Include vector to group") })),
+                        !Array.isArray(item) && item && item.type === 2 && (React.createElement(Button, { icon: React.createElement(FileAddOutlined, null), onClick: () => triggerIncludeToScenario(item), title: i18n("Include vector to scenario") })))),
+                    React.createElement(Button, { disabled: item === undefined, icon: isFullscreen ? React.createElement(FullscreenExitOutlined, null) : React.createElement(FullscreenOutlined, null), onClick: handleToggleFullscreen, title: i18n(isFullscreen ? "Restore" : "Fullscreen") }))),
+            } })));
+    useEffect(() => {
+        let isMounted = true;
+        if (item && !Array.isArray(item)) {
+            loadDetail(api, item).then((result) => {
+                if (isMounted && result) {
+                    setDetailData(result);
+                }
+            });
         }
-    }
-    render() {
-        const { api, className, style, size, showTimeWindow } = this.props;
-        const { context, activeTabKey } = this.state;
-        return (React.createElement("div", { className: className, style: style },
-            React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(SharedSampleRangeContext.Provider, { value: context },
-                React.createElement(EdaVectorDataProvider, { api: api, showTimeWindow: showTimeWindow },
-                    React.createElement(Tabs, { size: size, type: "card", className: css.styles.baseLayout, onChange: (key) => this.setState({ activeTabKey: key }), activeKey: activeTabKey, items: this.state.tabs }))))));
-    }
-    updateSampleRange(bt, et, step, vectorPage) {
-        this.setContextState({ btTotal: bt, etTotal: et, sampling: step, vectorPage: vectorPage });
-    }
-    updateTimeWindow(bt, et, step) {
-        this.setContextState({ btWindow: bt, etWindow: et, step: step });
-    }
-    getTabs(data, type) {
-        const { size, variant, api, showTimeWindow, showChartLegend } = this.props;
-        const { activeTabKey } = this.state;
-        return [
-            {
-                key: "detail",
-                label: i18n("Detail"),
-                children: (React.createElement(EdaDetailPanel, { api: api, data: data, type: type, size: size, variant: variant })),
-            },
-            {
-                key: "table",
-                label: i18n("Table"),
-                children: (React.createElement(EdaTablePanel, { api: api, data: data, type: type, size: size, isActive: activeTabKey === "table", showTimeWindow: showTimeWindow })),
-            },
-            {
-                key: "graph",
-                label: i18n("Graph"),
-                children: (React.createElement(EdaGraphPanel, { api: api, data: data, type: type, size: size, isActive: activeTabKey === "graph", showTimeWindow: showTimeWindow, showChartLegend: showChartLegend })),
-            },
-        ];
-    }
-    setContextState(partialContext) {
-        this.setState({ context: { ...this.state.context, ...partialContext } });
-    }
-}
+        return () => {
+            isMounted = false;
+        };
+    }, [api, item]);
+    useEffect(() => {
+        savePreference("EDA_DETAIL_BT", sampleRange.btTotal.toISOString());
+        savePreference("EDA_DETAIL_ET", sampleRange.etTotal.toISOString());
+        savePreference("EDA_DETAIL_STEP", sampleRange.step);
+    }, [sampleRange.btTotal, sampleRange.etTotal, sampleRange.step]);
+    return (React.createElement(ConfigProvider, { componentSize: size, variant: variant },
+        React.createElement("div", { className: className, style: style },
+            React.createElement(SharedSampleRangeContext.Provider, { value: contextValue },
+                React.createElement(EdaVectorDataProvider, { api: api },
+                    isFullscreen && portalTarget ? createPortal(renderTabs, portalTarget) : renderTabs,
+                    React.createElement(ModalDialog, { classNames: { header: styles.fullscreenLayout }, open: isFullscreen, onCancel: handleToggleFullscreen, footer: null, closable: false, initialWidth: window.innerWidth * 0.9, initialHeight: window.innerHeight * 0.9, destroyOnHidden: false, mode: "NO_BUTTONS", styles: {
+                            header: {
+                                padding: 0,
+                                margin: 0
+                            },
+                        } },
+                        React.createElement("div", { style: { width: '100%', height: '100%' }, ref: (el) => {
+                                if (el && !portalTarget) {
+                                    setPortalTarget(el);
+                                }
+                            } })),
+                    renderActionDialogs())))));
+};
 //# sourceMappingURL=edaDetail.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edaDetail.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaDetail.tsx"],"names":[],"mappings":"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","sourcesContent":["import EdaManagerApi from \"../../../api/eda/edaManagerApi\";\r\nimport React from \"react\";\r\nimport {SD_EM_Tree_Item} from \"../../../api/eda/generated/structures\";\r\nimport {EdaSamplingType, GroupData, IdType, ScenarioData, StepType, TypedIndex, VectorData} from \"./constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Tabs} from \"antd\";\r\nimport {Tab} from \"rc-tabs/lib/interface\"\r\nimport {EdaDetailPanel} from \"./components/edaDetailPanel\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {SharedSampleRange, SharedSampleRangeContext} from \"./context/sharedSampleRange\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {getRange} from \"./components/edaTimeWindowPickerPanel\";\r\nimport {loadDetail, loadPreference, savePreference} from \"./utils/utils\";\r\nimport {StorageTypes} from \"./constants/storageTypes\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\nimport {EdaVectorDataProvider} from \"./context/edaVectorDataProvider\";\r\nimport {EdaTablePanel} from \"./components/edaTablePanel\";\r\nimport {EdaGraphPanel} from \"./components/edaGraphPanel\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n    return {\r\n        baseLayout: css`\r\n            height: 100%;\r\n            overflow: hidden;\r\n            \r\n            .ant-tabs-content {\r\n                height: 100%;\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\nexport type ItemType = SD_EM_Tree_Item[] | TypedIndex\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    item?: ItemType\r\n    className?: string\r\n    style?: React.CSSProperties\r\n\r\n    size?: SizeType\r\n    variant?: Variant\r\n\r\n    showTimeWindow?: boolean\r\n    showChartLegend?: boolean\r\n}\r\n\r\ninterface State {\r\n    type?: IdType\r\n    data?: VectorData | GroupData | ScenarioData\r\n    tabs: Tab[]\r\n    activeTabKey: string\r\n    context: SharedSampleRange\r\n}\r\n\r\nexport class EdaDetail extends React.Component<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n        const btTotal = dayjs(loadPreference(StorageTypes.EDA_DETAIL_BT, dayjs().startOf('day').toISOString()));\r\n        const etTotal = dayjs(loadPreference(StorageTypes.EDA_DETAIL_ET, dayjs().endOf('day').toISOString()));\r\n        const step = loadPreference(StorageTypes.EDA_DETAIL_STEP, StepType.Daily);\r\n        const {bt, et} = getRange(btTotal, etTotal, step);\r\n        const context: SharedSampleRange = {\r\n            btTotal,\r\n            etTotal,\r\n            btWindow: bt,\r\n            etWindow: et,\r\n            sampling: EdaSamplingType.Default,\r\n            step,\r\n            vectorPage: 1,\r\n            updateValues: (bt, et, step, vectorPage) => this.updateSampleRange(bt, et, step, vectorPage),\r\n            updateTimeWindow: (bt, et, step) => this.updateTimeWindow(bt, et, step),\r\n        }\r\n\r\n        this.state = {\r\n            tabs: [],\r\n            activeTabKey: \"detail\",\r\n            context: context,\r\n        }\r\n\r\n        this.updateSampleRange = this.updateSampleRange.bind(this);\r\n        this.updateTimeWindow = this.updateTimeWindow.bind(this);\r\n        this.setContextState = this.setContextState.bind(this);\r\n    }\r\n\r\n    async componentDidMount() {\r\n        const {api, item} = this.props;\r\n        const {data, type} = this.state;\r\n\r\n        if (item && !Array.isArray(item)) {\r\n            const result = await loadDetail(api, item);\r\n\r\n            this.setState({\r\n                type: item.type,\r\n                data: result,\r\n                tabs: this.getTabs(result, item.type),\r\n            });\r\n        } else {\r\n            this.setState({tabs: this.getTabs(data, type)});\r\n        }\r\n    }\r\n\r\n    async componentDidUpdate(prevProps: Readonly<Props>, prevState: Readonly<State>) {\r\n        const {data, type, activeTabKey, context} = this.state;\r\n        const {api, item, size, variant, showTimeWindow, showChartLegend} = this.props;\r\n\r\n        if (prevProps.item !== item) {\r\n            if (item && !Array.isArray(item)) {\r\n                const result = await loadDetail(api, item);\r\n\r\n                this.setState({\r\n                    type: item.type,\r\n                    data: result,\r\n                    tabs: this.getTabs(result, item.type),\r\n                });\r\n            }\r\n        } else if (\r\n            prevProps.size !== size ||\r\n            prevProps.variant !== variant ||\r\n            prevState.activeTabKey !== activeTabKey ||\r\n            prevProps.showTimeWindow !== showTimeWindow ||\r\n            prevProps.showChartLegend !== showChartLegend\r\n        ) {\r\n            this.setState({tabs: this.getTabs(data, type)});\r\n        }\r\n\r\n        if (!prevState.context.btTotal.isSame(context.btTotal)) {\r\n            savePreference(StorageTypes.EDA_DETAIL_BT, context.btTotal);\r\n        }\r\n        if (!prevState.context.etTotal.isSame(context.etTotal)) {\r\n            savePreference(StorageTypes.EDA_DETAIL_ET, context.etTotal);\r\n        }\r\n        if (prevState.context.step !== context.step) {\r\n            savePreference(StorageTypes.EDA_DETAIL_STEP, context.step);\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const {api, className, style, size, showTimeWindow} = this.props;\r\n        const {context, activeTabKey} = this.state;\r\n\r\n        return (\r\n            <div className={className} style={style}>\r\n                <WithCss useStyles={useStyles}>\r\n                    {(css) =>\r\n                        <SharedSampleRangeContext.Provider value={context}>\r\n                            <EdaVectorDataProvider\r\n                                api={api}\r\n                                showTimeWindow={showTimeWindow}\r\n                            >\r\n                                <Tabs\r\n                                    size={size}\r\n                                    type={\"card\"}\r\n                                    className={css.styles.baseLayout}\r\n                                    onChange={(key) => this.setState({activeTabKey: key})}\r\n                                    activeKey={activeTabKey}\r\n                                    items={this.state.tabs}/>\r\n                            </EdaVectorDataProvider>\r\n                        </SharedSampleRangeContext.Provider>\r\n                    }\r\n                </WithCss>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private updateSampleRange(bt: dayjs.Dayjs, et: dayjs.Dayjs, step: EdaSamplingType, vectorPage: number) {\r\n        this.setContextState({btTotal: bt, etTotal: et, sampling: step, vectorPage: vectorPage});\r\n    }\r\n\r\n    private updateTimeWindow(bt: dayjs.Dayjs, et: dayjs.Dayjs, step: StepType) {\r\n        this.setContextState({btWindow: bt, etWindow: et, step: step});\r\n    }\r\n\r\n    private getTabs(data?: VectorData | GroupData | ScenarioData, type?: IdType): Tab[] {\r\n        const {size, variant, api, showTimeWindow, showChartLegend} = this.props;\r\n        const {activeTabKey} = this.state;\r\n\r\n        return [\r\n            {\r\n                key: \"detail\",\r\n                label: i18n(\"Detail\"),\r\n                children: (\r\n                    <EdaDetailPanel\r\n                        api={api}\r\n                        data={data}\r\n                        type={type}\r\n                        size={size}\r\n                        variant={variant}\r\n                    />\r\n                ),\r\n            },\r\n            {\r\n                key: \"table\",\r\n                label: i18n(\"Table\"),\r\n                children: (\r\n                    <EdaTablePanel\r\n                        api={api}\r\n                        data={data}\r\n                        type={type}\r\n                        size={size}\r\n                        isActive={activeTabKey === \"table\"}\r\n                        showTimeWindow={showTimeWindow}\r\n                    />\r\n                ),\r\n            },\r\n            {\r\n                key: \"graph\",\r\n                label: i18n(\"Graph\"),\r\n                children: (\r\n                    <EdaGraphPanel\r\n                        api={api}\r\n                        data={data}\r\n                        type={type}\r\n                        size={size}\r\n                        isActive={activeTabKey === \"graph\"}\r\n                        showTimeWindow={showTimeWindow}\r\n                        showChartLegend={showChartLegend}\r\n                    />\r\n                ),\r\n            },\r\n        ]\r\n    }\r\n\r\n    private setContextState(partialContext: Partial<SharedSampleRange>) {\r\n        this.setState({context: {...this.state.context, ...partialContext}});\r\n    }\r\n}"]}
+{"version":3,"file":"edaDetail.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaDetail.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useEffect, useMemo, useState} from \"react\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {EdaSamplingType, IdType, StepType, TypedData, TypedIndex} from \"./constants/edaTypes\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../api/eda/edaManagerApi\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\nimport {SharedSampleRangeContext, SharedSampleRangeState} from \"./context/sharedSampleRangeContext\";\r\nimport dayjs from \"d2core/dayjs\";\r\nimport {loadDetail, loadPreference, savePreference, stepToDayJsType} from \"./utils/utils\";\r\nimport {StorageTypes} from \"./constants/storageTypes\";\r\nimport {getRange} from \"./components/edaTimeWindowPickerPanel\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {EdaDetailPanel} from \"./components/edaDetailPanel\";\r\nimport {EdaTablePanel} from \"./components/edaTablePanel\";\r\nimport {EdaVectorDataProvider} from \"./context/edaVectorDataProvider\";\r\nimport {Button, ConfigProvider, Space, Tabs} from \"antd\";\r\nimport {EdaConfiguration} from \"./context/edaConfigContext\";\r\nimport {EdaGraphPanel} from \"./components/edaGraphPanel\";\r\nimport {AppstoreAddOutlined, ExportOutlined, FileAddOutlined, FolderAddOutlined, FullscreenExitOutlined, FullscreenOutlined} from \"@ant-design/icons\";\r\nimport {createPortal} from \"react-dom\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {useEdaActions} from \"./context/useEdaActions\";\r\n\r\nconst useStyles = createStyles(({css},) => {\r\n    return {\r\n        baseLayout: css`\r\n            height: 100%;\r\n            overflow: hidden;\r\n\r\n            .ant-tabs-content {\r\n                height: 100%;\r\n            }\r\n        `,\r\n        fullscreenLayout: css`\r\n            .ant-design-draggable-modal-title {\r\n                display: none;\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\nexport type ItemType = TreeItem[] | TypedIndex\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    item?: ItemType\r\n    className?: string\r\n    style?: React.CSSProperties\r\n\r\n    size?: SizeType\r\n    variant?: Variant\r\n\r\n    // Eda detail configuration\r\n    configuration?: EdaConfiguration\r\n}\r\n\r\nexport const EdaDetail: FC<Props> = ({api, item, className, style, size, variant}) => {\r\n    const {styles} = useStyles();\r\n    const {triggerExportToXML, triggerIncludeToScenario, triggerIncludeToGroup, renderActionDialogs} = useEdaActions(api);\r\n\r\n    const [activeTabKey, setActiveTabKey] = useState<string>(\"detail\");\r\n    const [detailData, setDetailData] = useState<TypedData>();\r\n\r\n    const [isFullscreen, setIsFullscreen] = useState<boolean>(false);\r\n    const [portalTarget, setPortalTarget] = useState<HTMLDivElement | null>(null);\r\n\r\n    const [sampleRange, setSampleRange] = useState<SharedSampleRangeState>(() => {\r\n        const btTotal = dayjs(loadPreference(StorageTypes.EDA_DETAIL_BT, dayjs().startOf('day').toISOString()));\r\n        const etTotal = dayjs(loadPreference(StorageTypes.EDA_DETAIL_ET, dayjs().endOf('day').toISOString()));\r\n        const step = loadPreference(StorageTypes.EDA_DETAIL_STEP, StepType.Daily);\r\n        const {bt, et} = getRange(btTotal, etTotal, step);\r\n\r\n        return {\r\n            btTotal,\r\n            etTotal,\r\n            btWindow: bt,\r\n            etWindow: et,\r\n            sampling: EdaSamplingType.Default,\r\n            step,\r\n            vectorPage: 1,\r\n            totalCount: 0,\r\n        }\r\n    });\r\n\r\n    const updateValues = useCallback((bt: dayjs.Dayjs, et: dayjs.Dayjs, sampling: EdaSamplingType) => {\r\n        setSampleRange((s) => {\r\n            let {btWindow, etWindow} = s;\r\n            const unit = stepToDayJsType(s.step);\r\n\r\n            if (unit) {\r\n                if (s.btWindow.isBefore(bt)) {\r\n                    btWindow = bt;\r\n                    etWindow = bt.endOf(unit);\r\n                }\r\n\r\n                if (s.etWindow.isAfter(et)) {\r\n                    btWindow = et.startOf(unit);\r\n                    etWindow = et;\r\n                }\r\n            } else {\r\n                btWindow = bt;\r\n                etWindow = et;\r\n            }\r\n\r\n            return {...s, btTotal: bt, etTotal: et, btWindow, etWindow, sampling}\r\n        });\r\n    }, []);\r\n    const updatePage = useCallback((page: number) => {\r\n        setSampleRange((s) => ({...s, vectorPage: page, vectors: undefined}));\r\n    }, []);\r\n    const updateVectors = useCallback((vectors: TreeItem[]) => {\r\n        setSampleRange((s) => ({...s, vectorPage: 1, vectors: vectors}));\r\n    }, []);\r\n    const updateTimeWindow = useCallback((bt: dayjs.Dayjs, et: dayjs.Dayjs, step: StepType) => {\r\n        setSampleRange((s) => ({...s, btWindow: bt, etWindow: et, step}));\r\n    }, []);\r\n    const updateTotalCount = useCallback((totalCount: number) => {\r\n        setSampleRange((s) => ({...s, totalCount}));\r\n    }, []);\r\n    const contextValue: SharedSampleRangeContext = useMemo(() => ({\r\n        ...sampleRange,\r\n        updateValues,\r\n        updatePage,\r\n        updateVectors,\r\n        updateTimeWindow,\r\n        updateTotalCount,\r\n    }), [sampleRange, updateValues, updatePage, updateTimeWindow, updateTotalCount]);\r\n\r\n    const handleToggleFullscreen = useCallback(() => {\r\n        setIsFullscreen(!isFullscreen);\r\n\r\n        if (isFullscreen) {\r\n            setPortalTarget(null);\r\n        }\r\n    }, [isFullscreen]);\r\n\r\n    const tabItems = useMemo(() => [\r\n        {\r\n            key: \"detail\",\r\n            label: i18n(\"Detail\"),\r\n            children: (\r\n                <EdaDetailPanel\r\n                    api={api}\r\n                    data={detailData}\r\n                />\r\n            ),\r\n        },\r\n        {\r\n            key: \"table\",\r\n            label: i18n(\"Table\"),\r\n            children: (\r\n                <EdaTablePanel\r\n                    api={api}\r\n                    data={detailData}\r\n                    isActive={activeTabKey === \"table\"}\r\n                />\r\n            ),\r\n        },\r\n        {\r\n            key: \"graph\",\r\n            label: i18n(\"Graph\"),\r\n            children: (\r\n                <EdaGraphPanel\r\n                    api={api}\r\n                    data={detailData}\r\n                    isActive={activeTabKey === \"graph\"}\r\n                />\r\n            ),\r\n        },\r\n    ], [api, detailData, activeTabKey]);\r\n\r\n    const renderTabs = (\r\n        <div style={{position: 'relative', height: '100%', width: '100%', display: 'flex', flexDirection: 'column'}}>\r\n            <Tabs\r\n                type={\"card\"}\r\n                className={styles.baseLayout}\r\n                onChange={setActiveTabKey}\r\n                activeKey={activeTabKey}\r\n                destroyOnHidden={false}\r\n                items={tabItems}\r\n                tabBarExtraContent={{\r\n                    right: (\r\n                        <Space.Compact>\r\n                            {detailData !== undefined && (\r\n                                <>\r\n                                    <Button\r\n                                        icon={<ExportOutlined />}\r\n                                        onClick={() => triggerExportToXML(detailData)}\r\n                                        title={i18n(\"Export\")}\r\n                                    />\r\n                                    {!Array.isArray(item) && item && item.type === IdType.VECTOR && (\r\n                                        <>\r\n                                            <Button\r\n                                                icon={<AppstoreAddOutlined/>}\r\n                                                onClick={() => triggerIncludeToGroup(item)}\r\n                                                title={i18n(\"Include vector to group\")}\r\n                                            />\r\n                                            <Button\r\n                                                icon={<FolderAddOutlined/>}\r\n                                                onClick={() => triggerIncludeToScenario(item)}\r\n                                                title={i18n(\"Include vector to scenario\")}\r\n                                            />\r\n                                        </>\r\n                                    )}\r\n                                    {!Array.isArray(item) && item && item.type === IdType.GROUP && (\r\n                                        <Button\r\n                                            icon={<FileAddOutlined/>}\r\n                                            onClick={() => triggerIncludeToGroup(item)}\r\n                                            title={i18n(\"Include vector to group\")}\r\n                                        />\r\n                                    )}\r\n                                    {!Array.isArray(item) && item && item.type === IdType.SCENARIO && (\r\n                                        <Button\r\n                                            icon={<FileAddOutlined/>}\r\n                                            onClick={() => triggerIncludeToScenario(item)}\r\n                                            title={i18n(\"Include vector to scenario\")}\r\n                                        />\r\n                                    )}\r\n                                </>\r\n                            )}\r\n                            <Button\r\n                                disabled={item === undefined}\r\n                                icon={isFullscreen ? <FullscreenExitOutlined/> : <FullscreenOutlined/>}\r\n                                onClick={handleToggleFullscreen}\r\n                                title={i18n(isFullscreen ? \"Restore\" : \"Fullscreen\")}\r\n                            />\r\n                        </Space.Compact>\r\n                    ),\r\n                }}\r\n            />\r\n        </div>\r\n    );\r\n\r\n    useEffect(() => {\r\n        let isMounted = true;\r\n\r\n        if (item && !Array.isArray(item)) {\r\n            loadDetail(api, item).then((result) => {\r\n                if (isMounted && result) {\r\n                    setDetailData(result);\r\n                }\r\n            });\r\n        }\r\n\r\n        return () => {\r\n            isMounted = false;\r\n        }\r\n    }, [api, item]);\r\n\r\n    useEffect(() => {\r\n        savePreference(StorageTypes.EDA_DETAIL_BT, sampleRange.btTotal.toISOString());\r\n        savePreference(StorageTypes.EDA_DETAIL_ET, sampleRange.etTotal.toISOString());\r\n        savePreference(StorageTypes.EDA_DETAIL_STEP, sampleRange.step);\r\n    }, [sampleRange.btTotal, sampleRange.etTotal, sampleRange.step]);\r\n\r\n    return (\r\n        <ConfigProvider componentSize={size} variant={variant}>\r\n            <div className={className} style={style}>\r\n                <SharedSampleRangeContext.Provider value={contextValue}>\r\n                    <EdaVectorDataProvider api={api}>\r\n                        {isFullscreen && portalTarget ? createPortal(renderTabs, portalTarget) : renderTabs}\r\n                        <ModalDialog\r\n                            classNames={{header: styles.fullscreenLayout}}\r\n                            open={isFullscreen}\r\n                            onCancel={handleToggleFullscreen}\r\n                            footer={null}\r\n                            closable={false}\r\n                            initialWidth={window.innerWidth * 0.9}\r\n                            initialHeight={window.innerHeight * 0.9}\r\n                            destroyOnHidden={false}\r\n                            mode={ModalDialogMode.NO_BUTTONS}\r\n                            styles={{\r\n                                header: {\r\n                                    padding: 0,\r\n                                    margin: 0\r\n                                },\r\n                            }}\r\n                        >\r\n                            <div\r\n                                style={{width: '100%', height: '100%'}}\r\n                                ref={(el) => {\r\n                                    if (el && !portalTarget) {\r\n                                        setPortalTarget(el);\r\n                                    }\r\n                                }}\r\n                            />\r\n                        </ModalDialog>\r\n                        {renderActionDialogs()}\r\n                    </EdaVectorDataProvider>\r\n                </SharedSampleRangeContext.Provider>\r\n            </div>\r\n        </ConfigProvider>\r\n    );\r\n}"]}

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

@@ -1,20 +1,13 @@
-import React from "react";
-import { ItemType } from "./edaDetail";
+import { FC } from "react";
 import EdaManagerApi from "../../../api/eda/edaManagerApi";
 import { SizeType } from "antd/lib/config-provider/SizeContext";
 import { Variant } from "antd/es/config-provider";
+import { EdaConfiguration } from "./context/edaConfigContext";
 interface Props {
     api: EdaManagerApi;
     size?: SizeType;
     variant?: Variant;
-    showTimeWindow?: boolean;
-    showChartLegend?: boolean;
-}
-interface State {
-    selectedItem?: ItemType;
-}
-export declare class EdaManager extends React.Component<Props, State> {
-    constructor(props: Readonly<Props>);
-    render(): React.JSX.Element;
+    configuration?: EdaConfiguration;
 }
+export declare const EdaManager: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/edaManager.js

@@ -1,33 +1,40 @@
-import React from "react";
-import { Splitter } from "antd";
+import React, { useCallback, useState } from "react";
+import { ConfigProvider, Splitter } from "antd";
 import { EdaNavigator } from "./edaNavigator";
-import { EdaDetail } from "./edaDetail";
-import WithCss from "d2coreui/components/style/withCss";
 import { createStyles } from "antd-style";
+import { EdaDetail } from "./edaDetail";
+import { EdaConfigProvider } from "./context/edaConfigContext";
 const useStyles = createStyles(({ css, token }) => {
     return {
         baseLayout: css `
             width: 100%;
             height: 100%;
             padding: ${token.paddingXXS}px;
-        `
+        `,
+        navPanel: css `
+            height: 100%;
+            padding-inline-end: ${token?.paddingXXS}px;
+        `,
+        detailPanel: css `
+            height: 100%;
+            padding-inline-start: ${token?.paddingXXS}px;
+        `,
     };
 });
-export class EdaManager extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    render() {
-        const { selectedItem } = this.state;
-        const { size, variant, showTimeWindow } = this.props;
-        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement(Splitter, { className: css.styles.baseLayout },
-            React.createElement(Splitter.Panel, { defaultSize: "25%" },
-                React.createElement(EdaNavigator, { api: this.props.api, size: size, style: { paddingRight: css.theme.paddingXXS }, onDoubleClick: (item) => {
-                        this.setState({ selectedItem: item });
-                    } })),
-            React.createElement(Splitter.Panel, null,
-                React.createElement(EdaDetail, { api: this.props.api, item: selectedItem, size: size, variant: variant, showTimeWindow: showTimeWindow, showChartLegend: showTimeWindow, style: { width: '100%', height: '100%', paddingLeft: css.theme.paddingXXS } })))));
-    }
-}
+export const EdaManager = ({ api, size, variant, configuration }) => {
+    const { styles } = useStyles();
+    const [selectedItem, setSelectedItem] = useState();
+    const handleDoubleClick = useCallback((item) => {
+        setSelectedItem(item);
+    }, []);
+    return (React.createElement(EdaConfigProvider, { config: configuration },
+        React.createElement(ConfigProvider, { componentSize: size, variant: variant },
+            React.createElement(Splitter, { className: styles.baseLayout },
+                React.createElement(Splitter.Panel, { defaultSize: "25%" },
+                    React.createElement("div", { className: styles.navPanel },
+                        React.createElement(EdaNavigator, { api: api, onDoubleClick: handleDoubleClick }))),
+                React.createElement(Splitter.Panel, null,
+                    React.createElement("div", { className: styles.detailPanel },
+                        React.createElement(EdaDetail, { api: api, item: selectedItem, style: { width: '100%', height: '100%' } })))))));
+};
 //# sourceMappingURL=edaManager.js.map