d2aura 26.0.13 → 26.0.15

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

@@ -1 +1 @@
-{"version":3,"file":"edaManager.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,SAAS,EAAW,MAAM,aAAa,CAAC;AAGhD,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AAGxC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;uBAGA,KAAK,CAAC,UAAU;SAC9B;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAkBH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAuB;IACzD,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;IACnB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,YAAY,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAClC,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,cAAc,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEnD,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IACxB,CAAC,GAAG,EAAE,EAAE,CACL,oBAAC,QAAQ,IAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU;YACtC,oBAAC,QAAQ,CAAC,KAAK,IAAC,WAAW,EAAE,KAAK;gBAC9B,oBAAC,YAAY,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EACnB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAC,YAAY,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,EAAC,EAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;wBACpB,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,IAAI,EAAC,CAAC,CAAC;oBACxC,CAAC,GACb,CACW;YACjB,oBAAC,QAAQ,CAAC,KAAK;gBACX,oBAAC,SAAS,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EACnB,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,cAAc,EAC/B,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU,EAAC,GAClF,CACW,CACV,CAET,CACb,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Splitter} from \"antd\";\r\nimport {EdaNavigator} from \"./edaNavigator\";\r\nimport {EdaDetail, ItemType} from \"./edaDetail\";\r\nimport EdaManagerApi from \"../../../api/eda/edaManagerApi\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: ${token.paddingXXS}px;\r\n        `\r\n    }\r\n});\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n\r\n    // Size of AntD components\r\n    size?: SizeType\r\n    variant?: Variant\r\n    // Displaying of time window selector in Table and Graph panel\r\n    showTimeWindow?: boolean\r\n    // Default displayed chart legend\r\n    showChartLegend?: boolean\r\n}\r\n\r\ninterface State {\r\n    selectedItem?: ItemType\r\n}\r\n\r\nexport class EdaManager extends React.Component<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n        this.state = {}\r\n    }\r\n\r\n    render() {\r\n        const {selectedItem} = this.state;\r\n        const {size, variant, showTimeWindow} = this.props;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <Splitter className={css.styles.baseLayout}>\r\n                        <Splitter.Panel defaultSize={\"25%\"}>\r\n                            <EdaNavigator api={this.props.api}\r\n                                          size={size}\r\n                                          style={{paddingRight: css.theme.paddingXXS}}\r\n                                          onDoubleClick={(item) => {\r\n                                              this.setState({selectedItem: item});\r\n                                          }}\r\n                            />\r\n                        </Splitter.Panel>\r\n                        <Splitter.Panel>\r\n                            <EdaDetail api={this.props.api}\r\n                                       item={selectedItem}\r\n                                       size={size}\r\n                                       variant={variant}\r\n                                       showTimeWindow={showTimeWindow}\r\n                                       showChartLegend={showTimeWindow}\r\n                                       style={{width: '100%', height: '100%', paddingLeft: css.theme.paddingXXS}}\r\n                            />\r\n                        </Splitter.Panel>\r\n                    </Splitter>\r\n                }\r\n            </WithCss>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"edaManager.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAC,cAAc,EAAE,QAAQ,EAAC,MAAM,MAAM,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AAGxC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAC,iBAAiB,EAAmB,MAAM,4BAA4B,CAAC;AAE/E,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;uBAGA,KAAK,CAAC,UAAU;SAC9B;QACD,QAAQ,EAAE,GAAG,CAAA;;kCAEa,KAAK,EAAE,UAAU;SAC1C;QACD,WAAW,EAAE,GAAG,CAAA;;oCAEY,KAAK,EAAE,UAAU;SAC5C;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,UAAU,GAAc,CAAC,EAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAC,EAAE,EAAE;IACzE,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAc,CAAC;IAE/D,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAAgB,EAAE,EAAE;QACvD,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,oBAAC,iBAAiB,IAAC,MAAM,EAAE,aAAa;QACpC,oBAAC,cAAc,IAAC,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YACjD,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;gBAClC,oBAAC,QAAQ,CAAC,KAAK,IAAC,WAAW,EAAE,KAAK;oBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;wBAC3B,oBAAC,YAAY,IACT,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,iBAAiB,GAClC,CACA,CACO;gBACjB,oBAAC,QAAQ,CAAC,KAAK;oBACX,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;wBAC9B,oBAAC,SAAS,IACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAC,GACxC,CACA,CACO,CACV,CACE,CACD,CACvB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React, {FC, useCallback, useState} from \"react\";\r\nimport {ConfigProvider, Splitter} from \"antd\";\r\nimport {EdaNavigator} from \"./edaNavigator\";\r\nimport EdaManagerApi from \"../../../api/eda/edaManagerApi\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {Variant} from \"antd/es/config-provider\";\r\nimport {TypedIndex} from \"./constants/edaTypes\";\r\nimport {EdaDetail} from \"./edaDetail\";\r\nimport {EdaConfigProvider, EdaConfiguration} from \"./context/edaConfigContext\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            width: 100%;\r\n            height: 100%;\r\n            padding: ${token.paddingXXS}px;\r\n        `,\r\n        navPanel: css`\r\n            height: 100%;\r\n            padding-inline-end: ${token?.paddingXXS}px;\r\n        `,\r\n        detailPanel: css`\r\n            height: 100%;\r\n            padding-inline-start: ${token?.paddingXXS}px;\r\n        `,\r\n    }\r\n});\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    // Size of AntD components\r\n    size?: SizeType\r\n    // Variant of AntD components\r\n    variant?: Variant\r\n    // Eda manager configuration\r\n    configuration?: EdaConfiguration\r\n}\r\n\r\nexport const EdaManager: FC<Props> = ({api, size, variant, configuration}) => {\r\n    const {styles} = useStyles();\r\n\r\n    const [selectedItem, setSelectedItem] = useState<TypedIndex>();\r\n\r\n    const handleDoubleClick = useCallback((item: TypedIndex) => {\r\n        setSelectedItem(item);\r\n    }, []);\r\n\r\n    return (\r\n        <EdaConfigProvider config={configuration}>\r\n            <ConfigProvider componentSize={size} variant={variant}>\r\n                <Splitter className={styles.baseLayout}>\r\n                    <Splitter.Panel defaultSize={\"25%\"}>\r\n                        <div className={styles.navPanel}>\r\n                            <EdaNavigator\r\n                                api={api}\r\n                                onDoubleClick={handleDoubleClick}\r\n                            />\r\n                        </div>\r\n                    </Splitter.Panel>\r\n                    <Splitter.Panel>\r\n                        <div className={styles.detailPanel}>\r\n                            <EdaDetail\r\n                                api={api}\r\n                                item={selectedItem}\r\n                                style={{width: '100%', height: '100%'}}\r\n                            />\r\n                        </div>\r\n                    </Splitter.Panel>\r\n                </Splitter>\r\n            </ConfigProvider>\r\n        </EdaConfigProvider>\r\n    );\r\n};"]}

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

@@ -1,20 +1,14 @@
-import React from "react";
-import EdaManagerApi from "../../../api/eda/edaManagerApi";
+import React, { FC } from "react";
+import EdaManagerApi, { TreeItem } from "../../../api/eda/edaManagerApi";
 import { TypedIndex } from "./constants/edaTypes";
 import { SizeType } from "antd/lib/config-provider/SizeContext";
-import { SD_EM_Tree_Item } from "../../../api/eda/generated/structures";
 interface Props {
     api: EdaManagerApi;
     style?: React.CSSProperties;
+    showOmitted?: boolean;
+    hideContextMenu?: boolean;
     size?: SizeType;
-    onDoubleClick?: (id: TypedIndex, item: SD_EM_Tree_Item) => void;
-}
-interface State {
-}
-export declare class EdaNavigator extends React.Component<Props, State> {
-    constructor(props: Readonly<Props>);
-    renderGroups(): React.ReactNode;
-    renderScenarios(): React.ReactNode;
-    render(): React.ReactNode;
+    onDoubleClick?: (id: TypedIndex, item: TreeItem) => void;
 }
+export declare const EdaNavigator: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/edaNavigator.js

@@ -1,8 +1,7 @@
-import React from "react";
+import React, { memo, useMemo } from "react";
 import { EdaTreeView, TreeViewType } from "./components/edaTreeView";
-import { Button, Space, Tabs } from "antd";
+import { Button, ConfigProvider, Space, Tabs } from "antd";
 import { createStyles } from "antd-style";
-import WithCss from "d2coreui/components/style/withCss";
 import { SearchOutlined } from "@ant-design/icons";
 import i18n from "d2core/i18n/i18n";
 const useStyles = createStyles(({ css, token }) => {
@@ -20,45 +19,41 @@ const useStyles = createStyles(({ css, token }) => {
             .control-buttons {
                 padding: ${token.paddingXXS}px;
             }
+            
+            .tree {
+                flex: 1 1 auto;
+            }
+        `,
+        groupsLayout: css `
+            height: 100%;
+            display: flex;
+            flex-direction: column;
         `
     };
 });
-export class EdaNavigator extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    renderGroups() {
-        const { size, api, onDoubleClick } = this.props;
-        return (React.createElement("div", { style: { height: "100%", display: "flex", flexDirection: "column" } },
-            React.createElement("div", { className: "control-buttons" },
-                React.createElement(Space.Compact, { size: size },
-                    React.createElement(Button, { icon: React.createElement(SearchOutlined, null) }))),
-            React.createElement("div", { style: { flex: "1 1 auto" } },
-                React.createElement(EdaTreeView, { api: api, type: TreeViewType.GROUP, onItemDoubleClick: onDoubleClick }))));
-    }
-    renderScenarios() {
-        const { api, onDoubleClick } = this.props;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(EdaTreeView, { api: api, type: TreeViewType.SCENARIO, onItemDoubleClick: onDoubleClick })));
-    }
-    render() {
-        const { style, size } = this.props;
-        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement("div", { className: css.styles.baseLayout, style: style },
-            React.createElement(Tabs, { type: "editable-card", size: size, style: { height: "100%" }, items: [
-                    {
-                        key: "groups",
-                        label: i18n("Groups"),
-                        closable: false,
-                        children: this.renderGroups(),
-                    },
-                    {
-                        key: "scenarios",
-                        label: i18n("Scenarios"),
-                        closable: false,
-                        children: this.renderScenarios(),
-                    },
-                ] }))));
-    }
-}
+export const EdaNavigator = memo(({ api, style, showOmitted, hideContextMenu, size, onDoubleClick }) => {
+    const { styles } = useStyles();
+    const tabs = useMemo(() => [
+        {
+            key: "groups",
+            label: i18n("Groups"),
+            closable: false,
+            children: (React.createElement("div", { className: styles.groupsLayout },
+                React.createElement("div", { className: "control-buttons" },
+                    React.createElement(Space.Compact, null,
+                        React.createElement(Button, { icon: React.createElement(SearchOutlined, null) }))),
+                React.createElement("div", { className: "tree" },
+                    React.createElement(EdaTreeView, { api: api, type: TreeViewType.GROUP, showOmitted: showOmitted, hideContextMenu: hideContextMenu, onItemDoubleClick: onDoubleClick })))),
+        },
+        {
+            key: "scenarios",
+            label: i18n("Scenarios"),
+            closable: false,
+            children: (React.createElement(EdaTreeView, { api: api, type: TreeViewType.SCENARIO, showOmitted: showOmitted, onItemDoubleClick: onDoubleClick })),
+        },
+    ], [api, styles, showOmitted, hideContextMenu, onDoubleClick]);
+    return (React.createElement(ConfigProvider, { componentSize: size },
+        React.createElement("div", { className: styles.baseLayout, style: style },
+            React.createElement(Tabs, { type: "editable-card", style: { height: "100%" }, destroyOnHidden: false, items: tabs }))));
+});
 //# sourceMappingURL=edaNavigator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"edaNavigator.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,MAAM,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,OAAO,MAAM,mCAAmC,CAAC;AACxD,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAIpC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;oCAKa,KAAK,CAAC,gBAAgB;iCACzB,KAAK,CAAC,YAAY;;;;;2BAKxB,KAAK,CAAC,UAAU;;SAElC;KACJ,CAAA;AACL,CAAC,CAAC,CAAC;AAcH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAAuB;IAC3D,YAAY,KAAsB;QAC9B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EACZ,CAAA;IACL,CAAC;IAED,YAAY;QACR,MAAM,EAAC,IAAI,EAAE,GAAG,EAAE,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE9C,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAC;YAClE,6BAAK,SAAS,EAAE,iBAAiB;gBAC7B,oBAAC,KAAK,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI;oBACrB,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,cAAc,OAAE,GAAI,CACvB,CACd;YACN,6BAAK,KAAK,EAAE,EAAC,IAAI,EAAE,UAAU,EAAC;gBAC1B,oBAAC,WAAW,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,KAAK,EACxB,iBAAiB,EAAE,aAAa,GAClC,CACA,CACJ,CACT,CAAC;IACN,CAAC;IAED,eAAe;QACX,MAAM,EAAC,GAAG,EAAE,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAExC,OAAO,CACH;YACI,oBAAC,WAAW,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,QAAQ,EAC3B,iBAAiB,EAAE,aAAa,GAClC,CACH,CACN,CAAC;IACN,CAAC;IAED,MAAM;QACF,MAAM,EAAC,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IACxB,CAAC,GAAG,EAAE,EAAE,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK;YAC/C,oBAAC,IAAI,IACD,IAAI,EAAE,eAAe,EACrB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,EACvB,KAAK,EAAE;oBACH;wBACI,GAAG,EAAE,QAAQ;wBACb,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;wBACrB,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE;qBAChC;oBACD;wBACI,GAAG,EAAE,WAAW;wBAChB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;wBACxB,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE;qBACnC;iBACJ,GACH,CACA,CAEJ,CACb,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport EdaManagerApi from \"../../../api/eda/edaManagerApi\";\r\nimport {EdaTreeView, TreeViewType} from \"./components/edaTreeView\";\r\nimport {Button, Space, Tabs} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {SearchOutlined} from \"@ant-design/icons\";\r\nimport {TypedIndex} from \"./constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {SD_EM_Tree_Item} from \"../../../api/eda/generated/structures\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            height: 100%;\r\n            \r\n            .ant-tabs-content {\r\n                height: 100%;\r\n                background-color: ${token.colorBgContainer};\r\n                border-radius: ${token.borderRadius}px;\r\n                transition: background-color 0.3s;\r\n            }\r\n            \r\n            .control-buttons {\r\n                padding: ${token.paddingXXS}px;\r\n            }\r\n        `\r\n    }\r\n});\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    style?: React.CSSProperties\r\n\r\n    size?: SizeType\r\n\r\n    onDoubleClick?: (id: TypedIndex, item: SD_EM_Tree_Item) => void\r\n}\r\n\r\ninterface State {\r\n}\r\n\r\nexport class EdaNavigator extends React.Component<Props, State> {\r\n    constructor(props: Readonly<Props>) {\r\n        super(props);\r\n        this.state = {\r\n        }\r\n    }\r\n\r\n    renderGroups(): React.ReactNode {\r\n        const {size, api, onDoubleClick} = this.props;\r\n\r\n        return (\r\n            <div style={{height: \"100%\", display: \"flex\", flexDirection: \"column\"}}>\r\n                <div className={\"control-buttons\"}>\r\n                    <Space.Compact size={size}>\r\n                        <Button icon={<SearchOutlined/>} />\r\n                    </Space.Compact>\r\n                </div>\r\n                <div style={{flex: \"1 1 auto\"}}>\r\n                    <EdaTreeView\r\n                        api={api}\r\n                        type={TreeViewType.GROUP}\r\n                        onItemDoubleClick={onDoubleClick}\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    renderScenarios(): React.ReactNode {\r\n        const {api, onDoubleClick} = this.props;\r\n\r\n        return (\r\n            <>\r\n                <EdaTreeView\r\n                    api={api}\r\n                    type={TreeViewType.SCENARIO}\r\n                    onItemDoubleClick={onDoubleClick}\r\n                />\r\n            </>\r\n        );\r\n    }\r\n\r\n    render(): React.ReactNode {\r\n        const {style, size} = this.props;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>\r\n                {(css) =>\r\n                    <div className={css.styles.baseLayout} style={style}>\r\n                        <Tabs\r\n                            type={\"editable-card\"}\r\n                            size={size}\r\n                            style={{height: \"100%\"}}\r\n                            items={[\r\n                                {\r\n                                    key: \"groups\",\r\n                                    label: i18n(\"Groups\"),\r\n                                    closable: false,\r\n                                    children: this.renderGroups(),\r\n                                },\r\n                                {\r\n                                    key: \"scenarios\",\r\n                                    label: i18n(\"Scenarios\"),\r\n                                    closable: false,\r\n                                    children: this.renderScenarios(),\r\n                                },\r\n                            ]}\r\n                        />\r\n                    </div>\r\n                }\r\n            </WithCss>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"edaNavigator.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaNavigator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,IAAI,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAE,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,MAAM,CAAC;AACzD,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAEjD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAGpC,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAC,EAAG,EAAE;IAC7C,OAAO;QACH,UAAU,EAAE,GAAG,CAAA;;;;;oCAKa,KAAK,CAAC,gBAAgB;iCACzB,KAAK,CAAC,YAAY;;;;;2BAKxB,KAAK,CAAC,UAAU;;;;;;SAMlC;QACD,YAAY,EAAE,GAAG,CAAA;;;;SAIhB;KACJ,CAAC;AACN,CAAC,CAAC,CAAC;AAaH,MAAM,CAAC,MAAM,YAAY,GAAc,IAAI,CAAC,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,aAAa,EAAC,EAAE,EAAE;IAC5G,MAAM,EAAC,MAAM,EAAC,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QACvB;YACI,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC;YACrB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CACN,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY;gBAC/B,6BAAK,SAAS,EAAE,iBAAiB;oBAC7B,oBAAC,KAAK,CAAC,OAAO;wBACV,oBAAC,MAAM,IAAC,IAAI,EAAE,oBAAC,cAAc,OAAE,GAAG,CACtB,CACd;gBACN,6BAAK,SAAS,EAAE,MAAM;oBAClB,oBAAC,WAAW,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,KAAK,EACxB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,aAAa,GAClC,CACA,CACJ,CACT;SACJ;QACD;YACI,GAAG,EAAE,WAAW;YAChB,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC;YACxB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,CACN,oBAAC,WAAW,IACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,YAAY,CAAC,QAAQ,EAC3B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,aAAa,GAClC,CACL;SACJ;KACJ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/D,OAAO,CACH,oBAAC,cAAc,IAAC,aAAa,EAAE,IAAI;QAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK;YAC3C,oBAAC,IAAI,IACD,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,EACvB,eAAe,EAAE,KAAK,EACtB,KAAK,EAAE,IAAI,GACb,CACA,CACO,CACpB,CAAA;AACL,CAAC,CAAC,CAAC","sourcesContent":["import React, {FC, memo, useMemo} from \"react\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../api/eda/edaManagerApi\";\r\nimport {EdaTreeView, TreeViewType} from \"./components/edaTreeView\";\r\nimport {Button, ConfigProvider, Space, Tabs} from \"antd\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {SearchOutlined} from \"@ant-design/icons\";\r\nimport {TypedIndex} from \"./constants/edaTypes\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\n\r\nconst useStyles = createStyles(({css, token},) => {\r\n    return {\r\n        baseLayout: css`\r\n            height: 100%;\r\n            \r\n            .ant-tabs-content {\r\n                height: 100%;\r\n                background-color: ${token.colorBgContainer};\r\n                border-radius: ${token.borderRadius}px;\r\n                transition: background-color 0.3s;\r\n            }\r\n            \r\n            .control-buttons {\r\n                padding: ${token.paddingXXS}px;\r\n            }\r\n            \r\n            .tree {\r\n                flex: 1 1 auto;\r\n            }\r\n        `,\r\n        groupsLayout: css`\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n        `\r\n    };\r\n});\r\n\r\ninterface Props {\r\n    api: EdaManagerApi\r\n    style?: React.CSSProperties\r\n    showOmitted?: boolean\r\n    hideContextMenu?: boolean\r\n\r\n    size?: SizeType\r\n\r\n    onDoubleClick?: (id: TypedIndex, item: TreeItem) => void\r\n}\r\n\r\nexport const EdaNavigator: FC<Props> = memo(({api, style, showOmitted, hideContextMenu, size, onDoubleClick}) => {\r\n    const {styles} = useStyles();\r\n\r\n    const tabs = useMemo(() => [\r\n        {\r\n            key: \"groups\",\r\n            label: i18n(\"Groups\"),\r\n            closable: false,\r\n            children: (\r\n                <div className={styles.groupsLayout}>\r\n                    <div className={\"control-buttons\"}>\r\n                        <Space.Compact>\r\n                            <Button icon={<SearchOutlined/>}/>\r\n                        </Space.Compact>\r\n                    </div>\r\n                    <div className={\"tree\"}>\r\n                        <EdaTreeView\r\n                            api={api}\r\n                            type={TreeViewType.GROUP}\r\n                            showOmitted={showOmitted}\r\n                            hideContextMenu={hideContextMenu}\r\n                            onItemDoubleClick={onDoubleClick}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            ),\r\n        },\r\n        {\r\n            key: \"scenarios\",\r\n            label: i18n(\"Scenarios\"),\r\n            closable: false,\r\n            children: (\r\n                <EdaTreeView\r\n                    api={api}\r\n                    type={TreeViewType.SCENARIO}\r\n                    showOmitted={showOmitted}\r\n                    onItemDoubleClick={onDoubleClick}\r\n                />\r\n            ),\r\n        },\r\n    ], [api, styles, showOmitted, hideContextMenu, onDoubleClick]);\r\n\r\n    return (\r\n        <ConfigProvider componentSize={size}>\r\n            <div className={styles.baseLayout} style={style}>\r\n                <Tabs\r\n                    type={\"editable-card\"}\r\n                    style={{height: \"100%\"}}\r\n                    destroyOnHidden={false}\r\n                    items={tabs}\r\n                />\r\n            </div>\r\n        </ConfigProvider>\r\n    )\r\n});"]}

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

@@ -1,16 +1,17 @@
 import { FC } from "react";
 import { SelectProps } from "antd/es/select";
-import { SD_EM_Tree_Item } from "../../../api/eda/generated/structures";
-import EdaManagerApi from "../../../api/eda/edaManagerApi";
+import EdaManagerApi, { TreeItem } from "../../../api/eda/edaManagerApi";
 import { IdType } from "./constants/edaTypes";
 export type DisplayType = "code" | "name" | "code_name" | "name_code";
-interface Props extends Omit<SelectProps<SD_EM_Tree_Item | undefined, SD_EM_Tree_Item>, "allowClear" | "clearIcon" | "showSearch" | "labelInValue" | "fieldNames" | "options" | "suffixIcon" | "onSearch" | "onFocus" | "showArrow" | "mode" | "loading" | "filterOption" | "notFoundContent" | "menuItemSelectedIcon" | "searchValue"> {
+interface Props extends Omit<SelectProps<TreeItem | undefined, TreeItem>, "allowClear" | "clearIcon" | "showSearch" | "labelInValue" | "fieldNames" | "options" | "suffixIcon" | "onSearch" | "onFocus" | "showArrow" | "mode" | "loading" | "filterOption" | "notFoundContent" | "menuItemSelectedIcon" | "searchValue"> {
     api: EdaManagerApi;
     type: IdType;
     displayType?: DisplayType;
     showCancelButton?: boolean;
     showDetailButton?: boolean;
     showNewObjectButton?: boolean;
+    showOmitted?: boolean;
+    readonly?: boolean;
 }
 export declare const EdaSelect: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/edaSelect.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { Select, theme, Typography } from "antd";
-import { CloseCircleOutlined, InfoCircleOutlined, LoadingOutlined, SelectOutlined } from "@ant-design/icons";
+import { ConfigProvider, Empty, Select, theme, Typography } from "antd";
+import { CloseCircleOutlined, LoadingOutlined, MonitorOutlined, SelectOutlined } from "@ant-design/icons";
 import i18n from "d2core/i18n/i18n";
 import SizeContext from "antd/es/config-provider/SizeContext";
 import debounce from "lodash/debounce";
@@ -10,21 +10,16 @@ import { AdvancedFilterValueType } from "../../../api/types/advancedFilter";
 import ColorTag from "../colorTag/colorTag";
 import { ModalDialog } from "d2coreui/components/modal/modalDialog";
 import { EdaNavigator } from "./edaNavigator";
-import { loadDetail } from "./utils/utils";
-import { EdaVectorDetailPanel } from "./components/edaVectorDetailPanel";
-import { EdaGroupDetailPanel } from "./components/edaGroupDetailPanel";
-import { EdaScenarioDetailPanel } from "./components/edaScenarioDetailPanel";
-export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showNewObjectButton, displayType, disabled, size, value, onClear, onChange, onSelect, ...otherProps }) => {
+import { EdaDetail } from "./edaDetail";
+export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showNewObjectButton, displayType, showOmitted, readonly, disabled, size, value, onClear, onChange, onSelect, ...otherProps }) => {
+    const { token } = theme.useToken();
+    const sizeContext = useContext(SizeContext);
+    const lastSearchRef = useRef(null);
+    const activeRequestRef = useRef(0);
     const [loading, setLoading] = useState(false);
     const [options, setOptions] = useState([]);
     const [detailVisible, setDetailVisible] = useState(false);
     const [searchVisible, setSearchVisible] = useState(false);
-    const [fullDetailData, setFullDetailData] = useState(undefined);
-    const [detailLoading, setDetailLoading] = useState(false);
-    const { token } = theme.useToken();
-    const lastSearchRef = useRef(null);
-    const activeRequestRef = useRef(0);
-    const sizeContext = useContext(SizeContext);
     const mergeSize = size ?? sizeContext;
     const iconSize = useMemo(() => {
         switch (mergeSize) {
@@ -46,20 +41,20 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
         }
         else {
             return (React.createElement(React.Fragment, null,
-                showCancelButton && value &&
-                    React.createElement(CloseCircleOutlined, { style: { color: token.colorError, fontSize: iconSize }, onClick: () => {
+                showCancelButton && value && !readonly &&
+                    React.createElement(CloseCircleOutlined, { style: { color: token.colorError, fontSize: iconSize }, title: i18n("Clear"), onClick: () => {
                             onChange?.(undefined, []);
                             onClear?.();
                         } }),
                 showDetailButton && value &&
-                    React.createElement(InfoCircleOutlined, { style: { fontSize: iconSize }, onClick: () => setDetailVisible(true) }),
-                showNewObjectButton &&
+                    React.createElement(MonitorOutlined, { style: { fontSize: iconSize }, title: i18n("Show Detail"), onClick: () => setDetailVisible(true) }),
+                showNewObjectButton && !readonly &&
                     React.createElement(React.Fragment, null),
-                React.createElement(SelectOutlined, { style: { fontSize: iconSize }, title: i18n("Open Select Dialog"), onClick: () => {
+                !readonly && (React.createElement(SelectOutlined, { style: { fontSize: iconSize }, title: i18n("Open Select Dialog"), onClick: () => {
                         setSearchVisible(true);
-                    } })));
+                    } }))));
         }
-    }, [disabled, loading, showCancelButton, iconSize, token.colorError, value, onClear, onChange]);
+    }, [disabled, readonly, loading, showCancelButton, iconSize, token.colorError, value, onClear, onChange]);
     const loadData = useCallback(async (searchString) => {
         if (searchString === lastSearchRef.current) {
             return;
@@ -82,7 +77,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                     break;
             }
             if (requestId === activeRequestRef.current) {
-                setOptions(result.items);
+                setOptions(result);
             }
         }
         catch (e) {
@@ -103,10 +98,10 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
         }
     }, [options, disabled, loadData]);
     const handleDoubleClick = useCallback(() => {
-        if (!disabled) {
+        if (!disabled && !readonly) {
             setSearchVisible(true);
         }
-    }, [disabled]);
+    }, [disabled, readonly]);
     const renderOption = useCallback((oriOption) => {
         return (React.createElement("div", { style: { display: "flex", justifyContent: "space-between" } },
             React.createElement("span", null, oriOption.data.DisplayName),
@@ -137,55 +132,38 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                 return React.createElement("span", null, value?.DisplayName);
         }
     }, [value, displayType]);
-    const renderDetailModalContent = () => {
-        if (detailLoading || !fullDetailData) {
-            return (React.createElement("div", { style: { display: 'flex', justifyContent: 'center', padding: 40 } },
-                React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true })));
-        }
-        switch (type) {
-            case 0:
-                return (React.createElement(EdaVectorDetailPanel, { api: api, size: size, data: fullDetailData }));
-            case 1:
-                return (React.createElement(EdaGroupDetailPanel, { size: size, data: fullDetailData }));
-            case 2:
-                return (React.createElement(EdaScenarioDetailPanel, { size: size, data: fullDetailData }));
-        }
-    };
     const renderDetailPanelDialog = useMemo(() => {
-        return (React.createElement(ModalDialog, { open: detailVisible, mode: "NO_BUTTONS", onCancel: () => setDetailVisible(false), onOk: () => setDetailVisible(false), title: React.createElement("span", null,
+        const visible = detailVisible && value;
+        return (React.createElement(ModalDialog, { open: detailVisible, mode: "NO_BUTTONS", onCancel: () => setDetailVisible(false), title: React.createElement("span", null,
                 i18n("Detail"),
                 " ",
                 React.createElement(Typography.Text, { type: "secondary" },
                     "(",
                     value ? value.Name : "",
-                    ")")), styles: { body: { padding: 8 } }, initialWidth: 720, initialHeight: window.innerHeight * 0.75 }, detailVisible && renderDetailModalContent()));
-    }, [detailVisible, detailLoading, fullDetailData, api, size]);
+                    ")")), styles: { body: { padding: 8 } }, initialWidth: 720, initialHeight: window.innerHeight * 0.75 },
+            visible &&
+                React.createElement(EdaDetail, { api: api, item: { type, id: value.ID }, style: { height: "100%" } }),
+            !visible &&
+                React.createElement("div", { style: { display: 'flex', justifyContent: 'center', padding: 40 } },
+                    React.createElement(Empty, { description: i18n("No data provided") }))));
+    }, [detailVisible, type, value, api]);
     const renderSearchPanelDialog = useMemo(() => {
-        return (React.createElement(ModalDialog, { open: searchVisible, mode: "NO_BUTTONS", onCancel: () => setSearchVisible(false), onOk: () => setSearchVisible(false), title: i18n("Search"), styles: { body: { padding: 8 } }, initialWidth: 640, initialHeight: window.innerHeight * 0.75, forceRender: true },
-            React.createElement(EdaNavigator, { api: api, size: size, onDoubleClick: (id, item) => {
+        return (React.createElement(ModalDialog, { open: searchVisible, mode: "NO_BUTTONS", onCancel: () => setSearchVisible(false), title: i18n("Search"), styles: { body: { padding: 8 } }, initialWidth: 640, initialHeight: window.innerHeight * 0.75, forceRender: true },
+            React.createElement(EdaNavigator, { api: api, showOmitted: showOmitted, hideContextMenu: true, onDoubleClick: (id, item) => {
                     if (id.type === type) {
                         onChange?.(item, item);
                         onSelect?.(item, item);
                         setSearchVisible(false);
                     }
                 } })));
-    }, [searchVisible, api]);
-    useEffect(() => {
-        if (detailVisible && value) {
-            setDetailLoading(true);
-            loadDetail(api, { type: type, id: value.ID }).then((result) => {
-                setFullDetailData(result);
-                setDetailLoading(false);
-            });
-        }
-    }, [detailVisible, value, api]);
+    }, [searchVisible, api, showOmitted]);
     useEffect(() => {
         return () => debounceSearch.cancel();
     }, [debounceSearch]);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement(ConfigProvider, { componentSize: size },
         renderDetailPanelDialog,
         renderSearchPanelDialog,
-        React.createElement(Select, { ...otherProps, disabled: disabled, size: size, value: value, onSelect: onSelect, onChange: onChange, options: options, showSearch: true, labelInValue: true, filterOption: false, fieldNames: { label: 'DisplayName', value: 'ID' }, optionFilterProp: "DisplayName", onSearch: debounceSearch, onFocus: handleFocus, optionRender: renderOption, labelRender: renderLabel, notFoundContent: null, suffixIcon: React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, color: token.colorTextSecondary } }, suffixIcon), onDoubleClick: handleDoubleClick })));
+        React.createElement(Select, { ...otherProps, disabled: disabled, value: value, onSelect: onSelect, onChange: onChange, options: options, showSearch: true, open: !readonly ? undefined : false, filterOption: false, fieldNames: { label: 'DisplayName', value: 'ID' }, optionFilterProp: "DisplayName", onSearch: debounceSearch, onFocus: handleFocus, optionRender: renderOption, labelRender: renderLabel, notFoundContent: null, suffixIcon: React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 4, color: token.colorTextSecondary } }, suffixIcon), onDoubleClick: handleDoubleClick })));
 };
 function getFilterConditionForCode(searchString) {
     return AdvancedFilterUtils.newCondition({ columnName: "Meno", valueType: AdvancedFilterValueType.STRING }, {

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

@@ -1 +1 @@
-{"version":3,"file":"edaSelect.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAK,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC/F,OAAO,EAAC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,MAAM,CAAC;AAE/C,OAAO,EAAC,mBAAmB,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAC3G,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAI9D,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAA0B,6BAA6B,EAAE,sBAAsB,EAAC,MAAM,gCAAgC,CAAC;AAC9H,OAAO,mBAAmB,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,uBAAuB,EAAC,MAAM,mCAAmC,CAAC;AAE1E,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,WAAW,EAAkB,MAAM,uCAAuC,CAAC;AACnF,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAe3E,MAAM,CAAC,MAAM,SAAS,GAAc,CAAC,EACI,GAAG,EAAE,IAAI,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,WAAW,EAC/E,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EACzG,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAoD,SAAS,CAAC,CAAC;IACnH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAClD,MAAM,gBAAgB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAC5C,MAAM,SAAS,GAAG,IAAI,IAAI,WAAW,CAAA;IAErC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,QAAQ,SAAS,EAAE,CAAC;YAChB,KAAK,OAAO;gBACR,OAAO,KAAK,CAAC,UAAU,CAAC;YAC5B,KAAK,OAAO;gBACR,OAAO,KAAK,CAAC,UAAU,CAAC;YAC5B,KAAK,QAAQ,CAAC;YACd;gBACI,OAAO,KAAK,CAAC,QAAQ,CAAC;QAC9B,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACX,OAAO,yCAAK,CAAC;QACjB,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACjB,OAAO,oBAAC,eAAe,IACnB,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,GAC7B,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,OAAO,CACH;gBACK,gBAAgB,IAAI,KAAK;oBACtB,oBAAC,mBAAmB,IAChB,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAC,EACpD,OAAO,EAAE,GAAG,EAAE;4BACV,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAA;4BACzB,OAAO,EAAE,EAAE,CAAC;wBAChB,CAAC,GACH;gBAEL,gBAAgB,IAAI,KAAK;oBACtB,oBAAC,kBAAkB,IACf,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,GACvC;gBAEL,mBAAmB;oBAChB,yCAAK;gBAET,oBAAC,cAAc,IACX,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,EAC3B,KAAK,EAAE,IAAI,CAAC,oBAAoB,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE;wBACV,gBAAgB,CAAC,IAAI,CAAC,CAAC;oBAC3B,CAAC,GACH,CACH,CACN,CAAC;QACN,CAAC;IAEL,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEhG,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,EAAE,YAAoB,EAAE,EAAE;QACxD,IAAI,YAAY,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC;YACzC,OAAO;QACX,CAAC;QAED,MAAM,SAAS,GAAG,EAAE,gBAAgB,CAAC,OAAO,CAAC;QAC7C,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAE3D,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,aAAa,CAAC,OAAO,GAAG,YAAY,CAAC;QAErC,IAAI,CAAC;YACD,IAAI,MAAM,CAAC;YAEX,QAAQ,IAAI,EAAE,CAAC;gBACX;oBACI,MAAM,GAAG,MAAM,GAAG,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;oBACjD,MAAM;gBACV;oBACI,MAAM,GAAG,MAAM,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;oBAChD,MAAM;gBACV;oBACI,MAAM,GAAG,MAAM,GAAG,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;oBACnD,MAAM;YACd,CAAC;YAED,IAAI,SAAS,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBACzC,UAAU,CAAC,MAAM,CAAC,KAA0B,CAAC,CAAC;YAClD,CAAC;QACL,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC;gBAAS,CAAC;YACP,IAAI,SAAS,KAAK,gBAAgB,CAAC,OAAO,EAAE,CAAC;gBACzC,UAAU,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAEhB,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,OAAO,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACpC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,SAA6C,EAAE,EAAE;QAC/E,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAC;YAC1D,kCAAO,SAAS,CAAC,IAAI,CAAC,WAAW,CAAQ;YACzC,oBAAC,QAAQ,QAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAY,CACxC,CACT,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,QAAQ,WAAW,EAAE,CAAC;YAClB,QAAQ;YACR,KAAK,WAAW;gBACZ,OAAO;oBAAO,KAAK,EAAE,IAAI;;oBAAE,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW;;wBAAI,KAAK,EAAE,WAAW;4BAAoB,CAAO,CAAC;YACnH,KAAK,WAAW;gBACZ,OAAO;oBAAO,KAAK,EAAE,WAAW;;oBAAE,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW;;wBAAI,KAAK,EAAE,IAAI;4BAAoB,CAAO,CAAC;YACnH,KAAK,MAAM;gBACP,OAAO,kCAAO,KAAK,EAAE,IAAI,CAAQ,CAAC;YACtC,KAAK,MAAM;gBACP,OAAO,kCAAO,KAAK,EAAE,WAAW,CAAQ,CAAC;QACjD,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEzB,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,IAAI,aAAa,IAAI,CAAC,cAAc,EAAE,CAAC;YACnC,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAC;gBAChE,oBAAC,eAAe,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,EAAE,EAAC,EAAE,IAAI,SAAE,CAC5C,CACT,CAAA;QACL,CAAC;QAED,QAAQ,IAAI,EAAE,CAAC;YACX;gBACI,OAAO,CACH,oBAAC,oBAAoB,IACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,cAA4B,GACpC,CACL,CAAC;YACN;gBACI,OAAO,CACH,oBAAC,mBAAmB,IAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,cAA2B,GACnC,CACL,CAAC;YACN;gBACI,OAAO,CACH,oBAAC,sBAAsB,IACnB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,cAA8B,GACtC,CACL,CAAC;QACV,CAAC;IACL,CAAC,CAAA;IAED,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,CACH,oBAAC,WAAW,IACR,IAAI,EAAE,aAAa,EACnB,IAAI,gBACJ,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE;gBAAO,IAAI,CAAC,QAAQ,CAAC;;gBAAE,oBAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,WAAW;;oBAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;wBAAoB,CAAO,EACtH,MAAM,EAAE,EAAC,IAAI,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,EAAC,EAC5B,YAAY,EAAE,GAAG,EACjB,aAAa,EAAE,MAAM,CAAC,WAAW,GAAG,IAAI,IAEvC,aAAa,IAAI,wBAAwB,EAAE,CAClC,CACjB,CAAA;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;IAE9D,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE;QACzC,OAAO,CACH,oBAAC,WAAW,IACR,IAAI,EAAE,aAAa,EACnB,IAAI,gBACJ,QAAQ,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACnC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,EACrB,MAAM,EAAE,EAAC,IAAI,EAAE,EAAC,OAAO,EAAE,CAAC,EAAC,EAAC,EAC5B,YAAY,EAAE,GAAG,EACjB,aAAa,EAAE,MAAM,CAAC,WAAW,GAAG,IAAI,EACxC,WAAW;YAEX,oBAAC,YAAY,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;oBACxB,IAAI,EAAE,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;wBACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;wBACvB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;wBACvB,gBAAgB,CAAC,KAAK,CAAC,CAAC;oBAC5B,CAAC;gBACL,CAAC,GACH,CACQ,CACjB,CAAA;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,aAAa,IAAI,KAAK,EAAE,CAAC;YACzB,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,UAAU,CAAC,GAAG,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;gBACxD,iBAAiB,CAAC,MAAM,CAAC,CAAC;gBAC1B,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACH;QACK,uBAAuB;QACvB,uBAAuB;QACxB,oBAAC,MAAM,OACC,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,UAAU,QACV,YAAY,QACZ,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,EAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,IAAI,EAAC,EAC/C,gBAAgB,EAAE,aAAa,EAC/B,QAAQ,EAAE,cAAc,EACxB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,IAAI,EACrB,UAAU,EAAE,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,kBAAkB,EAAC,IAAG,UAAU,CAAO,EAE5H,aAAa,EAAE,iBAAiB,GAClC,CACH,CACN,CAAC;AACN,CAAC,CAAA;AAED,SAAS,yBAAyB,CAAC,YAAqB;IACpD,OAAO,mBAAmB,CAAC,YAAY,CAAC,EAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,uBAAuB,CAAC,MAAM,EAAC,EAAE;QACrG,QAAQ,EAAE,sBAAsB,CAAC,IAAI;QACrC,KAAK,EAAE,IAAI,YAAY,IAAI,EAAE,GAAG;KACnC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,yBAAyB,CAAC,YAAqB;IACpD,OAAO,mBAAmB,CAAC,YAAY,CAAC,EAAC,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,uBAAuB,CAAC,MAAM,EAAC,EAAE;QAC5G,QAAQ,EAAE,sBAAsB,CAAC,IAAI;QACrC,KAAK,EAAE,IAAI,YAAY,IAAI,EAAE,GAAG;KACnC,CAAC,CAAA;AACN,CAAC;AAED,SAAS,mBAAmB,CAAC,YAAqB;IAC9C,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IACvE,sBAAsB,CAAC,QAAQ,GAAG,CAAC,CAAC;IACpC,sBAAsB,CAAC,gBAAgB,GAAG,6BAA6B,CAAC,EAAE,CAAC;IAE3E,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;IACvE,sBAAsB,CAAC,SAAS,GAAG,CAAC,CAAC;IAErC,OAAO;QACH,sBAAsB;QACtB,sBAAsB;KACzB,CAAA;AACL,CAAC","sourcesContent":["import React, {FC, useCallback, useContext, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {Select, theme, Typography} from \"antd\";\r\nimport {SelectProps} from \"antd/es/select\";\r\nimport {CloseCircleOutlined, InfoCircleOutlined, LoadingOutlined, SelectOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport SizeContext from \"antd/es/config-provider/SizeContext\";\r\nimport {SD_EM_Tree_Item} from \"../../../api/eda/generated/structures\";\r\nimport EdaManagerApi from \"../../../api/eda/edaManagerApi\";\r\nimport {GroupData, IdType, ScenarioData, VectorData} from \"./constants/edaTypes\";\r\nimport debounce from \"lodash/debounce\";\r\nimport {AdvancedFilterCondition, AdvancedFilterLogicalOperator, AdvancedFilterOperator} from \"../../../api/advancedFilterApi\";\r\nimport AdvancedFilterUtils from \"../advancedFilter/advancedFilterUtils\";\r\nimport {AdvancedFilterValueType} from \"../../../api/types/advancedFilter\";\r\nimport {FlattenOptionData} from \"rc-select/lib/interface\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {EdaNavigator} from \"./edaNavigator\";\r\nimport {loadDetail} from \"./utils/utils\";\r\nimport {EdaVectorDetailPanel} from \"./components/edaVectorDetailPanel\";\r\nimport {EdaGroupDetailPanel} from \"./components/edaGroupDetailPanel\";\r\nimport {EdaScenarioDetailPanel} from \"./components/edaScenarioDetailPanel\";\r\n\r\nexport type DisplayType = \"code\" | \"name\" | \"code_name\" | \"name_code\";\r\n\r\ninterface Props extends Omit<SelectProps<SD_EM_Tree_Item | undefined, SD_EM_Tree_Item>, \"allowClear\" | \"clearIcon\" | \"showSearch\" | \"labelInValue\" | \"fieldNames\" |\r\n    \"options\" | \"suffixIcon\" | \"onSearch\" | \"onFocus\" | \"showArrow\" | \"mode\" | \"loading\" | \"filterOption\" | \"notFoundContent\" | \"menuItemSelectedIcon\" |\r\n    \"searchValue\"> {\r\n    api: EdaManagerApi\r\n    type: IdType\r\n    displayType?: DisplayType\r\n    showCancelButton?: boolean\r\n    showDetailButton?: boolean\r\n    showNewObjectButton?: boolean\r\n}\r\n\r\nexport const EdaSelect: FC<Props> = ({\r\n                                         api, type, showCancelButton, showDetailButton, showNewObjectButton, displayType,\r\n                                         disabled, size, value, onClear, onChange, onSelect, ...otherProps\r\n}) => {\r\n    const [loading, setLoading] = useState(false);\r\n    const [options, setOptions] = useState<SD_EM_Tree_Item[]>([]);\r\n    const [detailVisible, setDetailVisible] = useState<boolean>(false);\r\n    const [searchVisible, setSearchVisible] = useState<boolean>(false);\r\n    const [fullDetailData, setFullDetailData] = useState<VectorData | GroupData | ScenarioData | undefined>(undefined);\r\n    const [detailLoading, setDetailLoading] = useState(false);\r\n    const {token} = theme.useToken();\r\n    const lastSearchRef = useRef<string | null>(null);\r\n    const activeRequestRef = useRef<number>(0);\r\n    const sizeContext = useContext(SizeContext);\r\n    const mergeSize = size ?? sizeContext\r\n\r\n    const iconSize = useMemo(() => {\r\n        switch (mergeSize) {\r\n            case \"small\":\r\n                return token.fontSizeSM;\r\n            case \"large\":\r\n                return token.fontSizeLG;\r\n            case \"middle\":\r\n            default:\r\n                return token.fontSize;\r\n        }\r\n    }, [mergeSize]);\r\n\r\n    const suffixIcon = useMemo(() => {\r\n        if (disabled) {\r\n            return <></>;\r\n        } else if (loading) {\r\n            return <LoadingOutlined\r\n                style={{fontSize: iconSize}}\r\n            />;\r\n        } else {\r\n            return (\r\n                <>\r\n                    {showCancelButton && value &&\r\n                        <CloseCircleOutlined\r\n                            style={{color: token.colorError, fontSize: iconSize}}\r\n                            onClick={() => {\r\n                                onChange?.(undefined, [])\r\n                                onClear?.();\r\n                            }}\r\n                        />\r\n                    }\r\n                    {showDetailButton && value &&\r\n                        <InfoCircleOutlined\r\n                            style={{fontSize: iconSize}}\r\n                            onClick={() => setDetailVisible(true)}\r\n                        />\r\n                    }\r\n                    {showNewObjectButton &&\r\n                        <></>\r\n                    }\r\n                    <SelectOutlined\r\n                        style={{fontSize: iconSize}}\r\n                        title={i18n(\"Open Select Dialog\")}\r\n                        onClick={() => {\r\n                            setSearchVisible(true);\r\n                        }}\r\n                    />\r\n                </>\r\n            );\r\n        }\r\n\r\n    }, [disabled, loading, showCancelButton, iconSize, token.colorError, value, onClear, onChange]);\r\n\r\n    const loadData = useCallback(async (searchString: string) => {\r\n        if (searchString === lastSearchRef.current) {\r\n            return;\r\n        }\r\n\r\n        const requestId = ++activeRequestRef.current;\r\n        const filterConditions = getFilterConditions(searchString);\r\n\r\n        setLoading(true);\r\n        lastSearchRef.current = searchString;\r\n\r\n        try {\r\n            let result;\r\n\r\n            switch (type) {\r\n                case IdType.VECTOR:\r\n                    result = await api.findVectors(filterConditions);\r\n                    break;\r\n                case IdType.GROUP:\r\n                    result = await api.findGroups(filterConditions);\r\n                    break;\r\n                case IdType.SCENARIO:\r\n                    result = await api.findScenarios(filterConditions);\r\n                    break;\r\n            }\r\n\r\n            if (requestId === activeRequestRef.current) {\r\n                setOptions(result.items as SD_EM_Tree_Item[]);\r\n            }\r\n        } catch (e) {\r\n            console.error(e);\r\n        } finally {\r\n            if (requestId === activeRequestRef.current) {\r\n                setLoading(false);\r\n            }\r\n        }\r\n    }, [api, type]);\r\n\r\n    const debounceSearch = useMemo(() => {\r\n        return debounce(loadData, 500);\r\n    }, [loadData]);\r\n\r\n    const handleFocus = useCallback(() => {\r\n        if (options.length === 0 && !disabled) {\r\n            loadData(\"\");\r\n        }\r\n    }, [options, disabled, loadData]);\r\n\r\n    const handleDoubleClick = useCallback(() => {\r\n        if (!disabled) {\r\n            setSearchVisible(true);\r\n        }\r\n    }, [disabled]);\r\n\r\n    const renderOption = useCallback((oriOption: FlattenOptionData<SD_EM_Tree_Item>) => {\r\n        return (\r\n            <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n                <span>{oriOption.data.DisplayName}</span>\r\n                <ColorTag>{oriOption.data.Name}</ColorTag>\r\n            </div>\r\n        )\r\n    }, []);\r\n\r\n    const renderLabel = useCallback(() => {\r\n        switch (displayType) {\r\n            default:\r\n            case \"code_name\":\r\n                return <span>{value?.Name} <Typography.Text type={\"secondary\"}>({value?.DisplayName})</Typography.Text></span>;\r\n            case \"name_code\":\r\n                return <span>{value?.DisplayName} <Typography.Text type={\"secondary\"}>({value?.Name})</Typography.Text></span>;\r\n            case \"code\":\r\n                return <span>{value?.Name}</span>;\r\n            case \"name\":\r\n                return <span>{value?.DisplayName}</span>;\r\n        }\r\n    }, [value, displayType]);\r\n\r\n    const renderDetailModalContent = () => {\r\n        if (detailLoading || !fullDetailData) {\r\n            return (\r\n                <div style={{display: 'flex', justifyContent: 'center', padding: 40}}>\r\n                    <LoadingOutlined style={{fontSize: 24}} spin/>\r\n                </div>\r\n            )\r\n        }\r\n\r\n        switch (type) {\r\n            case IdType.VECTOR:\r\n                return (\r\n                    <EdaVectorDetailPanel\r\n                        api={api}\r\n                        size={size}\r\n                        data={fullDetailData as VectorData}\r\n                    />\r\n                );\r\n            case IdType.GROUP:\r\n                return (\r\n                    <EdaGroupDetailPanel\r\n                        size={size}\r\n                        data={fullDetailData as GroupData}\r\n                    />\r\n                );\r\n            case IdType.SCENARIO:\r\n                return (\r\n                    <EdaScenarioDetailPanel\r\n                        size={size}\r\n                        data={fullDetailData as ScenarioData}\r\n                    />\r\n                );\r\n        }\r\n    }\r\n\r\n    const renderDetailPanelDialog = useMemo(() => {\r\n        return (\r\n            <ModalDialog\r\n                open={detailVisible}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                onCancel={() => setDetailVisible(false)}\r\n                onOk={() => setDetailVisible(false)}\r\n                title={<span>{i18n(\"Detail\")} <Typography.Text type={\"secondary\"}>({value ? value.Name : \"\"})</Typography.Text></span>}\r\n                styles={{body: {padding: 8}}}\r\n                initialWidth={720}\r\n                initialHeight={window.innerHeight * 0.75}\r\n            >\r\n                {detailVisible && renderDetailModalContent()}\r\n            </ModalDialog>\r\n        )\r\n    }, [detailVisible, detailLoading, fullDetailData, api, size]);\r\n\r\n    const renderSearchPanelDialog = useMemo(() => {\r\n        return (\r\n            <ModalDialog\r\n                open={searchVisible}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                onCancel={() => setSearchVisible(false)}\r\n                onOk={() => setSearchVisible(false)}\r\n                title={i18n(\"Search\")}\r\n                styles={{body: {padding: 8}}}\r\n                initialWidth={640}\r\n                initialHeight={window.innerHeight * 0.75}\r\n                forceRender\r\n            >\r\n                <EdaNavigator\r\n                    api={api}\r\n                    size={size}\r\n                    onDoubleClick={(id, item) => {\r\n                        if (id.type === type) {\r\n                            onChange?.(item, item);\r\n                            onSelect?.(item, item);\r\n                            setSearchVisible(false);\r\n                        }\r\n                    }}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }, [searchVisible, api]);\r\n\r\n    useEffect(() => {\r\n        if (detailVisible && value) {\r\n            setDetailLoading(true);\r\n            loadDetail(api, {type: type, id: value.ID}).then((result) => {\r\n                setFullDetailData(result);\r\n                setDetailLoading(false);\r\n            });\r\n        }\r\n    }, [detailVisible, value, api]);\r\n\r\n    useEffect(() => {\r\n        return () => debounceSearch.cancel();\r\n    }, [debounceSearch]);\r\n\r\n    return (\r\n        <>\r\n            {renderDetailPanelDialog}\r\n            {renderSearchPanelDialog}\r\n            <Select<SD_EM_Tree_Item | undefined, SD_EM_Tree_Item>\r\n                {...otherProps}\r\n                disabled={disabled}\r\n                size={size}\r\n                value={value}\r\n                onSelect={onSelect}\r\n                onChange={onChange}\r\n                options={options}\r\n                showSearch\r\n                labelInValue\r\n                filterOption={false}\r\n                fieldNames={{label: 'DisplayName', value: 'ID'}}\r\n                optionFilterProp={\"DisplayName\"}\r\n                onSearch={debounceSearch}\r\n                onFocus={handleFocus}\r\n                optionRender={renderOption}\r\n                labelRender={renderLabel}\r\n                notFoundContent={null}\r\n                suffixIcon={<div style={{display: \"flex\", alignItems: \"center\", gap: 4, color: token.colorTextSecondary}}>{suffixIcon}</div>}\r\n                // @ts-ignore\r\n                onDoubleClick={handleDoubleClick}\r\n            />\r\n        </>\r\n    );\r\n}\r\n\r\nfunction getFilterConditionForCode(searchString?: string): AdvancedFilterCondition {\r\n    return AdvancedFilterUtils.newCondition({columnName: \"Meno\", valueType: AdvancedFilterValueType.STRING}, {\r\n        operator: AdvancedFilterOperator.LIKE,\r\n        value: `%${searchString ?? \"\"}%`,\r\n    });\r\n}\r\n\r\nfunction getFilterConditionForName(searchString?: string): AdvancedFilterCondition {\r\n    return AdvancedFilterUtils.newCondition({columnName: \"Zobraz_Meno\", valueType: AdvancedFilterValueType.STRING}, {\r\n        operator: AdvancedFilterOperator.LIKE,\r\n        value: `%${searchString ?? \"\"}%`,\r\n    })\r\n}\r\n\r\nfunction getFilterConditions(searchString?: string): AdvancedFilterCondition[] {\r\n    const filterConditionForCode = getFilterConditionForCode(searchString);\r\n    filterConditionForCode.left_par = 1;\r\n    filterConditionForCode.logical_operator = AdvancedFilterLogicalOperator.OR;\r\n\r\n    const filterConditionForName = getFilterConditionForName(searchString);\r\n    filterConditionForName.right_par = 1;\r\n\r\n    return [\r\n        filterConditionForCode,\r\n        filterConditionForName,\r\n    ]\r\n}"]}
+{"version":3,"file":"edaSelect.js","sourceRoot":"","sources":["../../../../../coreui/components/edaManagerComponent/edaSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {FC, useCallback, useContext, useEffect, useMemo, useRef, useState} from \"react\";\r\nimport {ConfigProvider, Empty, Select, theme, Typography} from \"antd\";\r\nimport {SelectProps} from \"antd/es/select\";\r\nimport {CloseCircleOutlined, LoadingOutlined, MonitorOutlined, SelectOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport SizeContext from \"antd/es/config-provider/SizeContext\";\r\nimport EdaManagerApi, {TreeItem} from \"../../../api/eda/edaManagerApi\";\r\nimport {IdType} from \"./constants/edaTypes\";\r\nimport debounce from \"lodash/debounce\";\r\nimport {AdvancedFilterCondition, AdvancedFilterLogicalOperator, AdvancedFilterOperator} from \"../../../api/advancedFilterApi\";\r\nimport AdvancedFilterUtils from \"../advancedFilter/advancedFilterUtils\";\r\nimport {AdvancedFilterValueType} from \"../../../api/types/advancedFilter\";\r\nimport {FlattenOptionData} from \"rc-select/lib/interface\";\r\nimport ColorTag from \"../colorTag/colorTag\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {EdaNavigator} from \"./edaNavigator\";\r\nimport {EdaDetail} from \"./edaDetail\";\r\n\r\nexport type DisplayType = \"code\" | \"name\" | \"code_name\" | \"name_code\";\r\n\r\ninterface Props extends Omit<SelectProps<TreeItem | undefined, TreeItem>, \"allowClear\" | \"clearIcon\" | \"showSearch\" | \"labelInValue\" | \"fieldNames\" |\r\n    \"options\" | \"suffixIcon\" | \"onSearch\" | \"onFocus\" | \"showArrow\" | \"mode\" | \"loading\" | \"filterOption\" | \"notFoundContent\" | \"menuItemSelectedIcon\" |\r\n    \"searchValue\"> {\r\n    api: EdaManagerApi\r\n    type: IdType\r\n    displayType?: DisplayType\r\n    showCancelButton?: boolean\r\n    showDetailButton?: boolean\r\n    showNewObjectButton?: boolean\r\n    showOmitted?: boolean\r\n    readonly?: boolean\r\n}\r\n\r\nexport const EdaSelect: FC<Props> = ({\r\n                                         api, type, showCancelButton, showDetailButton, showNewObjectButton, displayType, showOmitted, readonly,\r\n                                         disabled, size, value, onClear, onChange, onSelect, ...otherProps\r\n}) => {\r\n    const {token} = theme.useToken();\r\n\r\n    const sizeContext = useContext(SizeContext);\r\n\r\n    const lastSearchRef = useRef<string | null>(null);\r\n    const activeRequestRef = useRef<number>(0);\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    const [options, setOptions] = useState<TreeItem[]>([]);\r\n    const [detailVisible, setDetailVisible] = useState<boolean>(false);\r\n    const [searchVisible, setSearchVisible] = useState<boolean>(false);\r\n\r\n    const mergeSize = size ?? sizeContext\r\n\r\n    const iconSize = useMemo(() => {\r\n        switch (mergeSize) {\r\n            case \"small\":\r\n                return token.fontSizeSM;\r\n            case \"large\":\r\n                return token.fontSizeLG;\r\n            case \"middle\":\r\n            default:\r\n                return token.fontSize;\r\n        }\r\n    }, [mergeSize]);\r\n\r\n    const suffixIcon = useMemo(() => {\r\n        if (disabled) {\r\n            return <></>;\r\n        } else if (loading) {\r\n            return <LoadingOutlined\r\n                style={{fontSize: iconSize}}\r\n            />;\r\n        } else {\r\n            return (\r\n                <>\r\n                    {showCancelButton && value && !readonly &&\r\n                        <CloseCircleOutlined\r\n                            style={{color: token.colorError, fontSize: iconSize}}\r\n                            title={i18n(\"Clear\")}\r\n                            onClick={() => {\r\n                                onChange?.(undefined, [])\r\n                                onClear?.();\r\n                            }}\r\n                        />\r\n                    }\r\n                    {showDetailButton && value &&\r\n                        <MonitorOutlined\r\n                            style={{fontSize: iconSize}}\r\n                            title={i18n(\"Show Detail\")}\r\n                            onClick={() => setDetailVisible(true)}\r\n                        />\r\n                    }\r\n                    {showNewObjectButton && !readonly &&\r\n                        <></>\r\n                    }\r\n                    {!readonly && (\r\n                        <SelectOutlined\r\n                            style={{fontSize: iconSize}}\r\n                            title={i18n(\"Open Select Dialog\")}\r\n                            onClick={() => {\r\n                                setSearchVisible(true);\r\n                            }}\r\n                        />\r\n                    )}\r\n                </>\r\n            );\r\n        }\r\n\r\n    }, [disabled, readonly, loading, showCancelButton, iconSize, token.colorError, value, onClear, onChange]);\r\n\r\n    const loadData = useCallback(async (searchString: string) => {\r\n        if (searchString === lastSearchRef.current) {\r\n            return;\r\n        }\r\n\r\n        const requestId = ++activeRequestRef.current;\r\n        const filterConditions = getFilterConditions(searchString);\r\n\r\n        setLoading(true);\r\n        lastSearchRef.current = searchString;\r\n\r\n        try {\r\n            let result: TreeItem[];\r\n\r\n            switch (type) {\r\n                case IdType.VECTOR:\r\n                    result = await api.findVectors(filterConditions);\r\n                    break;\r\n                case IdType.GROUP:\r\n                    result = await api.findGroups(filterConditions);\r\n                    break;\r\n                case IdType.SCENARIO:\r\n                    result = await api.findScenarios(filterConditions);\r\n                    break;\r\n            }\r\n\r\n            if (requestId === activeRequestRef.current) {\r\n                setOptions(result);\r\n            }\r\n        } catch (e) {\r\n            console.error(e);\r\n        } finally {\r\n            if (requestId === activeRequestRef.current) {\r\n                setLoading(false);\r\n            }\r\n        }\r\n    }, [api, type]);\r\n\r\n    const debounceSearch = useMemo(() => {\r\n        return debounce(loadData, 500);\r\n    }, [loadData]);\r\n\r\n    const handleFocus = useCallback(() => {\r\n        if (options.length === 0 && !disabled) {\r\n            loadData(\"\");\r\n        }\r\n    }, [options, disabled, loadData]);\r\n\r\n    const handleDoubleClick = useCallback(() => {\r\n        if (!disabled && !readonly) {\r\n            setSearchVisible(true);\r\n        }\r\n    }, [disabled, readonly]);\r\n\r\n    const renderOption = useCallback((oriOption: FlattenOptionData<TreeItem>) => {\r\n        return (\r\n            <div style={{display: \"flex\", justifyContent: \"space-between\"}}>\r\n                <span>{oriOption.data.DisplayName}</span>\r\n                <ColorTag>{oriOption.data.Name}</ColorTag>\r\n            </div>\r\n        )\r\n    }, []);\r\n\r\n    const renderLabel = useCallback(() => {\r\n        switch (displayType) {\r\n            default:\r\n            case \"code_name\":\r\n                return <span>{value?.Name} <Typography.Text type={\"secondary\"}>({value?.DisplayName})</Typography.Text></span>;\r\n            case \"name_code\":\r\n                return <span>{value?.DisplayName} <Typography.Text type={\"secondary\"}>({value?.Name})</Typography.Text></span>;\r\n            case \"code\":\r\n                return <span>{value?.Name}</span>;\r\n            case \"name\":\r\n                return <span>{value?.DisplayName}</span>;\r\n        }\r\n    }, [value, displayType]);\r\n\r\n    const renderDetailPanelDialog = useMemo(() => {\r\n        const visible = detailVisible && value;\r\n        return (\r\n            <ModalDialog\r\n                open={detailVisible}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                onCancel={() => setDetailVisible(false)}\r\n                title={<span>{i18n(\"Detail\")} <Typography.Text type={\"secondary\"}>({value ? value.Name : \"\"})</Typography.Text></span>}\r\n                styles={{body: {padding: 8}}}\r\n                initialWidth={720}\r\n                initialHeight={window.innerHeight * 0.75}\r\n            >\r\n                {visible &&\r\n                    <EdaDetail\r\n                        api={api}\r\n                        item={{type, id: value.ID}}\r\n                        style={{height: \"100%\"}}\r\n                    />\r\n                }\r\n                {!visible &&\r\n                    <div style={{display: 'flex', justifyContent: 'center', padding: 40}}>\r\n                        <Empty description={i18n(\"No data provided\")}/>\r\n                    </div>\r\n                }\r\n            </ModalDialog>\r\n        )\r\n    }, [detailVisible, type, value, api]);\r\n\r\n    const renderSearchPanelDialog = useMemo(() => {\r\n        return (\r\n            <ModalDialog\r\n                open={searchVisible}\r\n                mode={ModalDialogMode.NO_BUTTONS}\r\n                onCancel={() => setSearchVisible(false)}\r\n                title={i18n(\"Search\")}\r\n                styles={{body: {padding: 8}}}\r\n                initialWidth={640}\r\n                initialHeight={window.innerHeight * 0.75}\r\n                forceRender\r\n            >\r\n                <EdaNavigator\r\n                    api={api}\r\n                    showOmitted={showOmitted}\r\n                    hideContextMenu\r\n                    onDoubleClick={(id, item) => {\r\n                        if (id.type === type) {\r\n                            onChange?.(item, item);\r\n                            onSelect?.(item, item);\r\n                            setSearchVisible(false);\r\n                        }\r\n                    }}\r\n                />\r\n            </ModalDialog>\r\n        )\r\n    }, [searchVisible, api, showOmitted]);\r\n\r\n    useEffect(() => {\r\n        return () => debounceSearch.cancel();\r\n    }, [debounceSearch]);\r\n\r\n    return (\r\n        <ConfigProvider componentSize={size}>\r\n            {renderDetailPanelDialog}\r\n            {renderSearchPanelDialog}\r\n            <Select<TreeItem | undefined, TreeItem>\r\n                {...otherProps}\r\n                disabled={disabled}\r\n                value={value}\r\n                onSelect={onSelect}\r\n                onChange={onChange}\r\n                options={options}\r\n                showSearch\r\n                open={!readonly ? undefined : false}\r\n                filterOption={false}\r\n                fieldNames={{label: 'DisplayName', value: 'ID'}}\r\n                optionFilterProp={\"DisplayName\"}\r\n                onSearch={debounceSearch}\r\n                onFocus={handleFocus}\r\n                optionRender={renderOption}\r\n                labelRender={renderLabel}\r\n                notFoundContent={null}\r\n                suffixIcon={<div style={{display: \"flex\", alignItems: \"center\", gap: 4, color: token.colorTextSecondary}}>{suffixIcon}</div>}\r\n                // @ts-ignore\r\n                onDoubleClick={handleDoubleClick}\r\n            />\r\n        </ConfigProvider>\r\n    );\r\n}\r\n\r\nfunction getFilterConditionForCode(searchString?: string): AdvancedFilterCondition {\r\n    return AdvancedFilterUtils.newCondition({columnName: \"Meno\", valueType: AdvancedFilterValueType.STRING}, {\r\n        operator: AdvancedFilterOperator.LIKE,\r\n        value: `%${searchString ?? \"\"}%`,\r\n    });\r\n}\r\n\r\nfunction getFilterConditionForName(searchString?: string): AdvancedFilterCondition {\r\n    return AdvancedFilterUtils.newCondition({columnName: \"Zobraz_Meno\", valueType: AdvancedFilterValueType.STRING}, {\r\n        operator: AdvancedFilterOperator.LIKE,\r\n        value: `%${searchString ?? \"\"}%`,\r\n    })\r\n}\r\n\r\nfunction getFilterConditions(searchString?: string): AdvancedFilterCondition[] {\r\n    const filterConditionForCode = getFilterConditionForCode(searchString);\r\n    filterConditionForCode.left_par = 1;\r\n    filterConditionForCode.logical_operator = AdvancedFilterLogicalOperator.OR;\r\n\r\n    const filterConditionForName = getFilterConditionForName(searchString);\r\n    filterConditionForName.right_par = 1;\r\n\r\n    return [\r\n        filterConditionForCode,\r\n        filterConditionForName,\r\n    ]\r\n}"]}

package/coreui/components/edaManagerComponent/icons/folderRemoveOutlined.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import Icon from '@ant-design/icons';
+import type { GetProps } from 'antd';
+type CustomIconComponentProps = GetProps<typeof Icon>;
+export declare const FolderRemoveOutlined: (props: Partial<CustomIconComponentProps>) => React.JSX.Element;
+export {};

package/coreui/components/edaManagerComponent/icons/folderRemoveOutlined.js

@@ -0,0 +1,7 @@
+import React from "react";
+import Icon from '@ant-design/icons';
+const FolderRemoveOutlinedSvg = () => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "64 64 896 896", width: "1em", height: "1em", fill: "currentColor" },
+    React.createElement("path", { d: "M880 298H544l-56-112H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330c0-17.7-14.3-32-32-32zM840 768H184V262h261.3l56 112H840v394z" }),
+    React.createElement("path", { d: "M432 592h160c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H432c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8z" })));
+export const FolderRemoveOutlined = (props) => (React.createElement(Icon, { component: FolderRemoveOutlinedSvg, ...props }));
+//# sourceMappingURL=folderRemoveOutlined.js.map

package/coreui/components/edaManagerComponent/icons/folderRemoveOutlined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folderRemoveOutlined.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/icons/folderRemoveOutlined.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAKrC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAClC,6BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,IAAI,EAAC,cAAc;IACxG,8BAAM,CAAC,EAAC,kKAAkK,GAAE;IAC5K,8BAAM,CAAC,EAAC,2FAA2F,GAAE,CACnG,CACT,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAwC,EAAE,EAAE,CAAC,CAC9E,oBAAC,IAAI,IAAC,SAAS,EAAE,uBAAuB,KAAM,KAAK,GAAI,CAC1D,CAAA","sourcesContent":["import React from \"react\";\r\nimport Icon from '@ant-design/icons';\r\nimport type {GetProps} from 'antd';\r\n\r\ntype CustomIconComponentProps = GetProps<typeof Icon>;\r\n\r\nconst FolderRemoveOutlinedSvg = () => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"64 64 896 896\" width=\"1em\" height=\"1em\" fill=\"currentColor\">\r\n        <path d=\"M880 298H544l-56-112H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330c0-17.7-14.3-32-32-32zM840 768H184V262h261.3l56 112H840v394z\"/>\r\n        <path d=\"M432 592h160c4.4 0 8-3.6 8-8v-64c0-4.4-3.6-8-8-8H432c-4.4 0-8 3.6-8 8v64c0 4.4 3.6 8 8 8z\"/>\r\n    </svg>\r\n);\r\n\r\nexport const FolderRemoveOutlined = (props: Partial<CustomIconComponentProps>) => (\r\n    <Icon component={FolderRemoveOutlinedSvg} {...props} />\r\n)"]}

package/coreui/components/edaManagerComponent/utils/export.d.ts

@@ -0,0 +1,9 @@
+import { LoadingContextValue } from "../context/loadingContext";
+import EdaManagerApi, { GroupData, ScenarioData, VectorData } from "../../../../api/eda/edaManagerApi";
+import { XmlVectorExportConfig } from "../dialogs/exportDialog";
+import { MessageInstance } from "antd/es/message/interface";
+type LoadingCallback = (value: (((prevState: LoadingContextValue) => LoadingContextValue) | LoadingContextValue)) => void;
+export declare function exportVector(api: EdaManagerApi, vector: VectorData, config: XmlVectorExportConfig, dateTimeMask: string, setLoadingState: LoadingCallback, message: MessageInstance): Promise<[string, string][]>;
+export declare function exportGroup(api: EdaManagerApi, group: GroupData, config: XmlVectorExportConfig, dateTimeMask: string, setLoadingState: LoadingCallback, message: MessageInstance): Promise<[string, string][]>;
+export declare function exportScenario(api: EdaManagerApi, scenario: ScenarioData, config: XmlVectorExportConfig, dateTimeMask: string, setLoadingState: LoadingCallback, message: MessageInstance): Promise<[string, string][]>;
+export {};