npm - d2aura - Versions diffs - 26.0.16 → 26.0.18 - Mend

d2aura 26.0.16 → 26.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/coreui/components/edaManagerComponent/dialogs/importExport/vectorTypeSelection.js ADDED Viewed

@@ -0,0 +1,23 @@
+import React from "react";
+import { Card, Checkbox, Col, Divider, Row } from "antd";
+import i18n from "d2core/i18n/i18n";
+import { CalculatedVectors, SpecifiedVectors } from "./export";
+import { VectorTypeCheckbox } from "./vectorTypeCheckbox";
+export const VectorTypeSelection = ({ vectorTypes, onSelectAllSpecified, onSelectAllCalculated }) => {
+    console.log(vectorTypes);
+    const allSpecifiedSelected = SpecifiedVectors.every(vector => vectorTypes[vector]);
+    const noneSpecifiedSelected = !SpecifiedVectors.some(vector => vectorTypes[vector]);
+    const allCalculatedSelected = CalculatedVectors.every(vector => vectorTypes[vector]);
+    const noneCalculatedSelected = !CalculatedVectors.some(vector => vectorTypes[vector]);
+    return (React.createElement(Card, { title: i18n("Select by vector type") },
+        React.createElement(Row, { gutter: 8 },
+            React.createElement(Col, { span: 12 },
+                React.createElement(Checkbox, { checked: allSpecifiedSelected, indeterminate: !noneSpecifiedSelected && !allSpecifiedSelected, onChange: e => onSelectAllSpecified(e.target.checked) }, i18n("Specified"))),
+            React.createElement(Col, { span: 12 },
+                React.createElement(Checkbox, { checked: allCalculatedSelected, indeterminate: !noneCalculatedSelected && !allCalculatedSelected, onChange: e => onSelectAllCalculated(e.target.checked) }, i18n("Calculated")))),
+        React.createElement(Divider, null),
+        Array.from({ length: Math.max(SpecifiedVectors.length, CalculatedVectors.length) }).map((_, index) => (React.createElement(Row, { key: index, gutter: 8 },
+            React.createElement(Col, { span: 12 }, SpecifiedVectors[index] !== undefined && React.createElement(VectorTypeCheckbox, { type: SpecifiedVectors[index] })),
+            React.createElement(Col, { span: 12 }, CalculatedVectors[index] !== undefined && React.createElement(VectorTypeCheckbox, { type: CalculatedVectors[index] })))))));
+};
+//# sourceMappingURL=vectorTypeSelection.js.map

package/coreui/components/edaManagerComponent/dialogs/importExport/vectorTypeSelection.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"vectorTypeSelection.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/importExport/vectorTypeSelection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAW,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,MAAM,CAAC;AACvD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAC,iBAAiB,EAAE,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AASxD,MAAM,CAAC,MAAM,mBAAmB,GAAc,CAAC,EAAC,WAAW,EAAE,oBAAoB,EAAE,qBAAqB,EAAC,EAAE,EAAE;IACzG,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IAExB,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACnF,MAAM,qBAAqB,GAAG,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpF,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IACrF,MAAM,sBAAsB,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAEtF,OAAO,CACH,oBAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,uBAAuB,CAAC;QACtC,oBAAC,GAAG,IAAC,MAAM,EAAE,CAAC;YACV,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;gBACT,oBAAC,QAAQ,IACL,OAAO,EAAE,oBAAoB,EAC7B,aAAa,EAAE,CAAC,qBAAqB,IAAI,CAAC,oBAAoB,EAC9D,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAEpD,IAAI,CAAC,WAAW,CAAC,CACX,CACT;YACN,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE;gBACT,oBAAC,QAAQ,IACL,OAAO,EAAE,qBAAqB,EAC9B,aAAa,EAAE,CAAC,sBAAsB,IAAI,CAAC,qBAAqB,EAChE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAErD,IAAI,CAAC,YAAY,CAAC,CACZ,CACT,CACJ;QACN,oBAAC,OAAO,OAAG;QACV,KAAK,CAAC,IAAI,CAAC,EAAC,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACjG,oBAAC,GAAG,IAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YACtB,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,IAAG,gBAAgB,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,oBAAC,kBAAkB,IAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAO;YACpH,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,IAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,SAAS,IAAI,oBAAC,kBAAkB,IAAC,IAAI,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAO,CACpH,CACT,CAAC,CACC,CACV,CAAC;AACN,CAAC,CAAA","sourcesContent":["import React, {FC} from \"react\";\r\nimport {Card, Checkbox, Col, Divider, Row} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {CalculatedVectors, SpecifiedVectors} from \"./export\";\r\nimport {VectorTypeCheckbox} from \"./vectorTypeCheckbox\";\r\nimport {EdaVectorType} from \"../../constants/edaTypes\";\r\n\r\ninterface Props {\r\n vectorTypes: Record<EdaVectorType, boolean>\r\n onSelectAllSpecified: (selected: boolean) => void\r\n onSelectAllCalculated: (selected: boolean) => void\r\n}\r\n\r\nexport const VectorTypeSelection: FC<Props> = ({vectorTypes, onSelectAllSpecified, onSelectAllCalculated}) => {\r\n console.log(vectorTypes)\r\n\r\n const allSpecifiedSelected = SpecifiedVectors.every(vector => vectorTypes[vector]);\r\n const noneSpecifiedSelected = !SpecifiedVectors.some(vector => vectorTypes[vector]);\r\n\r\n const allCalculatedSelected = CalculatedVectors.every(vector => vectorTypes[vector]);\r\n const noneCalculatedSelected = !CalculatedVectors.some(vector => vectorTypes[vector]);\r\n\r\n return (\r\n <Card title={i18n(\"Select by vector type\")}>\r\n <Row gutter={8}>\r\n <Col span={12}>\r\n <Checkbox\r\n checked={allSpecifiedSelected}\r\n indeterminate={!noneSpecifiedSelected && !allSpecifiedSelected}\r\n onChange={e => onSelectAllSpecified(e.target.checked)}\r\n >\r\n {i18n(\"Specified\")}\r\n </Checkbox>\r\n </Col>\r\n <Col span={12}>\r\n <Checkbox\r\n checked={allCalculatedSelected}\r\n indeterminate={!noneCalculatedSelected && !allCalculatedSelected}\r\n onChange={e => onSelectAllCalculated(e.target.checked)}\r\n >\r\n {i18n(\"Calculated\")}\r\n </Checkbox>\r\n </Col>\r\n </Row>\r\n <Divider />\r\n {Array.from({length: Math.max(SpecifiedVectors.length, CalculatedVectors.length)}).map((_, index) => (\r\n <Row key={index} gutter={8}>\r\n <Col span={12}>{SpecifiedVectors[index] !== undefined && <VectorTypeCheckbox type={SpecifiedVectors[index]}/>}</Col>\r\n <Col span={12}>{CalculatedVectors[index] !== undefined && <VectorTypeCheckbox type={CalculatedVectors[index]}/>}</Col>\r\n </Row>\r\n ))}\r\n </Card>\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/importExport/xmlAttributeHolder.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { XMLBuilder } from "xmlbuilder2/lib/interfaces";
+type PropertyPath<T> = keyof T;
+interface AttributeRule<T> {
+    xmlName: string;
+    propName: PropertyPath<T>;
+    shouldExport?: (value: any, obj: T) => boolean;
+    transformExport?: (value: any, obj: T) => string;
+    transformImport?: (xmlValue: string) => any;
+}
+export declare class XMLAttributeHolder<T extends object> {
+    private readonly rules;
+    add(xmlName: string, propName: PropertyPath<T>, options?: Omit<AttributeRule<T>, "xmlName" | "propName">): this;
+    exportToXml(sourceObj: T, xmlNode: XMLBuilder): void;
+    importFromJson(xml2jsNode: {
+        $: {
+            [key: string]: string;
+        };
+    }, targetObj: Partial<T>): void;
+}
+export {};

package/coreui/components/edaManagerComponent/dialogs/importExport/xmlAttributeHolder.js ADDED Viewed

@@ -0,0 +1,36 @@
+export class XMLAttributeHolder {
+    constructor() {
+        this.rules = [];
+    }
+    add(xmlName, propName, options) {
+        this.rules.push({ xmlName, propName, ...options });
+        return this;
+    }
+    exportToXml(sourceObj, xmlNode) {
+        for (const rule of this.rules) {
+            const rawValue = sourceObj[rule.propName];
+            if (rawValue === undefined || rawValue === null) {
+                continue;
+            }
+            if (rule.shouldExport && !rule.shouldExport(rawValue, sourceObj)) {
+                continue;
+            }
+            const exportValue = rule.transformExport ? rule.transformExport(rawValue, sourceObj) : String(rawValue);
+            if (exportValue !== undefined) {
+                xmlNode.att(rule.xmlName, exportValue);
+            }
+        }
+    }
+    importFromJson(xml2jsNode, targetObj) {
+        if (!xml2jsNode || !xml2jsNode.$) {
+            return;
+        }
+        for (const rule of this.rules) {
+            const xmlValue = xml2jsNode.$[rule.xmlName];
+            if (xmlValue !== undefined && xmlValue !== null) {
+                targetObj[rule.propName] = rule.transformImport ? rule.transformImport(xmlValue) : xmlValue;
+            }
+        }
+    }
+}
+//# sourceMappingURL=xmlAttributeHolder.js.map

package/coreui/components/edaManagerComponent/dialogs/importExport/xmlAttributeHolder.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"xmlAttributeHolder.js","sourceRoot":"","sources":["../../../../../../../coreui/components/edaManagerComponent/dialogs/importExport/xmlAttributeHolder.ts"],"names":[],"mappings":"AAYA,MAAM,OAAO,kBAAkB;IAA/B;QACqB,UAAK,GAAuB,EAAE,CAAC;IAwCpD,CAAC;IAtCU,GAAG,CAAC,OAAe,EAAE,QAAyB,EAAE,OAAwD;QAC3G,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,OAAO,EAAC,CAAC,CAAC;QACjD,OAAO,IAAI,CAAC;IAChB,CAAC;IAEM,WAAW,CAAC,SAAY,EAAE,OAAmB;QAChD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC5B,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE1C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBAC9C,SAAS;YACb,CAAC;YAED,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;gBAC/D,SAAS;YACb,CAAC;YAED,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAExG,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;gBAC5B,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;YAC3C,CAAC;QACL,CAAC;IACL,CAAC;IAEM,cAAc,CAAC,UAA0C,EAAE,SAAqB;QACnF,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC;YAC/B,OAAO;QACX,CAAC;QAED,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC5B,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAE5C,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;gBAC9C,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAe,CAAC;YACvG,CAAC;QACL,CAAC;IACL,CAAC;CACJ","sourcesContent":["import {XMLBuilder} from \"xmlbuilder2/lib/interfaces\";\r\n\r\ntype PropertyPath<T> = keyof T;\r\n\r\ninterface AttributeRule<T> {\r\n xmlName: string\r\n propName: PropertyPath<T>\r\n shouldExport?: (value: any, obj: T) => boolean\r\n transformExport?: (value: any, obj: T) => string\r\n transformImport?: (xmlValue: string) => any\r\n}\r\n\r\nexport class XMLAttributeHolder<T extends object> {\r\n private readonly rules: AttributeRule<T>[] = [];\r\n\r\n public add(xmlName: string, propName: PropertyPath<T>, options?: Omit<AttributeRule<T>, \"xmlName\" | \"propName\">): this {\r\n this.rules.push({xmlName, propName, ...options});\r\n return this;\r\n }\r\n\r\n public exportToXml(sourceObj: T, xmlNode: XMLBuilder): void {\r\n for (const rule of this.rules) {\r\n const rawValue = sourceObj[rule.propName];\r\n\r\n if (rawValue === undefined || rawValue === null) {\r\n continue;\r\n }\r\n\r\n if (rule.shouldExport && !rule.shouldExport(rawValue, sourceObj)) {\r\n continue;\r\n }\r\n\r\n const exportValue = rule.transformExport ? rule.transformExport(rawValue, sourceObj) : String(rawValue);\r\n\r\n if (exportValue !== undefined) {\r\n xmlNode.att(rule.xmlName, exportValue);\r\n }\r\n }\r\n }\r\n\r\n public importFromJson(xml2jsNode: {$: { [key: string]: string }}, targetObj: Partial<T>): void {\r\n if (!xml2jsNode || !xml2jsNode.$) {\r\n return;\r\n }\r\n\r\n for (const rule of this.rules) {\r\n const xmlValue = xml2jsNode.$[rule.xmlName];\r\n\r\n if (xmlValue !== undefined && xmlValue !== null) {\r\n targetObj[rule.propName] = rule.transformImport ? rule.transformImport(xmlValue) : xmlValue as any;\r\n }\r\n }\r\n }\r\n}"]}

package/coreui/components/edaManagerComponent/dialogs/{groupVectorSelection.d.ts → vectorSelectionDialog.d.ts} RENAMED Viewed

@@ -8,5 +8,5 @@ interface Props extends Omit<ModalDialogProps, "mode" | "onOk"> {
     displayedVectors: TreeItem[];
     onSelected: (vectors: TreeItem[]) => void;
 }
-export declare const GroupVectorSelection: FC<Props>;
+export declare const VectorSelectionDialog: FC<Props>;
 export {};

package/coreui/components/edaManagerComponent/dialogs/{groupVectorSelection.js → vectorSelectionDialog.js} RENAMED Viewed

@@ -2,7 +2,8 @@ import React, { useCallback, useEffect, useRef, useState } from "react";
 import i18n from "d2core/i18n/i18n";
 import { ModalDialog } from "d2coreui/components/modal/modalDialog";
 import { Alert, Transfer } from "antd";
-export const GroupVectorSelection = ({ api, data, displayedVectors, onSelected, open, ...props }) => {
+import { EdaDialogTitle } from "../components/edaDialogTitle";
+export const VectorSelectionDialog = ({ api, data, displayedVectors, onSelected, open, ...props }) => {
     const [visibleVectors, setVisibleVectors] = useState([]);
     const [availableVectors, setAvailableVectors] = useState(displayedVectors);
     const [isLoading, setIsLoading] = useState(false);
@@ -17,7 +18,7 @@ export const GroupVectorSelection = ({ api, data, displayedVectors, onSelected,
     }, [availableVectors, visibleVectors, onSelected]);
     useEffect(() => {
         let isCurrent = true;
-        if (open && data && data.type !== 0 && data !== lastLoaded.current) {
+        if (open && data && (data.type === 1 || data.type === 2) && data !== lastLoaded.current) {
             const fetchAllVectors = async () => {
                 setIsLoading(true);
                 setVisibleVectors(displayedVectors.map((v) => v.ID));
@@ -61,7 +62,7 @@ export const GroupVectorSelection = ({ api, data, displayedVectors, onSelected,
             isCurrent = false;
         };
     }, [api, data, open, displayedVectors]);
-    return (React.createElement(ModalDialog, { ...props, mode: "OK_CANCEL", open: open, styles: { body: { paddingTop: 0 } }, title: i18n("User Selection"), initialWidth: window.innerWidth * 0.8, initialHeight: window.innerHeight * 0.8, okButtonProps: { disabled: visibleVectors.length > api.pageSize || isLoading }, onOk: handleOk },
+    return (React.createElement(ModalDialog, { ...props, mode: "OK_CANCEL", open: open, styles: { body: { paddingTop: 0 } }, title: React.createElement(EdaDialogTitle, { title: i18n("User Selection") }), initialWidth: window.innerWidth * 0.8, initialHeight: window.innerHeight * 0.8, okButtonProps: { disabled: visibleVectors.length > api.pageSize || isLoading }, onOk: handleOk },
         React.createElement(Transfer, { style: { width: "100%", height: "100%" }, listStyle: { flex: "1 1 auto", height: "100%" }, dataSource: availableVectors, rowKey: (vector) => vector.ID, titles: [i18n("Hidden vectors"), i18n("Displayed vectors")], targetKeys: visibleVectors, onChange: handleChange, status: visibleVectors.length > api.pageSize ? "error" : undefined, render: (vector) => vector.DisplayName, footer: (_, info) => {
                 if (visibleVectors.length > api.pageSize && info?.direction === "right") {
                     return (React.createElement(Alert, { type: "error", message: i18n("Maximum number of displayed vectors: %{n}", { n: String(api.pageSize) }) }));
@@ -71,4 +72,4 @@ export const GroupVectorSelection = ({ api, data, displayedVectors, onSelected,
                 }
             } })));
 };
-//# sourceMappingURL=groupVectorSelection.js.map
+//# sourceMappingURL=vectorSelectionDialog.js.map

package/coreui/components/edaManagerComponent/dialogs/vectorSelectionDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"vectorSelectionDialog.js","sourceRoot":"","sources":["../../../../../../coreui/components/edaManagerComponent/dialogs/vectorSelectionDialog.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\nimport {EdaDialogTitle} from \"../components/edaDialogTitle\";\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 VectorSelectionDialog: 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.GROUP || data.type === IdType.SCENARIO) && 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={<EdaDialogTitle 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/edaDetail.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import React, { FC } from "react";
-import { TypedIndex } from "./constants/edaTypes";
-import EdaManagerApi, { TreeItem } from "../../../api/eda/edaManagerApi";
+import { ItemType } from "./constants/edaTypes";
+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";
-export type ItemType = TreeItem[] | TypedIndex;
 interface Props {
     api: EdaManagerApi;
     item?: ItemType;

package/coreui/components/edaManagerComponent/edaDetail.js CHANGED Viewed

@@ -11,10 +11,11 @@ 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 { AppstoreAddOutlined, ExportOutlined, FileAddOutlined, FolderAddOutlined, FullscreenExitOutlined, FullscreenOutlined, ImportOutlined } from "@ant-design/icons";
 import { createPortal } from "react-dom";
 import { ModalDialog } from "d2coreui/components/modal/modalDialog";
 import { useEdaActions } from "./context/useEdaActions";
+import { LoadingContextProvider } from "./context/loadingContext";
 const useStyles = createStyles(({ css }) => {
     return {
         baseLayout: css `
@@ -34,7 +35,7 @@ const useStyles = createStyles(({ css }) => {
 });
 export const EdaDetail = ({ api, item, className, style, size, variant }) => {
     const { styles } = useStyles();
-    const { triggerExportToXML, triggerIncludeToScenario, triggerIncludeToGroup, renderActionDialogs } = useEdaActions(api);
+    const { triggerExportToXML, triggerImportToXML, triggerIncludeToScenario, triggerIncludeToGroup, renderActionDialogs } = useEdaActions(api);
     const [activeTabKey, setActiveTabKey] = useState("detail");
     const [detailData, setDetailData] = useState();
     const [isFullscreen, setIsFullscreen] = useState(false);
@@ -95,7 +96,7 @@ export const EdaDetail = ({ api, item, className, style, size, variant }) => {
         updateVectors,
         updateTimeWindow,
         updateTotalCount,
-    }), [sampleRange, updateValues, updatePage, updateTimeWindow, updateTotalCount]);
+    }), [sampleRange, updateValues, updatePage, updateVectors, updateTimeWindow, updateTotalCount]);
     const handleToggleFullscreen = useCallback(() => {
         setIsFullscreen(!isFullscreen);
         if (isFullscreen) {
@@ -123,17 +124,19 @@ export const EdaDetail = ({ api, item, className, style, size, variant }) => {
         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 && (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 === 1 && (React.createElement(React.Fragment, null,
+                            React.createElement(Button, { icon: React.createElement(ImportOutlined, null), onClick: () => triggerImportToXML(detailData), title: i18n("Import") }),
+                            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)) {
+        if (item) {
             loadDetail(api, item).then((result) => {
                 if (isMounted && result) {
                     setDetailData(result);
@@ -152,19 +155,20 @@ export const EdaDetail = ({ api, item, className, style, size, variant }) => {
     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())))));
+                React.createElement(LoadingContextProvider, null,
+                    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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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}"]}
1	+ {"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, ItemType, StepType, TypedData} 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, ImportOutlined} 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\nimport {LoadingContextProvider} from \"./context/loadingContext\";\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\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, triggerImportToXML, 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, updateVectors, 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 {!Array.isArray(item) && item && (\r\n <Button\r\n icon={<ExportOutlined/>}\r\n onClick={() => triggerExportToXML(detailData)}\r\n title={i18n(\"Export\")}\r\n />\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 <>\r\n <Button\r\n icon={<ImportOutlined/>}\r\n onClick={() => triggerImportToXML(detailData)}\r\n title={i18n(\"Import\")}\r\n />\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 )}\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) {\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 <LoadingContextProvider>\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 </LoadingContextProvider>\r\n </SharedSampleRangeContext.Provider>\r\n </div>\r\n </ConfigProvider>\r\n );\r\n}"]}

package/coreui/components/edaManagerComponent/edaManager.js CHANGED Viewed

@@ -4,6 +4,7 @@ import { EdaNavigator } from "./edaNavigator";
 import { createStyles } from "antd-style";
 import { EdaDetail } from "./edaDetail";
 import { EdaConfigProvider } from "./context/edaConfigContext";
+import { LoadingContextProvider } from "./context/loadingContext";
 const useStyles = createStyles(({ css, token }) => {
     return {
         baseLayout: css `
@@ -29,12 +30,13 @@ export const EdaManager = ({ api, size, variant, configuration }) => {
     }, []);
     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%' } })))))));
+            React.createElement(LoadingContextProvider, null,
+                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

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

	@@ -1 +1 @@
1	- {"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};"]}
1	+ {"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;AAC/E,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAEhE,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,sBAAsB;gBACnB,oBAAC,QAAQ,IAAC,SAAS,EAAE,MAAM,CAAC,UAAU;oBAClC,oBAAC,QAAQ,CAAC,KAAK,IAAC,WAAW,EAAE,KAAK;wBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ;4BAC3B,oBAAC,YAAY,IACT,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,iBAAiB,GAClC,CACA,CACO;oBACjB,oBAAC,QAAQ,CAAC,KAAK;wBACX,6BAAK,SAAS,EAAE,MAAM,CAAC,WAAW;4BAC9B,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,CACU,CACZ,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\nimport {LoadingContextProvider} from \"./context/loadingContext\";\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 <LoadingContextProvider>\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 </LoadingContextProvider>\r\n </ConfigProvider>\r\n </EdaConfigProvider>\r\n );\r\n};"]}

package/coreui/components/edaManagerComponent/edaSelect.js CHANGED Viewed

@@ -11,6 +11,7 @@ import ColorTag from "../colorTag/colorTag";
 import { ModalDialog } from "d2coreui/components/modal/modalDialog";
 import { EdaNavigator } from "./edaNavigator";
 import { EdaDetail } from "./edaDetail";
+import { EdaDialogTitle } from "./components/edaDialogTitle";
 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);
@@ -31,7 +32,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
             default:
                 return token.fontSize;
         }
-    }, [mergeSize]);
+    }, [mergeSize, token.fontSize, token.fontSizeLG, token.fontSizeSM]);
     const suffixIcon = useMemo(() => {
         if (disabled) {
             return React.createElement(React.Fragment, null);
@@ -54,7 +55,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                         setSearchVisible(true);
                     } }))));
         }
-    }, [disabled, readonly, loading, showCancelButton, iconSize, token.colorError, value, onClear, onChange]);
+    }, [disabled, loading, iconSize, showCancelButton, value, readonly, token.colorError, showDetailButton, showNewObjectButton, onChange, onClear]);
     const loadData = useCallback(async (searchString) => {
         if (searchString === lastSearchRef.current) {
             return;
@@ -75,6 +76,8 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                 case 2:
                     result = await api.findScenarios(filterConditions);
                     break;
+                case 3:
+                    return;
             }
             if (requestId === activeRequestRef.current) {
                 setOptions(result);
@@ -134,13 +137,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
     }, [value, displayType]);
     const renderDetailPanelDialog = useMemo(() => {
         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 },
+        return (React.createElement(ModalDialog, { open: detailVisible, mode: "NO_BUTTONS", onCancel: () => setDetailVisible(false), title: React.createElement(EdaDialogTitle, { title: i18n("Detail"), name: value?.DisplayName, code: value?.Name }), 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 &&
@@ -148,7 +145,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                     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), title: i18n("Search"), styles: { body: { padding: 8 } }, initialWidth: 640, initialHeight: window.innerHeight * 0.75, forceRender: true },
+        return (React.createElement(ModalDialog, { open: searchVisible, mode: "NO_BUTTONS", onCancel: () => setSearchVisible(false), title: React.createElement(EdaDialogTitle, { 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);
@@ -156,7 +153,7 @@ export const EdaSelect = ({ api, type, showCancelButton, showDetailButton, showN
                         setSearchVisible(false);
                     }
                 } })));
-    }, [searchVisible, api, showOmitted]);
+    }, [searchVisible, api, showOmitted, type, onChange, onSelect]);
     useEffect(() => {
         return () => debounceSearch.cancel();
     }, [debounceSearch]);