@genexus/genexus-ide-ui 0.0.125 → 0.0.126

package/dist/collection/components/modules/manage-module-references-v2/manage-module-references-v2.js

@@ -0,0 +1,469 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+import { renderModuleDataProperties } from "../../../common/common";
+import { Locale } from "../../../common/locale";
+export class GxManageModuleReferencesV2 {
+    constructor() {
+        this.renderedFirstTime = false;
+        // 7.LISTENERS //
+        // 8.PUBLIC METHODS API //
+        // 9.LOCAL METHODS //
+        /**
+         * Callback invoked to get the progress when module is performing an action
+         */
+        this.onProgress = (message, progress, state) => {
+            const data = { message, progress, state };
+            this.selectedModuleAction = Object.assign({}, data);
+            this.progressValue = this.selectedModuleAction.progress;
+            this.progressState = this.selectedModuleAction.state;
+        };
+        /**
+         * Used for changing the selected module
+         */
+        this.handleModuleChange = (event) => {
+            const selectedModuleId = event.detail.rowsId[0];
+            this.selectedModule = this.modulesMap.get(selectedModuleId);
+        };
+        this.moduleActionHandler = (module) => () => {
+            this.actionCompleted = false;
+            this.closeProgressBar = false;
+            this.executeActionCallbackHandler(module);
+        };
+        /**
+         * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
+         */
+        this.executeActionCallbackHandler = async (module) => {
+            if (this.executeActionCallback) {
+                this.actionCompleted = false;
+                const moduleSelectedVersionId = this.modulesMap.get(module.id)
+                    .selectedVersion.id;
+                const moduleSelectedVersionAction = this.modulesMap.get(module.id)
+                    .selectedVersion.action;
+                const actionCompleted = await this.executeActionCallback(this.selectedServerId, module.id, moduleSelectedVersionId, moduleSelectedVersionAction, this.onProgress);
+                if (actionCompleted) {
+                    this.serverSelectedCallbackHandler(this.selectedServerId, false);
+                }
+                this.actionCompleted = true;
+            }
+        };
+        this.showModuleMenu = async (e) => {
+            if (this.serverContextMenuCallback) {
+                const buttonBoundingClientRect = e.target.getBoundingClientRect();
+                await this.serverContextMenuCallback({
+                    selection: [this.selectedServerId],
+                    clientX: buttonBoundingClientRect.x,
+                    clientY: buttonBoundingClientRect.y
+                });
+            }
+        };
+        this.searchModulesFilterHandler = (e) => {
+            this.searchModulesFilterValue = e.detail.trim().toLowerCase();
+        };
+        this.getFilteredServerModules = () => {
+            return this.serverModulesExtended.filter(module => {
+                // Filter conditions
+                const nameMatch = module.selectedVersion.name
+                    .toLowerCase()
+                    .includes(this.searchModulesFilterValue);
+                const descriptionMatch = module.selectedVersion.description
+                    .toLowerCase()
+                    .includes(this.searchModulesFilterValue);
+                let actionMatch;
+                if (this.selectedButtonFilter === "browse") {
+                    // If browse is selected, display all
+                    actionMatch = true;
+                }
+                else if (this.selectedButtonFilter === "installed") {
+                    actionMatch = !!(module.selectedVersion.action === "update" ||
+                        module.selectedVersion.action === "restore");
+                }
+                else if (this.selectedButtonFilter === "updates") {
+                    actionMatch = !!(module.selectedVersion.action === "update");
+                }
+                const filtered = (nameMatch || descriptionMatch) && actionMatch;
+                return filtered;
+            });
+        };
+        // 9.LOCAL METHODS > RENDERS //
+        this.renderGridOrEmptyState = () => {
+            this.filteredServerModules = this.getFilteredServerModules();
+            if (this.filteredServerModules.length > 0) {
+                return this.renderModulesVersionsGrid();
+            }
+            else {
+                return this.renderEmptyStateModules();
+            }
+        };
+        this.renderModulesVersionsGrid = () => {
+            return (h("gxg-grid", { noBorder: true, fullHeight: true }, h("ch-grid", { rowSelectionMode: "single", part: "ch-grid-pending-commits", class: "servers-detail no-border", onSelectionChanged: this.handleModuleChange }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false }), h("ch-grid-column", { settingable: false, size: "min-content" })), this.filteredServerModules.map((module) => (h("ch-grid-row", { rowid: module.id, key: module.id, selected: this.selectedModule && this.selectedModule.id === module.id }, h("ch-grid-cell", { class: "grid-cell-module__info" }, h("span", { class: "grid-cell-module__name" }, h("gxg-icon", { type: "objects/module", "data-action": module.selectedVersion.action, color: this.moduleVersionIconColor(module.id), size: "small" }), module.selectedVersion.name), h("span", { class: "grid-cell-module__description" }, module.selectedVersion.description)), h("ch-grid-cell", null, this.selectedModule && this.selectedModule.id === module.id ? (h("gxg-button", { disabled: !this.actionCompleted ||
+                    module.selectedVersion.action === "incompatible" ||
+                    module.selectedVersion.action === "not-installable", fit: true, part: "module-action", onClick: this.moduleActionHandler(module) }, module.selectedVersion.action)) : null)))))));
+        };
+        this.renderEmptyStateModules = () => {
+            return (h("gx-ide-empty-state", { stateIcon: "mercury/filters", stateTitle: this._componentLocale.modules.noModulesFilter }));
+        };
+        this.moduleVersionIconColor = (moduleId) => {
+            const foundModule = this.serverModulesExtended.find(module => {
+                return module.id === moduleId;
+            });
+            if (foundModule) {
+                const moduleAction = foundModule.selectedVersion.action;
+                const moduleCurrentVersion = foundModule.currentVersion;
+                if (moduleAction === "not-installable" ||
+                    moduleAction === "incompatible") {
+                    return "warning";
+                }
+                else if (!moduleCurrentVersion) {
+                    return "mercury-primary-disabled";
+                }
+                else {
+                    return "mercury-primary";
+                }
+            }
+            return "mercury-primary";
+        };
+        this.renderVersionIcon = () => {
+            return (h("gxg-icon", { type: "objects/module", color: this.moduleVersionIconColor(this.selectedModule.id) }));
+        };
+        /* module details/information renders*/
+        this.renderVersionName = () => {
+            return (h("gxg-title", { part: "module-info__name", type: "title-05" }, h("div", { class: "module-info__name" }, this.selectedModule.selectedVersion.name)));
+        };
+        this.renderVersionWarningMessage = () => {
+            const warningMessage = this.selectedModule.selectedVersion.warningMessage;
+            if (warningMessage) {
+                return h("p", { class: "module-info__warning-message" }, warningMessage);
+            }
+        };
+        this.renderInstalledVersion = () => {
+            const currentVersion = this.selectedModule.currentVersion;
+            let caption;
+            let cssClass = "module-info__action-container";
+            if (currentVersion) {
+                caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;
+                cssClass += ` module-info__action-container--installed`;
+            }
+            else {
+                caption =
+                    this._componentLocale.modulesInformation.moduleProperties.notInstalled;
+            }
+            return (h("div", { class: cssClass }, h("gxg-text", { part: "module-info__action" }, caption)));
+        };
+        // Update selected version
+        this.moduleVersionsValueChangedHandler = (e) => {
+            const selectedVersionId = e.detail.value;
+            this.updateSelectedModuleVersion(selectedVersionId);
+        };
+        this.moduleVersionsItemChangedHandler = (e) => {
+            const selectedVersionId = e.detail.value;
+            this.updateSelectedModuleVersion(selectedVersionId);
+        };
+        this.updateSelectedModuleVersion = (selectedVersionId) => {
+            const moduleSelectedVersion = this.selectedModule.versions.find(version => {
+                return version.id === selectedVersionId;
+            });
+            if (moduleSelectedVersion) {
+                const updatedSelectedModule = Object.assign(Object.assign({}, this.selectedModule), { selectedVersion: moduleSelectedVersion });
+                this.selectedModule = updatedSelectedModule;
+                // update module selected in modules array as well
+                const updatedModuleIndex = this.serverModulesExtended.findIndex(module => module.id === updatedSelectedModule.id);
+                if (updatedModuleIndex !== -1) {
+                    // Update the object with new information
+                    this.serverModulesExtended[updatedModuleIndex] = Object.assign(Object.assign({}, this.serverModulesExtended[updatedModuleIndex]), updatedSelectedModule);
+                }
+            }
+        };
+        this.renderModuleVersions = () => {
+            return (h("div", { part: "available-versions" }, h("gxg-combo-box", { id: "versions-combo-box", "disable-filter": true, value: "", part: "module-versions", "display-validation-styles": true, "display-validation-message": true, label: this._componentLocale.modulesInformation.moduleProperties
+                    .availableVersions, labelPosition: "start", centerLabel: true, onValueChanged: this.moduleVersionsValueChangedHandler, disabled: this.loadingServer || !this.actionCompleted }, this.selectedModule.versions.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.moduleVersionsItemChangedHandler }, item.id))))));
+        };
+        this.selectedButtonChangedHandler = (e) => {
+            this.selectedButtonFilter = e.detail;
+        };
+        // Update server selected
+        this.serverItemSelectedHandler = (e) => {
+            const serverId = e.detail.value;
+            this.serverSelectedCallbackHandler(serverId, false);
+        };
+        this.serverValueChangedHandler = (e) => {
+            const serverId = e.detail;
+            this.serverSelectedCallbackHandler(serverId, false);
+        };
+        this.reloadServer = () => {
+            this.serverSelectedCallbackHandler(this.selectedServerId, true);
+        };
+        /**
+         * Change the server selected value in response to callbackServerSelected callback
+         */
+        this.serverSelectedCallbackHandler = async (serverId, reload) => {
+            if (this.serverSelectedCallback) {
+                this.loadingServer = true;
+                // clear
+                this.serverModules = [];
+                this.serverModulesExtended = [];
+                this.filteredServerModules = [];
+                this.modulesMap.clear();
+                this.modulesSelectedVersionMap.clear();
+                this.serverModules = await this.serverSelectedCallback(serverId, reload);
+                // Save modules on Map as well to get information about modules faster
+                this.serverModules.forEach(module => {
+                    const extendedModuleData = Object.assign(Object.assign({}, module), { selectedVersion: module.versions[0] });
+                    // When the server retrieves the modules, the selected module is by default the first one.
+                    this.serverModulesExtended.push(extendedModuleData);
+                    // Save modules on a map as well, for faster retrieval.
+                    this.modulesMap.set(module.id, extendedModuleData);
+                });
+                this.selectedServerId = serverId;
+                this.loadingServer = false;
+            }
+        };
+        this.progressBarCloseHandler = () => {
+            setTimeout(() => {
+                this.actionCompleted = true;
+                this.closeProgressBar = true;
+                // reset
+                this.progressValue = 0;
+                this.progressState = "in-progress";
+            }, 400);
+            // delay to force the footer line disappear after the top-state-bar has been closed.
+        };
+        this.searchModulesFilterValue = "";
+        this.selectedButtonFilter = "browse";
+        this.serverModules = [];
+        this.serverModulesExtended = [];
+        this.filteredServerModules = [];
+        this.modulesMap = new Map();
+        this.selectedModule = undefined;
+        this.selectedServerId = undefined;
+        this.selectedModuleAction = {
+            message: "",
+            progress: 0,
+            state: "in-progress"
+        };
+        this.modulesSelectedVersionMap = new Map();
+        this.actionCompleted = true;
+        this.closeProgressBar = true;
+        this.progressValue = 0;
+        this.progressState = "in-progress";
+        this.loadingServer = false;
+        this.displayTitle = false;
+        this.servers = [];
+        this.serverSelectedCallback = undefined;
+        this.executeActionCallback = undefined;
+        this.serverContextMenuCallback = undefined;
+        this.showServerCommands = false;
+    }
+    loadingServerHandler(loading) {
+        if (loading) {
+            this.loaderEl.show = true;
+        }
+        else {
+            this.loaderEl.show = false;
+        }
+    }
+    // 6.COMPONENT LIFECYCLE EVENTS //
+    componentDidRender() {
+        if (!this.renderedFirstTime) {
+            this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+            this.renderedFirstTime = true;
+        }
+    }
+    async componentWillLoad() {
+        this._componentLocale = await Locale.getComponentStrings(this.el);
+    }
+    async componentDidLoad() {
+        await this.serverSelectedCallbackHandler(this.servers[0].id, false);
+    }
+    // 11.RENDER() FUNCTION //
+    render() {
+        return (h(Host, { class: {
+                "gx-ide-component": true
+            } }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { noContentPadding: true, noAboveFooterPadding: true, noBorderAboveFooter: this.closeProgressBar, part: "servers", containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("main", { class: "main" }, h("div", { class: "modules__container" }, h("header", { class: "modules__header" }, h("div", { class: "modules__combo-container" }, h("gxg-label", null, this._componentLocale.modules.selectServer), h("div", { class: "modules__combo" }, h("gxg-combo-box", { disabled: this.loadingServer || !this.actionCompleted, disableFilter: true, onValueChanged: this.serverValueChangedHandler }, this.servers.map(item => (h("gxg-combo-box-item", { value: item.id, onItemSelected: this.serverItemSelectedHandler }, item.name)))), this.showServerCommands ? (h("span", { class: "modules__server-commands" }, h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.showModuleMenu }))) : null, h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.reloadServer })))), h("div", { class: "modules__main" }, h("div", { class: "modules__main-header" }, h("gxg-form-text", { label: this._componentLocale.modules.searchModules, labelPosition: "above", centerLabel: false, onValueChanged: this.searchModulesFilterHandler, disabled: this.loadingServer || !this.actionCompleted }), h("gxg-buttons-container", { reduced: true, fullWidth: true, class: "modules__browser", onSelectedButtonChanged: this.selectedButtonChangedHandler }, h("gxg-button", { id: "browse", selected: true, disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer.browse), h("gxg-button", { id: "installed", disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer
+            .installed), h("gxg-button", { id: "updates", disabled: this.loadingServer || !this.actionCompleted }, this._componentLocale.modules.buttonsContainer.updates))), h("div", { class: "grid-container", ref: el => (this.serversDetail = el) }, this.renderGridOrEmptyState()))), this.selectedModule ? (h("div", { class: "module-info" }, h("header", { class: "module-info__header" }, h("div", { class: "module-info__title" }, this.renderVersionIcon(), this.renderVersionName()), this.renderInstalledVersion(), this.renderModuleVersions(), this.renderVersionWarningMessage()), h("div", { class: "module-info__properties gxg-scrollbar" }, renderModuleDataProperties(this.selectedModule.selectedVersion.properties)))) : (h("gx-ide-empty-state", { class: "recent-objects__empty-state", stateIcon: "objects/module", stateTitle: this._componentLocale.modulesInformation.emptyState.title, stateDescription: this._componentLocale.modulesInformation.emptyState
+                .description }))), h("gxg-top-state-bar", { slot: "footer-above", part: "progress-bar", stateType: this.progressState, noBorder: true, caption: this.selectedModuleAction.message ||
+                this._componentLocale.progressBar.defaultCaption, progress: this.progressValue, active: !this.actionCompleted || !this.closeProgressBar, closeType: "not-progress", closedCallback: this.progressBarCloseHandler }))), h("gxg-ide-loader", { loaderTitle: this._componentLocale.servers.loading, ref: el => (this.loaderEl = el), container: this.serversDetail, borderRadius: "0 0 0 8px", abortTime: 60000 })));
+    }
+    static get is() { return "gx-ide-manage-module-references-v2"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["manage-module-references.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["manage-module-references.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/manage-module-references-v2"]; }
+    static get properties() {
+        return {
+            "displayTitle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "false",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true it displays the component title on the header"
+                },
+                "attribute": "display-title",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "servers": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ModuleServerData[]",
+                    "resolved": "ModuleServerData[]",
+                    "references": {
+                        "ModuleServerData": {
+                            "location": "import",
+                            "path": "../types",
+                            "id": "src/components/modules/types.ts::ModuleServerData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "List of module servers currently cataloged"
+                },
+                "defaultValue": "[]"
+            },
+            "serverSelectedCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ServerSelectedCallback",
+                    "resolved": "(id: string, reload: boolean) => Promise<ModuleData[]>",
+                    "references": {
+                        "ServerSelectedCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx",
+                            "id": "src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx::ServerSelectedCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when a server is selected. Returns the set of modules available on that server."
+                }
+            },
+            "executeActionCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ExecuteActionCallback",
+                    "resolved": "(serverId: string, moduleId: string, moduleVersionId: string, action: ModuleActionType, onProgress: (message: string, progress: number, state: topStateBarType) => void) => Promise<boolean>",
+                    "references": {
+                        "ExecuteActionCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx",
+                            "id": "src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx::ExecuteActionCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage."
+                }
+            },
+            "serverContextMenuCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ServerContextMenuCallback",
+                    "resolved": "(contextMenuInfo: ContextMenuInfo) => Promise<void>",
+                    "references": {
+                        "ServerContextMenuCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx",
+                            "id": "src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx::ServerContextMenuCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when an element is right clicked on servers list"
+                }
+            },
+            "showServerCommands": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version"
+                },
+                "attribute": "show-server-commands",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "searchModulesFilterValue": {},
+            "selectedButtonFilter": {},
+            "serverModules": {},
+            "serverModulesExtended": {},
+            "filteredServerModules": {},
+            "modulesMap": {},
+            "selectedModule": {},
+            "selectedServerId": {},
+            "selectedModuleAction": {},
+            "modulesSelectedVersionMap": {},
+            "actionCompleted": {},
+            "closeProgressBar": {},
+            "progressValue": {},
+            "progressState": {},
+            "loadingServer": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "componentDidRenderFirstTime",
+                "name": "componentDidRenderFirstTime",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "This event is emitted once just after the component is fully loaded and the first render() occurs"
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "loadingServer",
+                "methodName": "loadingServerHandler"
+            }];
+    }
+}
+//# sourceMappingURL=manage-module-references-v2.js.map

package/dist/collection/components/modules/manage-module-references-v2/manage-module-references-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manage-module-references-v2.js","sourceRoot":"","sources":["../../../../src/components/modules/manage-module-references-v2/manage-module-references-v2.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  Element,\n  EventEmitter,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color } from \"@genexus/gemini\";\nimport { topStateBarType } from \"@genexus/gemini\";\nimport { ChGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport {\n  ModuleServerData,\n  ModuleData,\n  ModuleActionType,\n  ModuleFilterType,\n  ExtendedModuleData\n} from \"../types\";\nimport { renderModuleDataProperties } from \"../../../common/common\";\nimport { Locale } from \"../../../common/locale\";\nimport { ContextMenuInfo } from \"../../../common/types\";\n\n@Component({\n  tag: \"gx-ide-manage-module-references-v2\",\n  styleUrl: \"manage-module-references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/manage-module-references-v2\"]\n})\nexport class GxManageModuleReferencesV2 {\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeManageModuleReferencesV2Element;\n  private loaderEl!: HTMLGxgIdeLoaderElement;\n  private serversDetail!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  // Filtering modules\n  @State() searchModulesFilterValue: string = \"\";\n  @State() selectedButtonFilter: ModuleFilterType = \"browse\";\n  @State() serverModules: ModuleData[] = [];\n  @State() serverModulesExtended: ExtendedModuleData[] = [];\n  @State() filteredServerModules: ExtendedModuleData[] = [];\n  @State() modulesMap: Map<string, ExtendedModuleData> = new Map();\n\n  @State() selectedModule: ExtendedModuleData;\n  @State() selectedServerId: string;\n  @State() selectedModuleAction: ActionInfo = {\n    message: \"\",\n    progress: 0,\n    state: \"in-progress\"\n  };\n  @State() modulesSelectedVersionMap: Map<string, string> = new Map();\n  @State() actionCompleted = true;\n  @State() closeProgressBar = true;\n  @State() progressValue: number = 0;\n  @State() progressState: topStateBarType = \"in-progress\";\n  @State() loadingServer = false;\n  @Watch(\"loadingServer\")\n  loadingServerHandler(loading: boolean) {\n    if (loading) {\n      this.loaderEl.show = true;\n    } else {\n      this.loaderEl.show = false;\n    }\n  }\n\n  // 4.PUBLIC PROPERTY API //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * List of module servers currently cataloged\n   */\n  @Prop() readonly servers: ModuleServerData[] = [];\n\n  /**\n   * Callback invoked when a server is selected. Returns the set of modules available on that server.\n   */\n  @Prop() readonly serverSelectedCallback: ServerSelectedCallback;\n\n  /**\n   * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.\n   */\n  @Prop() readonly executeActionCallback: ExecuteActionCallback;\n\n  /**\n   * Callback invoked when an element is right clicked on servers list\n   */\n  @Prop() readonly serverContextMenuCallback: ServerContextMenuCallback;\n\n  /**\n   * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version\n   */\n  @Prop() readonly showServerCommands: boolean = false;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  async componentDidLoad() {\n    await this.serverSelectedCallbackHandler(this.servers[0].id, false);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  /**\n   * Callback invoked to get the progress when module is performing an action\n   */\n  private onProgress = (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ): void => {\n    const data = { message, progress, state };\n    this.selectedModuleAction = { ...data };\n    this.progressValue = this.selectedModuleAction.progress;\n    this.progressState = this.selectedModuleAction.state;\n  };\n\n  /**\n   * Used for changing the selected module\n   */\n  private handleModuleChange = (\n    event: CustomEvent<ChGridSelectionChangedEvent>\n  ) => {\n    const selectedModuleId = event.detail.rowsId[0];\n    this.selectedModule = this.modulesMap.get(selectedModuleId);\n  };\n\n  private moduleActionHandler = (module: ModuleData) => () => {\n    this.actionCompleted = false;\n    this.closeProgressBar = false;\n    this.executeActionCallbackHandler(module);\n  };\n\n  /**\n   * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback\n   */\n  private executeActionCallbackHandler = async (module: ModuleData) => {\n    if (this.executeActionCallback) {\n      this.actionCompleted = false;\n      const moduleSelectedVersionId = this.modulesMap.get(module.id)\n        .selectedVersion.id;\n      const moduleSelectedVersionAction = this.modulesMap.get(module.id)\n        .selectedVersion.action;\n      const actionCompleted = await this.executeActionCallback(\n        this.selectedServerId,\n        module.id,\n        moduleSelectedVersionId,\n        moduleSelectedVersionAction,\n        this.onProgress\n      );\n      if (actionCompleted) {\n        this.serverSelectedCallbackHandler(this.selectedServerId, false);\n      }\n      this.actionCompleted = true;\n    }\n  };\n\n  private showModuleMenu = async (e: MouseEvent) => {\n    if (this.serverContextMenuCallback) {\n      const buttonBoundingClientRect = (\n        e.target as HTMLElement\n      ).getBoundingClientRect();\n      await this.serverContextMenuCallback({\n        selection: [this.selectedServerId],\n        clientX: buttonBoundingClientRect.x,\n        clientY: buttonBoundingClientRect.y\n      });\n    }\n  };\n\n  private searchModulesFilterHandler = (e: CustomEvent<string>) => {\n    this.searchModulesFilterValue = e.detail.trim().toLowerCase();\n  };\n\n  private getFilteredServerModules = (): ExtendedModuleData[] => {\n    return this.serverModulesExtended.filter(module => {\n      // Filter conditions\n      const nameMatch = module.selectedVersion.name\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      const descriptionMatch = module.selectedVersion.description\n        .toLowerCase()\n        .includes(this.searchModulesFilterValue);\n      let actionMatch;\n      if (this.selectedButtonFilter === \"browse\") {\n        // If browse is selected, display all\n        actionMatch = true;\n      } else if (this.selectedButtonFilter === \"installed\") {\n        actionMatch = !!(\n          module.selectedVersion.action === \"update\" ||\n          module.selectedVersion.action === \"restore\"\n        );\n      } else if (this.selectedButtonFilter === \"updates\") {\n        actionMatch = !!(module.selectedVersion.action === \"update\");\n      }\n\n      const filtered = (nameMatch || descriptionMatch) && actionMatch;\n      return filtered;\n    });\n  };\n\n  // 9.LOCAL METHODS > RENDERS //\n  private renderGridOrEmptyState = () => {\n    this.filteredServerModules = this.getFilteredServerModules();\n    if (this.filteredServerModules.length > 0) {\n      return this.renderModulesVersionsGrid();\n    } else {\n      return this.renderEmptyStateModules();\n    }\n  };\n\n  private renderModulesVersionsGrid = (): HTMLGxgGridElement => {\n    return (\n      <gxg-grid noBorder fullHeight>\n        <ch-grid\n          rowSelectionMode=\"single\"\n          part=\"ch-grid-pending-commits\"\n          class=\"servers-detail no-border\"\n          onSelectionChanged={this.handleModuleChange}\n        >\n          <ch-grid-columnset>\n            <ch-grid-column settingable={false}></ch-grid-column>\n            <ch-grid-column\n              settingable={false}\n              size=\"min-content\"\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.filteredServerModules.map((module: ExtendedModuleData) => (\n            <ch-grid-row\n              rowid={module.id}\n              key={module.id}\n              selected={\n                this.selectedModule && this.selectedModule.id === module.id\n              }\n            >\n              <ch-grid-cell class=\"grid-cell-module__info\">\n                <span class=\"grid-cell-module__name\">\n                  <gxg-icon\n                    type=\"objects/module\"\n                    data-action={module.selectedVersion.action}\n                    color={this.moduleVersionIconColor(module.id)}\n                    size=\"small\"\n                  ></gxg-icon>\n                  {module.selectedVersion.name}\n                </span>\n                <span class=\"grid-cell-module__description\">\n                  {module.selectedVersion.description}\n                </span>\n              </ch-grid-cell>\n\n              <ch-grid-cell>\n                {this.selectedModule && this.selectedModule.id === module.id ? (\n                  <gxg-button\n                    disabled={\n                      !this.actionCompleted ||\n                      module.selectedVersion.action === \"incompatible\" ||\n                      module.selectedVersion.action === \"not-installable\"\n                    }\n                    fit\n                    part=\"module-action\"\n                    onClick={this.moduleActionHandler(module)}\n                  >\n                    {module.selectedVersion.action}\n                  </gxg-button>\n                ) : null}\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\n    );\n  };\n\n  private renderEmptyStateModules = () => {\n    return (\n      <gx-ide-empty-state\n        stateIcon=\"mercury/filters\"\n        stateTitle={this._componentLocale.modules.noModulesFilter}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  private moduleVersionIconColor = (moduleId: string): Color => {\n    const foundModule = this.serverModulesExtended.find(module => {\n      return module.id === moduleId;\n    });\n    if (foundModule) {\n      const moduleAction = foundModule.selectedVersion.action;\n      const moduleCurrentVersion = foundModule.currentVersion;\n      if (\n        moduleAction === \"not-installable\" ||\n        moduleAction === \"incompatible\"\n      ) {\n        return \"warning\";\n      } else if (!moduleCurrentVersion) {\n        return \"mercury-primary-disabled\";\n      } else {\n        return \"mercury-primary\";\n      }\n    }\n\n    return \"mercury-primary\";\n  };\n\n  private renderVersionIcon = () => {\n    return (\n      <gxg-icon\n        type=\"objects/module\"\n        color={this.moduleVersionIconColor(this.selectedModule.id)}\n      ></gxg-icon>\n    );\n  };\n\n  /* module details/information renders*/\n  private renderVersionName = () => {\n    return (\n      <gxg-title part=\"module-info__name\" type=\"title-05\">\n        <div class=\"module-info__name\">\n          {this.selectedModule.selectedVersion.name}\n        </div>\n      </gxg-title>\n    );\n  };\n\n  private renderVersionWarningMessage = () => {\n    const warningMessage = this.selectedModule.selectedVersion.warningMessage;\n    if (warningMessage) {\n      return <p class=\"module-info__warning-message\">{warningMessage}</p>;\n    }\n  };\n\n  private renderInstalledVersion = () => {\n    const currentVersion = this.selectedModule.currentVersion;\n    let caption;\n    let cssClass = \"module-info__action-container\";\n    if (currentVersion) {\n      caption = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${currentVersion}`;\n      cssClass += ` module-info__action-container--installed`;\n    } else {\n      caption =\n        this._componentLocale.modulesInformation.moduleProperties.notInstalled;\n    }\n    return (\n      <div class={cssClass}>\n        <gxg-text part=\"module-info__action\">{caption}</gxg-text>\n      </div>\n    );\n  };\n\n  // Update selected version\n  private moduleVersionsValueChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private moduleVersionsItemChangedHandler = (e: CustomEvent<any>) => {\n    const selectedVersionId = e.detail.value;\n    this.updateSelectedModuleVersion(selectedVersionId);\n  };\n  private updateSelectedModuleVersion = (selectedVersionId: string) => {\n    const moduleSelectedVersion = this.selectedModule.versions.find(version => {\n      return version.id === selectedVersionId;\n    });\n    if (moduleSelectedVersion) {\n      const updatedSelectedModule = {\n        ...this.selectedModule,\n        selectedVersion: moduleSelectedVersion\n      };\n      this.selectedModule = updatedSelectedModule;\n\n      // update module selected in modules array as well\n      const updatedModuleIndex = this.serverModulesExtended.findIndex(\n        module => module.id === updatedSelectedModule.id\n      );\n      if (updatedModuleIndex !== -1) {\n        // Update the object with new information\n        this.serverModulesExtended[updatedModuleIndex] = {\n          ...this.serverModulesExtended[updatedModuleIndex],\n          ...updatedSelectedModule\n        };\n      }\n    }\n  };\n\n  private renderModuleVersions = () => {\n    return (\n      <div part=\"available-versions\">\n        <gxg-combo-box\n          id=\"versions-combo-box\"\n          disable-filter\n          value=\"\"\n          part=\"module-versions\"\n          display-validation-styles\n          display-validation-message\n          label={\n            this._componentLocale.modulesInformation.moduleProperties\n              .availableVersions\n          }\n          labelPosition=\"start\"\n          centerLabel\n          onValueChanged={this.moduleVersionsValueChangedHandler}\n          disabled={this.loadingServer || !this.actionCompleted}\n        >\n          {this.selectedModule.versions.map(item => (\n            <gxg-combo-box-item\n              value={item.id}\n              onItemSelected={this.moduleVersionsItemChangedHandler}\n            >\n              {item.id}\n            </gxg-combo-box-item>\n          ))}\n        </gxg-combo-box>\n      </div>\n    );\n  };\n\n  private selectedButtonChangedHandler = (e: CustomEvent<string>) => {\n    this.selectedButtonFilter = e.detail as ModuleFilterType;\n  };\n\n  // Update server selected\n  private serverItemSelectedHandler = (\n    e: CustomEvent<{\n      el: HTMLGxgComboBoxItemElement;\n      index: number;\n      value: any;\n      icon?: string;\n    }>\n  ) => {\n    const serverId = e.detail.value;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n  private serverValueChangedHandler = (e: CustomEvent<any>) => {\n    const serverId = e.detail;\n    this.serverSelectedCallbackHandler(serverId, false);\n  };\n\n  private reloadServer = () => {\n    this.serverSelectedCallbackHandler(this.selectedServerId, true);\n  };\n  /**\n   * Change the server selected value in response to callbackServerSelected callback\n   */\n  private serverSelectedCallbackHandler = async (\n    serverId: any,\n    reload: boolean\n  ) => {\n    if (this.serverSelectedCallback) {\n      this.loadingServer = true;\n\n      // clear\n      this.serverModules = [];\n      this.serverModulesExtended = [];\n      this.filteredServerModules = [];\n      this.modulesMap.clear();\n      this.modulesSelectedVersionMap.clear();\n\n      this.serverModules = await this.serverSelectedCallback(serverId, reload);\n      // Save modules on Map as well to get information about modules faster\n      this.serverModules.forEach(module => {\n        const extendedModuleData = {\n          ...module,\n          selectedVersion: module.versions[0]\n        };\n        // When the server retrieves the modules, the selected module is by default the first one.\n        this.serverModulesExtended.push(extendedModuleData);\n        // Save modules on a map as well, for faster retrieval.\n        this.modulesMap.set(module.id, extendedModuleData);\n      });\n      this.selectedServerId = serverId;\n      this.loadingServer = false;\n    }\n  };\n\n  private progressBarCloseHandler = () => {\n    setTimeout(() => {\n      this.actionCompleted = true;\n      this.closeProgressBar = true;\n      // reset\n      this.progressValue = 0;\n      this.progressState = \"in-progress\";\n    }, 400);\n    // delay to force the footer line disappear after the top-state-bar has been closed.\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"gx-ide-component\": true\n        }}\n      >\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            noContentPadding\n            noAboveFooterPadding\n            noBorderAboveFooter={this.closeProgressBar}\n            part=\"servers\"\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {/* Servers*/}\n            <main class=\"main\">\n              <div class=\"modules__container\">\n                <header class=\"modules__header\">\n                  <div class=\"modules__combo-container\">\n                    <gxg-label>\n                      {this._componentLocale.modules.selectServer}\n                    </gxg-label>\n                    <div class=\"modules__combo\">\n                      <gxg-combo-box\n                        disabled={this.loadingServer || !this.actionCompleted}\n                        disableFilter\n                        onValueChanged={this.serverValueChangedHandler}\n                      >\n                        {this.servers.map(item => (\n                          <gxg-combo-box-item\n                            value={item.id}\n                            onItemSelected={this.serverItemSelectedHandler}\n                          >\n                            {item.name}\n                          </gxg-combo-box-item>\n                        ))}\n                      </gxg-combo-box>\n                      {this.showServerCommands ? (\n                        <span class=\"modules__server-commands\">\n                          <gxg-button\n                            type=\"secondary-icon-only\"\n                            icon=\"gemini-tools/show-more-horizontal\"\n                            onClick={this.showModuleMenu}\n                          ></gxg-button>\n                        </span>\n                      ) : null}\n                      <gxg-button\n                        type=\"secondary-icon-only\"\n                        icon=\"gemini-tools/reset\"\n                        onClick={this.reloadServer}\n                      ></gxg-button>\n                    </div>\n                  </div>\n                </header>\n\n                <div class=\"modules__main\">\n                  <div class=\"modules__main-header\">\n                    <gxg-form-text\n                      label={this._componentLocale.modules.searchModules}\n                      labelPosition=\"above\"\n                      centerLabel={false}\n                      onValueChanged={this.searchModulesFilterHandler}\n                      disabled={this.loadingServer || !this.actionCompleted}\n                    ></gxg-form-text>\n                    <gxg-buttons-container\n                      reduced\n                      fullWidth\n                      class=\"modules__browser\"\n                      onSelectedButtonChanged={\n                        this.selectedButtonChangedHandler\n                      }\n                    >\n                      <gxg-button\n                        id=\"browse\"\n                        selected\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.browse}\n                      </gxg-button>\n                      <gxg-button\n                        id=\"installed\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {\n                          this._componentLocale.modules.buttonsContainer\n                            .installed\n                        }\n                      </gxg-button>\n                      <gxg-button\n                        id=\"updates\"\n                        disabled={this.loadingServer || !this.actionCompleted}\n                      >\n                        {this._componentLocale.modules.buttonsContainer.updates}\n                      </gxg-button>\n                    </gxg-buttons-container>\n                  </div>\n                  {/* modules grid*/}\n                  <div\n                    class=\"grid-container\"\n                    ref={el => (this.serversDetail = el as HTMLDivElement)}\n                  >\n                    {this.renderGridOrEmptyState()}\n                  </div>\n                </div>\n              </div>\n\n              {/* Module version information*/}\n              {this.selectedModule ? (\n                <div class=\"module-info\">\n                  <header class=\"module-info__header\">\n                    <div class=\"module-info__title\">\n                      {this.renderVersionIcon()}\n                      {this.renderVersionName()}\n                    </div>\n                    {this.renderInstalledVersion()}\n                    {this.renderModuleVersions()}\n                    {this.renderVersionWarningMessage()}\n                  </header>\n                  <div class=\"module-info__properties gxg-scrollbar\">\n                    {renderModuleDataProperties(\n                      this.selectedModule.selectedVersion.properties\n                    )}\n                  </div>\n                </div>\n              ) : (\n                <gx-ide-empty-state\n                  class=\"recent-objects__empty-state\"\n                  stateIcon=\"objects/module\"\n                  stateTitle={\n                    this._componentLocale.modulesInformation.emptyState.title\n                  }\n                  stateDescription={\n                    this._componentLocale.modulesInformation.emptyState\n                      .description\n                  }\n                ></gx-ide-empty-state>\n              )}\n            </main>\n            {/* Top State Bar*/}\n            <gxg-top-state-bar\n              slot=\"footer-above\"\n              part=\"progress-bar\"\n              stateType={this.progressState}\n              noBorder\n              caption={\n                this.selectedModuleAction.message ||\n                this._componentLocale.progressBar.defaultCaption\n              }\n              progress={this.progressValue}\n              active={!this.actionCompleted || !this.closeProgressBar}\n              closeType=\"not-progress\"\n              closedCallback={this.progressBarCloseHandler}\n            ></gxg-top-state-bar>\n          </gx-ide-container>\n        </div>\n        <gxg-ide-loader\n          loaderTitle={this._componentLocale.servers.loading}\n          ref={el => (this.loaderEl = el as HTMLGxgIdeLoaderElement)}\n          container={this.serversDetail}\n          borderRadius=\"0 0 0 8px\"\n          abortTime={60000}\n        ></gxg-ide-loader>\n      </Host>\n    );\n  }\n}\n\nexport type ExecuteActionCallback = (\n  serverId: string,\n  moduleId: string,\n  moduleVersionId: string,\n  action: ModuleActionType,\n  onProgress: (\n    message: string,\n    progress: number,\n    state: topStateBarType\n  ) => void\n) => Promise<boolean>;\n\nexport type ServerSelectedCallback = (\n  id: string,\n  reload: boolean\n) => Promise<ModuleData[]>;\n\nexport type ServerContextMenuCallback = (\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\nexport interface ActionInfo {\n  message: string;\n  progress: number;\n  state: topStateBarType;\n}\n"]}