@genexus/genexus-ide-ui 0.0.32 → 0.0.34

package/dist/collection/components/object-selector/object-selector.js

@@ -0,0 +1,449 @@
+/* STENCIL IMPORTS */
+import { Host, h } from "@stencil/core";
+/* OTHER LIBRARIES IMPORTS */
+/* CUSTOM IMPORTS */
+import { Locale } from "../../common/locale";
+import { renderComboItems } from "../../common/render-combo-items";
+const FILTER_AFTER_NONE = "none";
+const FILTER_AFTER_DATE_TIME = "afterDateTime";
+const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
+const FILTER_AFTER_IMPORT = "afterImport";
+export class GxIdeObjectSelector {
+  constructor() {
+    // 9.LOCAL METHODS //
+    this.renderFilter = () => {
+      var _a, _b;
+      return (h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, h("div", { class: "grid filter-grid" }, h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, value: this.defaultType, disabled: !this.types, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterTypeEl = el), part: "filter-type" }, renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.category, value: this.defaultCategory, disabled: !this.categories, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterCategoryEl = el), part: "filter-category" }, renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), h("gx-ide-entity-selector", { label: this._componentLocale.filter.moduleFolder, "label-position": "above", value: this.defaultModule, defaultValue: this.defaultModule, selectEntityCallback: this.selectModuleCallback, ref: (el) => (this.filterModuleEl = el) }), h("div", { class: "flex with-gap" }, h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), h("gxg-combo-box", { class: { hide: !this.filterModified }, "disable-filter": true, value: this.filterAfterType, "display-validation-styles": true, "display-validation-message": true, ref: (el) => (this.filterAfterTypeEl = el), part: "filter-after-type" }, renderComboItems([
+        {
+          id: FILTER_AFTER_NONE,
+          label: this._componentLocale.filter.modifiedEmpty,
+          value: FILTER_AFTER_NONE
+        },
+        {
+          id: FILTER_AFTER_DATE_TIME,
+          label: this._componentLocale.filter[FILTER_AFTER_DATE_TIME],
+          value: FILTER_AFTER_DATE_TIME
+        },
+        {
+          id: FILTER_AFTER_IMPORT,
+          label: this._componentLocale.filter[FILTER_AFTER_IMPORT],
+          value: FILTER_AFTER_IMPORT
+        },
+        {
+          id: FILTER_AFTER_LAST_BUILD,
+          label: this._componentLocale.filter[FILTER_AFTER_LAST_BUILD],
+          value: FILTER_AFTER_LAST_BUILD
+        }
+      ])), h("gxg-form-text", { class: { hide: !this.filterModified }, "label-position": "start", label: this._componentLocale.filter.user, "max-width": "150px", ref: (el) => (this.filterUserEl = el), part: "filter-user" }), h("div", { class: {
+          flex: true,
+          hide: !this.filterModified ||
+            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+        }, part: "filter-datetime" }, h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
+    };
+    this.renderObjects = () => {
+      return (h("gxg-container", null, h("gxg-grid", null, h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { "column-name": "", "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false }), h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false })), this.objects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.icon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.module, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), h("ch-grid-cell", null, `${obj.importDate.toISOString().slice(0, 10)}`))))))));
+    };
+    this.getObjects = () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+      const modified = this.filterModifiedEl.checked;
+      const modifiedAfter = this.filterAfterTypeEl.value;
+      const user = (_b = (_a = this.filterUserEl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim();
+      const filters = {
+        pattern: (_c = this.filterPatternEl) === null || _c === void 0 ? void 0 : _c.value,
+        type: (_d = this.filterTypeEl) === null || _d === void 0 ? void 0 : _d.value,
+        category: (_e = this.filterCategoryEl) === null || _e === void 0 ? void 0 : _e.value,
+        module: (_g = (_f = this.filterModuleEl) === null || _f === void 0 ? void 0 : _f.value) === null || _g === void 0 ? void 0 : _g.id,
+        modifiedAfter: modified && modifiedAfter ? modifiedAfter : null,
+        modifiedBy: modified && user ? user : null,
+        modifiedDate: modified && modifiedAfter === FILTER_AFTER_DATE_TIME
+          ? (_h = this.filterModifiedDateEl) === null || _h === void 0 ? void 0 : _h.value
+          : null
+      };
+      this.loadCallback(filters).then((items) => {
+        this.objects = items;
+        this.selectedObjectsIds = [];
+        this.deselectAll();
+      });
+    };
+    this.openSelectionCallbackHandle = () => {
+      this.openSelectionCallback(this.selectedObjectsIds);
+    };
+    this.cancelCallbackHandle = () => {
+      this.cancelCallback();
+    };
+    this.selectAll = () => {
+      this.chGridEl.selectAllRows();
+    };
+    this.deselectAll = () => {
+      this.chGridEl.selectAllRows(false);
+    };
+    this.newObjectCallbackHandle = () => {
+      this.newObjectCallback();
+    };
+    this.listenChanges = async () => {
+      /* pattern*/
+      this.filterPatternEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* type*/
+      this.filterTypeEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* category*/
+      this.filterCategoryEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* module/folder*/
+      this.filterModuleEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      /* modified */
+      this.filterModifiedEl.addEventListener("change", (e) => {
+        this.filterModified = e.detail.value;
+        this.getObjects();
+      });
+      /* modified after... */
+      this.filterAfterTypeEl.addEventListener("valueChanged", () => {
+        this.filterAfterType = this.filterAfterTypeEl.value;
+        this.getObjects();
+      });
+      /* user... */
+      this.filterUserEl.addEventListener("input", () => {
+        this.getObjects();
+      });
+      /* Date/Time */
+      this.filterModifiedDateEl.addEventListener("valueChanged", () => {
+        this.getObjects();
+      });
+      // for grid selection
+      this.chGridEl.addEventListener("selectionChanged", (ev) => {
+        this.selectedObjectsIds = ev.detail.rowsId;
+      });
+    };
+    this.filterAfterType = "";
+    this.filterModified = false;
+    this.objects = [];
+    this.selectedObjectsIds = [];
+    this.multiSelection = undefined;
+    this.patternValue = undefined;
+    this.types = undefined;
+    this.defaultType = undefined;
+    this.categories = undefined;
+    this.defaultCategory = undefined;
+    this.defaultModule = undefined;
+    this.selectModuleCallback = undefined;
+    this.cancelCallback = undefined;
+    this.loadCallback = undefined;
+    this.newObjectCallback = undefined;
+    this.openSelectionCallback = undefined;
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.componentDidLoadEvent.emit(true);
+  }
+  componentDidLoad() {
+    this.listenChanges();
+    this.getObjects();
+  }
+  // 7.LISTENERS //
+  // 8.PUBLIC METHODS API //
+  /**
+   * Validate necessary data input
+   */
+  async validate() {
+    const isValid = true;
+    return isValid;
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), h("gxg-container", null, h("div", { class: "grid objects-count" }, h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-select-all", type: "primary-text-only", onClick: this.selectAll, part: "gxg-button gxg-button--select-all" }, this._componentLocale.footer.btnSelectAll), h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandle, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+  }
+  static get is() { return "gx-ide-object-selector"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["object-selector.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["object-selector.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
+  static get properties() {
+    return {
+      "multiSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "true",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "True' if multiple object selection is allowed. Default is 'True'"
+        },
+        "attribute": "multi-selection",
+        "reflect": false
+      },
+      "patternValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Current value of the input pattern. It is also used to set the default value when initializing the component"
+        },
+        "attribute": "pattern-value",
+        "reflect": false
+      },
+      "types": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ObjectType[]",
+          "resolved": "ObjectType[]",
+          "references": {
+            "ObjectType": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The types render in the filter type selector"
+        }
+      },
+      "defaultType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default value for the type filter"
+        },
+        "attribute": "default-type",
+        "reflect": false
+      },
+      "categories": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "GxOption[]",
+          "resolved": "GxOption[]",
+          "references": {
+            "GxOption": {
+              "location": "import",
+              "path": "../../common/types"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The categories render in the filter category selector"
+        }
+      },
+      "defaultCategory": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default id value for the category filter"
+        },
+        "attribute": "default-category",
+        "reflect": false
+      },
+      "defaultModule": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "EntityData",
+          "resolved": "{ id: string; name: string; iconSrc?: string; iconColor?: Color; }",
+          "references": {
+            "EntityData": {
+              "location": "import",
+              "path": "../entity-selector/entity-selector"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The default value for the module/folder filter"
+        }
+      },
+      "selectModuleCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SelectModuleCallback",
+          "resolved": "() => Promise<EntityData>",
+          "references": {
+            "SelectModuleCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled."
+        }
+      },
+      "cancelCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "CancelCallback",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "CancelCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the user wishes to cancel the selection of objects."
+        }
+      },
+      "loadCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "LoadCallback",
+          "resolved": "(filters: ObjectFiltersData) => Promise<ObjectData[]>",
+          "references": {
+            "LoadCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the component needs to reload the list of attributes."
+        }
+      },
+      "newObjectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "NewObjectCallback",
+          "resolved": "() => Promise<void>",
+          "references": {
+            "NewObjectCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback invoked when the user presses the 'New' button."
+        }
+      },
+      "openSelectionCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "OpenSelectionCallback",
+          "resolved": "(ids: string[]) => Promise<void>",
+          "references": {
+            "OpenSelectionCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This is a function provided by the developer for expanded the data of object that is double-clicked or entered."
+        }
+      }
+    };
+  }
+  static get states() {
+    return {
+      "filterAfterType": {},
+      "filterModified": {},
+      "objects": {},
+      "selectedObjectsIds": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "componentDidLoadEvent",
+        "name": "componentDidLoadEvent",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event is emitted once just after the component is fully loaded and the first render() occurs."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "validate": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Validate necessary data input",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/team-dev-commit/team-dev-commit.js

@@ -8,6 +8,16 @@ export class GxIdeTeamDevCommit {
   constructor() {
     this.loadDataCalledFirstTime = false; // pending commits grid checkboxes, should be checked, after loadData has loaded commits for the first time.
     // 9.LOCAL METHODS //
+    this.conditionToCommit = async () => {
+      const commitComment = !!this.commitCommentEl.value.length;
+      const pendingChecked = await this.chGridPendingCommitsEl.getMarkedRows();
+      if (commitComment && pendingChecked.length > 0) {
+        this.commitButtonEnabled = true;
+      }
+      else {
+        this.commitButtonEnabled = false;
+      }
+    };
     this.markAllPendingCommitsRows = () => {
       this.chGridPendingCommitsEl.markAllRows();
     };
@@ -75,6 +85,7 @@ export class GxIdeTeamDevCommit {
         else {
           await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
         }
+        this.conditionToCommit();
         this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
       }
     };
@@ -118,11 +129,11 @@ export class GxIdeTeamDevCommit {
       }
     };
     this.commitCallbackHandler = async () => {
-      const commitComment = this.commitComment.value;
+      const commitCommentEl = this.commitCommentEl.value;
       this.chGridPendingCommitsEl
         .getMarkedRows()
         .then(async (pendingCommitsCheckedIds) => {
-        await this.commitCallback(pendingCommitsCheckedIds, commitComment);
+        await this.commitCallback(pendingCommitsCheckedIds, commitCommentEl);
         /* returns boolean*/
       });
     };
@@ -148,6 +159,7 @@ export class GxIdeTeamDevCommit {
     this.comment = "";
     this.pendingCommits = [];
     this.ignoredObjects = [];
+    this.commitButtonEnabled = false;
     this.changeSet = undefined;
     this.types = undefined;
     this.folders = undefined;
@@ -167,6 +179,7 @@ export class GxIdeTeamDevCommit {
     await this.loadData();
     this.loadDataCalledFirstTime = true;
     this.componentDidLoadEvent.emit(true);
+    this.conditionToCommit();
   }
   async componentDidRender() {
     if (this.loadDataCalledFirstTime) {
@@ -187,8 +200,8 @@ export class GxIdeTeamDevCommit {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gxg-container", null, h("header", { class: "header grid" }, h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitComment = el), placeholder: this._componentLocale.topMenu.commentPlaceholder, part: "comment" }), h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), h("main", { class: "main" }, h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, h("div", { class: "grid second-grid" }, h("div", { class: "actions-row grid" }, h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), h("div", { class: "action-buttons", slot: "tab-bar" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), h("div", { class: "filters-grid grid " +
-        (this.filtersHidden ? "hidden" : null) }, h("div", { class: "first-row grid" }, h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.changeSet)), h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems(this.types))), h("div", { class: "second-row grid" }, h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.folders)), h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems(this.categories)))))), h("gxg-container", null, h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container" }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button" }, this._componentLocale.footer.commitButton))))));
+    return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("gxg-container", null, h("header", { class: "header grid" }, h("gxg-form-textarea", { id: "gxg-textarea", height: "100px", label: this._componentLocale.topMenu.commentLabel, value: this.comment, ref: (el) => (this.commitCommentEl = el), onInput: this.conditionToCommit, placeholder: this._componentLocale.topMenu.commentPlaceholder, part: "comment" }), h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), h("main", { class: "main" }, h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, h("div", { class: "grid second-grid" }, h("div", { class: "actions-row grid" }, h("gxg-form-text", { class: this.filtersHidden ? "hidden" : null, "disable-filter": true, label: this._componentLocale.filtersMenu.patternLabel, labelPosition: "start", value: "", ref: (el) => (this.patternEl = el), "display-validation-styles": true, "display-validation-message": true, part: "pattern", onInput: this.loadData }), h("div", { class: "action-buttons", slot: "tab-bar" }, h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), h("div", { class: "filters-grid grid " +
+        (this.filtersHidden ? "hidden" : null) }, h("div", { class: "first-row grid" }, h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.changesetLabel, value: this.changeSet[0]["id"], ref: (el) => (this.changeSetEl = el), part: "change-set", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.changeSet)), h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.typeLabel, value: this.types[0]["id"], ref: (el) => (this.typesEl = el), part: "type", onValueChanged: this.loadData }, renderComboItems(this.types))), h("div", { class: "second-row grid" }, h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.folderLabel, value: this.folders[0]["id"], ref: (el) => (this.foldersEl = el), part: "folder", "display-validation-styles": true, "display-validation-message": true, onValueChanged: this.loadData }, renderComboItems(this.folders)), h("gxg-combo-box", { labelPosition: "start", label: this._componentLocale.filtersMenu.categoryLabel, value: this.categories[0]["id"], ref: (el) => (this.categoriesEl = el), part: "categories", onValueChanged: this.loadData }, renderComboItems(this.categories)))))), h("gxg-container", null, h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container" }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button", disabled: !this.commitButtonEnabled }, this._componentLocale.footer.commitButton))))));
   }
   static get is() { return "gx-ide-team-dev-commit"; }
   static get encapsulation() { return "shadow"; }
@@ -328,7 +341,7 @@ export class GxIdeTeamDevCommit {
         "mutable": false,
         "complexType": {
           "original": "CommitCallback",
-          "resolved": "(selection: string[], commitComment: string) => Promise<boolean>",
+          "resolved": "(selection: string[], commitCommentEl: string) => Promise<boolean>",
           "references": {
             "CommitCallback": {
               "location": "local"
@@ -406,7 +419,8 @@ export class GxIdeTeamDevCommit {
       "filtersHidden": {},
       "comment": {},
       "pendingCommits": {},
-      "ignoredObjects": {}
+      "ignoredObjects": {},
+      "commitButtonEnabled": {}
     };
   }
   static get events() {