@genexus/genexus-ide-ui 1.1.21 → 1.1.23

package/dist/genexus-ide-ui/p-fa52a417.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderComboItems","gxOptions","comboItemsArray","forEach","gxOption","iconName","icon","value","id","push","h","label","name","updateCss","CSS_BUNDLES","GxIdeTeamDevUpdate","this","loadDataCalledFirstTime","renderedFirstTime","onRowContextMenuHandler","grid","async","ev","objectsContextMenuCallback","preventDefault","stopPropagation","selection","chGridPendingForUpdateEl","getSelectedRows","chGridIgnoredObjectsEl","chGridResultsEl","clientX","detail","clientY","markAllPendingToUpdateRows","markAllRows","gridOnSelectionChangedCallbackHandler","selectCallback","rowsId","genexusServerUrlHandler","_a","updateFrom","serverUrl","window","open","renderOptions","class","part","containerTitle","_componentLocale","options","titleType","contentBorderEnd","noContentPadding","type","listName","readonly","noListBorder","itemId","itemValue","undefined","onClick","knowledgeBase","kbName","version","versionName","lastFullUpdate","formatDate","scope","labelPosition","center","noMargin","objects","bold","objectScopeText","scopeData","toLocaleLowerCase","objectsScope","changeBtn","revision","revisionScopeText","latest","revisionScope","kbProperties","renderFilter","centerLabel","filter","pattern","ref","el","filterPatternEl","onInput","loadData","disabled","types","filterTypeEl","onValueChanged","renderData","displayBorderTop","slot","displayBorder","tabs","pendingForUpdate","tab","key","isSelected","ignoredObjects","results","gxgTabButtonResultsEl","noPadding","renderPendingForUpdate","renderIgnoredObjects","renderResults","onRowContextMenu","onSelectionChanged","settingable","sortable","richRowSelector","richRowSelectorMode","size","config","tabularGrid","colSize","maxContent","columnName","tableHead","description","commonDouble","modifiedOn","status","action","updateData","map","obj","rowid","src","typeIcon","renderIconState","state","notes","updateResultData","renderIconResult","result","messages","msg","msgType","text","color","filters","showFilter","isLoading","loadCallback","update","updateCallback","pendingForUpdateMarked","getMarkedRows","then","tabButtonClick","objectsScopeCallback","objectData","revisionScopeCallback","revisionData","pendingForUpdatesRowMarkingChangedHandler","e","removeEventListener","addedRowsIds","addedRowsId","removedRowsId","pendingItemCheckedResult","pendingItemsCheckedCallback","itemsChecked","itemsUnchecked","revertPendingCommitsCheckboxes","togglePendingCommitsCheckboxes","addEventListener","itemsToToggle","itemsToCheck","itemsToUncheck","rowId","markRow","componentWillLoad","Locale","getComponentStrings","componentDidLoadEvent","emit","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","componentName","reload","render","Host","model","slimmerFooter","gxIdeContainer","displayTitle","footer","btnUpdate"],"sources":["src/common/render-combo-items.tsx","src/components/team-dev/update/update.scss?tag=gx-ide-team-dev-update&encapsulation=shadow","src/components/team-dev/update/update.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nexport const renderComboItems = (\n  gxOptions: Array<GxOption>\n): HTMLGxgComboBoxItemElement[] => {\n  const comboItemsArray: HTMLGxgComboBoxItemElement[] = [];\n  gxOptions.forEach((gxOption: GxOption) => {\n    const iconName = gxOption.iconName || gxOption.icon;\n    const value = gxOption.value || gxOption.id;\n    comboItemsArray.push(\n      <gxg-combo-box-item value={value} icon={iconName}>\n        {gxOption.label || gxOption.name || gxOption.value || gxOption.id}\n      </gxg-combo-box-item>\n    );\n  });\n  return comboItemsArray;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n\n:host {\n  display: block;\n}\n\n/*--- Options Wrapper ---*/\n.options-wrapper {\n  display: grid;\n  grid-template-columns: 2fr 1fr;\n  grid-column-gap: 0;\n  grid-row-gap: 0;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n\n  .genexus-server {\n    cursor: pointer;\n    &:hover {\n      background-color: var(--ds-item-background-color--hover);\n    }\n  }\n  .scope {\n    font-family: inherit;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--2xs);\n    .row {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: var(--mer-spacing--xs);\n      .value {\n        font-style: italic;\n      }\n    }\n  }\n}\n\n/*--- Filter ---*/\n.filter-row {\n  padding: 0 var(--gx-ide-container__padding) 0 var(--gx-ide-container__padding);\n  display: flex;\n  flex-direction: row;\n  gap: var(--gx-ide-grid-row-gap);\n  .combo {\n    flex: 1;\n  }\n}\n\n/* Data Grid*/\n.data-grid {\n  grid-template-columns: repeat(3, 1fr);\n  // max-height: 300px;\n  // overflow-y: auto;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 2;\n  }\n  > :nth-child(2) {\n    grid-area: 1 / 2 / 2 / 4;\n  }\n}\n.data-panel-grid {\n  grid-template-columns: repeat(2, 1fr);\n}\n.data-preview {\n  img {\n    max-width: 100%;\n  }\n}\n.data-max-height {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n/* Footer Actions */\n.actions {\n  justify-content: flex-end;\n}\n\n.no-border {\n  border: 0;\n}\n\n.bold {\n  font-weight: bold;\n}\n\n/*--- Results ---*/\nch-grid-rowset-empty {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--xs);\n}\n\ngxg-tab::part(container) {\n  line-height: unset;\n}\n.tabular-grid {\n  block-size: 100%;\n}\n\ngx-ide-container::part(content) {\n  overflow: hidden;\n}\n\n// apply ellipsis on description column\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-pending-update\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-results\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    6\n  )\n);\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Color as GxgIconColor } from \"@genexus/gemini/dist/types/components/icon/icon\";\nimport {\n  TabularGridMarkingChangedEvent,\n  TabularGridRowContextMenuEvent,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\nimport { config } from \"../../../common/config\";\n\nimport { ObjectState } from \"../common/types\";\n\nimport {\n  ObjectType,\n  ContextMenuInfo,\n  ItemsCheckedState,\n  ItemsCheckedResult,\n  ResultState\n} from \"../../../common/types\";\nimport { renderComboItems } from \"../../../common/render-combo-items\";\nimport { formatDate } from \"../../../common/helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tabular-grid\"\n];\n\n@Component({\n  tag: \"gx-ide-team-dev-update\",\n  styleUrl: \"update.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-update\"]\n})\nexport class GxIdeTeamDevUpdate {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private loadDataCalledFirstTime = false; // pending for update grid checkboxes, should be checked, after loadData has loaded objects for the first time.\n  private renderedFirstTime = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeTeamDevUpdateElement;\n\n  /* References needed to collect data */\n  // private optionKbPropertiesEl!: HTMLGxgFormCheckboxElement;\n  private filterPatternEl!: HTMLGxgFormTextElement;\n  private filterTypeEl!: HTMLGxgComboBoxElement;\n  private chGridPendingForUpdateEl!: HTMLChGridElement;\n  private chGridIgnoredObjectsEl!: HTMLChGridElement;\n  private chGridResultsEl!: HTMLChGridElement;\n  private gxgTabButtonResultsEl!: HTMLGxgTabButtonElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * If the design data is loading or not, for disabled actions\n   */\n  @State() isLoading = false;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() objectScopeText = \"all\";\n\n  /**\n   * The tab that is currently open\n   */\n  @State() openTab: \"pending\" | \"ignored\" | \"results\" = \"pending\";\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() revisionScopeText: string = undefined;\n\n  /**\n   * For show or hide advanced filters\n   */\n  @State() showFilter = false;\n\n  /**\n   * The data loaded for populate the grids\n   */\n  @State() updateData: UpdateData = {\n    pendingForUpdate: [],\n    ignoredObjects: []\n  };\n\n  /**\n   * The data receive after user update\n   */\n  @State() updateResultData: UpdateResultData[] = [];\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * This is a function provided by the developer that init the process of import a design.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * This is a function provided by the developer that return the information of an Image System type of data.\n   */\n  @Prop() readonly gridContextMenuCallback!: GridContextMenuCallback;\n\n  /**\n   * This is a function provided by the developer that return the list of types of data loaded from file or url.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user makes a partial selection from button Change of Scope group.\n   */\n  @Prop() readonly objectsScopeCallback!: () => Promise<\"all\" | \"partial\">;\n\n  /**\n   * This is a function provided by the developer to call when the user clicked in server url of Update From group.\n   */\n  @Prop() readonly openServerCallback!: () => Promise<void>;\n\n  /**\n   * This is a function provided by the developer that return the information of a Font type of data.\n   */\n  @Prop() readonly pendingItemsCheckedCallback!: PendingItemsCheckedCallback;\n\n  /**\n   * This is a function provided by the developer to call when the user wants to select the revision to work on.\n   */\n  @Prop() readonly revisionScopeCallback!: () => Promise<string | undefined>;\n\n  /**\n   * 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\n   */\n  @Prop() readonly objectsContextMenuCallback!: ObjectsContextMenuCallback;\n\n  /**\n   * Callback that should be invoked when the user selects rows from the grids\n   */\n  @Prop() readonly selectCallback: UpdateSelectCallback;\n\n  /**\n   * Possibly values for the filter type\n   */\n  @Prop() readonly types: ObjectType[];\n\n  /**\n   * This is a function provided by the developer that return the information of a Design System type of data.\n   */\n  @Prop() readonly updateCallback!: UpdateCallback;\n\n  /**\n   * Information to show in the container of group 'Update From'\n   */\n  @Prop() readonly updateFrom: UpdateFromData;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs.\n   */\n  @Event() componentDidLoadEvent: EventEmitter<boolean>;\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.componentDidLoadEvent.emit(true);\n  }\n\n  async componentDidLoad() {\n    await this.loadData();\n    this.filterPatternEl.focus();\n  }\n\n  async componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n\n    if (this.loadDataCalledFirstTime) {\n      // call this method only once\n      await this.markAllPendingToUpdateRows();\n      // attach \"rowMarkingChanged\" after rows have been checked for the first time.\n      this.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n      this.loadDataCalledFirstTime = false;\n    }\n  }\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * The method used by the host to instruct the component to force a data reload in the grids.\n   */\n  @Method()\n  async reload() {\n    this.loadData();\n  }\n\n  // 9.LOCAL METHODS //\n\n  private onRowContextMenuHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridRowContextMenuEvent>) => {\n      if (this.objectsContextMenuCallback) {\n        ev.preventDefault();\n        ev.stopPropagation();\n        let selection: string[] = [];\n        if (grid === \"pending\") {\n          selection = await this.chGridPendingForUpdateEl.getSelectedRows();\n        } else if (grid === \"ignored\") {\n          selection = await this.chGridIgnoredObjectsEl.getSelectedRows();\n        } else if (grid === \"results\") {\n          selection = await this.chGridResultsEl.getSelectedRows();\n        }\n        await this.objectsContextMenuCallback(grid, {\n          selection: selection,\n          clientX: ev.detail.clientX,\n          clientY: ev.detail.clientY\n        });\n      }\n    };\n\n  private markAllPendingToUpdateRows = () => {\n    this.chGridPendingForUpdateEl.markAllRows();\n  };\n\n  private gridOnSelectionChangedCallbackHandler =\n    (grid: UpdateSourceType) =>\n    async (ev: CustomEvent<TabularGridSelectionChangedEvent>) => {\n      if (this.selectCallback) {\n        await this.selectCallback(grid, ev.detail.rowsId);\n      }\n    };\n\n  private genexusServerUrlHandler = () => {\n    if (this.updateFrom?.serverUrl) {\n      window.open(this.updateFrom.serverUrl);\n    }\n  };\n\n  private renderOptions = (): Element => {\n    return (\n      <div class=\"options-wrapper\">\n        {/* genexus server*/}\n        <gx-ide-container\n          part=\"options-update-from\"\n          containerTitle={this._componentLocale.options.updateFrom}\n          titleType=\"secondary\"\n          contentBorderEnd\n          noContentPadding\n        >\n          <gx-ide-list-selector\n            type=\"single-selection\"\n            listName=\"commit-recent-messages\"\n            readonly\n            noListBorder\n          >\n            {/* genexus server*/}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/genexus-cloud\"\n              itemId=\"genexus-server\"\n              itemValue={undefined}\n              class=\"genexus-server\"\n              onClick={this.genexusServerUrlHandler}\n            >\n              {`${this._componentLocale.options.updateFrom}:`}\n              <gxg-text type=\"text-link\">\n                {this.updateFrom ? this.updateFrom.serverUrl : \"\"}\n              </gxg-text>\n            </gx-ide-list-selector-item>\n\n            {/* knowledge base*/}\n            <gx-ide-list-selector-item\n              icon=\"general/knowledge-base\"\n              itemId=\"knowledge-base\"\n              itemValue={`${this._componentLocale.options.knowledgeBase}: ${\n                this.updateFrom ? this.updateFrom.kbName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* version */}\n            <gx-ide-list-selector-item\n              icon=\"general/version\"\n              itemId=\"version\"\n              itemValue={`${this._componentLocale.options.version}: ${\n                this.updateFrom ? this.updateFrom.versionName : \"\"\n              }`}\n            ></gx-ide-list-selector-item>\n\n            {/* last full update */}\n            <gx-ide-list-selector-item\n              icon=\"window-tools/last-changes-view\"\n              itemId=\"last-full-update\"\n              itemValue={`${\n                this._componentLocale.options.lastFullUpdate\n              }: ${formatDate(this.updateFrom.lastFullUpdate)}`}\n            ></gx-ide-list-selector-item>\n          </gx-ide-list-selector>\n        </gx-ide-container>\n\n        {/* scope*/}\n        <gx-ide-container\n          part=\"options-scope\"\n          containerTitle={this._componentLocale.options.scope}\n          titleType=\"secondary\"\n        >\n          <div class=\"scope\">\n            {/* Objects*/}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.objects}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.objectScopeText === \"partial\",\n                  value: true\n                }}\n              >\n                {\n                  this._componentLocale.options.scopeData.objects[\n                    this.objectScopeText.toLocaleLowerCase()\n                  ]\n                }\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.objectsScope}\n                part=\"gxg-button gxg-button--scope-objects-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Revision */}\n            <div class=\"row\">\n              <gxg-label labelPosition=\"start\" center noMargin>\n                {this._componentLocale.options.revision}:\n              </gxg-label>\n              <span\n                class={{\n                  bold: this.revisionScopeText !== undefined,\n                  value: true\n                }}\n              >\n                {this.revisionScopeText === undefined\n                  ? this._componentLocale.options.scopeData.revision.latest\n                  : this.revisionScopeText}\n              </span>\n              <gxg-text\n                type=\"text-link\"\n                onClick={this.revisionScope}\n                part=\"gxg-button gxg-button--scope-revision-change\"\n              >\n                {this._componentLocale.options.changeBtn}\n              </gxg-text>\n            </div>\n\n            {/* Kb Properties */}\n            <div class=\"row\">\n              <gxg-form-checkbox\n                label={this._componentLocale.options.kbProperties}\n                class=\"align-center\"\n                part=\"option-kb-properties\"\n              ></gxg-form-checkbox>\n            </div>\n          </div>\n        </gx-ide-container>\n      </div>\n    );\n  };\n\n  private renderFilter = (): Element => {\n    return (\n      <div\n        class={{\n          \"filter-row\": true\n        }}\n      >\n        {/* pattern*/}\n        <gxg-form-text\n          label-position=\"start\"\n          centerLabel\n          label={this._componentLocale.filter.pattern}\n          ref={(el: HTMLGxgFormTextElement) =>\n            (this.filterPatternEl = el as HTMLGxgFormTextElement)\n          }\n          part=\"filter-pattern\"\n          onInput={this.loadData}\n          class=\"combo\"\n        ></gxg-form-text>\n\n        {/* type */}\n        <gxg-combo-box\n          label-position=\"start\"\n          centerLabel\n          disable-filter\n          label={this._componentLocale.filter.type}\n          disabled={!this.types}\n          ref={(el: HTMLGxgComboBoxElement) =>\n            (this.filterTypeEl = el as HTMLGxgComboBoxElement)\n          }\n          onValueChanged={this.loadData}\n          part=\"filter-type\"\n          value={this.types[0].id}\n          class=\"combo\"\n        >\n          {renderComboItems(this.types)}\n        </gxg-combo-box>\n\n        {/* load data */}\n        <gxg-button\n          type=\"secondary-icon-only\"\n          icon=\"gemini-tools/reset\"\n          onClick={this.loadData}\n          part=\"gxg-button gxg-button--reload\"\n          class=\"button\"\n        ></gxg-button>\n      </div>\n    );\n  };\n\n  private renderData = (): Element => {\n    return (\n      <gx-ide-container\n        part=\"data-container\"\n        noContentPadding\n        class=\"gxi-overflow-auto\"\n        displayBorderTop\n      >\n        <gxg-tabs id=\"dataTabs\" part=\"data-tabs\">\n          <gxg-tab-bar slot=\"tab-bar-container\" displayBorder>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.pendingForUpdate}\n              tab=\"pendingForUpdate\"\n              key=\"pendingForUpdate\"\n              isSelected={true}\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.ignoredObjects}\n              tab=\"ignoredObjects\"\n              key=\"ignoredObjects\"\n            ></gxg-tab-button>\n            <gxg-tab-button\n              slot=\"tab-bar\"\n              tab-label={this._componentLocale.tabs.results}\n              tab=\"results\"\n              key=\"results\"\n              ref={(el: HTMLGxgTabButtonElement) =>\n                (this.gxgTabButtonResultsEl = el)\n              }\n            ></gxg-tab-button>\n          </gxg-tab-bar>\n          <gxg-tab\n            tab=\"pendingForUpdate\"\n            key=\"pendingForUpdate\"\n            noPadding\n            isSelected={true}\n          >\n            {this.renderPendingForUpdate()}\n          </gxg-tab>\n          <gxg-tab tab=\"ignoredObjects\" key=\"ignoredObjects\" noPadding>\n            {this.renderIgnoredObjects()}\n          </gxg-tab>\n          <gxg-tab tab=\"results\" key=\"results\" noPadding>\n            {this.renderResults()}\n          </gxg-tab>\n        </gxg-tabs>\n      </gx-ide-container>\n    );\n  };\n\n  private renderPendingForUpdate = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-pending-update\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridPendingForUpdateEl = el)\n        }\n        part=\"ch-tabular-grid-pending-for-updates\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"pending\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"pending\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"rich\"\n            richRowSelector\n            richRowSelectorMode=\"mark\"\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.modifiedOn}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.status}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.action}\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.pendingForUpdate.map((obj: ModifiedObject) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell\n              cell-type=\"rich\"\n              row-selector\n              class=\"tabular-grid-cell\"\n            ></ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {`${formatDate(obj.modifiedOn)}`}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.status}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.action}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIgnoredObjects = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.chGridIgnoredObjectsEl = el)\n        }\n        part=\"ch-grid-ignored-objects\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"ignored\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"ignored\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            size=\"min-content\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            size=\"1fr\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateData.ignoredObjects.map((obj: ModifiedObject) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderResults = (): HTMLChTabularGridElement => {\n    return (\n      <ch-tabular-grid\n        class=\"tabular-grid tabular-grid-results\"\n        row-selection-mode=\"multiple\"\n        ref={(el: HTMLChTabularGridElement) => (this.chGridResultsEl = el)}\n        part=\"ch-tabular-grid-results\"\n        onRowContextMenu={this.onRowContextMenuHandler(\"results\")}\n        onSelectionChanged={this.gridOnSelectionChangedCallbackHandler(\n          \"results\"\n        )}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            column-type=\"tree\"\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            settingable={false}\n            sortable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.name}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.type}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.description}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            columnName={this._componentLocale.tableHead.notes}\n            settingable={false}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n        {this.updateResultData.map((obj: UpdateResultData) => (\n          <ch-tabular-grid-row rowid={obj.id} class=\"tabular-grid-row\">\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconResult(obj.result)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              <ch-image src={obj.typeIcon} class=\"icon-md\"></ch-image>\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {this.renderIconState(obj.state)}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.name}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.type}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.description}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n              {obj.notes}\n            </ch-tabular-grid-cell>\n            <ch-tabular-grid-rowset>\n              {obj.messages.map(msg => {\n                let msgType;\n                switch (msg.type) {\n                  case \"info\":\n                    msgType = \"text-alert-info\";\n                    break;\n                  case \"success\":\n                    msgType = \"text-alert-success\";\n                    break;\n                  case \"warning\":\n                    msgType = \"text-alert-warning\";\n                    break;\n                  case \"error\":\n                    msgType = \"text-alert-error\";\n                    break;\n                }\n                return (\n                  <ch-tabular-grid-rowset-empty>\n                    <gxg-text type={msgType as any}>{msg.text}</gxg-text>\n                  </ch-tabular-grid-rowset-empty>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          </ch-tabular-grid-row>\n        ))}\n      </ch-tabular-grid>\n    );\n  };\n\n  private renderIconState = (state: ObjectState): Element => {\n    let type: string;\n\n    switch (state) {\n      case \"Modified\":\n        type = \"gx-server/changes-commit-pending\";\n        break;\n      case \"Inserted\":\n        type = \"gx-server/new\";\n        break;\n      case \"Deleted\":\n        type = \"gx-server/delete\";\n        break;\n      case \"Conflicted\":\n        type = \"gx-server/conflict\";\n        break;\n    }\n    return <ch-image class=\"icon-md\" src={type}></ch-image>;\n  };\n\n  private renderIconResult = (result: ResultState): Element => {\n    let type: string;\n    let color: GxgIconColor;\n    switch (result) {\n      case \"info\":\n        type = \"gemini-tools/notice\";\n        color = \"primary-active\";\n        break;\n      case \"success\":\n        type = \"gemini-tools/success\";\n        color = \"success\";\n        break;\n      case \"warning\":\n        type = \"gemini-tools/warning\";\n        color = \"warning\";\n        break;\n      case \"error\":\n        type = \"gemini-tools/error\";\n        color = \"error\";\n        break;\n    }\n    return <gxg-icon type={type} color={color}></gxg-icon>;\n  };\n\n  private loadData = async (): Promise<void> => {\n    const filters: FiltersData = {\n      pattern: this.showFilter ? this.filterPatternEl.value : null,\n      type: this.showFilter ? this.filterTypeEl.value : null\n    };\n    // this.updateData = null;\n    this.isLoading = true;\n    this.updateData = await this.loadCallback(filters);\n    this.isLoading = false;\n    if (!this.loadDataCalledFirstTime) {\n      /* this allows checking the pending commits checkboxes on first load*/\n      this.loadDataCalledFirstTime = true;\n    }\n  };\n\n  private update = async (): Promise<void> => {\n    if (this.updateCallback) {\n      const pendingForUpdateMarked =\n        await this.chGridPendingForUpdateEl.getMarkedRows();\n      this.updateCallback(pendingForUpdateMarked).then(\n        (updateResultData: UpdateResultData[]) => {\n          this.updateResultData = updateResultData;\n          this.gxgTabButtonResultsEl.tabButtonClick();\n        }\n      );\n    }\n  };\n\n  private objectsScope = (): void => {\n    if (this.objectsScopeCallback) {\n      this.objectsScopeCallback().then(objectData => {\n        if (objectData) {\n          this.objectScopeText = objectData;\n        }\n      });\n    }\n  };\n\n  private revisionScope = (): void => {\n    if (this.revisionScopeCallback) {\n      this.revisionScopeCallback().then(revisionData => {\n        this.revisionScopeText = revisionData;\n      });\n    }\n  };\n\n  private pendingForUpdatesRowMarkingChangedHandler = async (\n    e: CustomEvent<TabularGridMarkingChangedEvent>\n  ): Promise<void> => {\n    // remove \"rowMarkingChanged\" until checkboxes have been added/removed on togglePendingCommitsCheckboxes, to prevent loops.\n    this.chGridPendingForUpdateEl.removeEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n    if (this.chGridPendingForUpdateEl) {\n      const addedRowsIds = e.detail.addedRowsId;\n      const removedRowsId = e.detail.removedRowsId;\n      const pendingItemCheckedResult = await this.pendingItemsCheckedCallback({\n        itemsChecked: addedRowsIds,\n        itemsUnchecked: removedRowsId\n      });\n      if (pendingItemCheckedResult === undefined) {\n        // undo check/uncheck\n        await this.revertPendingCommitsCheckboxes(addedRowsIds, removedRowsId);\n      } else {\n        await this.togglePendingCommitsCheckboxes(pendingItemCheckedResult);\n      }\n      this.chGridPendingForUpdateEl.addEventListener(\n        \"rowMarkingChanged\",\n        this.pendingForUpdatesRowMarkingChangedHandler\n      );\n    }\n    this.chGridPendingForUpdateEl.addEventListener(\n      \"rowMarkingChanged\",\n      this.pendingForUpdatesRowMarkingChangedHandler\n    );\n  };\n\n  private togglePendingCommitsCheckboxes = async (\n    itemsToToggle: ItemsCheckedResult\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      const itemsToCheck: string[] = itemsToToggle.itemsToCheck;\n      const itemsToUncheck: string[] = itemsToToggle.itemsToUncheck;\n      // check\n      for (const rowId of itemsToCheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n      // uncheck\n      for (const rowId of itemsToUncheck) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n    }\n  };\n\n  private revertPendingCommitsCheckboxes = async (\n    addedRowsIds: string[],\n    removedRowsId: string[]\n  ) => {\n    if (this.chGridPendingForUpdateEl) {\n      for (const rowId of addedRowsIds) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, false);\n      }\n      for (const rowId of removedRowsId) {\n        await this.chGridPendingForUpdateEl.markRow(rowId, true);\n      }\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            displayBorderTop\n            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            {this.renderOptions()}\n            {this.renderFilter()}\n            {this.renderData()}\n\n            <gxg-button\n              id=\"button-update\"\n              type=\"primary-text-only\"\n              onClick={this.update}\n              part=\"gxg-button gxg-button--update\"\n              disabled={this.isLoading}\n              slot=\"footer-end\"\n            >\n              {this._componentLocale.footer.btnUpdate}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type LoadCallback = (filters: FiltersData) => Promise<UpdateData>;\n\nexport type UpdateCallback = (\n  selection: string[]\n) => Promise<UpdateResultData[]>;\n\nexport type PendingItemsCheckedCallback = (\n  pendingItemsCheckedState: ItemsCheckedState\n) => Promise<ItemsCheckedResult | undefined>;\n\nexport type UpdateSelectCallback = (\n  grid: UpdateSourceType,\n  selectionIds: string[]\n) => Promise<void>;\n\nexport type UpdateSourceType = \"pending\" | \"ignored\" | \"results\";\n\nexport type GridContextMenuCallback = (\n  selection: string[],\n  grid: \"update\" | \"ignored\" | \"results\"\n) => Promise<void>;\n\nexport type ObjectsContextMenuCallback = (\n  source: UpdateSourceType,\n  contextMenuInfo: ContextMenuInfo\n) => Promise<void>;\n\nexport type ConfirmCallback = (data: any) => Promise<boolean>;\n\nexport interface UpdateFromData {\n  serverUrl: string;\n  kbName: string;\n  versionName: string;\n  lastFullUpdate: Date;\n}\nexport interface FiltersData {\n  pattern: string;\n  type: string;\n}\nexport interface UpdateData {\n  pendingForUpdate: ModifiedObject[];\n  ignoredObjects: ModifiedObject[];\n}\nexport interface ModifiedObject {\n  id: string;\n  typeIcon: string;\n  state?: ObjectState;\n  name: string;\n  type: string;\n  description?: string;\n  modifiedOn?: Date;\n  status?: string;\n  action?: string;\n}\nexport interface UpdateResultData {\n  id: string;\n  result: ResultState;\n  typeIcon: string;\n  state: ObjectState;\n  name: string;\n  type: string;\n  description: string;\n  notes: string;\n  messages: MessageData[];\n}\n\nexport interface MessageData {\n  type: \"info\" | \"success\" | \"warning\" | \"error\";\n  text: string;\n}\n"],"mappings":"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"}

package/dist/types/common/types.d.ts

@@ -47,7 +47,6 @@ export type ConnectionResultData = {
     success: boolean;
     fieldErrors: FormElementValidation[];
 };
-export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
 export type ObjectType = {
     id: string;
     name: string;

package/dist/types/components/plugin-details/plugin-details.d.ts

@@ -22,6 +22,7 @@ export declare class GxIdePluginDetails {
      */
     readonly uninstallCallback: () => Promise<void>;
     componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
     render(): any;
 }
 export type LinkData = {

package/dist/types/components/team-dev/bring-changes/bring-changes.d.ts

@@ -1,3 +1,4 @@
+import { ObjectType } from "../../../components";
 export declare class GxIdeTeamDevBringChanges {
     #private;
     el: HTMLGxIdeTeamDevBringChangesElement;
@@ -117,9 +118,5 @@ export type CommitObject = {
 export type ObjectActionTaken = "Inserted" | "Deleted" | "Modified" | "Unchanged" | "Unknown";
 export type ObjectState = "to-merge" | "to-merge-marked" | "to-revert" | "merging" | "pending" | "warning" | "error" | "merged" | "reverted" | "reverting";
 type ObjectStateForFilter = Extract<ObjectState, "to-merge" | "to-revert" | "warning" | "error" | "merged" | "reverted"> | "all";
-export type ObjectType = {
-    name: string;
-    icon: string;
-};
 export type MergeObjectsCallback = (objectsIds: string[]) => Promise<void>;
 export {};

package/dist/types/components/team-dev/commit/commit.d.ts

@@ -1,47 +1,44 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { GxOption, ObjectState, ContextMenuInfo, ObjectType, ItemsCheckedState, ItemsCheckedResult } from "../../../common/types";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { ObjectState } from "../common/types";
+import { GxOption, ContextMenuInfo, ObjectType, ItemsCheckedState, ItemsCheckedResult } from "../../../common/types";
 export declare class GxIdeTeamDevCommit {
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
-    private loadDataCalledFirstTime;
-    private renderedFirstTime;
+    #private;
     el: HTMLGxIdeTeamDevCommitElement;
-    private patternEl;
-    private changeSetEl;
-    private typesEl;
-    private foldersEl;
-    private categoriesEl;
-    private chGridPendingCommitsEl;
-    private chGridIgnoredObjectsEl;
-    private commitCommentEl;
-    filtersHidden: boolean;
     comment: string;
-    pendingCommits: ModifiedObjectData[];
-    ignoredObjects: ModifiedObjectData[];
-    commitButtonEnabled: boolean;
     filterHasConditions: boolean;
+    ignoredObjects: ModifiedObjectData[];
+    pendingCommits: ModifiedObjectData[];
+    commentInputHasError: boolean;
+    commitingObjects: boolean;
+    filtersHidden: boolean;
+    folderOptionsModel: ComboBoxModel;
+    typeOptionsModel: ComboBoxModel;
+    changeSetOptionsModel: ComboBoxModel;
+    categoryOptionsModel: ComboBoxModel;
     /**
-     * If true it displays the component title on the header
+     * To show a loader when the component is loading
      */
-    readonly displayTitle = false;
+    loading: boolean;
+    /**
+     * Possible values for Categories filter
+     */
+    readonly categories: GxOption[];
+    categoriesChangedHandler(newCategoriesOptions: GxOption[]): void;
     /**
      * Possible values for ChangeSet filter
      */
     readonly changeSet: GxOption[];
+    changeSetChangedHandler(newChangeSetOptions: GxOption[]): void;
     /**
-     * Possible values for Type filter
+     * Callback invoked when user starts the commit process
      */
-    readonly types: ObjectType[];
+    readonly commitCallback: CommitCallback;
     /**
      * Possible values for Folders filter
      */
     readonly folders: GxOption[];
-    /**
-     * Possible values for Categories filter
-     */
-    readonly categories: GxOption[];
+    foldersChangedHandler(newFolderOptions: GxOption[]): void;
     /**
      * Callback invoked when user press Recent Comments button.
      */
@@ -51,71 +48,62 @@ export declare class GxIdeTeamDevCommit {
      */
     readonly loadCallback: LoadCallback;
     /**
-     * Callback invoked when user starts the commit process
+     * Callback invoked when the user activates the context menu in any grid
      */
-    readonly commitCallback: CommitCallback;
-    /**
-     * Callback that should be invoked when the user selects rows from the grids
-     */
-    readonly selectCallback: CommitSelectCallback;
+    readonly objectsContextMenuCallback: ObjectsContextMenuCallback;
     /**
      * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
      */
     readonly pendingItemsCheckedCallback: PendingItemsCheckedCallback;
     /**
-     * Callback that must be invoked when user activate the context menu in any of the grids
+     * Callback invoked when the user selects rows from the grid
      */
-    readonly objectsContextMenuCallback: ObjectsContextMenuCallback;
+    readonly selectCallback: CommitSelectCallback;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs
+     * Possible values for Type filter
      */
-    componentDidRenderFirstTime: EventEmitter<boolean>;
+    readonly types: ObjectType[];
+    typesChangedHandler(newTypesOptions: ObjectType[]): void;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs.
+     * Emitted once after the component fully loads and the first render occurs
      */
     componentDidLoadEvent: EventEmitter<boolean>;
-    componentWillLoad(): Promise<void>;
+    /**
+     * This event is emitted once just after the component is fully loaded and the first render() occurs
+     */
+    componentDidRenderFirstTime: EventEmitter<boolean>;
     componentDidLoad(): Promise<void>;
     componentDidRender(): Promise<void>;
+    componentWillLoad(): Promise<void>;
     /**
-     * The method used by the Host to instruct the component to force a data refresh in the grids.
+     * Method used by the Host to force a data refresh in the grids
      */
     reload(): Promise<void>;
-    private conditionToCommit;
-    private markAllPendingCommitsRows;
-    private togglePendingCommitsCheckboxes;
-    private revertPendingCommitsCheckboxes;
-    private renderIconState;
-    private pendingCommitsRowMarkingChangedHandler;
-    private objectsOnContextMenuCallbackHandler;
-    private gridOnSelectionChangedCallbackHandler;
-    private renderPendingCommitsGrid;
-    private renderIgnoredObjectsGrid;
-    private getRecentCommentHandler;
-    private commitCallbackHandler;
-    private loadData;
-    private toggleFiltersHandler;
-    private evaluateFilterConditions;
     render(): any;
 }
-export type GetRecentComment = () => Promise<string | undefined>;
-export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
 export type CommitCallback = (selection: string[], commitCommentEl: string) => Promise<boolean>;
-export type PendingItemsCheckedCallback = (pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult | undefined>;
-export type CommitSelectCallback = (grid: CommitSourceType, selectionIds: string[]) => Promise<void>;
-export type ItemCheckedCallback = (checkedItemIds: string[]) => Promise<ItemsCheckedResult | undefined>;
-export type ObjectsContextMenuCallback = (grid: CommitSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
-export type CommitSourceType = "commit" | "ignored";
 export type CommitData = {
     pending: ModifiedObjectData[];
     ignored: ModifiedObjectData[];
 };
+export type CommitSelectCallback = (grid: CommitSourceType, selectionIds: string[]) => Promise<void>;
+export type CommitSourceType = "commit" | "ignored";
+export type FiltersData = {
+    pattern: string;
+    changeSet: string;
+    type: string;
+    folder: string;
+    category: string;
+};
+export type GetRecentComment = () => Promise<string | undefined>;
+export type ItemCheckedCallback = (checkedItemIds: string[]) => Promise<ItemsCheckedResult | undefined>;
+export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
 export type ModifiedObjectData = {
     id: string;
     name: string;
     iconType: string;
     state: ObjectState;
-    type: string;
+    type: ObjectType;
     description: string;
     modifiedOn: Date;
     module: string;
@@ -123,10 +111,5 @@ export type ModifiedObjectData = {
     lastSynchronized: Date;
     user: string;
 };
-export type FiltersData = {
-    pattern: string;
-    changeSet: string;
-    type: string;
-    folder: string;
-    category: string;
-};
+export type ObjectsContextMenuCallback = (grid: CommitSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type PendingItemsCheckedCallback = (pendingItemsCheckedState: ItemsCheckedState) => Promise<ItemsCheckedResult | undefined>;

package/dist/types/components/team-dev/commit/helpers.d.ts

@@ -0,0 +1,4 @@
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { ObjectType, GxOption } from "../../../common/types";
+export declare const mapObjectTypeToComboBoxItemModel: (objectTypeModel: ObjectType[]) => ComboBoxModel;
+export declare const mapGxOptionsToComboBoxItemModel: (categoryModel: GxOption[]) => ComboBoxModel;

package/dist/types/components/team-dev/common/types.d.ts

@@ -0,0 +1 @@
+export type ObjectState = "Inserted" | "Modified" | "Deleted" | "Conflicted";

package/dist/types/components/team-dev/common/utilities.d.ts

@@ -0,0 +1,25 @@
+import { JSX } from "../../../stencil-public-runtime";
+import { ObjectState } from "./types";
+import { ObjectType } from "../../../components";
+/**
+ * Renders a visual indicator (icon and label) for a given object state.
+ *
+ * This helper function maps a fixed set of object states to corresponding icons
+ *
+ * Supported states:
+ * - "inserted": Displays a green "add" icon.
+ * - "modified": Displays a yellow "edit" icon.
+ * - "deleted": Displays a red "subtract" icon.
+ * - "conflicted": Displays a yellow "warning" icon.
+ *
+ * @param {ObjectState} objectState - The current state of the object.
+ * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.
+ */
+export declare const renderObjectStateWithIcon: (objectState: ObjectState) => HTMLChImageElement;
+/**
+ * Renders a GeneXus object type as a span element containing its icon and name.
+ *
+ * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.
+ * @returns {JSX.Element} A span element with the object's icon and label.
+ */
+export declare const renderObjectTypeWithIcon: (objectType: ObjectType) => JSX.Element;

package/dist/types/components/team-dev/history/history.d.ts

@@ -99,7 +99,7 @@ export type ObjectData = {
     typeIcon: string;
     state: ObjectState;
     name: string;
-    type: string;
+    type: ObjectType;
     description: string;
     action: string;
 };

package/dist/types/components/team-dev/update/update.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
-import { ObjectState, ObjectType, ContextMenuInfo, ItemsCheckedState, ItemsCheckedResult, ResultState } from "../../../common/types";
+import { ObjectState } from "../common/types";
+import { ObjectType, ContextMenuInfo, ItemsCheckedState, ItemsCheckedResult, ResultState } from "../../../common/types";
 export declare class GxIdeTeamDevUpdate {
     /**
      * The component hard-coded strings translations.

package/dist/types/components.d.ts

@@ -2215,10 +2215,6 @@ export namespace Components {
           * Callback invoked when user starts the commit process
          */
         "commitCallback": CommitCallback;
-        /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle": false;
         /**
           * Possible values for Folders filter
          */
@@ -2232,7 +2228,7 @@ export namespace Components {
          */
         "loadCallback": LoadCallback4;
         /**
-          * Callback that must be invoked when user activate the context menu in any of the grids
+          * Callback invoked when the user activates the context menu in any grid
          */
         "objectsContextMenuCallback": ObjectsContextMenuCallback;
         /**
@@ -2240,11 +2236,11 @@ export namespace Components {
          */
         "pendingItemsCheckedCallback": PendingItemsCheckedCallback;
         /**
-          * The method used by the Host to instruct the component to force a data refresh in the grids.
+          * Method used by the Host to force a data refresh in the grids
          */
         "reload": () => Promise<void>;
         /**
-          * Callback that should be invoked when the user selects rows from the grids
+          * Callback invoked when the user selects rows from the grid
          */
         "selectCallback": CommitSelectCallback;
         /**
@@ -3505,8 +3501,8 @@ declare global {
         new (): HTMLGxIdeTeamDevBringChangesElement;
     };
     interface HTMLGxIdeTeamDevCommitElementEventMap {
-        "componentDidRenderFirstTime": boolean;
         "componentDidLoadEvent": boolean;
+        "componentDidRenderFirstTime": boolean;
     }
     interface HTMLGxIdeTeamDevCommitElement extends Components.GxIdeTeamDevCommit, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGxIdeTeamDevCommitElementEventMap>(type: K, listener: (this: HTMLGxIdeTeamDevCommitElement, ev: GxIdeTeamDevCommitCustomEvent<HTMLGxIdeTeamDevCommitElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -5876,10 +5872,6 @@ declare namespace LocalJSX {
           * Callback invoked when user starts the commit process
          */
         "commitCallback"?: CommitCallback;
-        /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle"?: false;
         /**
           * Possible values for Folders filter
          */
@@ -5893,11 +5885,11 @@ declare namespace LocalJSX {
          */
         "loadCallback"?: LoadCallback4;
         /**
-          * Callback that must be invoked when user activate the context menu in any of the grids
+          * Callback invoked when the user activates the context menu in any grid
          */
         "objectsContextMenuCallback"?: ObjectsContextMenuCallback;
         /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+          * Emitted once after the component fully loads and the first render occurs
          */
         "onComponentDidLoadEvent"?: (event: GxIdeTeamDevCommitCustomEvent<boolean>) => void;
         /**
@@ -5909,7 +5901,7 @@ declare namespace LocalJSX {
          */
         "pendingItemsCheckedCallback": PendingItemsCheckedCallback;
         /**
-          * Callback that should be invoked when the user selects rows from the grids
+          * Callback invoked when the user selects rows from the grid
          */
         "selectCallback"?: CommitSelectCallback;
         /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.21",
+  "version": "1.1.23",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/render-combo-items-e774f796.js

@@ -1,18 +0,0 @@
-'use strict';
-
-const index = require('./index-e227aefb.js');
-
-/* STENCIL IMPORTS */
-const renderComboItems = (gxOptions) => {
-    const comboItemsArray = [];
-    gxOptions.forEach((gxOption) => {
-        const iconName = gxOption.iconName || gxOption.icon;
-        const value = gxOption.value || gxOption.id;
-        comboItemsArray.push(index.h("gxg-combo-box-item", { value: value, icon: iconName }, gxOption.label || gxOption.name || gxOption.value || gxOption.id));
-    });
-    return comboItemsArray;
-};
-
-exports.renderComboItems = renderComboItems;
-
-//# sourceMappingURL=render-combo-items-e774f796.js.map

package/dist/cjs/render-combo-items-e774f796.js.map

@@ -1 +0,0 @@
-{"file":"render-combo-items-e774f796.js","mappings":";;;;AAAA;MAMa,gBAAgB,GAAG,CAC9B,SAA0B;IAE1B,MAAM,eAAe,GAAiC,EAAE,CAAC;IACzD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAkB;QACnC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;QACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAAC;QAC5C,eAAe,CAAC,IAAI,CAClBA,gCAAoB,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,IAC7C,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAC9C,CACtB,CAAC;KACH,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACzB;;;;","names":["h"],"sources":["src/common/render-combo-items.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nexport const renderComboItems = (\n  gxOptions: Array<GxOption>\n): HTMLGxgComboBoxItemElement[] => {\n  const comboItemsArray: HTMLGxgComboBoxItemElement[] = [];\n  gxOptions.forEach((gxOption: GxOption) => {\n    const iconName = gxOption.iconName || gxOption.icon;\n    const value = gxOption.value || gxOption.id;\n    comboItemsArray.push(\n      <gxg-combo-box-item value={value} icon={iconName}>\n        {gxOption.label || gxOption.name || gxOption.value || gxOption.id}\n      </gxg-combo-box-item>\n    );\n  });\n  return comboItemsArray;\n};\n"],"version":3}

package/dist/components/render-combo-items.js

@@ -1,16 +0,0 @@
-import { h } from '@stencil/core/internal/client';
-
-/* STENCIL IMPORTS */
-const renderComboItems = (gxOptions) => {
-    const comboItemsArray = [];
-    gxOptions.forEach((gxOption) => {
-        const iconName = gxOption.iconName || gxOption.icon;
-        const value = gxOption.value || gxOption.id;
-        comboItemsArray.push(h("gxg-combo-box-item", { value: value, icon: iconName }, gxOption.label || gxOption.name || gxOption.value || gxOption.id));
-    });
-    return comboItemsArray;
-};
-
-export { renderComboItems as r };
-
-//# sourceMappingURL=render-combo-items.js.map

package/dist/components/render-combo-items.js.map

@@ -1 +0,0 @@
-{"file":"render-combo-items.js","mappings":";;AAAA;MAMa,gBAAgB,GAAG,CAC9B,SAA0B;IAE1B,MAAM,eAAe,GAAiC,EAAE,CAAC;IACzD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAkB;QACnC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;QACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAAC;QAC5C,eAAe,CAAC,IAAI,CAClB,0BAAoB,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,IAC7C,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAC9C,CACtB,CAAC;KACH,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACzB;;;;","names":[],"sources":["src/common/render-combo-items.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nexport const renderComboItems = (\n  gxOptions: Array<GxOption>\n): HTMLGxgComboBoxItemElement[] => {\n  const comboItemsArray: HTMLGxgComboBoxItemElement[] = [];\n  gxOptions.forEach((gxOption: GxOption) => {\n    const iconName = gxOption.iconName || gxOption.icon;\n    const value = gxOption.value || gxOption.id;\n    comboItemsArray.push(\n      <gxg-combo-box-item value={value} icon={iconName}>\n        {gxOption.label || gxOption.name || gxOption.value || gxOption.id}\n      </gxg-combo-box-item>\n    );\n  });\n  return comboItemsArray;\n};\n"],"version":3}

package/dist/esm/render-combo-items-e9c8df5e.js

@@ -1,16 +0,0 @@
-import { h } from './index-10af18cf.js';
-
-/* STENCIL IMPORTS */
-const renderComboItems = (gxOptions) => {
-    const comboItemsArray = [];
-    gxOptions.forEach((gxOption) => {
-        const iconName = gxOption.iconName || gxOption.icon;
-        const value = gxOption.value || gxOption.id;
-        comboItemsArray.push(h("gxg-combo-box-item", { value: value, icon: iconName }, gxOption.label || gxOption.name || gxOption.value || gxOption.id));
-    });
-    return comboItemsArray;
-};
-
-export { renderComboItems as r };
-
-//# sourceMappingURL=render-combo-items-e9c8df5e.js.map

package/dist/esm/render-combo-items-e9c8df5e.js.map

@@ -1 +0,0 @@
-{"file":"render-combo-items-e9c8df5e.js","mappings":";;AAAA;MAMa,gBAAgB,GAAG,CAC9B,SAA0B;IAE1B,MAAM,eAAe,GAAiC,EAAE,CAAC;IACzD,SAAS,CAAC,OAAO,CAAC,CAAC,QAAkB;QACnC,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;QACpD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAAC;QAC5C,eAAe,CAAC,IAAI,CAClB,0BAAoB,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,IAC7C,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,KAAK,IAAI,QAAQ,CAAC,EAAE,CAC9C,CACtB,CAAC;KACH,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACzB;;;;","names":[],"sources":["src/common/render-combo-items.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"./types\";\n\nexport const renderComboItems = (\n  gxOptions: Array<GxOption>\n): HTMLGxgComboBoxItemElement[] => {\n  const comboItemsArray: HTMLGxgComboBoxItemElement[] = [];\n  gxOptions.forEach((gxOption: GxOption) => {\n    const iconName = gxOption.iconName || gxOption.icon;\n    const value = gxOption.value || gxOption.id;\n    comboItemsArray.push(\n      <gxg-combo-box-item value={value} icon={iconName}>\n        {gxOption.label || gxOption.name || gxOption.value || gxOption.id}\n      </gxg-combo-box-item>\n    );\n  });\n  return comboItemsArray;\n};\n"],"version":3}