@genexus/genexus-ide-ui 1.0.24 → 1.0.26

package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.js

@@ -0,0 +1,350 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _HTMLGxIdeConnectGxServer_componentLocale, _HTMLGxIdeConnectGxServer_usernameRef, _HTMLGxIdeConnectGxServer_passwordRef, _HTMLGxIdeConnectGxServer_serverUrlRef, _HTMLGxIdeConnectGxServer_cancelClickHandler, _HTMLGxIdeConnectGxServer_connectClickHandler, _HTMLGxIdeConnectGxServer_evaluateTooltipRender, _HTMLGxIdeConnectGxServer_init, _HTMLGxIdeConnectGxServer_initializeValidatableControls, _HTMLGxIdeConnectGxServer_serverUrlInputEventHandler, _HTMLGxIdeConnectGxServer_authenticationInputEventHandler, _HTMLGxIdeConnectGxServer_usernameInputEventHandler, _HTMLGxIdeConnectGxServer_passwordInputEventHandler;
+// Stencil
+import { Host, h } from "@stencil/core";
+// Custom Imports
+import { config } from "../../../common/config";
+import { mapAuthenticationTypeToComboBoxModel, mapServerUrlsToComboBoxModel } from "./helpers";
+import { Locale } from "../../../common/locale";
+import { validateControls } from "../../../common/form-validation";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tab",
+    "components/tooltip",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+export class HTMLGxIdeConnectGxServer {
+    constructor() {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _HTMLGxIdeConnectGxServer_componentLocale.set(this, void 0);
+        _HTMLGxIdeConnectGxServer_usernameRef.set(this, void 0);
+        _HTMLGxIdeConnectGxServer_passwordRef.set(this, void 0);
+        _HTMLGxIdeConnectGxServer_serverUrlRef.set(this, void 0);
+        _HTMLGxIdeConnectGxServer_cancelClickHandler.set(this, () => {
+            this.cancelCallback();
+        });
+        _HTMLGxIdeConnectGxServer_connectClickHandler.set(this, async () => {
+            this.connectCallback(this.gxServerConnectionData).then((formSubmitResult) => {
+                this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+            });
+        });
+        // TODO: evaluate if this should be a global helper function.
+        // It is used on other dialogs as well.
+        _HTMLGxIdeConnectGxServer_evaluateTooltipRender.set(this, (controlReference) => {
+            var _a, _b, _c;
+            return ((_b = (_a = this.validatableControls) === null || _a === void 0 ? void 0 : _a.get(controlReference === null || controlReference === void 0 ? void 0 : controlReference.id)) === null || _b === void 0 ? void 0 : _b.hasError) &&
+                ((_c = this.validatableControls.get(controlReference.id)) === null || _c === void 0 ? void 0 : _c.message) && (h("ch-tooltip", { class: "tooltip", actionElement: controlReference, blockAlign: config.tooltipSettings.blockAlign, inlineAlign: config.tooltipSettings.inlineAlign, delay: config.tooltipSettings.delay }, this.validatableControls.get(controlReference.id).message));
+        });
+        _HTMLGxIdeConnectGxServer_init.set(this, () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            this.authenticationTypesChanged(this.authenticationTypes);
+            this.serverUrlsChanged(this.serverUrls);
+            // set initial values:
+            // server url
+            this.gxServerConnectionData.serverUrl =
+                ((_a = this.defaultConnectionData) === null || _a === void 0 ? void 0 : _a.serverUrl) ||
+                    ((_b = this.serverUrlsComboBoxModel[0]) === null || _b === void 0 ? void 0 : _b.value);
+            // authentication type
+            this.gxServerConnectionData.authenticationType = {
+                id: ((_c = this.defaultConnectionData) === null || _c === void 0 ? void 0 : _c.authenticationType.id) ||
+                    ((_d = this.authenticationTypesComboBoxModel[0]) === null || _d === void 0 ? void 0 : _d.value),
+                name: ((_e = this.defaultConnectionData) === null || _e === void 0 ? void 0 : _e.authenticationType.name) ||
+                    ((_f = this.authenticationTypesComboBoxModel[0]) === null || _f === void 0 ? void 0 : _f.caption)
+            };
+            // user name
+            this.gxServerConnectionData.userName = (_g = this.defaultConnectionData) === null || _g === void 0 ? void 0 : _g.userName;
+            this.gxServerConnectionData.userPassword =
+                (_h = this.defaultConnectionData) === null || _h === void 0 ? void 0 : _h.userPassword;
+        });
+        _HTMLGxIdeConnectGxServer_initializeValidatableControls.set(this, () => {
+            // populate #controlsValidation with the controls that could have errors.
+            const validatableControls = [
+                __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_usernameRef, "f"),
+                __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_passwordRef, "f"),
+                __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_serverUrlRef, "f")
+            ];
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        // handlers that update this.gxServerConnectionData:
+        _HTMLGxIdeConnectGxServer_serverUrlInputEventHandler.set(this, (event) => {
+            this.gxServerConnectionData.serverUrl = event.detail;
+        });
+        _HTMLGxIdeConnectGxServer_authenticationInputEventHandler.set(this, (event) => {
+            const authenticationTypeId = event.detail;
+            const authenticationTypeIndex = this.authenticationTypes.findIndex(authType => {
+                return authType.id === authenticationTypeId;
+            });
+            const authenticationTypeName = this.authenticationTypes[authenticationTypeIndex].name;
+            this.gxServerConnectionData.authenticationType = {
+                id: authenticationTypeId,
+                name: authenticationTypeName
+            };
+        });
+        _HTMLGxIdeConnectGxServer_usernameInputEventHandler.set(this, (event) => {
+            this.gxServerConnectionData.userName = event.detail;
+        });
+        _HTMLGxIdeConnectGxServer_passwordInputEventHandler.set(this, (event) => {
+            this.gxServerConnectionData.userPassword = event.detail;
+        });
+        this.authenticationTypesComboBoxModel = undefined;
+        this.gxServerConnectionData = {
+            authenticationType: {
+                id: null,
+                name: null
+            },
+            serverUrl: null,
+            userName: null,
+            userPassword: null
+        };
+        this.serverUrlsComboBoxModel = undefined;
+        this.validatableControls = new Map();
+        this.authenticationTypes = undefined;
+        this.cancelCallback = undefined;
+        this.connectCallback = undefined;
+        this.defaultConnectionData = undefined;
+        this.enableCustomServer = false;
+        this.serverUrls = undefined;
+    }
+    authenticationTypesChanged(newAuthenticationTypes) {
+        if (newAuthenticationTypes === null || newAuthenticationTypes === void 0 ? void 0 : newAuthenticationTypes.length) {
+            this.authenticationTypesComboBoxModel =
+                mapAuthenticationTypeToComboBoxModel(newAuthenticationTypes);
+        }
+    }
+    serverUrlsChanged(newServerUrls) {
+        if (newServerUrls === null || newServerUrls === void 0 ? void 0 : newServerUrls.length) {
+            this.serverUrlsComboBoxModel =
+                mapServerUrlsToComboBoxModel(newServerUrls);
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _HTMLGxIdeConnectGxServer_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_init, "f").call(this);
+    }
+    async componentDidLoad() {
+        __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_initializeValidatableControls, "f").call(this);
+    }
+    render() {
+        var _a, _b, _c, _d;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("div", { class: "main field-group spacing-body" }, h("div", {
+            // server urls
+            class: "field field-block server-url"
+        }, h("label", { class: "label", htmlFor: "server-url" }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").main.serverURLLabel), h("ch-combo-box-render", { id: "server-url", class: "combo-box", accessibleName: "Server Url", model: this.serverUrlsComboBoxModel, placeholder: "Select a server URL", value: (_a = this.gxServerConnectionData) === null || _a === void 0 ? void 0 : _a.serverUrl, onInput: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_serverUrlInputEventHandler, "f"), suggest: this.enableCustomServer, suggestOptions: {
+                alreadyProcessed: true,
+                autoExpand: false,
+                hideMatchesAndShowNonMatches: false,
+                highlightMatchedItems: false,
+                matchCase: false,
+                regularExpression: false,
+                renderActiveItemIconOnExpand: true,
+                strict: false
+            }, ref: (el) => (__classPrivateFieldSet(this, _HTMLGxIdeConnectGxServer_serverUrlRef, el, "f")) }), __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_serverUrlRef, "f"))), h("div", {
+            // authentication types
+            class: "field field-block authentication-type"
+        }, h("label", { class: "label", htmlFor: "authentication-type" }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").main.authenticationTypeLabel), h("ch-combo-box-render", { id: "authentication-type", class: "combo-box", accessibleName: "Authentication Types", model: this.authenticationTypesComboBoxModel, placeholder: "Select an authentication type", value: (_b = this.gxServerConnectionData) === null || _b === void 0 ? void 0 : _b.authenticationType.id, onInput: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_authenticationInputEventHandler, "f") })), h("div", {
+            // username
+            class: "field field-block user-name"
+        }, h("label", { class: "label", htmlFor: "username" }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").main.usernameLabel), h("ch-edit", { type: "text", id: "username", class: "input", value: (_c = this.gxServerConnectionData) === null || _c === void 0 ? void 0 : _c.userName, onInput: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_usernameInputEventHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _HTMLGxIdeConnectGxServer_usernameRef, el, "f")) }), __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_usernameRef, "f"))), h("div", {
+            // user password
+            class: "field field-block user-password"
+        }, h("label", { class: "label", htmlFor: "password" }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").main.passwordLabel), h("ch-edit", { type: "password", id: "password", class: "input", value: (_d = this.gxServerConnectionData) === null || _d === void 0 ? void 0 : _d.userPassword, onInput: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_passwordInputEventHandler, "f"), ref: (el) => (__classPrivateFieldSet(this, _HTMLGxIdeConnectGxServer_passwordRef, el, "f")) }), __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_passwordRef, "f")))), h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", {
+            // cancel button
+            class: "button-secondary", onClick: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_cancelClickHandler, "f")
+        }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").footer.cancelButtonCaption), h("button", {
+            // connect button
+            class: "button-primary", onClick: __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_connectClickHandler, "f")
+        }, __classPrivateFieldGet(this, _HTMLGxIdeConnectGxServer_componentLocale, "f").footer.connectButtonCaption))))));
+    }
+    static get is() { return "gx-ide-connect-gx-server"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["connect-gx-server.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["connect-gx-server.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/connect-gx-server"]; }
+    static get properties() {
+        return {
+            "authenticationTypes": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AuthenticationType[]",
+                    "resolved": "AuthenticationType[]",
+                    "references": {
+                        "AuthenticationType": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/connect-gx-server/connect-gx-server.tsx",
+                            "id": "src/components/team-dev/connect-gx-server/connect-gx-server.tsx::AuthenticationType"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "List of authentication types."
+                }
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "() => Promise<void>",
+                    "resolved": "() => Promise<void>",
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Cancel' button is pressed."
+                }
+            },
+            "connectCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    data: GXServerConnectionData\n  ) => Promise<FormSubmitResult>",
+                    "resolved": "(data: GXServerConnectionData) => Promise<FormSubmitResult>",
+                    "references": {
+                        "GXServerConnectionData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/connect-gx-server/connect-gx-server.tsx",
+                            "id": "src/components/team-dev/connect-gx-server/connect-gx-server.tsx::GXServerConnectionData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FormSubmitResult": {
+                            "location": "import",
+                            "path": "../../../common/types",
+                            "id": "src/common/types.ts::FormSubmitResult"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Connect' button is pressed."
+                }
+            },
+            "defaultConnectionData": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GXServerConnectionData",
+                    "resolved": "{ authenticationType: AuthenticationType; serverUrl: string; userName: string; userPassword: string; }",
+                    "references": {
+                        "GXServerConnectionData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/connect-gx-server/connect-gx-server.tsx",
+                            "id": "src/components/team-dev/connect-gx-server/connect-gx-server.tsx::GXServerConnectionData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Initial user values \u200B\u200Bfor the case in which the user returns to the login modal after successful authentication."
+                }
+            },
+            "enableCustomServer": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "true if the user should be allowed to manually enter a server URL."
+                },
+                "attribute": "enable-custom-server",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "serverUrls": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Array of cataloged server URLs to be displayed in the combo."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "authenticationTypesComboBoxModel": {},
+            "gxServerConnectionData": {},
+            "serverUrlsComboBoxModel": {},
+            "validatableControls": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "authenticationTypes",
+                "methodName": "authenticationTypesChanged"
+            }, {
+                "propName": "serverUrls",
+                "methodName": "serverUrlsChanged"
+            }];
+    }
+}
+_HTMLGxIdeConnectGxServer_componentLocale = new WeakMap(), _HTMLGxIdeConnectGxServer_usernameRef = new WeakMap(), _HTMLGxIdeConnectGxServer_passwordRef = new WeakMap(), _HTMLGxIdeConnectGxServer_serverUrlRef = new WeakMap(), _HTMLGxIdeConnectGxServer_cancelClickHandler = new WeakMap(), _HTMLGxIdeConnectGxServer_connectClickHandler = new WeakMap(), _HTMLGxIdeConnectGxServer_evaluateTooltipRender = new WeakMap(), _HTMLGxIdeConnectGxServer_init = new WeakMap(), _HTMLGxIdeConnectGxServer_initializeValidatableControls = new WeakMap(), _HTMLGxIdeConnectGxServer_serverUrlInputEventHandler = new WeakMap(), _HTMLGxIdeConnectGxServer_authenticationInputEventHandler = new WeakMap(), _HTMLGxIdeConnectGxServer_usernameInputEventHandler = new WeakMap(), _HTMLGxIdeConnectGxServer_passwordInputEventHandler = new WeakMap();
+//# sourceMappingURL=connect-gx-server.js.map

package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connect-gx-server.js","sourceRoot":"","sources":["../../../../src/components/team-dev/connect-gx-server/connect-gx-server.tsx"],"names":[],"mappings":"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","sourcesContent":["// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n\n// Other Libraries\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport {\n  mapAuthenticationTypeToComboBoxModel,\n  mapServerUrlsToComboBoxModel\n} from \"./helpers\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"components/tooltip\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-connect-gx-server\",\n  styleUrl: \"connect-gx-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/connect-gx-server\"]\n})\nexport class HTMLGxIdeConnectGxServer {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeConnectGxServerElement;\n  #usernameRef!: HTMLChEditElement;\n  #passwordRef!: HTMLChEditElement;\n  #serverUrlRef!: HTMLChComboBoxRenderElement;\n\n  @State() authenticationTypesComboBoxModel: ComboBoxModel;\n  @State() gxServerConnectionData: GXServerConnectionData = {\n    authenticationType: {\n      id: null,\n      name: null\n    },\n    serverUrl: null,\n    userName: null,\n    userPassword: null\n  };\n  @State() serverUrlsComboBoxModel: ComboBoxModel;\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * List of authentication types.\n   */\n  @Prop() readonly authenticationTypes!: AuthenticationType[];\n  @Watch(\"authenticationTypes\")\n  authenticationTypesChanged(newAuthenticationTypes: AuthenticationType[]) {\n    if (newAuthenticationTypes?.length) {\n      this.authenticationTypesComboBoxModel =\n        mapAuthenticationTypeToComboBoxModel(newAuthenticationTypes);\n    }\n  }\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Connect' button is pressed.\n   */\n  @Prop() readonly connectCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Initial user values ​​for the case in which the user returns to the login modal after successful authentication.\n   */\n  @Prop() readonly defaultConnectionData?: GXServerConnectionData;\n\n  /**\n   * true if the user should be allowed to manually enter a server URL.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * Array of cataloged server URLs to be displayed in the combo.\n   */\n  @Prop() readonly serverUrls: string[];\n  @Watch(\"serverUrls\")\n  serverUrlsChanged(newServerUrls: string[]) {\n    if (newServerUrls?.length) {\n      this.serverUrlsComboBoxModel =\n        mapServerUrlsToComboBoxModel(newServerUrls);\n    }\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#init();\n  }\n\n  async componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #cancelClickHandler = () => {\n    this.cancelCallback();\n  };\n\n  #connectClickHandler = async () => {\n    this.connectCallback(this.gxServerConnectionData).then(\n      (formSubmitResult: FormSubmitResult) => {\n        this.validatableControls = validateControls(\n          formSubmitResult,\n          this.validatableControls\n        );\n      }\n    );\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #init = () => {\n    this.authenticationTypesChanged(this.authenticationTypes);\n    this.serverUrlsChanged(this.serverUrls);\n    // set initial values:\n    // server url\n    this.gxServerConnectionData.serverUrl =\n      this.defaultConnectionData?.serverUrl ||\n      this.serverUrlsComboBoxModel[0]?.value;\n    // authentication type\n    this.gxServerConnectionData.authenticationType = {\n      id:\n        (this.defaultConnectionData?.authenticationType.id as string) ||\n        this.authenticationTypesComboBoxModel[0]?.value,\n      name:\n        (this.defaultConnectionData?.authenticationType.name as string) ||\n        this.authenticationTypesComboBoxModel[0]?.caption\n    };\n\n    // user name\n    this.gxServerConnectionData.userName = this.defaultConnectionData?.userName;\n    this.gxServerConnectionData.userPassword =\n      this.defaultConnectionData?.userPassword;\n  };\n\n  #initializeValidatableControls = () => {\n    // populate #controlsValidation with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [\n      this.#usernameRef,\n      this.#passwordRef,\n      this.#serverUrlRef\n    ];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  // handlers that update this.gxServerConnectionData:\n  #serverUrlInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.serverUrl = event.detail as string;\n  };\n  #authenticationInputEventHandler = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    const authenticationTypeId = event.detail as string;\n    const authenticationTypeIndex = this.authenticationTypes.findIndex(\n      authType => {\n        return authType.id === authenticationTypeId;\n      }\n    );\n    const authenticationTypeName =\n      this.authenticationTypes[authenticationTypeIndex].name;\n\n    this.gxServerConnectionData.authenticationType = {\n      id: authenticationTypeId,\n      name: authenticationTypeName\n    };\n  };\n  #usernameInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userName = event.detail as string;\n  };\n  #passwordInputEventHandler = (event: CustomEvent<string> | InputEvent) => {\n    this.gxServerConnectionData.userPassword = event.detail as string;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <div class=\"main field-group spacing-body\">\n            <div\n              // server urls\n              class=\"field field-block server-url\"\n            >\n              <label class=\"label\" htmlFor=\"server-url\">\n                {this.#componentLocale.main.serverURLLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"server-url\"\n                class=\"combo-box\"\n                accessibleName=\"Server Url\"\n                model={this.serverUrlsComboBoxModel}\n                placeholder=\"Select a server URL\"\n                value={this.gxServerConnectionData?.serverUrl}\n                onInput={this.#serverUrlInputEventHandler}\n                suggest={this.enableCustomServer}\n                suggestOptions={{\n                  alreadyProcessed: true,\n                  autoExpand: false,\n                  hideMatchesAndShowNonMatches: false,\n                  highlightMatchedItems: false,\n                  matchCase: false,\n                  regularExpression: false,\n                  renderActiveItemIconOnExpand: true,\n                  strict: false\n                }}\n                ref={(el: HTMLChComboBoxRenderElement) =>\n                  (this.#serverUrlRef = el as HTMLChComboBoxRenderElement)\n                }\n              ></ch-combo-box-render>\n              {this.#evaluateTooltipRender(this.#serverUrlRef)}\n            </div>\n\n            <div\n              // authentication types\n              class=\"field field-block authentication-type\"\n            >\n              <label class=\"label\" htmlFor=\"authentication-type\">\n                {this.#componentLocale.main.authenticationTypeLabel}\n              </label>\n              <ch-combo-box-render\n                id=\"authentication-type\"\n                class=\"combo-box\"\n                accessibleName=\"Authentication Types\"\n                model={this.authenticationTypesComboBoxModel}\n                placeholder=\"Select an authentication type\"\n                value={this.gxServerConnectionData?.authenticationType.id}\n                onInput={this.#authenticationInputEventHandler}\n              ></ch-combo-box-render>\n            </div>\n\n            <div\n              // username\n              class=\"field field-block user-name\"\n            >\n              <label class=\"label\" htmlFor=\"username\">\n                {this.#componentLocale.main.usernameLabel}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"username\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userName}\n                onInput={this.#usernameInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#usernameRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#usernameRef)}\n            </div>\n\n            <div\n              // user password\n              class=\"field field-block user-password\"\n            >\n              <label class=\"label\" htmlFor=\"password\">\n                {this.#componentLocale.main.passwordLabel}\n              </label>\n              <ch-edit\n                type=\"password\"\n                id=\"password\"\n                class=\"input\"\n                value={this.gxServerConnectionData?.userPassword}\n                onInput={this.#passwordInputEventHandler}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#passwordRef = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#passwordRef)}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.footer.cancelButtonCaption}\n              </button>\n\n              <button\n                // connect button\n                class=\"button-primary\"\n                onClick={this.#connectClickHandler}\n              >\n                {this.#componentLocale.footer.connectButtonCaption}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type GXServerConnectionData = {\n  authenticationType: AuthenticationType;\n  serverUrl: string;\n  userName: string;\n  userPassword: string;\n};\n\nexport type AuthenticationType = {\n  id: string;\n  name: string;\n};\n"]}

package/dist/collection/components/team-dev/connect-gx-server/gx-ide-assets/connect-gx-server/langs/connect-gx-server.lang.en.json

@@ -0,0 +1,13 @@
+{
+  "componentName": "Connect To GeneXus Server",
+  "main": {
+    "serverURLLabel": "Server URL",
+    "authenticationTypeLabel": "Authentication Type",
+    "usernameLabel": "Username",
+    "passwordLabel": "Password"
+  },
+  "footer": {
+    "cancelButtonCaption": "Cancel",
+    "connectButtonCaption": "Connect"
+  }
+}

package/dist/collection/components/team-dev/connect-gx-server/gx-ide-assets/connect-gx-server/langs/connect-gx-server.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/team-dev/connect-gx-server/helpers.js

@@ -0,0 +1,17 @@
+export const mapAuthenticationTypeToComboBoxModel = (authenticationTypes) => {
+    return authenticationTypes.map(authenticationType => {
+        return {
+            value: authenticationType.id,
+            caption: authenticationType.name
+        };
+    });
+};
+export const mapServerUrlsToComboBoxModel = (serverUrls) => {
+    return serverUrls.map(serverUrl => {
+        return {
+            value: serverUrl,
+            caption: serverUrl
+        };
+    });
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/team-dev/connect-gx-server/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/team-dev/connect-gx-server/helpers.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAClD,mBAAyC,EAC1B,EAAE;IACjB,OAAO,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC,EAAE;QAClD,OAAO;YACL,KAAK,EAAE,kBAAkB,CAAC,EAAE;YAC5B,OAAO,EAAE,kBAAkB,CAAC,IAAI;SACjC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAoB,EACL,EAAE;IACjB,OAAO,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QAChC,OAAO;YACL,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;SACnB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { AuthenticationType } from \"./connect-gx-server\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nexport const mapAuthenticationTypeToComboBoxModel = (\n  authenticationTypes: AuthenticationType[]\n): ComboBoxModel => {\n  return authenticationTypes.map(authenticationType => {\n    return {\n      value: authenticationType.id,\n      caption: authenticationType.name\n    };\n  });\n};\n\nexport const mapServerUrlsToComboBoxModel = (\n  serverUrls: string[]\n): ComboBoxModel => {\n  return serverUrls.map(serverUrl => {\n    return {\n      value: serverUrl,\n      caption: serverUrl\n    };\n  });\n};\n"]}

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

@@ -0,0 +1,39 @@
+:host {
+  display: grid;
+  block-size: 100%;
+  grid-template-rows: max-content 1fr max-content;
+}
+
+.section {
+  display: contents;
+}
+
+header {
+  display: grid;
+  grid-template-rows: max-content;
+  grid-template-columns: 1fr 1fr max-content;
+}
+
+.button-change {
+  align-self: center;
+  justify-self: end;
+}
+
+.main {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: max-content 1fr max-content max-content;
+}
+
+.search-kbs {
+  inline-size: 50%;
+}
+
+.versions-container {
+  grid-auto-rows: max-content;
+}
+.versions-container__input {
+  display: grid;
+  grid-template-columns: 1fr max-content;
+  gap: var(--mer-spacing--xs);
+}