@genexus/genexus-ide-ui 3.2.10 → 3.2.12

package/dist/collection/components/db-properties-configurator/db-properties-configurator.js

@@ -0,0 +1,250 @@
+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 _GxIdeDbPropertiesConfigurator_componentLocale, _GxIdeDbPropertiesConfigurator_getValue, _GxIdeDbPropertiesConfigurator_hasPendingRequired, _GxIdeDbPropertiesConfigurator_buildComboModel, _GxIdeDbPropertiesConfigurator_isAuthField, _GxIdeDbPropertiesConfigurator_hasTrustedConnection, _GxIdeDbPropertiesConfigurator_valueChangeHandler, _GxIdeDbPropertiesConfigurator_cancelButtonClickedHandler, _GxIdeDbPropertiesConfigurator_confirmButtonClickedHandler, _GxIdeDbPropertiesConfigurator_renderControl, _GxIdeDbPropertiesConfigurator_renderField, _GxIdeDbPropertiesConfigurator_renderSection;
+import { Host, h } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { Locale } from "../../common/locale";
+import { config } from "../../common/config";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/button",
+    "components/combo-box",
+    "components/edit",
+    "components/icon",
+    "utils/form",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const DATABASE_ICON = getIconPath({
+    category: "system",
+    name: "database",
+    colorType: "primary"
+});
+/**
+ * Name of the property that toggles integrated security. Its presence in
+ * `properties` is what drives the rendering of the Authentication section.
+ */
+const TRUSTED_CONNECTION = "TRUSTED_CONNECTION";
+const USER_ID = "USER_ID";
+const USER_PASSWORD = "USER_PASSWORD";
+/** Category that groups the authentication-related fields. */
+const AUTH_CATEGORY = "authentication";
+export class GxIdeDbPropertiesConfigurator {
+    constructor() {
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeDbPropertiesConfigurator_componentLocale.set(this, void 0);
+        _GxIdeDbPropertiesConfigurator_getValue.set(this, (field) => { var _a; return (_a = field.value) !== null && _a !== void 0 ? _a : ""; });
+        _GxIdeDbPropertiesConfigurator_hasPendingRequired.set(this, () => {
+            var _a;
+            return ((_a = this.properties) !== null && _a !== void 0 ? _a : []).some(field => field.missing && __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_getValue, "f").call(this, field).trim() === "");
+        });
+        _GxIdeDbPropertiesConfigurator_buildComboModel.set(this, (field) => { var _a; return ((_a = field.standardValues) !== null && _a !== void 0 ? _a : []).map(value => ({ value, caption: value })); });
+        _GxIdeDbPropertiesConfigurator_isAuthField.set(this, (field) => {
+            var _a;
+            return field.name === TRUSTED_CONNECTION ||
+                field.name === USER_ID ||
+                field.name === USER_PASSWORD ||
+                ((_a = field.category) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === AUTH_CATEGORY;
+        });
+        /** Whether the host sent the TRUSTED_CONNECTION property. Only then is the
+         * Authentication section rendered. */
+        _GxIdeDbPropertiesConfigurator_hasTrustedConnection.set(this, () => { var _a; return ((_a = this.properties) !== null && _a !== void 0 ? _a : []).some(field => field.name === TRUSTED_CONNECTION); });
+        _GxIdeDbPropertiesConfigurator_valueChangeHandler.set(this, (name) => (event) => {
+            var _a, _b;
+            const detail = event.detail;
+            const value = typeof detail === "string"
+                ? detail
+                : ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "");
+            this.propertyChangeCallback(name, value);
+        });
+        _GxIdeDbPropertiesConfigurator_cancelButtonClickedHandler.set(this, () => {
+            var _a;
+            (_a = this.cancelCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        });
+        _GxIdeDbPropertiesConfigurator_confirmButtonClickedHandler.set(this, () => {
+            var _a;
+            (_a = this.confirmCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+        });
+        // #region Renders
+        _GxIdeDbPropertiesConfigurator_renderControl.set(this, (field) => {
+            const fieldId = `field-${field.name}`;
+            const value = __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_getValue, "f").call(this, field);
+            switch (field.control) {
+                case "password":
+                    return (h("ch-edit", { id: fieldId, class: "input", type: "password", showPasswordButton: true, debounce: config.inputDebounce, value: value, onInput: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name) }));
+                case "combo":
+                    return (h("ch-combo-box-render", { id: fieldId, class: "combo-box", value: value, model: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_buildComboModel, "f").call(this, field), onInput: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name), onChange: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name) }));
+                case "checkbox":
+                    return (h("ch-checkbox", { id: fieldId, class: "checkbox", value: value, checkedValue: "Yes", unCheckedValue: "No", onInput: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name) }));
+                case "combo-editable":
+                    return (h("ch-combo-box-render", { id: fieldId, class: "combo-box", suggest: true, suggestDebounce: config.inputDebounce, value: value, model: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_buildComboModel, "f").call(this, field), onInput: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name), onChange: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name), part: `combo-box combo-box--editable combo-box--${field.name}` }));
+                case "custom":
+                case "readonly":
+                    return (h("ch-edit", { id: fieldId, class: "input", readonly: true, value: value, part: `input input--${field.control} input--${field.name}` }));
+                // "text"
+                default:
+                    return (h("ch-edit", { id: fieldId, class: "input", debounce: config.inputDebounce, value: value, onInput: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_valueChangeHandler, "f").call(this, field.name), part: `input input--text input--${field.name}` }));
+            }
+        });
+        _GxIdeDbPropertiesConfigurator_renderField.set(this, (field) => {
+            const fieldId = `field-${field.name}`;
+            const isReadonly = field.control === "readonly" || field.control === "custom";
+            const isCheckbox = field.control === "checkbox";
+            if (isCheckbox) {
+                return (h("div", { class: "field field--checkbox field--full", key: field.name }, h("div", { class: "field__row" }, __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_renderControl, "f").call(this, field), h("label", { class: "label", htmlFor: fieldId }, field.label)), field.description && (h("p", { class: "field__hint body-regular-s" }, field.description))));
+            }
+            return (h("div", { class: "field field-block", key: field.name }, h("label", { class: { "label": true, "label--disabled": isReadonly }, htmlFor: fieldId }, field.label), __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_renderControl, "f").call(this, field)));
+        });
+        _GxIdeDbPropertiesConfigurator_renderSection.set(this, (title, fields) => (h("section", { class: "field-section" }, h("div", { class: "field-section__head" }, h("span", { class: "field-section__title" }, title)), h("div", { class: "fields" }, fields.map(__classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_renderField, "f"))))));
+        this.properties = [];
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+        this.propertyChangeCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeDbPropertiesConfigurator_componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    // #endregion Renders
+    render() {
+        var _a;
+        const title = __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_componentLocale, "f").header.title;
+        const description = __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_componentLocale, "f").header.description;
+        const sections = __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_componentLocale, "f").sections;
+        const allFields = (_a = this.properties) !== null && _a !== void 0 ? _a : [];
+        const hasAuthSection = __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_hasTrustedConnection, "f").call(this);
+        // The Authentication section is only rendered when TRUSTED_CONNECTION is
+        // present; otherwise every field stays in the always-present Connection
+        // section so nothing is dropped.
+        const authFields = hasAuthSection
+            ? allFields.filter(__classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_isAuthField, "f"))
+            : [];
+        const connectionFields = hasAuthSection
+            ? allFields.filter(field => !__classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_isAuthField, "f").call(this, field))
+            : allFields;
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, h("div", { class: "hero" }, h("div", { class: "hero__text" }, h("h1", { class: "hero__title subtitle-semi-bold-l" }, title), description && (h("p", { class: "hero__description body-regular-s" }, description))), h("div", { class: "hero__badge", "aria-hidden": "true" }, h("ch-image", { class: "icon-xl", src: DATABASE_ICON }))), h("div", { class: "main scrollable" }, connectionFields.length > 0 &&
+            __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_renderSection, "f").call(this, sections.connection, connectionFields), hasAuthSection &&
+            authFields.length > 0 &&
+            __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_renderSection, "f").call(this, sections.authentication, authFields)), h("footer", { class: "dialog-footer-with-border footer" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", id: "button-cancel", type: "button", onClick: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_cancelButtonClickedHandler, "f"), part: "button-cancel" }, __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_componentLocale, "f").footer.btnCancel), h("button", { class: "button-primary", id: "button-confirm", type: "button", disabled: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_hasPendingRequired, "f").call(this), onClick: __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_confirmButtonClickedHandler, "f"), part: "button-confirm" }, __classPrivateFieldGet(this, _GxIdeDbPropertiesConfigurator_componentLocale, "f").footer.btnConfirm))))));
+    }
+    static get is() { return "gx-ide-db-properties-configurator"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["db-properties-configurator.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["db-properties-configurator.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/db-properties-configurator"]; }
+    static get properties() {
+        return {
+            "properties": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DSPropertyField[]",
+                    "resolved": "DSPropertyField[]",
+                    "references": {
+                        "DSPropertyField": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/db-properties-configurator/db-properties-configurator.tsx",
+                            "id": "src/components/db-properties-configurator/db-properties-configurator.tsx::DSPropertyField"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The list of properties to configure. Acts as the single source of truth:\nthe dialog reads each value from `DSPropertyField.value` and notifies the\nhost of every edit through `propertyChangeCallback`."
+                },
+                "defaultValue": "[]"
+            },
+            "cancelCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "CancelCallback",
+                    "resolved": "() => void | Promise<void>",
+                    "references": {
+                        "CancelCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/db-properties-configurator/db-properties-configurator.tsx",
+                            "id": "src/components/db-properties-configurator/db-properties-configurator.tsx::CancelCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user cancels the configuration."
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConfirmCallback",
+                    "resolved": "() => void | Promise<void>",
+                    "references": {
+                        "ConfirmCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/db-properties-configurator/db-properties-configurator.tsx",
+                            "id": "src/components/db-properties-configurator/db-properties-configurator.tsx::ConfirmCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user confirms the configuration."
+                }
+            },
+            "propertyChangeCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PropertyChangeCallback",
+                    "resolved": "(name: string, value: string) => void | Promise<void>",
+                    "references": {
+                        "PropertyChangeCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/db-properties-configurator/db-properties-configurator.tsx",
+                            "id": "src/components/db-properties-configurator/db-properties-configurator.tsx::PropertyChangeCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked on every input change. Receives the name of the\nproperty that changed and its new value. The host is expected to apply\nthe change and push an updated `properties` array back to the component."
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeDbPropertiesConfigurator_componentLocale = new WeakMap(), _GxIdeDbPropertiesConfigurator_getValue = new WeakMap(), _GxIdeDbPropertiesConfigurator_hasPendingRequired = new WeakMap(), _GxIdeDbPropertiesConfigurator_buildComboModel = new WeakMap(), _GxIdeDbPropertiesConfigurator_isAuthField = new WeakMap(), _GxIdeDbPropertiesConfigurator_hasTrustedConnection = new WeakMap(), _GxIdeDbPropertiesConfigurator_valueChangeHandler = new WeakMap(), _GxIdeDbPropertiesConfigurator_cancelButtonClickedHandler = new WeakMap(), _GxIdeDbPropertiesConfigurator_confirmButtonClickedHandler = new WeakMap(), _GxIdeDbPropertiesConfigurator_renderControl = new WeakMap(), _GxIdeDbPropertiesConfigurator_renderField = new WeakMap(), _GxIdeDbPropertiesConfigurator_renderSection = new WeakMap();
+//# sourceMappingURL=db-properties-configurator.js.map

package/dist/collection/components/db-properties-configurator/db-properties-configurator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db-properties-configurator.js","sourceRoot":"","sources":["../../../src/components/db-properties-configurator/db-properties-configurator.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, Element, h } from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst DATABASE_ICON = getIconPath({\n  category: \"system\",\n  name: \"database\",\n  colorType: \"primary\"\n});\n\n/**\n * Name of the property that toggles integrated security. Its presence in\n * `properties` is what drives the rendering of the Authentication section.\n */\nconst TRUSTED_CONNECTION = \"TRUSTED_CONNECTION\";\nconst USER_ID = \"USER_ID\";\nconst USER_PASSWORD = \"USER_PASSWORD\";\n\n/** Category that groups the authentication-related fields. */\nconst AUTH_CATEGORY = \"authentication\";\n\n@Component({\n  tag: \"gx-ide-db-properties-configurator\",\n  styleUrl: \"db-properties-configurator.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/db-properties-configurator\"]\n})\nexport class GxIdeDbPropertiesConfigurator {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeDbPropertiesConfiguratorElement;\n\n  /**\n   * The list of properties to configure. Acts as the single source of truth:\n   * the dialog reads each value from `DSPropertyField.value` and notifies the\n   * host of every edit through `propertyChangeCallback`.\n   */\n  @Prop() readonly properties: DSPropertyField[] = [];\n\n  /**\n   * Callback invoked when the user cancels the configuration.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user confirms the configuration.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * Callback invoked on every input change. Receives the name of the\n   * property that changed and its new value. The host is expected to apply\n   * the change and push an updated `properties` array back to the component.\n   */\n  @Prop() readonly propertyChangeCallback!: PropertyChangeCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getValue = (field: DSPropertyField): string => field.value ?? \"\";\n\n  #hasPendingRequired = (): boolean =>\n    (this.properties ?? []).some(\n      field => field.missing && this.#getValue(field).trim() === \"\"\n    );\n\n  #buildComboModel = (field: DSPropertyField): ComboBoxModel =>\n    (field.standardValues ?? []).map(value => ({ value, caption: value }));\n\n  #isAuthField = (field: DSPropertyField): boolean =>\n    field.name === TRUSTED_CONNECTION ||\n    field.name === USER_ID ||\n    field.name === USER_PASSWORD ||\n    field.category?.toLowerCase() === AUTH_CATEGORY;\n\n  /** Whether the host sent the TRUSTED_CONNECTION property. Only then is the\n   * Authentication section rendered. */\n  #hasTrustedConnection = (): boolean =>\n    (this.properties ?? []).some(field => field.name === TRUSTED_CONNECTION);\n\n  #valueChangeHandler =\n    (name: string) => (event: CustomEvent<string> | InputEvent) => {\n      const detail = (event as CustomEvent<string>).detail;\n      const value =\n        typeof detail === \"string\"\n          ? detail\n          : ((event.target as HTMLChEditElement)?.value ?? \"\");\n      this.propertyChangeCallback(name, value);\n    };\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback?.();\n  };\n\n  #confirmButtonClickedHandler = () => {\n    this.confirmCallback?.();\n  };\n\n  // #region Renders\n\n  #renderControl = (field: DSPropertyField) => {\n    const fieldId = `field-${field.name}`;\n    const value = this.#getValue(field);\n\n    switch (field.control) {\n      case \"password\":\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            type=\"password\"\n            showPasswordButton\n            debounce={config.inputDebounce}\n            value={value}\n            onInput={this.#valueChangeHandler(field.name)}\n          ></ch-edit>\n        );\n\n      case \"combo\":\n        return (\n          <ch-combo-box-render\n            id={fieldId}\n            class=\"combo-box\"\n            value={value}\n            model={this.#buildComboModel(field)}\n            onInput={this.#valueChangeHandler(field.name)}\n            onChange={this.#valueChangeHandler(field.name)}\n          ></ch-combo-box-render>\n        );\n\n      case \"checkbox\":\n        return (\n          <ch-checkbox\n            id={fieldId}\n            class=\"checkbox\"\n            value={value}\n            checkedValue=\"Yes\"\n            unCheckedValue=\"No\"\n            onInput={this.#valueChangeHandler(field.name)}\n          ></ch-checkbox>\n        );\n\n      case \"combo-editable\":\n        return (\n          <ch-combo-box-render\n            id={fieldId}\n            class=\"combo-box\"\n            suggest\n            suggestDebounce={config.inputDebounce}\n            value={value}\n            model={this.#buildComboModel(field)}\n            onInput={this.#valueChangeHandler(field.name)}\n            onChange={this.#valueChangeHandler(field.name)}\n            part={`combo-box combo-box--editable combo-box--${field.name}`}\n          ></ch-combo-box-render>\n        );\n\n      case \"custom\":\n      case \"readonly\":\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            readonly\n            value={value}\n            part={`input input--${field.control} input--${field.name}`}\n          ></ch-edit>\n        );\n\n      // \"text\"\n      default:\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            debounce={config.inputDebounce}\n            value={value}\n            onInput={this.#valueChangeHandler(field.name)}\n            part={`input input--text input--${field.name}`}\n          ></ch-edit>\n        );\n    }\n  };\n\n  #renderField = (field: DSPropertyField) => {\n    const fieldId = `field-${field.name}`;\n    const isReadonly =\n      field.control === \"readonly\" || field.control === \"custom\";\n    const isCheckbox = field.control === \"checkbox\";\n\n    if (isCheckbox) {\n      return (\n        <div class=\"field field--checkbox field--full\" key={field.name}>\n          <div class=\"field__row\">\n            {this.#renderControl(field)}\n            <label class=\"label\" htmlFor={fieldId}>\n              {field.label}\n            </label>\n          </div>\n          {field.description && (\n            <p class=\"field__hint body-regular-s\">{field.description}</p>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"field field-block\" key={field.name}>\n        <label\n          class={{ \"label\": true, \"label--disabled\": isReadonly }}\n          htmlFor={fieldId}\n        >\n          {field.label}\n        </label>\n\n        {this.#renderControl(field)}\n      </div>\n    );\n  };\n\n  #renderSection = (title: string, fields: DSPropertyField[]) => (\n    <section class=\"field-section\">\n      <div class=\"field-section__head\">\n        <span class=\"field-section__title\">{title}</span>\n      </div>\n      <div class=\"fields\">{fields.map(this.#renderField)}</div>\n    </section>\n  );\n\n  // #endregion Renders\n\n  render() {\n    const title = this.#componentLocale.header.title;\n    const description = this.#componentLocale.header.description;\n    const sections = this.#componentLocale.sections;\n\n    const allFields = this.properties ?? [];\n    const hasAuthSection = this.#hasTrustedConnection();\n\n    // The Authentication section is only rendered when TRUSTED_CONNECTION is\n    // present; otherwise every field stays in the always-present Connection\n    // section so nothing is dropped.\n    const authFields = hasAuthSection\n      ? allFields.filter(this.#isAuthField)\n      : [];\n    const connectionFields = hasAuthSection\n      ? allFields.filter(field => !this.#isAuthField(field))\n      : allFields;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"hero\">\n            <div class=\"hero__text\">\n              <h1 class=\"hero__title subtitle-semi-bold-l\">{title}</h1>\n              {description && (\n                <p class=\"hero__description body-regular-s\">{description}</p>\n              )}\n            </div>\n            <div class=\"hero__badge\" aria-hidden=\"true\">\n              <ch-image class=\"icon-xl\" src={DATABASE_ICON}></ch-image>\n            </div>\n          </div>\n\n          <div class=\"main scrollable\">\n            {connectionFields.length > 0 &&\n              this.#renderSection(sections.connection, connectionFields)}\n\n            {hasAuthSection &&\n              authFields.length > 0 &&\n              this.#renderSection(sections.authentication, authFields)}\n          </div>\n\n          <footer class=\"dialog-footer-with-border footer\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                type=\"button\"\n                onClick={this.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-confirm\"\n                type=\"button\"\n                disabled={this.#hasPendingRequired()}\n                onClick={this.#confirmButtonClickedHandler}\n                part=\"button-confirm\"\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DSControlKind =\n  | \"checkbox\"\n  | \"text\"\n  | \"password\"\n  | \"combo\"\n  | \"combo-editable\"\n  | \"custom\"\n  | \"readonly\";\n\nexport interface DSPropertyField {\n  /** `PropertyData.name` — key used to set the property value. */\n  name: string;\n  /** `definition.displayName`. */\n  label: string;\n  /** `definition.description` (rendered below the control). */\n  description?: string;\n  /** `definition.category` (optional grouping). */\n  category?: string;\n\n  /** Control resolved by the host. */\n  control: DSControlKind;\n\n  /** `PropertyData.value` (masked when password). */\n  value: string;\n  /** `required && isDefault` (host detection). */\n  missing: boolean;\n\n  // combos:\n  /** `PropertyData.standardValues`. */\n  standardValues?: string[];\n  /** `PropertyData.isStandardValuesExclusive`. */\n  exclusive?: boolean;\n}\n\nexport type CancelCallback = () => void | Promise<void>;\n\nexport type ConfirmCallback = () => void | Promise<void>;\n\nexport type PropertyChangeCallback = (\n  name: string,\n  value: string\n) => void | Promise<void>;\n"]}

package/dist/collection/components/db-properties-configurator/gx-ide-assets/db-properties-configurator/langs/db-properties-configurator.lang.en.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "DB Properties Configurator",
+  "header": {
+    "caption": "Database connection",
+    "title": "Set required properties",
+    "description": "The following properties must be set to start the Build process. Fill them with the appropriate values for your database instance.",
+    "close": "Close"
+  },
+  "sections": {
+    "connection": "Connection",
+    "authentication": "Authentication"
+  },
+  "fields": {
+    "required": "Required",
+    "requiredMarker": "*",
+    "openEditor": "Open editor",
+    "editorEllipsis": "…",
+    "uncategorized": "General"
+  },
+  "footer": {
+    "btnCancel": "Cancel",
+    "btnConfirm": "Confirm"
+  }
+}

package/dist/collection/components/db-properties-configurator/gx-ide-assets/db-properties-configurator/langs/db-properties-configurator.lang.ja.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "DB プロパティ構成",
+  "header": {
+    "caption": "データベース接続",
+    "title": "必須プロパティの設定",
+    "description": "ビルドプロセスを開始するには、以下のプロパティを設定する必要があります。データベースインスタンスに適した値を入力してください。",
+    "close": "閉じる"
+  },
+  "sections": {
+    "connection": "接続",
+    "authentication": "認証"
+  },
+  "fields": {
+    "required": "必須",
+    "requiredMarker": "*",
+    "openEditor": "エディターを開く",
+    "editorEllipsis": "…",
+    "uncategorized": "全般"
+  },
+  "footer": {
+    "btnCancel": "キャンセル",
+    "btnConfirm": "確認"
+  }
+}

package/dist/collection/components/db-properties-configurator/gx-ide-assets/db-properties-configurator/langs/db-properties-configurator.lang.zh.json

@@ -0,0 +1,24 @@
+{
+  "componentName": "数据库属性配置器",
+  "header": {
+    "caption": "数据库连接",
+    "title": "设置必填属性",
+    "description": "必须设置以下属性才能开始构建过程。请为您的数据库实例填写适当的值。",
+    "close": "关闭"
+  },
+  "sections": {
+    "connection": "连接",
+    "authentication": "身份验证"
+  },
+  "fields": {
+    "required": "必填",
+    "requiredMarker": "*",
+    "openEditor": "打开编辑器",
+    "editorEllipsis": "…",
+    "uncategorized": "常规"
+  },
+  "footer": {
+    "btnCancel": "取消",
+    "btnConfirm": "确认"
+  }
+}

package/dist/collection/components/select-team-or-org/gx-ide-assets/select-team-or-org/langs/select-team-or-org.lang.en.json

@@ -0,0 +1,18 @@
+{
+  "team": {
+    "title": "Change your team",
+    "infoMessage": "Select new team from the list below",
+    "label": "Teams"
+  },
+  "organization": {
+    "title": "Change your organization",
+    "infoMessage": "Select new organization from the list below",
+    "label": "Organizations"
+  },
+  "confirmButtonCaption": "Confirm",
+  "cancelButtonCaption": "Cancel",
+  "loader": {
+    "title": "Fetching user data",
+    "description": "Thanks for your patience!"
+  }
+}

package/dist/collection/components/select-team-or-org/gx-ide-assets/select-team-or-org/langs/select-team-or-org.lang.ja.json

@@ -0,0 +1,18 @@
+{
+  "team": {
+    "title": "チームを変更",
+    "infoMessage": "下のリストから新しいチームを選択してください",
+    "label": "チーム"
+  },
+  "organization": {
+    "title": "組織を変更",
+    "infoMessage": "下のリストから新しい組織を選択してください",
+    "label": "組織"
+  },
+  "confirmButtonCaption": "確認",
+  "cancelButtonCaption": "キャンセル",
+  "loader": {
+    "title": "ユーザーデータを取得中",
+    "description": "しばらくお待ちください"
+  }
+}

package/dist/collection/components/select-team-or-org/gx-ide-assets/select-team-or-org/langs/select-team-or-org.lang.zh.json

@@ -0,0 +1,18 @@
+{
+  "team": {
+    "title": "Change your team",
+    "infoMessage": "Select new team from the list below",
+    "label": "Teams"
+  },
+  "organization": {
+    "title": "Change your organization",
+    "infoMessage": "Select new organization from the list below",
+    "label": "Organizations"
+  },
+  "confirmButtonCaption": "Confirm",
+  "cancelButtonCaption": "Cancel",
+  "loader": {
+    "title": "Fetching user data",
+    "description": "Thanks for your patience!"
+  }
+}

package/dist/collection/components/select-team-or-org/helpers.js

@@ -0,0 +1,9 @@
+export const mapItemsToComboBoxItemModel = (items) => {
+    return items === null || items === void 0 ? void 0 : items.map(item => {
+        return {
+            value: item.id,
+            caption: item.name
+        };
+    });
+};
+//# sourceMappingURL=helpers.js.map

package/dist/collection/components/select-team-or-org/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/select-team-or-org/helpers.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAuB,EACF,EAAE;IACvB,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,IAAI,CAAC,EAAE;QACvB,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,EAAE;YACd,OAAO,EAAE,IAAI,CAAC,IAAI;SACnB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["import { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\nimport { SelectableItem } from \"./select-team-or-org\";\n\nexport const mapItemsToComboBoxItemModel = (\n  items: SelectableItem[]\n): ComboBoxItemModel[] => {\n  return items?.map(item => {\n    return {\n      value: item.id,\n      caption: item.name\n    };\n  });\n};\n"]}

package/dist/collection/components/{select-user-team/select-user-team.css → select-team-or-org/select-team-or-org.css}

@@ -16,6 +16,7 @@ button.button-secondary {
   display: grid;
   grid-template-columns: 1fr 1fr;
   block-size: 100%;
+  border-radius: var(--border-radius-m);
   max-block-size: 700px;
   max-inline-size: 1100px;
   background-color: var(--color-accent-surface-elevation-1);
@@ -34,7 +35,7 @@ button.button-secondary {
   inline-size: 100%;
   padding: 48px;
   transform: translateY(4px);
-  transition: var(--display-teams-transtion-time) all;
+  transition: var(--display-items-transtion-time) all;
   opacity: 0;
   position: relative;
 }
@@ -46,6 +47,7 @@ button.button-secondary {
   display: grid;
   place-self: center;
   gap: var(--spacing-gap-xxl);
+  inline-size: 100%;
   max-inline-size: 480px;
 }
 .slide__main-header {
@@ -58,6 +60,7 @@ button.button-secondary {
   font-size: var(--font-size-header-h2);
   font-weight: var(--font-style-semi-bold);
   letter-spacing: 0.02em;
+  line-height: var(--line-height-tight);
   color: var(--color-text-neutral-strawberry);
 }
 .slide__main-description {
@@ -73,14 +76,14 @@ button.button-secondary {
   text-decoration: underline;
 }
 
-.teams-list {
+.items-list {
   inline-size: 100%;
-  max-inline-size: 400px;
-  --ch-combo-box__popover-max-inline-size: 400px;
+  --ch-combo-box__popover-max-inline-size: 100%;
 }
 
 .buttons-container {
   display: flex;
+  inline-size: 100%;
   gap: var(--spacing-gap-xl);
 }