@genexus/genexus-ide-ui 0.0.32 → 0.0.34

package/dist/cjs/gx-ide-object-selector.cjs.entry.js

@@ -0,0 +1,174 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a32426a.js');
+const locale = require('./locale-c8445ea4.js');
+const renderComboItems = require('./render-combo-items-ef403ec4.js');
+
+const objectSelectorCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";
+
+const FILTER_AFTER_NONE = "none";
+const FILTER_AFTER_DATE_TIME = "afterDateTime";
+const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
+const FILTER_AFTER_IMPORT = "afterImport";
+const GxIdeObjectSelector = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.componentDidLoadEvent = index.createEvent(this, "componentDidLoadEvent", 7);
+    // 9.LOCAL METHODS //
+    this.renderFilter = () => {
+      var _a, _b;
+      return (index.h("gxg-container", { fieldset: true, displayBorderBottom: true, containerTitle: this._componentLocale.filter.title, part: "filters-container" }, index.h("div", { class: "grid filter-grid" }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), value: this.patternValue, part: "filter-pattern" }), index.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.renderComboItems((_a = this.types) !== null && _a !== void 0 ? _a : [])), index.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.renderComboItems((_b = this.categories) !== null && _b !== void 0 ? _b : [])), index.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) }), index.h("div", { class: "flex with-gap" }, index.h("gxg-form-checkbox", { label: this._componentLocale.filter.modified, class: "align-center", ref: (el) => (this.filterModifiedEl = el), part: "filter-modified" }), index.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.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
+        }
+      ])), index.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" }), index.h("div", { class: {
+          flex: true,
+          hide: !this.filterModified ||
+            this.filterAfterType !== FILTER_AFTER_DATE_TIME
+        }, part: "filter-datetime" }, index.h("gxg-label", { "label-position": "start" }, this._componentLocale.filter.dateTime), index.h("gxg-date-picker", { ref: (el) => (this.filterModifiedDateEl = el) }))))));
+    };
+    this.renderObjects = () => {
+      return (index.h("gxg-container", null, index.h("gxg-grid", null, index.h("ch-grid", { "row-selection-mode": this.multiSelection ? "multiple" : "single", ref: (el) => (this.chGridEl = el), part: "ch-grid-objects" }, index.h("ch-grid-columnset", null, index.h("ch-grid-column", { "column-name": "", "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.name, "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.type, "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.module, "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.description, "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.modifiedDate, "column-name-position": "text", settingable: false }), index.h("ch-grid-column", { "column-name": this._componentLocale.tableHead.importDate, "column-name-position": "text", settingable: false })), this.objects.map((obj) => (index.h("ch-grid-row", { rowid: obj.id }, index.h("ch-grid-cell", null, index.h("gxg-icon", { type: obj.icon, color: "auto" })), index.h("ch-grid-cell", null, " ", obj.name, " "), index.h("ch-grid-cell", null, " ", obj.type, " "), index.h("ch-grid-cell", null, " ", obj.module, " "), index.h("ch-grid-cell", null, " ", obj.description, " "), index.h("ch-grid-cell", null, `${obj.modifiedDate.toISOString().slice(0, 10)}`), index.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.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 (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, this.renderFilter(), this.renderObjects(), index.h("gxg-container", null, index.h("div", { class: "grid objects-count" }, index.h("gxg-text", { class: "align-end", part: "objects-selected" }, `${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`), index.h("gxg-text", { class: "align-end", part: "objects-matching" }, `${this.objects.length} ${this._componentLocale.objCount.matching}`))), index.h("gxg-container", { displayBorderTop: true }, index.h("div", { class: "grid actions" }, index.h("div", null, index.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), index.h("gxg-button", { id: "button-new", type: "primary-text-only", onClick: this.newObjectCallbackHandle, part: "gxg-button gxg-button--new" }, this._componentLocale.footer.btnNew)), index.h("div", null, index.h("gxg-button", { id: "button-ok", type: "primary-text-only", onClick: this.openSelectionCallbackHandle, part: "gxg-button gxg-button--ok" }, this._componentLocale.footer.btnConfirm), index.h("gxg-button", { id: "button-cancel", type: "outlined", onClick: this.cancelCallbackHandle, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel)))))));
+  }
+  static get assetsDirs() { return ["gx-ide-assets/object-selector"]; }
+  get el() { return index.getElement(this); }
+};
+GxIdeObjectSelector.style = objectSelectorCss;
+
+exports.gx_ide_object_selector = GxIdeObjectSelector;

package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const formatDate = require('./format-date-f2c49d1a.js');
+const renderComboItems = require('./render-combo-items-ef403ec4.js');
+const formatDate = require('./format-date-c32a19bd.js');
 
 const teamDevCommitCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.header .header-button{height:fit-content}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";
 
@@ -14,6 +15,16 @@ const GxIdeTeamDevCommit = class {
     this.componentDidLoadEvent = index.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();
     };
@@ -81,6 +92,7 @@ const GxIdeTeamDevCommit = class {
         else {
           await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);
         }
+        this.conditionToCommit();
         this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged", this.pendingCommitsRowMarkingChangedHandler);
       }
     };
@@ -124,11 +136,11 @@ const GxIdeTeamDevCommit = class {
       }
     };
     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*/
       });
     };
@@ -154,6 +166,7 @@ const GxIdeTeamDevCommit = class {
     this.comment = "";
     this.pendingCommits = [];
     this.ignoredObjects = [];
+    this.commitButtonEnabled = false;
     this.changeSet = undefined;
     this.types = undefined;
     this.folders = undefined;
@@ -173,6 +186,7 @@ const GxIdeTeamDevCommit = class {
     await this.loadData();
     this.loadDataCalledFirstTime = true;
     this.componentDidLoadEvent.emit(true);
+    this.conditionToCommit();
   }
   async componentDidRender() {
     if (this.loadDataCalledFirstTime) {
@@ -193,8 +207,8 @@ const GxIdeTeamDevCommit = class {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gxg-container", null, index.h("header", { class: "header grid" }, index.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" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main" }, index.h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.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 }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
-        (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.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 }, formatDate.renderComboItems(this.changeSet)), index.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 }, formatDate.renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.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 }, formatDate.renderComboItems(this.folders)), index.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 }, formatDate.renderComboItems(this.categories)))))), index.h("gxg-container", null, index.h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), index.h("gxg-button", { slot: "footer", type: "primary-text-only", onClick: this.commitCallbackHandler, part: "commit-button" }, this._componentLocale.footer.commitButton))))));
+    return (index.h(index.Host, { class: "gx-ide-component" }, index.h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, index.h("gxg-container", null, index.h("header", { class: "header grid" }, index.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" }), index.h("gxg-button", { class: "header-button", type: "outlined", part: "location", onClick: this.getRecentCommentHandler }, this._componentLocale.topMenu.recentCommentsButton))), index.h("main", { class: "main" }, index.h("gxg-container", { fieldset: true, noContentPadding: !!this.filtersHidden }, index.h("div", { class: "grid second-grid" }, index.h("div", { class: "actions-row grid" }, index.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 }), index.h("div", { class: "action-buttons", slot: "tab-bar" }, index.h("gxg-button", { onClick: this.toggleFiltersHandler, type: "secondary-icon-only", icon: "patterns/filters", part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" }))), index.h("div", { class: "filters-grid grid " +
+        (this.filtersHidden ? "hidden" : null) }, index.h("div", { class: "first-row grid" }, index.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.renderComboItems(this.changeSet)), index.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.renderComboItems(this.types))), index.h("div", { class: "second-row grid" }, index.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.renderComboItems(this.folders)), index.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.renderComboItems(this.categories)))))), index.h("gxg-container", null, index.h("gxg-tabs", { height: "100%", position: "top", class: "gxg-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`, tab: "pending-commits", "is-selected": true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": `${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`, tab: "ignored-objects" })), index.h("gxg-tab", { tab: "pending-commits", "no-padding": true }, this.renderPendingCommitsGrid()), index.h("gxg-tab", { tab: "ignored-objects", "no-padding": true }, this.renderIgnoredObjectsGrid())), index.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 index.getElement(this); }

package/dist/cjs/gx-ide-team-dev-update.cjs.entry.js

@@ -4,7 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a32426a.js');
 const locale = require('./locale-c8445ea4.js');
-const formatDate = require('./format-date-f2c49d1a.js');
+const renderComboItems = require('./render-combo-items-ef403ec4.js');
+const formatDate = require('./format-date-c32a19bd.js');
 
 const teamDevUpdateCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.options-grid{grid-template-columns:1fr auto}.options-grid .options-update-from-grid{grid-template-columns:auto 1fr;grid-row-gap:0}.options-grid .options-scope-grid{grid-template-columns:auto 1fr auto}.options-grid .options-scope-grid>:nth-child(7){grid-area:3/1/4/4}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.filters-container-body{width:100%;display:flex;align-items:flex-end;justify-content:space-between}.filters-container-body .filter-grid{flex:1;grid-template-columns:repeat(2, 1fr)}.filters-container-body .actions{display:flex;justify-content:flex-end;align-items:center}.filters-container-body .actions.close{width:100%}.data-grid{grid-template-columns:repeat(3, 1fr)}.data-grid>:nth-child(1){grid-area:1/1/2/2}.data-grid>:nth-child(2){grid-area:1/2/2/4}.data-panel-grid{grid-template-columns:repeat(2, 1fr)}.data-preview img{max-width:100%}.data-max-height{max-height:300px;overflow-y:auto}.actions{justify-content:flex-end}.no-border{border:0}.bold{font-weight:bold}";
 
@@ -55,7 +56,7 @@ const GxIdeTeamDevUpdate = class {
           "grid": true,
           "filter-grid": true,
           "hide": !this.showFilter
-        } }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), index.h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, formatDate.renderComboItems(this.types))), index.h("div", { class: { actions: true, close: !this.showFilter } }, index.h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
+        } }, index.h("gxg-form-text", { "label-position": "above", label: this._componentLocale.filter.pattern, ref: (el) => (this.filterPatternEl = el), part: "filter-pattern", onInput: this.loadData }), index.h("gxg-combo-box", { "disable-filter": true, label: this._componentLocale.filter.type, disabled: !this.types, ref: (el) => (this.filterTypeEl = el), onValueChanged: this.loadData, part: "filter-type", value: this.types[0].id }, renderComboItems.renderComboItems(this.types))), index.h("div", { class: { actions: true, close: !this.showFilter } }, index.h("gxg-button", { type: "secondary-icon-only", icon: "patterns/filters", onClick: this.toggleFilter, part: "gxg-button gxg-button--show-filter" }), index.h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", onClick: this.loadData, part: "gxg-button gxg-button--reload" })))));
     };
     this.renderData = () => {
       return (index.h("gxg-container", { part: "data-container" }, index.h("gxg-tabs", { id: "dataTabs", part: "data-tabs" }, index.h("gxg-tab-bar", { slot: "tab-bar-container" }, index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.pendingForUpdate, tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.ignoredObjects, tab: "ignoredObjects", key: "ignoredObjects" }), index.h("gxg-tab-button", { slot: "tab-bar", "tab-label": this._componentLocale.tabs.results, tab: "results", key: "results", ref: (el) => (this.gxgTabButtonResultsEl = el) })), index.h("gxg-tab", { tab: "pendingForUpdate", key: "pendingForUpdate", isSelected: true }, this.renderPendingForUpdate()), index.h("gxg-tab", { tab: "ignoredObjects", key: "ignoredObjects" }, this.renderIgnoredObjects()), index.h("gxg-tab", { tab: "results", key: "results" }, this.renderResults()))));

package/dist/cjs/gx-ide-test.cjs.entry.js

@@ -7,7 +7,7 @@ const updateTreeModel = require('./update-tree-model-8b154db1.js');
 
 const testCss = ":host{display:block}";
 
-const GxIdeUiTest = class {
+const GxIdeTest = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     // 8.PUBLIC METHODS API //
@@ -95,6 +95,6 @@ const GxIdeUiTest = class {
     }
   }
 };
-GxIdeUiTest.style = testCss;
+GxIdeTest.style = testCss;
 
-exports.gx_ide_test = GxIdeUiTest;
+exports.gx_ide_test = GxIdeTest;