@genexus/genexus-ide-ui 1.1.65 → 1.1.67

package/dist/collection/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.js

@@ -0,0 +1,273 @@
+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 _GxIdeBringAllChangesSelector_componentLocale, _GxIdeBringAllChangesSelector_revisionNumberRef, _GxIdeBringAllChangesSelector_revisionDateRef, _GxIdeBringAllChangesSelector_evaluateTooltipRender, _GxIdeBringAllChangesSelector_initializeValidatableControls, _GxIdeBringAllChangesSelector_cancelClickHandler, _GxIdeBringAllChangesSelector_confirmClickHandler, _GxIdeBringAllChangesSelector_handleLastDates, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, _GxIdeBringAllChangesSelector_confirmButtonDisabled, _GxIdeBringAllChangesSelector_renderCommitDateInput, _GxIdeBringAllChangesSelector_renderCommitNumberInput, _GxIdeBringAllChangesSelector_renderLastDatesButtons;
+import { h, Host } from "@stencil/core";
+import { Locale } from "../../../common/locale";
+import { clearControlError, validateControls } from "../../../common/form-validation";
+import { config } from "../../../common/config";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/form",
+    "utils/spacing",
+    "utils/layout",
+    "components/checkbox",
+    "components/button",
+    "components/edit",
+    "components/radio-group",
+    "components/tooltip"
+];
+const MERGE_ACTION_OPTIONS = {
+    fromCommitDate: {
+        value: "fromCommitDate"
+    },
+    fromCommitNumber: {
+        value: "fromCommitNumber"
+    }
+};
+export class GxIdeBringAllChangesSelector {
+    constructor() {
+        _GxIdeBringAllChangesSelector_componentLocale.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionNumberRef.set(this, void 0);
+        _GxIdeBringAllChangesSelector_revisionDateRef.set(this, void 0);
+        // TODO: evaluate if this should be a global helper function.
+        // It is used on other dialogs as well.
+        _GxIdeBringAllChangesSelector_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));
+        });
+        _GxIdeBringAllChangesSelector_initializeValidatableControls.set(this, (validatableControls) => {
+            validatableControls.forEach(validatableControl => {
+                if (validatableControl.id &&
+                    !this.validatableControls.has(validatableControl.id)) {
+                    this.validatableControls.set(validatableControl.id, {
+                        reference: validatableControl,
+                        hasError: false,
+                        message: undefined
+                    });
+                }
+            });
+        });
+        _GxIdeBringAllChangesSelector_cancelClickHandler.set(this, async () => {
+            await this.cancelCallback();
+        });
+        _GxIdeBringAllChangesSelector_confirmClickHandler.set(this, async () => {
+            let formSubmitResult;
+            const selectedMergeActionData = {
+                operationType: this.selectedOption,
+                fromDate: this.selectedOption === "fromCommitDate"
+                    ? this.sinceCommitDate
+                    : undefined,
+                fromRevision: this.selectedOption === "fromCommitNumber"
+                    ? this.sinceCommitNumber
+                    : undefined
+            };
+            formSubmitResult = await this.confirmCallback(selectedMergeActionData);
+            this.validatableControls = validateControls(formSubmitResult, this.validatableControls);
+        });
+        _GxIdeBringAllChangesSelector_handleLastDates.set(this, (lastDates) => {
+            const currentDate = new Date();
+            let sinceDate = new Date();
+            switch (lastDates) {
+                case "lastSevenDays":
+                    sinceDate.setDate(currentDate.getDate() - 7);
+                    break;
+                case "lastThirtyDays":
+                    sinceDate.setDate(currentDate.getDate() - 30);
+                    break;
+                case "lastNinetyDays":
+                    sinceDate.setDate(currentDate.getDate() - 90);
+                    break;
+            }
+            this.sinceCommitDate = sinceDate;
+        });
+        _GxIdeBringAllChangesSelector_handleCommitDateValueChanged.set(this, (event) => {
+            this.sinceCommitDate =
+                event.detail && event.detail !== "" ? new Date(event.detail) : undefined;
+            clearControlError(this.validatableControls, "commit-date");
+        });
+        _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged.set(this, (event) => {
+            this.sinceCommitNumber = Number(event.detail);
+            clearControlError(this.validatableControls, "commit-number");
+        });
+        _GxIdeBringAllChangesSelector_handleRadioGroupValueChange.set(this, (event) => {
+            this.selectedOption = event.detail;
+            if (this.selectedOption === "fromCommitDate") {
+                this.sinceCommitNumber = undefined;
+                clearControlError(this.validatableControls, "commit-number");
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                this.sinceCommitDate = undefined;
+                clearControlError(this.validatableControls, "commit-date");
+            }
+        });
+        _GxIdeBringAllChangesSelector_confirmButtonDisabled.set(this, () => {
+            if (this.selectedOption === "fromCommitDate") {
+                // Validate that sinceCommitDate is a valid date
+                return !(this.sinceCommitDate instanceof Date &&
+                    !isNaN(this.sinceCommitDate.getTime()));
+            }
+            else if (this.selectedOption === "fromCommitNumber") {
+                // Validate that sinceCommitNumber is a valid number
+                return !(this.sinceCommitNumber > 0);
+            }
+            return true;
+        });
+        _GxIdeBringAllChangesSelector_renderCommitDateInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-date" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitDate), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-date")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-date", type: "date", value: this.sinceCommitDate &&
+                    this.sinceCommitDate.toISOString().split("T")[0], onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitDateValueChanged, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionDateRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderCommitNumberInput.set(this, () => {
+            var _a;
+            if (this.selectedOption !== "fromCommitNumber") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-2-1" }, h("div", { class: "layout__panel" }, h("div", { class: "field field-block" }, h("label", { class: "label", htmlFor: "commit-number" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.commitNumber), h("ch-edit", { class: {
+                    "input": true,
+                    "input-error": (_a = this.validatableControls.get("commit-number")) === null || _a === void 0 ? void 0 : _a.hasError
+                }, id: "commit-number", type: "number", placeholder: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").placeholders.commitNumber, onInput: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged, "f"), mode: "numeric", ref: (el) => (__classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, el, "f")) }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_evaluateTooltipRender, "f").call(this, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f"))))));
+        });
+        _GxIdeBringAllChangesSelector_renderLastDatesButtons.set(this, () => {
+            if (this.selectedOption !== "fromCommitDate") {
+                return null;
+            }
+            return (h("div", { class: "layout layout--cols-3" }, h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastSevenDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastSevenDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastThirtyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastThirtyDays)), h("div", { class: "layout__panel" }, h("button", { class: "button-secondary", onClick: () => __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleLastDates, "f").call(this, "lastNinetyDays") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.lastNinetyDays))));
+        });
+        this.sinceCommitDate = undefined;
+        this.sinceCommitNumber = undefined;
+        this.selectedOption = MERGE_ACTION_OPTIONS
+            .fromCommitDate.value;
+        this.radioGroupModel = [];
+        this.validatableControls = new Map();
+        this.cancelCallback = undefined;
+        this.confirmCallback = undefined;
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeBringAllChangesSelector_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        this.radioGroupModel = [
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitDate.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitDate
+            },
+            {
+                value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,
+                caption: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").captions.commitNumber
+            }
+        ];
+    }
+    componentDidRender() {
+        if (this.selectedOption === "fromCommitDate" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionDateRef, "f")]);
+        }
+        if (this.selectedOption === "fromCommitNumber" && __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")) {
+            __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_initializeValidatableControls, "f").call(this, [__classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_revisionNumberRef, "f")]);
+        }
+    }
+    render() {
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: {
+                "spacing-body": true,
+                "commit-date-container": this.selectedOption === "fromCommitDate",
+                "commit-number-container": this.selectedOption === "fromCommitNumber"
+            } }, h("p", { class: "body-regular-m heading" }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").labels.selectRange), h("ch-radio-group-render", { class: "radio-group", direction: "horizontal", model: this.radioGroupModel, onChange: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_handleRadioGroupValueChange, "f"), value: MERGE_ACTION_OPTIONS.fromCommitDate.value }), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderLastDatesButtons, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitDateInput, "f").call(this), __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_renderCommitNumberInput, "f").call(this)), h("footer", { class: "control-footer-with-border spacing-body" }, h("div", { class: "buttons-spacer" }, h("button", { class: "button-secondary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_cancelClickHandler, "f") }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.cancel), h("button", { class: "button-primary", onClick: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmClickHandler, "f"), disabled: __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_confirmButtonDisabled, "f").call(this) }, __classPrivateFieldGet(this, _GxIdeBringAllChangesSelector_componentLocale, "f").buttons.confirm)))));
+    }
+    static get is() { return "gx-ide-team-dev-bring-all-changes-selector"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bring-all-changes-selector.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bring-all-changes-selector.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/team-dev-bring-all-changes-selector"]; }
+    static get properties() {
+        return {
+            "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."
+                }
+            },
+            "confirmCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n    selectedMergeActionData: SelectedMergeActionData\n  ) => Promise<FormSubmitResult>",
+                    "resolved": "(selectedMergeActionData: SelectedMergeActionData) => Promise<FormSubmitResult>",
+                    "references": {
+                        "SelectedMergeActionData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx",
+                            "id": "src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx::SelectedMergeActionData"
+                        },
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "FormSubmitResult": {
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::FormSubmitResult"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback that must be invoked when the 'Confirm' button is pressed."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "sinceCommitDate": {},
+            "sinceCommitNumber": {},
+            "selectedOption": {},
+            "radioGroupModel": {},
+            "validatableControls": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeBringAllChangesSelector_componentLocale = new WeakMap(), _GxIdeBringAllChangesSelector_revisionNumberRef = new WeakMap(), _GxIdeBringAllChangesSelector_revisionDateRef = new WeakMap(), _GxIdeBringAllChangesSelector_evaluateTooltipRender = new WeakMap(), _GxIdeBringAllChangesSelector_initializeValidatableControls = new WeakMap(), _GxIdeBringAllChangesSelector_cancelClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_confirmClickHandler = new WeakMap(), _GxIdeBringAllChangesSelector_handleLastDates = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitDateValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleCommitNumberValueChanged = new WeakMap(), _GxIdeBringAllChangesSelector_handleRadioGroupValueChange = new WeakMap(), _GxIdeBringAllChangesSelector_confirmButtonDisabled = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitDateInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderCommitNumberInput = new WeakMap(), _GxIdeBringAllChangesSelector_renderLastDatesButtons = new WeakMap();
+//# sourceMappingURL=bring-all-changes-selector.js.map

package/dist/collection/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bring-all-changes-selector.js","sourceRoot":"","sources":["../../../../src/components/team-dev/bring-all-changes-selector/bring-all-changes-selector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\nimport {\n  ChRadioGroupRenderCustomEvent,\n  RadioGroupModel\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../components\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { config } from \"../../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"components/checkbox\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/radio-group\",\n  \"components/tooltip\"\n];\n\nconst MERGE_ACTION_OPTIONS = {\n  fromCommitDate: {\n    value: \"fromCommitDate\"\n  },\n  fromCommitNumber: {\n    value: \"fromCommitNumber\"\n  }\n};\n\n@Component({\n  tag: \"gx-ide-team-dev-bring-all-changes-selector\",\n  styleUrl: \"bring-all-changes-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-bring-all-changes-selector\"]\n})\nexport class GxIdeBringAllChangesSelector {\n  #componentLocale: any;\n  #revisionNumberRef: HTMLChEditElement;\n  #revisionDateRef: HTMLChEditElement;\n  @Element() el: HTMLGxIdeTeamDevBringAllChangesSelectorElement;\n  /**\n   * Date from which the commits will be merged\n   */\n  @State() sinceCommitDate: Date | undefined = undefined;\n\n  /**\n   * Number from which the commits will be merged\n   */\n  @State() sinceCommitNumber: number | undefined = undefined;\n\n  /**\n   * The selected option from the radio group.\n   */\n  @State() selectedOption: MergeActionTaken = MERGE_ACTION_OPTIONS\n    .fromCommitDate.value as MergeActionTaken;\n\n  /**\n   * Model for the radio group.\n   */\n  @State() radioGroupModel: RadioGroupModel = [];\n\n  /**\n   * Map of validatable controls in the form.\n   */\n  @State() validatableControls = new Map<string, ControlValidation>();\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 'Confirm' button is pressed.\n   */\n  @Prop() readonly confirmCallback!: (\n    selectedMergeActionData: SelectedMergeActionData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.radioGroupModel = [\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitDate.value,\n        caption: this.#componentLocale.captions.commitDate\n      },\n      {\n        value: MERGE_ACTION_OPTIONS.fromCommitNumber.value,\n        caption: this.#componentLocale.captions.commitNumber\n      }\n    ];\n  }\n\n  componentDidRender() {\n    if (this.selectedOption === \"fromCommitDate\" && this.#revisionDateRef) {\n      this.#initializeValidatableControls([this.#revisionDateRef]);\n    }\n\n    if (this.selectedOption === \"fromCommitNumber\" && this.#revisionNumberRef) {\n      this.#initializeValidatableControls([this.#revisionNumberRef]);\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  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #cancelClickHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    let formSubmitResult: FormSubmitResult;\n    const selectedMergeActionData: SelectedMergeActionData = {\n      operationType: this.selectedOption,\n      fromDate:\n        this.selectedOption === \"fromCommitDate\"\n          ? this.sinceCommitDate\n          : undefined,\n      fromRevision:\n        this.selectedOption === \"fromCommitNumber\"\n          ? this.sinceCommitNumber\n          : undefined\n    };\n    formSubmitResult = await this.confirmCallback(selectedMergeActionData);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #handleLastDates = (lastDates: LastDates) => {\n    const currentDate = new Date();\n    let sinceDate = new Date();\n    switch (lastDates) {\n      case \"lastSevenDays\":\n        sinceDate.setDate(currentDate.getDate() - 7);\n        break;\n      case \"lastThirtyDays\":\n        sinceDate.setDate(currentDate.getDate() - 30);\n        break;\n      case \"lastNinetyDays\":\n        sinceDate.setDate(currentDate.getDate() - 90);\n        break;\n    }\n    this.sinceCommitDate = sinceDate;\n  };\n\n  #handleCommitDateValueChanged = (event: CustomEvent<string> | InputEvent) => {\n    this.sinceCommitDate =\n      event.detail && event.detail !== \"\" ? new Date(event.detail) : undefined;\n    clearControlError(this.validatableControls, \"commit-date\");\n  };\n\n  #handleCommitNumberValueChanged = (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.sinceCommitNumber = Number(event.detail);\n    clearControlError(this.validatableControls, \"commit-number\");\n  };\n\n  #handleRadioGroupValueChange = (\n    event: ChRadioGroupRenderCustomEvent<string>\n  ) => {\n    this.selectedOption = event.detail as MergeActionTaken;\n    if (this.selectedOption === \"fromCommitDate\") {\n      this.sinceCommitNumber = undefined;\n      clearControlError(this.validatableControls, \"commit-number\");\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      this.sinceCommitDate = undefined;\n      clearControlError(this.validatableControls, \"commit-date\");\n    }\n  };\n\n  #confirmButtonDisabled = (): boolean => {\n    if (this.selectedOption === \"fromCommitDate\") {\n      // Validate that sinceCommitDate is a valid date\n      return !(\n        this.sinceCommitDate instanceof Date &&\n        !isNaN(this.sinceCommitDate.getTime())\n      );\n    } else if (this.selectedOption === \"fromCommitNumber\") {\n      // Validate that sinceCommitNumber is a valid number\n      return !(this.sinceCommitNumber > 0);\n    }\n    return true;\n  };\n\n  #renderCommitDateInput = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-date\">\n              {this.#componentLocale.labels.commitDate}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-date\")?.hasError\n              }}\n              id=\"commit-date\"\n              type=\"date\"\n              value={\n                this.sinceCommitDate &&\n                this.sinceCommitDate.toISOString().split(\"T\")[0]\n              }\n              onInput={this.#handleCommitDateValueChanged}\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionDateRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionDateRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderCommitNumberInput = () => {\n    if (this.selectedOption !== \"fromCommitNumber\") {\n      return null;\n    }\n    return (\n      <div class=\"layout layout--cols-2-1\">\n        <div class=\"layout__panel\">\n          <div class=\"field field-block\">\n            <label class=\"label\" htmlFor=\"commit-number\">\n              {this.#componentLocale.labels.commitNumber}\n            </label>\n            <ch-edit\n              class={{\n                \"input\": true,\n                \"input-error\":\n                  this.validatableControls.get(\"commit-number\")?.hasError\n              }}\n              id=\"commit-number\"\n              type=\"number\"\n              placeholder={this.#componentLocale.placeholders.commitNumber}\n              onInput={this.#handleCommitNumberValueChanged}\n              mode=\"numeric\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#revisionNumberRef = el as HTMLChEditElement)\n              }\n            />\n            {this.#evaluateTooltipRender(this.#revisionNumberRef)}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  #renderLastDatesButtons = () => {\n    if (this.selectedOption !== \"fromCommitDate\") {\n      return null;\n    }\n\n    return (\n      <div class=\"layout layout--cols-3\">\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastSevenDays\")}\n          >\n            {this.#componentLocale.captions.lastSevenDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastThirtyDays\")}\n          >\n            {this.#componentLocale.captions.lastThirtyDays}\n          </button>\n        </div>\n        <div class=\"layout__panel\">\n          <button\n            class=\"button-secondary\"\n            onClick={() => this.#handleLastDates(\"lastNinetyDays\")}\n          >\n            {this.#componentLocale.captions.lastNinetyDays}\n          </button>\n        </div>\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{\n            \"spacing-body\": true,\n            \"commit-date-container\": this.selectedOption === \"fromCommitDate\",\n            \"commit-number-container\":\n              this.selectedOption === \"fromCommitNumber\"\n          }}\n        >\n          <p class=\"body-regular-m heading\">\n            {this.#componentLocale.labels.selectRange}\n          </p>\n          <ch-radio-group-render\n            class=\"radio-group\"\n            direction=\"horizontal\"\n            model={this.radioGroupModel}\n            onChange={this.#handleRadioGroupValueChange}\n            value={MERGE_ACTION_OPTIONS.fromCommitDate.value}\n          />\n\n          {this.#renderLastDatesButtons()}\n          {this.#renderCommitDateInput()}\n          {this.#renderCommitNumberInput()}\n        </div>\n\n        <footer class=\"control-footer-with-border spacing-body\">\n          <div class=\"buttons-spacer\">\n            <button class=\"button-secondary\" onClick={this.#cancelClickHandler}>\n              {this.#componentLocale.buttons.cancel}\n            </button>\n\n            <button\n              class=\"button-primary\"\n              onClick={this.#confirmClickHandler}\n              disabled={this.#confirmButtonDisabled()}\n            >\n              {this.#componentLocale.buttons.confirm}\n            </button>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n\nexport type SelectedMergeActionData = {\n  operationType: MergeActionTaken;\n  fromDate?: Date;\n  fromRevision?: number;\n};\n\nexport type MergeActionTaken = \"fromCommitDate\" | \"fromCommitNumber\";\n\nexport type LastDates = \"lastSevenDays\" | \"lastThirtyDays\" | \"lastNinetyDays\";\n"]}

package/dist/collection/components/team-dev/bring-all-changes-selector/gx-ide-assets/team-dev-bring-all-changes-selector/langs/team-dev-bring-all-changes-selector.lang.en.json

@@ -0,0 +1,22 @@
+{
+  "componentName": "Bring Changes Action Selector",
+  "buttons": {
+    "confirm": "Confirm",
+    "cancel": "Cancel"
+  },
+  "captions": {
+    "commitDate": "Commit date",
+    "commitNumber": "Commit number",
+    "lastSevenDays": "Last 7 days",
+    "lastThirtyDays": "Last 30 days",
+    "lastNinetyDays": "Last 90 days"
+  },
+  "labels": {
+    "selectRange": "Select where to combine the changes from",
+    "commitDate": "Select commit date",
+    "commitNumber": "Select commit number"
+  },
+  "placeholders": {
+    "commitNumber": "#1"
+  }
+}

package/dist/collection/components/team-dev/bring-all-changes-selector/gx-ide-assets/team-dev-bring-all-changes-selector/langs/team-dev-bring-all-changes-selector.lang.ja.json

@@ -0,0 +1,22 @@
+{
+  "componentName": "Bring Changes Action Selector",
+  "buttons": {
+    "confirm": "Confirm",
+    "cancel": "Cancel"
+  },
+  "captions": {
+    "commitDate": "Commit date",
+    "commitNumber": "Commit number",
+    "lastSevenDays": "Last 7 days",
+    "lastThirtyDays": "Last 30 days",
+    "lastNinetyDays": "Last 90 days"
+  },
+  "labels": {
+    "selectRange": "Select where to combine the changes from",
+    "commitDate": "Select commit date",
+    "commitNumber": "Select commit number"
+  },
+  "placeholders": {
+    "commitNumber": "#1"
+  }
+}

package/dist/collection/components/team-dev/bring-all-changes-selector/gx-ide-assets/team-dev-bring-all-changes-selector/langs/team-dev-bring-all-changes-selector.lang.zh.json

@@ -0,0 +1,22 @@
+{
+  "componentName": "Bring Changes Action Selector",
+  "buttons": {
+    "confirm": "Confirm",
+    "cancel": "Cancel"
+  },
+  "captions": {
+    "commitDate": "Commit date",
+    "commitNumber": "Commit number",
+    "lastSevenDays": "Last 7 days",
+    "lastThirtyDays": "Last 30 days",
+    "lastNinetyDays": "Last 90 days"
+  },
+  "labels": {
+    "selectRange": "Select where to combine the changes from",
+    "commitDate": "Select commit date",
+    "commitNumber": "Select commit number"
+  },
+  "placeholders": {
+    "commitNumber": "#1"
+  }
+}

package/dist/collection/components/team-dev/bring-changes/bring-changes.css

@@ -43,12 +43,12 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);
 }
 
-.information__col-1, .detail__genexus-server {
+.information__col-1.divider, .detail__genexus-server {
   padding-inline-end: 24px;
   border-inline-end: 1px solid var(--mer-border-color__on-elevation--01);
 }
 
-.information__col-2, .detail__merge-from-version {
+.detail__merge-from-version {
   padding-inline-start: 24px;
 }
 
@@ -63,9 +63,9 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
 
 .header__detail {
   display: grid;
-  grid-template-areas: "detail-title detail-title detail-title detail-title" "detail-commit-name detail-commit-name detail-commit-name detail-commit-name" "detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";
+  grid-template-areas: "detail-title detail-title detail-title detail-title" "detail-genexus-server detail-knowledge-base detail-current-version detail-merge-from-version";
   row-gap: 16px;
-  grid-template-columns: minmax(250px, 350px) repeat(3, minmax(180px, 250px));
+  grid-auto-columns: max-content;
 }
 
 .detail__label {
@@ -119,7 +119,7 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   row-gap: 10px;
   grid-template-areas: "information-title information-title" "information-col-1 information-col-2";
   grid-template-columns: max-content 1fr;
-  grid-template-rows: max-content 64px;
+  grid-template-rows: max-content max-content;
 }
 
 .information__title {
@@ -132,13 +132,16 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   gap: 24px;
 }
 
-.information__col-2 {
-  display: grid;
-  grid-area: information-col-2;
+.header__comments .layout__panel {
+  justify-items: start;
+  text-align: left;
 }
 
 .controls-container {
   display: grid;
+}
+
+.controls-container.margin-block-start {
   margin-block-start: 24px;
 }
 
@@ -181,6 +184,17 @@ Found on /common/helpers.tsx hiChar function is used to add a span/class to ever
   overflow: hidden;
 }
 
+.comments-container {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.button-tertiary.edit-range-button {
+  padding-block: 0;
+  align-content: flex-end;
+}
+
 .input-comments-container {
   position: relative;
 }