@genexus/genexus-ide-ui 0.0.31 → 0.0.33

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

@@ -8,9 +8,35 @@ export class GxIdeTeamDevUpdate {
   constructor() {
     this.loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.
     // 9.LOCAL METHODS //
+    this.onRowContextMenuHandler = (grid) => async (ev) => {
+      if (this.objectsContextMenuCallback) {
+        ev.preventDefault();
+        ev.stopPropagation();
+        let selection = [];
+        if (grid === "pending") {
+          selection = await this.chGridPendingForUpdateEl.getSelectedRows();
+        }
+        else if (grid === "ignored") {
+          selection = await this.chGridIgnoredObjectsEl.getSelectedRows();
+        }
+        else if (grid === "results") {
+          selection = await this.chGridResultsEl.getSelectedRows();
+        }
+        await this.objectsContextMenuCallback(grid, {
+          selection: selection,
+          clientX: ev.detail.clientX,
+          clientY: ev.detail.clientY
+        });
+      }
+    };
     this.markAllPendingToUpdateRows = () => {
       this.chGridPendingForUpdateEl.markAllRows();
     };
+    this.gridOnSelectionChangedCallbackHandler = (grid) => async (ev) => {
+      if (this.selectCallback) {
+        await this.selectCallback(grid, ev.detail.rowsId);
+      }
+    };
     this.renderOptions = () => {
       return (h("gxg-container", { part: "options-container" }, h("div", { class: "grid options-grid" }, h("gxg-container", { displayBorder: true, part: "options-update-from", containerTitle: this._componentLocale.options.updateFrom }, h("div", { class: "grid options-update-from-grid" }, h("gxg-text", { type: "text-regular" }, this._componentLocale.options.updateFrom, ":"), h("gxg-text", { type: "text-link", onClick: this.openServerCallback }, this.updateFrom ? this.updateFrom.serverUrl : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.knowledgeBase, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.kbName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.version, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom ? this.updateFrom.versionName : ""), h("gxg-text", { type: "text-regular" }, this._componentLocale.options.lastFullUpdate, ":"), h("gxg-text", { type: "text-regular" }, this.updateFrom
         ? formatDate(this.updateFrom.lastFullUpdate)
@@ -29,13 +55,13 @@ export class GxIdeTeamDevUpdate {
       return (h("gxg-container", { part: "data-container" }, h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, h("gxg-tab-bar", { slot: "tab-bar-container" }, h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }, this.renderPendingForUpdate()), h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects" }, this.renderIgnoredObjects()), h("gxg-tab", { tab: "results", key: "results" }, this.renderResults()))));
     };
     this.renderPendingForUpdate = () => {
-      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "none", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", class: "no-border" }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon })), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.status, " "), h("ch-grid-cell", null, " ", obj.action, " ")))))));
+      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridPendingForUpdateEl = el), part: "ch-grid-pending-for-updates", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("pending"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("pending") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "rich", richRowSelector: true, richRowSelectorMode: "mark" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.status, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.action, settingable: false })), this.updateData.pendingForUpdate.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", { "cell-type": "rich", "row-selector": true }), h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon, color: "auto" })), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${formatDate(obj.modifiedOn)}`), h("ch-grid-cell", null, " ", obj.status, " "), h("ch-grid-cell", null, " ", obj.action, " ")))))));
     };
     this.renderIgnoredObjects = () => {
-      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", class: "no-border" }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " ")))))));
+      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridIgnoredObjectsEl = el), part: "ch-grid-ignored-objects", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("ignored"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("ignored") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, size: "min-content" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false, size: "1fr" }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false, size: "1fr" })), this.updateData.ignoredObjects.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " ")))))));
     };
     this.renderResults = () => {
-      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", class: "no-border" }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, " ", this.renderIconResult(obj.result), " "), h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon })), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, " ", obj.notes, " "), h("ch-grid-rowset", null, obj.messages.map(msg => {
+      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridResultsEl = el), part: "ch-grid-results", class: "no-border", onRowContextMenu: this.onRowContextMenuHandler("results"), onSelectionChanged: this.gridOnSelectionChangedCallbackHandler("results") }, h("ch-grid-columnset", null, h("ch-grid-column", { settingable: false, sortable: false, "column-type": "tree" }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.notes, settingable: false })), this.updateResultData.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, " ", this.renderIconResult(obj.result), " "), h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon, color: "auto" })), h("ch-grid-cell", null, " ", this.renderIconState(obj.state), " "), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, " ", obj.notes, " "), h("ch-grid-rowset", null, obj.messages.map(msg => {
         let msgType;
         switch (msg.type) {
           case "info":
@@ -142,38 +168,13 @@ export class GxIdeTeamDevUpdate {
         });
       }
     };
-    this.addListeners = async () => {
-      // for pending-for-update grid events
-      if (this.updateData.pendingForUpdate) {
-        this.chGridPendingForUpdateEl.addEventListener("contextmenu", async (ev) => {
-          ev.preventDefault();
-          ev.stopPropagation();
-          const pendingForUpdateMarked = await this.chGridPendingForUpdateEl.getMarkedRows();
-          this.gridContextMenuCallback(pendingForUpdateMarked, "update");
-        });
-      }
-      // for ignored-objects grid events
-      this.chGridIgnoredObjectsEl.addEventListener("contextmenu", async (ev) => {
-        ev.preventDefault();
-        ev.stopPropagation();
-        const ignoredObjectsSelected = await this.chGridIgnoredObjectsEl.getSelectedRows();
-        this.gridContextMenuCallback(ignoredObjectsSelected, "ignored");
-      });
-      // for results grid events
-      this.chGridResultsEl.addEventListener("contextmenu", async (ev) => {
-        ev.preventDefault();
-        ev.stopPropagation();
-        const resultsObjectsSelected = await this.chGridResultsEl.getMarkedRows();
-        this.gridContextMenuCallback(resultsObjectsSelected, "results");
-      });
-    };
     this.pendingForUpdatesRowMarkingChangedHandler = async (e) => {
       // remove "rowMarkingChanged" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.
       this.chGridPendingForUpdateEl.removeEventListener("rowMarkingChanged", this.pendingForUpdatesRowMarkingChangedHandler);
       if (this.chGridPendingForUpdateEl) {
         const addedRowsIds = e.detail.addedRowsId;
         const removedRowsId = e.detail.removedRowsId;
-        const pendingItemCheckedResult = await this.pendingItemCheckedCallback({
+        const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
           itemsChecked: addedRowsIds,
           itemsUnchecked: removedRowsId
         });
@@ -227,8 +228,10 @@ export class GxIdeTeamDevUpdate {
     this.loadCallback = undefined;
     this.objectsScopeCallback = undefined;
     this.openServerCallback = undefined;
-    this.pendingItemCheckedCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
     this.revisionScopeCallback = undefined;
+    this.objectsContextMenuCallback = undefined;
+    this.selectCallback = undefined;
     this.types = undefined;
     this.updateCallback = undefined;
     this.updateFrom = undefined;
@@ -240,7 +243,6 @@ export class GxIdeTeamDevUpdate {
   }
   async componentDidLoad() {
     await this.loadData();
-    this.addListeners();
   }
   async componentDidRender() {
     if (this.loadDataCalledFirstTime) {
@@ -374,14 +376,14 @@ export class GxIdeTeamDevUpdate {
           "text": "This is a function provided by the developer to call when the user clicked in server url of Update From group."
         }
       },
-      "pendingItemCheckedCallback": {
+      "pendingItemsCheckedCallback": {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "PendingItemCheckedCallback",
-          "resolved": "(pendingItemsCheckedState: PendingItemsCheckedState) => Promise<PendingItemCheckedResult>",
+          "original": "PendingItemsCheckedCallback",
+          "resolved": "(pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult>",
           "references": {
-            "PendingItemCheckedCallback": {
+            "PendingItemsCheckedCallback": {
               "location": "local"
             }
           }
@@ -412,6 +414,44 @@ export class GxIdeTeamDevUpdate {
           "text": "This is a function provided by the developer to call when the user wants to select the revision to work on."
         }
       },
+      "objectsContextMenuCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ObjectsContextMenuCallback",
+          "resolved": "(source: UpdateSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>",
+          "references": {
+            "ObjectsContextMenuCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": true,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that should be invoked when the user activates the context menu on any of the grids. It receives the internal IDs of the selected elements and in which grid the event occurred. It should prevent the default browser context menu from appearing"
+        }
+      },
+      "selectCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "UpdateSelectCallback",
+          "resolved": "(grid: UpdateSourceType, selectionIds: string[]) => Promise<void>",
+          "references": {
+            "UpdateSelectCallback": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Callback that should be invoked when the user selects rows from the grids"
+        }
+      },
       "types": {
         "type": "unknown",
         "mutable": false,

package/dist/collection/components/team-dev-update-partial-selection/gx-ide-assets/team-dev-update-partial-selection/langs/team-dev-update-partial-selection.lang.en.json

@@ -1,6 +1,8 @@
 {
   "name": "Name",
   "title": "Partial Selection",
+  "addObject": "Add",
+  "removeObject": "Remove",
   "tableHead": {
     "name": "Name",
     "type": "Type",
@@ -8,8 +10,8 @@
     "modifiedOn": "Modified On"
   },
   "footer": {
-    "btnClear": "Clear",
-    "btnOk": "Confirm",
+    "btnDeselectAll": "Deselect All",
+    "btnConfirm": "Confirm",
     "btnCancel": "Cancel"
   }
 }

package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.css

@@ -133,6 +133,7 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  gap: var(--gx-ide-grid-row-gap);
 }
 
 /* Objects Table */

package/dist/collection/components/team-dev-update-partial-selection/team-dev-update-partial-selection.js

@@ -6,41 +6,36 @@ import { Locale } from "../../common/locale";
 export class GxIdeTeamDevUpdatePartialSelection {
   constructor() {
     // 9.LOCAL METHODS //
-    this.handleKeyDownEvent = (add) => {
-      if (add) {
-        document.addEventListener("keydown", this.keyDownEventHandler);
-      }
-      else {
-        document.removeEventListener("keydown", this.keyDownEventHandler);
-      }
-    };
-    this.keyDownEventHandler = (e) => {
-      console.log(e.detail);
-    };
     this.renderObjects = () => {
-      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
+      return (h("gxg-grid", null, h("ch-grid", { "row-selection-mode": "multiple", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, h("ch-grid-columnset", null, h("ch-grid-column", { columnName: "", settingable: false, sortable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.name, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.type, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.description, settingable: false }), h("ch-grid-column", { columnName: this._componentLocale.tableHead.modifiedOn, settingable: false })), this.selection.map((obj) => (h("ch-grid-row", { rowid: obj.id }, h("ch-grid-cell", null, h("gxg-icon", { type: obj.typeIcon, color: "auto" })), h("ch-grid-cell", null, " ", obj.name, " "), h("ch-grid-cell", null, " ", obj.type, " "), h("ch-grid-cell", null, " ", obj.description, " "), h("ch-grid-cell", null, `${obj.modifiedOn.toISOString().slice(0, 10)}`)))))));
     };
-    this.getObjects = () => {
+    this.getObjectsHandler = () => {
       this.addCallback().then((items) => {
         if ((items === null || items === void 0 ? void 0 : items.length) > 0) {
           this.selection = [...this.selection, ...items];
           this.selectedObjectsIds = [];
-          this.deselectAll();
+          this.deselectAllHandler();
         }
       });
     };
-    this.removeObjects = () => {
+    this.removeObjectsHandler = () => {
       this.selection = this.selection.filter(item => !this.selectedObjectsIds.includes(item.id));
       this.selectedObjectsIds = [];
-      this.deselectAll();
+      this.deselectAllHandler();
     };
-    this.confirm = () => {
-      this.confirmCallback(this.selectedObjectsIds);
+    this.confirmHandler = () => {
+      if (this.confirmCallback) {
+        const allRowsIds = [];
+        this.selection.forEach(row => {
+          allRowsIds.push(row.id);
+        });
+        this.confirmCallback(allRowsIds);
+      }
     };
-    this.cancel = () => {
+    this.cancelHandler = () => {
       this.cancelCallback();
     };
-    this.deselectAll = () => {
+    this.deselectAllHandler = () => {
       this.chGridEl.selectAllRows(false);
     };
     this.listenChanges = () => {
@@ -59,21 +54,11 @@ export class GxIdeTeamDevUpdatePartialSelection {
   async componentWillLoad() {
     this._componentLocale = await Locale.getComponentStrings(this.el);
     this.componentDidLoadEvent.emit(true);
-    this.handleKeyDownEvent(true);
   }
   componentDidLoad() {
     this.listenChanges();
   }
   // 7.LISTENERS //
-  keyDownHandler(eventInfo) {
-    if (document.activeElement === this.el) {
-      switch (eventInfo.key) {
-        case "Delete":
-          this.removeObjects();
-          break;
-      }
-    }
-  }
   // 8.PUBLIC METHODS API //
   /**
    * Validate necessary data input
@@ -86,7 +71,7 @@ export class GxIdeTeamDevUpdatePartialSelection {
   render() {
     return (h(Host, { class: {
         "gxi-team-dev-update-partial-selection": true
-      } }, h("div", { class: `main-wrapper` }, h("gxg-container", { containerTitle: this._componentLocale.title }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "secondary-icon-only", icon: "gemini-tools/add-circle", onClick: this.getObjects, part: "gxg-button gxg-button--add" }), h("gxg-button", { id: "button-remove", type: "secondary-icon-only", icon: "gemini-tools/minus-circle", onClick: this.removeObjects, part: "gxg-button gxg-button--remove" })), this.renderObjects(), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-clear", type: "primary-text-only", onClick: this.deselectAll, part: "gxg-button gxg-button--clear" }, this._componentLocale.footer.btnClear)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))))));
+      } }, h("div", { class: `main-wrapper` }, h("gxg-container", { containerTitle: this._componentLocale.title }, h("div", { class: "top-actions" }, h("gxg-button", { id: "button-add", type: "outlined", onClick: this.getObjectsHandler, part: "add" }, this._componentLocale.addObject), h("gxg-button", { id: "button-remove", type: "outlined", onClick: this.removeObjectsHandler, part: "remove", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.removeObject)), this.renderObjects(), h("gxg-container", { displayBorderTop: true }, h("div", { class: "grid actions" }, h("div", null, h("gxg-button", { id: "button-clear", type: "outlined", onClick: this.deselectAllHandler, part: "clear", disabled: !(this.selectedObjectsIds.length > 0) }, this._componentLocale.footer.btnDeselectAll)), h("div", null, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirmHandler, part: "confirm" }, this._componentLocale.footer.btnConfirm), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelHandler, part: "cancel" }, this._componentLocale.footer.btnCancel))))))));
   }
   static get is() { return "gx-ide-team-dev-update-partial-selection"; }
   static get encapsulation() { return "shadow"; }
@@ -107,10 +92,10 @@ export class GxIdeTeamDevUpdatePartialSelection {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "AddCallbackFn",
+          "original": "AddCallback",
           "resolved": "() => Promise<ObjectData[]>",
           "references": {
-            "AddCallbackFn": {
+            "AddCallback": {
               "location": "local"
             }
           }
@@ -126,10 +111,10 @@ export class GxIdeTeamDevUpdatePartialSelection {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "CancelCallbackFn",
+          "original": "CancelCallback",
           "resolved": "() => Promise<void>",
           "references": {
-            "CancelCallbackFn": {
+            "CancelCallback": {
               "location": "local"
             }
           }
@@ -145,10 +130,10 @@ export class GxIdeTeamDevUpdatePartialSelection {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "ConfirmCallbackFn",
+          "original": "ConfirmCallback",
           "resolved": "(ids: string[]) => Promise<void>",
           "references": {
-            "ConfirmCallbackFn": {
+            "ConfirmCallback": {
               "location": "local"
             }
           }
@@ -226,13 +211,4 @@ export class GxIdeTeamDevUpdatePartialSelection {
     };
   }
   static get elementRef() { return "el"; }
-  static get listeners() {
-    return [{
-        "name": "keydown",
-        "method": "keyDownHandler",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }];
-  }
 }

package/dist/collection/components/team-dev-update-to-revision/gx-ide-assets/team-dev-update-to-revision/langs/team-dev-update-to-revision.lang.en.json

@@ -5,7 +5,7 @@
     "updateToRevision": "Update to Revision #"
   },
   "footer": {
-    "btnOk": "Ok",
+    "btnUpdate": "Update",
     "btnCancel": "Cancel"
   }
 }

package/dist/collection/components/team-dev-update-to-revision/team-dev-update-to-revision.js

@@ -6,6 +6,14 @@ import { Locale } from "../../common/locale";
 export class GxIdeTeamDevUpdateToRevision {
   constructor() {
     // 9.LOCAL METHODS //
+    this.setInitialCheckedRadio = () => {
+      if (this.currentRevision === undefined) {
+        this.updateToLatestEl.checked = true;
+      }
+      else {
+        this.updateToRevisionEl.checked = true;
+      }
+    };
     this.confirm = () => {
       let revision = undefined;
       if (this.updateToRevisionEl.checked) {
@@ -16,13 +24,20 @@ export class GxIdeTeamDevUpdateToRevision {
     this.cancel = () => {
       this.cancelCallback();
     };
+    this.updateToRevisionOnFocusHandler = () => {
+      this.updateToRevisionEl.checked = true;
+    };
     this.cancelCallback = undefined;
     this.confirmCallback = undefined;
+    this.currentRevision = undefined;
   }
   // 6.COMPONENT LIFECYCLE EVENTS //
   async componentWillLoad() {
     this._componentLocale = await Locale.getComponentStrings(this.el);
+  }
+  componentDidLoad() {
     this.componentDidLoadEvent.emit(true);
+    this.setInitialCheckedRadio();
   }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
@@ -37,7 +52,7 @@ export class GxIdeTeamDevUpdateToRevision {
   render() {
     return (h(Host, { class: {
         "gxi-team-dev-update-to-revision": true
-      } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), part: "revision-number" })))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "actions" }, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnOk), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+      } }, h("div", { class: `main-wrapper` }, h("gxg-container", null, h("gxg-form-radio-group", null, h("gxg-form-radio", { label: this._componentLocale.options.updateToLatest, value: "updateToLatest", ref: (el) => (this.updateToLatestEl = el), part: "radio-to-latest" }), h("div", { class: "revision-number" }, h("gxg-form-radio", { label: this._componentLocale.options.updateToRevision, value: "updateToRevision", ref: (el) => (this.updateToRevisionEl = el), part: "radio-to-revision" }), h("gxg-form-text", { ref: (el) => (this.revisionNumberEl = el), onFocus: this.updateToRevisionOnFocusHandler, value: this.currentRevision, part: "revision-number" })))), h("gxg-container", { displayBorderTop: true }, h("div", { class: "actions" }, h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.confirm, part: "update" }, this._componentLocale.footer.btnUpdate), h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancel, part: "cancel" }, this._componentLocale.footer.btnCancel))))));
   }
   static get is() { return "gx-ide-team-dev-update-to-revision"; }
   static get encapsulation() { return "shadow"; }
@@ -91,6 +106,23 @@ export class GxIdeTeamDevUpdateToRevision {
           "tags": [],
           "text": "This is a function provided by the developer and is invoked when the action confirm is executed passing the selected objects of the grid"
         }
+      },
+      "currentRevision": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | undefined",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Set an initial value for the review"
+        },
+        "attribute": "current-revision",
+        "reflect": false
       }
     };
   }

package/dist/components/gx-ide-team-dev-commit.js

@@ -37,6 +37,16 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.componentDidLoadEvent = createEvent(this, "componentDidLoadEvent", 7);
     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();
     };
@@ -93,7 +103,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       if (this.chGridPendingCommitsEl) {
         const addedRowsIds = e.detail.addedRowsId;
         const removedRowsId = e.detail.removedRowsId;
-        const pendingItemCheckedResult = await this.pendingItemCheckedCallback({
+        const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({
           itemsChecked: addedRowsIds,
           itemsUnchecked: removedRowsId
         });
@@ -104,6 +114,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         else {
           await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
         }
+        this.conditionToCommit();
         this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
       }
     };
@@ -147,11 +158,11 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
       }
     };
     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*/
       });
     };
@@ -177,6 +188,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.comment = "";
     this.pendingCommits = [];
     this.ignoredObjects = [];
+    this.commitButtonEnabled = false;
     this.changeSet = undefined;
     this.types = undefined;
     this.folders = undefined;
@@ -185,7 +197,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.loadCallback = undefined;
     this.commitCallback = undefined;
     this.selectCallback = undefined;
-    this.pendingItemCheckedCallback = undefined;
+    this.pendingItemsCheckedCallback = undefined;
     this.objectsContextMenuCallback = undefined;
   }
   // 6.COMPONENT LIFECYCLE METHODS //
@@ -196,6 +208,7 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     await this.loadData();
     this.loadDataCalledFirstTime = true;
     this.componentDidLoadEvent.emit(true);
+    this.conditionToCommit();
   }
   async componentDidRender() {
     if (this.loadDataCalledFirstTime) {
@@ -216,8 +229,8 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
   }
   // 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 assetsDirs() { return ["gx-ide-assets/team-dev-commit"]; }
   get el() { return this; }
@@ -231,12 +244,13 @@ const GxIdeTeamDevCommit$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     "loadCallback": [16],
     "commitCallback": [16],
     "selectCallback": [16],
-    "pendingItemCheckedCallback": [16],
+    "pendingItemsCheckedCallback": [16],
     "objectsContextMenuCallback": [16],
     "filtersHidden": [32],
     "comment": [32],
     "pendingCommits": [32],
     "ignoredObjects": [32],
+    "commitButtonEnabled": [32],
     "reload": [64]
   }]);
 function defineCustomElement$1() {