@genexus/genexus-ide-ui 0.0.137 → 0.0.139

package/dist/collection/components/create-kb-from-server/create-kb-from-server.css

@@ -510,6 +510,7 @@ gxg-tabs {
 
 p {
   margin: 0;
+  font-size: var(--mer-font__size--xxs);
 }
 
 /*Gx Ide*/
@@ -523,40 +524,37 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   background-color: var(--mer-color__surface);
 }
 
-.grid-data {
-  grid-template-columns: repeat(2, 1fr);
-}
-
-.grid-data-account {
-  grid-template-columns: auto 1fr;
-}
-.grid-data-account > :nth-child(1) {
-  grid-area: 1/1/2/3;
-}
-.grid-data-account > :nth-child(6) {
-  grid-area: 4/2/5/3;
+.header {
+  display: grid;
+  gap: var(--mer-spacing--md);
+  grid-template-rows: auto;
+  grid-template-columns: 1fr 1fr min-content;
+  align-items: center;
+  padding: var(--mer-spacing--sm);
+  border-block-end: 1px solid var(--mer-border-color__on-elevation--01);
 }
-
-.grid-data-kbs {
+.header__item {
   display: flex;
   flex-direction: column;
-  gap: var(--gx-ide-grid-row-gap);
+  gap: var(--mer-spacing--xxxs);
 }
-.grid-data-kbs .search-kbs {
-  width: 100%;
+
+.main {
   display: flex;
-}
-.grid-data-kbs .box-kbs {
-  height: 150px;
+  flex-direction: column;
+  gap: var(--mer-spacing--sm);
+  padding: var(--mer-spacing--sm);
 }
 
-.grid-data-kbs-footer {
-  display: flex;
+.kbs-list {
+  max-height: 200px;
 }
 
-.flex {
+.versions-container {
   display: flex;
+  flex-direction: column;
 }
-.flex > :nth-child(2) {
-  flex: 1;
+.versions-container__input {
+  display: flex;
+  gap: 8px;
 }

package/dist/collection/components/create-kb-from-server/create-kb-from-server.js

@@ -1,110 +1,88 @@
 /* STENCIL IMPORTS */
 import { Host, h, getAssetPath } from "@stencil/core";
 import { Locale } from "../../common/locale";
-import { renderFormItems } from "../../common/common";
-import { formSubmitValidation } from "../../common/form-validation";
 export class GxIdeCreateKbFromServer {
     constructor() {
         this.renderedFirstTime = false;
         this.shortcutsSrc = getAssetPath(`./gx-ide-assets/create-kb-from-server/shortcuts.json`);
-        this.kbIdSelected = null;
-        this.authenticationTypes = [];
         // 7.LISTENERS //
         // 8.PUBLIC METHODS API //
         // 9.LOCAL METHODS //
-        this.setAuthenticationTypes = () => {
-            this.authenticationTypes = [
-                {
-                    id: "genexus",
-                    value: "genexus",
-                    label: this._componentLocale.authenticationTypes.genexusAccount
-                },
-                {
-                    id: "local",
-                    value: "local",
-                    label: this._componentLocale.authenticationTypes.local
-                }
-            ];
+        this.init = async () => {
+            if (this.getGXserverKBsCallback) {
+                await this.getGXserverKBsCallback({
+                    serverUrl: this.serverUrl,
+                    user: this.userName,
+                    password: this.userPassword
+                }).then(result => {
+                    this.kbsData = result;
+                });
+            }
+            // get version option
+            this.versionSelectedType = this.versionSelectedTypeEl
+                .value;
         };
-        this.addEventListeners = () => {
-            this.serverUrlsEl.addEventListener("valueChanged", () => {
-                this.reset();
-            });
-            this.searchKBEl.addEventListener("valueChanged", (e) => {
-                this.kbNameEl.value = "";
-                this.kbIdSelected = null;
-                this.kbSearchText = e.detail;
-            });
-            this.listBoxEl.addEventListener("selectionChanged", (ev) => {
-                const selectedItems = ev.detail.items;
-                let selectedItem;
-                if (selectedItems.length > 0) {
-                    selectedItem = ev.detail.items[0];
-                }
-                if (selectedItem) {
-                    this.kbIdSelected = selectedItem.value;
-                    const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);
-                    if (kbSelected) {
-                        this.kbNameEl.value = kbSelected.name;
-                    }
-                }
-            });
+        this.cancelHandler = () => {
+            if (this.cancelCallback) {
+                this.cancelCallback();
+            }
         };
-        this.createKbHandler = () => {
+        this.createHandler = async () => {
             if (this.createKBCallback) {
-                const createKBCallbackPromise = this.createKBCallback({
-                    id: this.kbIdSelected,
-                    name: this.kbNameEl.value
-                });
-                createKBCallbackPromise.then((formSubmitResult) => {
-                    formSubmitValidation(formSubmitResult, this);
-                });
+                this.createKBCallback(this.selectedKbId, this.versionSelectedType, this.localKBNameEl.value, this.kbVersionsIds);
             }
         };
-        this.connectCallbackHandler = () => {
-            var _a, _b;
-            if (this.connectCallback) {
-                const connectCallbackPromise = this.connectCallback({
-                    serverUrl: this.serverUrlsEl.value,
-                    authenticationType: this.authenticationTypeEl.value,
-                    user: (_a = this.userNameEl) === null || _a === void 0 ? void 0 : _a.value,
-                    password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value
+        this.changeConnectionHandler = async () => {
+            if (this.changeConnectionCallback) {
+                this.changeConnectionCallback({
+                    serverUrl: this.serverUrl,
+                    user: this.userName,
+                    password: this.userPassword
                 });
-                connectCallbackPromise.then((connectionResultData) => {
-                    formSubmitValidation(connectionResultData.formResult, this);
-                    if (connectionResultData.formResult.success &&
-                        connectionResultData.kbs) {
-                        this.kbs = connectionResultData.kbs;
-                        this.selectionKbDisabled = false;
+            }
+        };
+        this.renderKbs = () => {
+            return this.kbsData.map(kb => {
+                return (h("gx-ide-list-selector-item", { itemId: kb.id, itemValue: kb.name }));
+            });
+        };
+        this.selectionChangedHandler = (event) => {
+            this.selectedKbId = event.detail[0].itemId;
+        };
+        this.selectedVersionHandler = async () => {
+            if (this.selectKBVersionsCallback) {
+                await this.selectKBVersionsCallback(this.selectedKbId).then(result => {
+                    if (result === null || result === void 0 ? void 0 : result.length) {
+                        this.kbVersions = result;
+                        this.kbVersionsIds = result.map(version => version.id.toString());
                     }
                 });
             }
         };
-        this.selectionKbDisabled = true;
-        this.kbs = [];
-        this.kbSearchText = "";
+        this.versionsChangedHandler = (event) => {
+            this.versionSelectedType = event.detail.value;
+        };
+        this.kbsData = [];
+        this.kbVersions = [];
+        this.kbVersionsIds = [];
+        this.versionSelectedType = undefined;
         this.displayTitle = false;
-        this.connectCallback = undefined;
-        this.createKBCallback = undefined;
-        this.enableCustomServer = true;
-        this.kbName = undefined;
-        this.password = undefined;
-        this.serverUrls = undefined;
+        this.serverUrl = undefined;
         this.userName = undefined;
-    }
-    watchPropHandler(newKbs) {
-        /* When the list of servers are updated, the first server is selected by default */
-        this.kbIdSelected = newKbs[0].id;
-        this.kbName = newKbs[0].name;
+        this.userPassword = undefined;
+        this.getGXserverKBsCallback = undefined;
+        this.changeConnectionCallback = undefined;
+        this.createKBCallback = undefined;
+        this.selectKBVersionsCallback = undefined;
+        this.cancelCallback = undefined;
     }
     // 6.METHODS //
     async componentWillLoad() {
         this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.setAuthenticationTypes();
     }
     componentDidLoad() {
-        this.serverUrlsEl.focus();
-        this.addEventListeners();
+        this.searchKbsEl.focus();
+        this.init();
     }
     componentDidRender() {
         if (!this.renderedFirstTime) {
@@ -112,27 +90,10 @@ export class GxIdeCreateKbFromServer {
             this.renderedFirstTime = true;
         }
     }
-    reset() {
-        this.kbs = [];
-        this.kbIdSelected = null;
-        this.selectionKbDisabled = true;
-        this.searchKBEl.value = "";
-        this.kbSearchText = "";
-    }
-    // 10.RENDER() FUNCTION //
     // 11.RENDER() FUNCTION //
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("div", { class: "flex" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.label.serverUrl), h("gxg-combo-box", { disableFilter: !this.enableCustomServer, ref: (el) => (this.serverUrlsEl = el), class: "server-urls-combo-box", part: "server-urls" }, this.serverUrls
-            ? renderFormItems("gxg-combo-box-item", this.serverUrls.map(sUrl => ({
-                id: sUrl,
-                label: sUrl,
-                value: sUrl
-            })), "server-urls")
-            : null)), h("div", { class: "grid grid-data" }, h("div", null, h("div", { class: "grid grid-data-account" }, h("gxg-combo-box", { "tool-tip": true, disableFilter: true, value: this.authenticationTypes[0].id, ref: (el) => (this.authenticationTypeEl = el), class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.userName}:`), h("gxg-form-text", { ref: (el) => (this.userNameEl = el), "tool-tip": true, value: this.userName, class: "user-name", part: "user-name" }), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.password}:`), h("gxg-form-text", { "tool-tip": true, password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" }), h("div", null, h("gxg-button", { id: "button-connect", type: "primary-text-only", onClick: this.connectCallbackHandler, part: "button-connect" }, this._componentLocale.buttons.connect)))), h("div", { class: "grid" }, h("div", { class: "grid-data-kbs" }, h("div", { class: "search-kbs" }, h("gxg-form-text", { ref: (el) => (this.searchKBEl = el), class: "search-kb-input", part: "search-kb", disabled: this.selectionKbDisabled, placeholder: this._componentLocale.label.searchKbs })), h("div", { class: "box-kbs" }, h("gxg-list-box", { singleSelection: true, disabled: this.selectionKbDisabled, ref: (el) => (this.listBoxEl = el), part: "kbs" }, this.kbs
-            .filter(kb => kb.name
-            .toLowerCase()
-            .includes(this.kbSearchText.toLowerCase()))
-            .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), label: this._componentLocale.localKb, value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.buttons.create))))))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: true, noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("div", { class: "header" }, h("div", { class: "header__item" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.serverUrl), h("p", null, this.serverUrl)), h("div", { class: "header__item" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.user), h("p", null, this.userName)), h("gxg-button", { type: "secondary-text-only", class: "header__button", onClick: this.changeConnectionHandler }, this._componentLocale.header.change)), h("main", { class: "main" }, h("gxg-form-text", { icon: "gemini-tools/search", iconPosition: "start", placeholder: this._componentLocale.main.searchKB, maxWidth: "300px", ref: el => (this.searchKbsEl = el) }), h("gx-ide-list-selector", { listName: "kbs-list", ellipsis: true, onSelectionChanged: this.selectionChangedHandler, class: "kbs-list" }, this.renderKbs()), h("gxg-form-radio-group", { row: true, onChange: this.versionsChangedHandler, ref: el => (this.versionSelectedTypeEl =
+                el) }, h("gxg-form-radio", { label: this._componentLocale.main.trunkVersion, id: "Trunk", value: "Trunk" }), h("gxg-form-radio", { label: this._componentLocale.main.allVersions, id: "All", value: "All" }), h("gxg-form-radio", { label: this._componentLocale.main.selectVersion, id: "Select", value: "Select" })), h("div", { class: "versions-container" }, h("gxg-label", { labelPosition: "above" }, this._componentLocale.main.selectVersion), h("div", { class: "versions-container__input" }, h("gxg-form-text", { readonly: true, value: `${this.kbVersions.length.toString()} versions selected` }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.selectedVersionHandler }))), h("gxg-form-text", { label: "Local KB Name", labelPosition: "above", ref: el => (this.localKBNameEl = el) })), h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelHandler }, this._componentLocale.footer.cancel), h("gxg-button", { onClick: this.createHandler, slot: "footer-end" }, this._componentLocale.footer.create))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
     }
     static get is() { return "gx-ide-create-kb-from-server"; }
     static get encapsulation() { return "shadow"; }
@@ -167,26 +128,77 @@ export class GxIdeCreateKbFromServer {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "connectCallback": {
+            "serverUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "URL of the GXserver to use, not editable by the user in this instance"
+                },
+                "attribute": "server-url",
+                "reflect": false
+            },
+            "userName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the user with whom you connected to the GXserver, it is also not editable"
+                },
+                "attribute": "user-name",
+                "reflect": false
+            },
+            "userPassword": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the \u201CgetGXserverKBsCallback\u201D callback."
+                },
+                "attribute": "user-password",
+                "reflect": false
+            },
+            "getGXserverKBsCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>",
-                    "resolved": "(data: GXServerConnectionData) => Promise<ConnectionResultData>",
+                    "original": "(\n    data: GXServerConnectionDefault\n  ) => Promise<KBData[]>",
+                    "resolved": "(data: GXServerConnectionDefault) => Promise<KBData[]>",
                     "references": {
-                        "GXServerConnectionData": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/create-kb-from-server/create-kb-from-server.tsx",
-                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::GXServerConnectionData"
+                        "GXServerConnectionDefault": {
+                            "location": "import",
+                            "path": "../connect-gx-server/connect-gx-server",
+                            "id": "src/components/connect-gx-server/connect-gx-server.tsx::GXServerConnectionDefault"
                         },
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
                         },
-                        "ConnectionResultData": {
+                        "KBData": {
                             "location": "local",
                             "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/create-kb-from-server/create-kb-from-server.tsx",
-                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::ConnectionResultData"
+                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::KBData"
                         }
                     }
                 },
@@ -194,29 +206,24 @@ export class GxIdeCreateKbFromServer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback that will be invoked when the user connect to the kb server (\u2018Connect\u2019 button)"
+                    "text": "Callback that must be invoked when invoking the dialog"
                 }
             },
-            "createKBCallback": {
+            "changeConnectionCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "(\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>",
-                    "resolved": "(data: CreateKBData) => Promise<FormSubmitResult>",
+                    "original": "(\n    data: GXServerConnectionDefault\n  ) => Promise<void>",
+                    "resolved": "(data: GXServerConnectionDefault) => Promise<void>",
                     "references": {
-                        "CreateKBData": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/create-kb-from-server/create-kb-from-server.tsx",
-                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::CreateKBData"
+                        "GXServerConnectionDefault": {
+                            "location": "import",
+                            "path": "../connect-gx-server/connect-gx-server",
+                            "id": "src/components/connect-gx-server/connect-gx-server.tsx::GXServerConnectionDefault"
                         },
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
-                        },
-                        "FormSubmitResult": {
-                            "location": "import",
-                            "path": "../../common/types",
-                            "id": "src/common/types.ts::FormSubmitResult"
                         }
                     }
                 },
@@ -224,100 +231,87 @@ export class GxIdeCreateKbFromServer {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Callback that will be invoked when the user confirms KB creation (\u2018Create\u2019 button)"
+                    "text": "The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal"
                 }
             },
-            "enableCustomServer": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If is true then the user can specify a server url that don't be in the combo box of server urls."
-                },
-                "attribute": "enable-custom-server",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "kbName": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The knowledge base default suggested name"
-                },
-                "attribute": "kb-name",
-                "reflect": false
-            },
-            "password": {
-                "type": "string",
+            "createKBCallback": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "(\n    selectedKB: string,\n    versionSelected: VersionOption,\n    localKBName: string,\n    versionList?: string[]\n  ) => Promise<void>",
+                    "resolved": "(selectedKB: string, versionSelected: VersionOption, localKBName: string, versionList?: string[]) => Promise<void>",
+                    "references": {
+                        "VersionOption": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/create-kb-from-server/create-kb-from-server.tsx",
+                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::VersionOption"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Password for the database connection."
-                },
-                "attribute": "password",
-                "reflect": false
+                    "text": "Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog."
+                }
             },
-            "serverUrls": {
+            "selectKBVersionsCallback": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
+                    "original": "(\n    selectedKB: string\n  ) => Promise<KBVersion[]>",
+                    "resolved": "(selectedKB: string) => Promise<KBVersion[]>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "KBVersion": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/create-kb-from-server/create-kb-from-server.tsx",
+                            "id": "src/components/create-kb-from-server/create-kb-from-server.tsx::KBVersion"
+                        }
+                    }
                 },
-                "required": true,
+                "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Array of URLs of cataloged servers to be displayed in the combo"
+                    "text": "Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user."
                 }
             },
-            "userName": {
-                "type": "string",
+            "cancelCallback": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Username for the database connection."
-                },
-                "attribute": "user-name",
-                "reflect": false
+                    "text": "Callback that is invoked when the dialog is closed"
+                }
             }
         };
     }
     static get states() {
         return {
-            "selectionKbDisabled": {},
-            "kbs": {},
-            "kbSearchText": {}
+            "kbsData": {},
+            "kbVersions": {},
+            "kbVersionsIds": {},
+            "versionSelectedType": {}
         };
     }
     static get events() {
@@ -339,11 +333,5 @@ export class GxIdeCreateKbFromServer {
             }];
     }
     static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "kbs",
-                "methodName": "watchPropHandler"
-            }];
-    }
 }
 //# sourceMappingURL=create-kb-from-server.js.map