@genexus/genexus-ide-ui 1.1.70 → 1.1.72

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

@@ -0,0 +1 @@
+{"version":3,"names":["serverSelectorCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","name","colorType","LOCK_ICON","LANGUAGE_ICON","DELETE_ICON","ERROR_ICON","SEARCH_ICON","SERVER_NAME_PREFIX","GxIdeServerSelector","_GxIdeServerSelector__componentLocale","set","this","_GxIdeServerSelector_chGridAllServersEl","_GxIdeServerSelector_serverUrlEL","_GxIdeServerSelector_serverFriendlyNameEL","_GxIdeServerSelector_updatedServerName","_GxIdeServerSelector_serverNameEditElsMap","Map","_GxIdeServerSelector_versionsSelect","_GxIdeServerSelector_shortcutsSrc","getAssetPath","_GxIdeServerSelector_cancelHandler","cancelCallback","_GxIdeServerSelector_confirmHandler","async","formSubmitResult","selectedConnectionType","selectServerCallback","uri","selectedServerUri","selectedServerName","serverUrlInputValue","serverNameInputValue","validatableControls","validateControls","_GxIdeServerSelector_evaluateTooltipRender","controlReference","_b","_a","get","id","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeServerSelector_initializeValidatableControls","forEach","validatableControl","has","reference","undefined","_GxIdeServerSelector_filterValueChangedHandler","event","filterValue","detail","toLowerCase","filteredServersData","serversData","filter","item","serverName","includes","_GxIdeServerSelector_inputHandler","field","enableConfirmButton","trim","controlId","clearControlError","__classPrivateFieldGet","_GxIdeServerSelector_enableConfirmButton","call","_GxIdeServerSelector_handleRecentlyUsedCardClick","server","selectedRecentlyUsedId","selectRow","_GxIdeServerSelector_handleServerSelection","_GxIdeServerSelector_handleDeleteServer","serverData","accessLevel","result","deleteServerCallback","_GxIdeServerSelector_onServerNameInput","__classPrivateFieldSet","_GxIdeServerSelector_onServerNameChange","fieldErrors","success","updateServerCallback","Object","assign","length","_GxIdeServerSelector_onRecentlyUsedDoubleClickHandler","_GxIdeServerSelector_onServersRowClickHandler","rowId","selectedRowId","selectedServer","find","serverUrl","userName","gxServerUsername","_GxIdeServerSelector_connectionTypeChangedHandler","_GxIdeServerSelector_sortTabularGridColumnCallback","e","sortTabularGridColumn","_GxIdeServerSelector_renderTabularGridColumnSet","hideColumnName","columnId","columnName","settingable","columnNameHidden","size","tabularGrid","colSize","maxContent","resizable","sortable","onColumnSortChanged","auto","_GxIdeServerSelector_renderTooltip","text","delayLong","_GxIdeServerSelector_renderServerNameErrorMessage","errorMsg","src","_GxIdeServerSelector_renderTabularGridCommonCells","_GxIdeServerSelector_renderIcon","value","onInput","onChange","maxLength","ref","el","key","delete","onClick","actions","deleteServer","disabled","_GxIdeServerSelector_renderAllServersGrid","rowSelectionMode","allowColumnReorder","onRowClicked","map","serverNameEditKey","rowid","stateIconSrc","stateTitle","emptyConnectedServers","isAnimated","icon","_GxIdeServerSelector_renderFooter","isSelectionMode","footer","cancel","confirm","_GxIdeServerSelector_renderRecentlyUsed","renderRecentlyUsed","recentlyUsedServersData","htmlFor","recentlyUsed","title","layout","index","layout__panel","onDblClick","_GxIdeServerSelector_renderAllServers","allServers","serversDataChanged","newValue","componentWillLoad","Locale","getComponentStrings","caption","captions","selectServer","addServer","componentDidRender","clear","values","render","Host","model","header","startImgSrc","placeholder","placeholders","searchServers","accessibleName","type","labels"],"sources":["src/components/team-dev/server-selector/server-selector.scss?tag=gx-ide-server-selector&encapsulation=shadow","src/components/team-dev/server-selector/server-selector.tsx"],"sourcesContent":["@import \"../../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\";\n@import \"../common/styles.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content max-content 1fr max-content;\n  row-gap: var(--mer-spacing--md);\n  overflow: auto;\n}\n\n:host(.new-connection) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host(.recently-used-empty) {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n// General\n\n.tabular-grid {\n  border-radius: var(--mer-border__radius--sm);\n  overflow: hidden;\n  overflow: auto;\n  border-inline: 1px solid var(--grid-cell__border-color);\n}\n\n.tabular-grid-rowset-empty {\n  border-block-end: 1px solid var(--grid-cell__border-color);\n  overflow: hidden;\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\n);\n\n.text-neutral-gray-400,\n.tabular-grid-cell.text-neutral-gray-400 {\n  // WA: colors for text should be defined in Mercury\n  color: var(--mer-color__neutral-gray--400);\n}\n// Header\n\n.search-server {\n  inline-size: 50%;\n}\n\n// All Servers\n\n.tabular-grid {\n  overflow: auto;\n  border-block: 1px solid var(--grid-cell__border-color);\n}\n\n.tabular-grid-all-servers .tabular-grid-column:first-child::part(bar) {\n  --grid-common__gap: 0;\n}\n\n.field-block-all-servers {\n  overflow: auto;\n}\n\n// WA: .tabular-grid-wrapper and .border-patch is a WA. See details on Asana task:\n// https://app.asana.com/1/10206720691358/project/1207081021030105/task/1211391456974726?focus=true\n.tabular-grid-wrapper {\n  position: relative;\n  overflow: auto;\n}\n.border-patch {\n  --tabular-grid-border-radius: 4px;\n  position: absolute;\n  top: 0;\n  inline-size: calc(100% - var(--tabular-grid-border-radius) * 2);\n  inset-inline-start: var(--tabular-grid-border-radius);\n  block-size: 2px;\n  background-color: var(--items-container__bg-color);\n  z-index: 9999;\n  border-block-start: 1px solid var(--mer-border-color__on-surface);\n}\n\n.tooltip {\n  position: absolute;\n}\n\n.recently-used-card {\n  border: 1px solid var(--grid-cell__border-color);\n  border-radius: var(--mer-border__radius--sm);\n  cursor: pointer;\n\n  &:hover {\n    background-color: var(--mer-color__tinted-primary--5);\n  }\n\n  &:focus-visible {\n    @include focus-outline();\n  }\n\n  &--selected {\n    background-color: var(--mer-color__tinted-primary--10);\n    border-color: var(--mer-color__tinted-primary--30);\n  }\n}\n\n.recently-used-card-content {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  padding: 8px;\n  gap: 2px;\n  overflow: hidden;\n\n  .text-decoration-line-underline {\n    @include cell-ellipsis();\n    max-width: 100%;\n    text-decoration: underline;\n  }\n}\n\n// All Severs tabular-grid\n\n.delete-server-icon {\n  // WA: Getr and apply the marign inline value on the ch-image,\n  // so that the button looks squared. This happens because the\n  // button is \"tertiary\", which happens to have no padding-inline.\n  // TODO: Investigate a solution that works without a WA.\n  $cellBlockSize: 30.39px;\n  margin-inline: calc((#{$cellBlockSize} - var(--ch-image-size)) / 2);\n}\n\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid\",\n  $tabular-grid-cell-node-type: \"element\",\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n","// Stencil\nimport { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ChEditCustomEvent,\n  TabularGridColumnSortChangedEvent,\n  TabularGridRowClickedEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { getAssetPath, JSX, Watch } from \"@stencil/core/internal\";\nimport { config } from \"../../../common/config\";\nimport {\n  clearControlError,\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\n\nimport sortTabularGridColumn from \"../../../common/chameleon/tabular-grid-column-sort\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\",\n  \"components/tabular-grid\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\n\nconst LOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"lock\",\n  colorType: \"on-surface\"\n});\n\nconst LANGUAGE_ICON = getIconPath({\n  category: \"system\",\n  name: \"language\",\n  colorType: \"on-surface\"\n});\n\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"neutral\"\n});\n\nconst ERROR_ICON = getIconPath({\n  category: \"system\",\n  name: \"error\",\n  colorType: \"error\"\n});\n\nconst SEARCH_ICON = getIconPath({\n  category: \"system\",\n  name: \"search\",\n  colorType: \"on-surface\"\n});\n\nconst SERVER_NAME_PREFIX = \"server-name-\";\n\n@Component({\n  tag: \"gx-ide-server-selector\",\n  styleUrl: \"server-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/server-selector\"]\n})\nexport class GxIdeServerSelector {\n  #_componentLocale: any;\n\n  #chGridAllServersEl: HTMLChTabularGridElement;\n  #serverUrlEL: HTMLChEditElement;\n  #serverFriendlyNameEL: HTMLChEditElement;\n  #updatedServerName: string | undefined;\n  #serverNameEditElsMap: Map<string, HTMLChEditElement> = new Map();\n  #versionsSelect: RadioGroupItemModel[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/server-selector/shortcuts.json`\n  );\n  @Element() el: HTMLGxIdeServerSelectorElement;\n\n  /**\n   * State to enable/disable confirm button.\n   */\n  @State() enableConfirmButton: boolean = false;\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverUrlInputValue: string = \"\";\n\n  /**\n   * The current server URL input value.\n   */\n  @State() serverNameInputValue: string = \"\";\n\n  /**\n   * The selected server URI.\n   */\n  @State() selectedServerUri: string | undefined;\n\n  /**\n   * The selected server name.\n   */\n  @State() selectedServerName: string | undefined = \"None\";\n\n  /**\n   * The user name of the selected server.\n   */\n  @State() userName: string;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * Servers filtered\n   */\n  @State() filteredServersData: ServerData[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The selected connection type\n   */\n  @State() selectedConnectionType: ConnectionOption = \"select\";\n\n  /**\n   * The selected recently used server ID\n   */\n  @State() selectedRecentlyUsedId: string;\n\n  /**\n   * The list of all GX servers.\n   */\n  @Prop({ mutable: true }) serversData: ServerData[] = [];\n  @Watch(\"serversData\")\n  serversDataChanged(newValue: ServerData[]) {\n    this.filteredServersData = newValue;\n  }\n  /**\n   * The list of recently used servers.\n   */\n  @Prop() readonly recentlyUsedServersData: ServerData[] = [];\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Confirm' button is pressed and the Select Server option is checked.\n   */\n  @Prop() readonly selectServerCallback!: (\n    authenticationSessionOrigin: AuthenticationSessionOrigin,\n    connectionOption: ConnectionOption\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Invoked to delete a server\n   */\n  @Prop() readonly deleteServerCallback!: (\n    serverData: ServerData\n  ) => Promise<boolean>;\n\n  /**\n   * Invoked to update a server\n   */\n  @Prop() readonly updateServerCallback!: (\n    serverData: ServerData\n  ) => Promise<FormSubmitResult>;\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n\n    this.#versionsSelect = [\n      {\n        value: \"select\",\n        caption: this.#_componentLocale.captions.selectServer\n      },\n      {\n        value: \"new\",\n        caption: this.#_componentLocale.captions.addServer\n      }\n    ];\n\n    this.selectedServerUri = this.serversData[0]?.serverUrl;\n    this.userName = this.serversData[0]?.gxServerUsername;\n\n    this.filteredServersData = this.serversData;\n  }\n\n  componentDidRender() {\n    if (\n      this.selectedConnectionType === \"new\" &&\n      this.#serverUrlEL &&\n      this.#serverFriendlyNameEL\n    ) {\n      this.#initializeValidatableControls([\n        this.#serverUrlEL,\n        this.#serverFriendlyNameEL\n      ]);\n      this.#serverNameEditElsMap.clear();\n    }\n\n    if (\n      this.selectedConnectionType === \"select\" &&\n      this.#serverNameEditElsMap.size > 0\n    ) {\n      this.#initializeValidatableControls([\n        ...this.#serverNameEditElsMap.values()\n      ]);\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #confirmHandler = async (): Promise<void> => {\n    let formSubmitResult: FormSubmitResult;\n    if (this.selectedConnectionType === \"select\") {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.selectedServerUri,\n          name: this.selectedServerName\n        },\n        this.selectedConnectionType\n      );\n    } else {\n      formSubmitResult = await this.selectServerCallback(\n        {\n          uri: this.serverUrlInputValue,\n          name: this.serverNameInputValue\n        },\n        this.selectedConnectionType\n      );\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    }\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #initializeValidatableControls = (validatableControls: HTMLElement[]) => {\n    validatableControls.forEach(validatableControl => {\n      if (\n        validatableControl.id &&\n        !this.validatableControls.has(validatableControl.id)\n      ) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.filteredServersData = this.serversData.filter(item =>\n      item.serverName.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #inputHandler = (\n    event: ChEditCustomEvent<string> | InputEvent,\n    field: \"serverUrlInputValue\" | \"serverNameInputValue\"\n  ) => {\n    this.enableConfirmButton = false;\n    this[field] = (event.detail as string).trim();\n\n    const controlId =\n      field === \"serverUrlInputValue\" ? \"server-url\" : \"server-name\";\n    clearControlError(this.validatableControls, controlId);\n    this.#enableConfirmButton();\n  };\n\n  #handleRecentlyUsedCardClick = async (server: ServerData) => {\n    this.selectedRecentlyUsedId = server.id;\n    await this.#chGridAllServersEl?.selectRow(server.id);\n    await this.#handleServerSelection(server.id);\n  };\n\n  #handleDeleteServer = async (serverData: ServerData) => {\n    if (serverData.accessLevel === \"private\") {\n      const result = await this.deleteServerCallback(serverData);\n      if (result) {\n        this.selectedServerName = \"None\";\n        this.enableConfirmButton = false;\n      }\n    }\n  };\n\n  #onServerNameInput = async (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.#updatedServerName = event.detail as string;\n  };\n\n  #onServerNameChange = async (serverData: ServerData) => {\n    let result: FormSubmitResult = {\n      fieldErrors: [],\n      success: false\n    };\n    if (\n      serverData.serverName !== this.#updatedServerName &&\n      serverData.accessLevel === \"private\"\n    ) {\n      result = await this.updateServerCallback({\n        ...serverData,\n        serverName: this.#updatedServerName\n      });\n    }\n\n    this.validatableControls = validateControls(\n      result,\n      this.validatableControls\n    );\n\n    if (result.success || serverData.serverName === this.#updatedServerName) {\n      this.selectedServerName = this.#updatedServerName;\n      clearControlError(\n        this.validatableControls,\n        `${SERVER_NAME_PREFIX}${serverData.id}`\n      );\n    }\n  };\n\n  #enableConfirmButton = () => {\n    if (\n      this.serverUrlInputValue &&\n      this.serverUrlInputValue.length > 0 &&\n      this.serverNameInputValue &&\n      this.serverNameInputValue.length > 0\n    ) {\n      this.enableConfirmButton = true;\n    } else {\n      this.enableConfirmButton = false;\n    }\n  };\n\n  #onRecentlyUsedDoubleClickHandler = (serverData: ServerData) => {\n    this.#handleServerSelection(serverData.id);\n    this.#confirmHandler();\n  };\n\n  #onServersRowClickHandler = (\n    event: CustomEvent<TabularGridRowClickedEvent>\n  ) => this.#handleServerSelection(event.detail.rowId);\n\n  #handleServerSelection = async (selectedRowId: string): Promise<void> => {\n    if (selectedRowId === undefined) {\n      this.enableConfirmButton = false;\n      this.selectedServerUri = undefined;\n      this.selectedServerName = undefined;\n      return;\n    }\n\n    const selectedServer = this.serversData.find(\n      server => server.id === selectedRowId\n    );\n    this.enableConfirmButton = true;\n    this.selectedServerName = selectedServer?.serverName;\n    this.selectedServerUri = selectedServer?.serverUrl;\n    this.userName = selectedServer?.gxServerUsername || \"\";\n    this.selectedRecentlyUsedId = selectedServer?.id;\n  };\n\n  #connectionTypeChangedHandler = (event: CustomEvent<string>) => {\n    this.selectedConnectionType = event.detail as ConnectionOption;\n    if (this.selectedConnectionType === \"new\") {\n      this.enableConfirmButton = false;\n      this.serverUrlInputValue = \"\";\n    }\n    this.selectedServerName = \"None\";\n  };\n\n  #sortTabularGridColumnCallback = (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => {\n    this.filteredServersData = [\n      ...sortTabularGridColumn(e, this.filteredServersData, \"string\", undefined)\n    ];\n  };\n\n  #renderTabularGridColumnSet = (\n    hideColumnName: boolean = false\n  ): HTMLChTabularGridColumnsetElement => {\n    return (\n      <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n        <ch-tabular-grid-column\n          columnId=\"icon\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Icon\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Name\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.serverName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"serverUrl\"\n          class=\"tabular-grid-column\"\n          columnName=\"Server Url\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.auto}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"userName\"\n          class=\"tabular-grid-column\"\n          columnName=\"Connected\"\n          settingable={false}\n          columnNameHidden={hideColumnName}\n          size={config.tabularGrid.colSize.userName}\n          resizable={false}\n          sortable={!hideColumnName}\n          onColumnSortChanged={this.#sortTabularGridColumnCallback}\n        ></ch-tabular-grid-column>\n        <ch-tabular-grid-column\n          columnId=\"action\"\n          class=\"tabular-grid-column tabular-grid-column-icon\"\n          columnName=\"Action\"\n          settingable={false}\n          columnNameHidden={true}\n          size={config.tabularGrid.colSize.maxContent}\n          resizable={false}\n          sortable={false}\n        ></ch-tabular-grid-column>\n      </ch-tabular-grid-columnset>\n    );\n  };\n\n  #renderTooltip = (text: string): JSX.Element | null => {\n    return text !== \"\" ? (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={null}\n        blockAlign=\"outside-end\"\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delayLong}\n      >\n        {text}\n      </ch-tooltip>\n    ) : null;\n  };\n\n  #renderServerNameErrorMessage = (errorMsg: string) => {\n    return (\n      <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n        <ch-tabular-grid-rowset-empty class=\"tabular-grid-rowset-empty\">\n          <p class=\"warning-error-description\">\n            <ch-image\n              class=\"icon-md warning-error-icon\"\n              src={ERROR_ICON}\n            ></ch-image>\n            {errorMsg}\n          </p>\n        </ch-tabular-grid-rowset-empty>\n      </ch-tabular-grid-rowset>\n    );\n  };\n\n  #renderTabularGridCommonCells = (serverData: ServerData) => {\n    return [\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {this.#renderIcon(serverData.accessLevel)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.accessLevel === \"private\" ? (\n          <ch-edit\n            id={`${SERVER_NAME_PREFIX}${serverData.id}`}\n            value={serverData.serverName}\n            onInput={this.#onServerNameInput}\n            onChange={() => this.#onServerNameChange(serverData)}\n            maxLength={18}\n            ref={el => {\n              const key = `${SERVER_NAME_PREFIX}${serverData.id}`;\n              if (el) {\n                this.#serverNameEditElsMap.set(key, el as HTMLChEditElement);\n              } else {\n                this.#serverNameEditElsMap.delete(key);\n              }\n            }}\n          ></ch-edit>\n        ) : (\n          serverData.serverName\n        )}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.serverUrl}\n        {this.#renderTooltip(serverData.serverUrl)}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n        {serverData.gxServerUsername}\n      </ch-tabular-grid-cell>,\n      <ch-tabular-grid-cell\n        class=\"tabular-grid-cell\"\n        onClick={() => this.#handleDeleteServer(serverData)}\n      >\n        <button\n          id=\"delete-button\"\n          class=\"button-tertiary button-icon-only\"\n          aria-label={this.#_componentLocale.actions.deleteServer}\n          disabled={serverData.accessLevel === \"public\"}\n        >\n          <ch-image\n            disabled={serverData.accessLevel === \"public\"}\n            class=\"icon-md delete-server-icon\"\n            src={DELETE_ICON}\n          ></ch-image>\n        </button>\n      </ch-tabular-grid-cell>\n    ];\n  };\n\n  #renderAllServersGrid = (): Element => {\n    return (\n      <div class=\"tabular-grid-wrapper\">\n        <div class=\"border-patch\"></div>\n        <ch-tabular-grid\n          class={\"tabular-grid tabular-grid-all-servers\"}\n          rowSelectionMode=\"single\"\n          ref={(el: HTMLChTabularGridElement) =>\n            (this.#chGridAllServersEl = el)\n          }\n          allowColumnReorder={false}\n          onRowClicked={this.#onServersRowClickHandler}\n          id=\"all-servers\"\n        >\n          {this.#renderTabularGridColumnSet()}\n          {this.filteredServersData.length > 0 ? (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {this.filteredServersData.map((serverData: ServerData) => {\n                const serverNameEditKey = `${SERVER_NAME_PREFIX}${serverData.id}`;\n                const hasError =\n                  this.validatableControls.get(serverNameEditKey)?.hasError ===\n                  true;\n                const errorMsg =\n                  this.validatableControls.get(serverNameEditKey)?.message;\n\n                return (\n                  <ch-tabular-grid-row\n                    rowid={serverData.id}\n                    class=\"tabular-grid-row\"\n                  >\n                    {this.#renderTabularGridCommonCells(serverData)}\n                    {hasError && this.#renderServerNameErrorMessage(errorMsg)}\n                  </ch-tabular-grid-row>\n                );\n              })}\n            </ch-tabular-grid-rowset>\n          ) : (\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              <ch-tabular-grid-rowset-empty class=\"tabular-grid-rowset-empty\">\n                <gx-ide-empty-state\n                  stateIconSrc={INFO_ICON}\n                  stateTitle={this.#_componentLocale.emptyConnectedServers}\n                  isAnimated={true}\n                ></gx-ide-empty-state>\n              </ch-tabular-grid-rowset-empty>\n            </ch-tabular-grid-rowset>\n          )}\n        </ch-tabular-grid>\n      </div>\n    );\n  };\n\n  #renderIcon = (accessLevel: string): JSX.Element => {\n    const icon = accessLevel === \"private\" ? LOCK_ICON : LANGUAGE_ICON;\n    return <ch-image class=\"icon-md\" src={icon}></ch-image>;\n  };\n\n  #renderFooter = () => {\n    const isSelectionMode = this.selectedConnectionType === \"select\";\n    return (\n      <footer\n        class={{\n          \"control-footer-with-border\": true,\n          \"control-footer-space-between\":\n            this.selectedConnectionType === \"select\",\n          \"space-between\": isSelectionMode,\n          \"spacing-body-inline\": true,\n          \"spacing-body-block\": true\n        }}\n      >\n        {isSelectionMode && (\n          <p class=\"body-italic-m\">Selected: {this.selectedServerName}</p>\n        )}\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            id=\"cancel-button\"\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // confirm button\n            id=\"confirm-button\"\n            class=\"button-primary\"\n            onClick={this.enableConfirmButton && this.#confirmHandler}\n            disabled={!this.enableConfirmButton}\n          >\n            {this.#_componentLocale.footer.confirm}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderRecentlyUsed = () => {\n    const renderRecentlyUsed =\n      this.selectedConnectionType === \"select\" &&\n      this.recentlyUsedServersData.length > 0;\n\n    return (\n      renderRecentlyUsed && (\n        <div class=\"field field-block spacing-body-inline\">\n          <label class=\"label\" htmlFor=\"recently-used-servers\">\n            {this.#_componentLocale.recentlyUsed.title}\n          </label>\n          <div\n            class={{\n              \"layout\": true,\n              \"layout--cols-3\": this.recentlyUsedServersData.length >= 3,\n              \"layout--cols-2\": this.recentlyUsedServersData.length <= 2\n            }}\n          >\n            {this.recentlyUsedServersData.map(\n              (server: ServerData, index: number) => (\n                <button\n                  id={\"recently-used-server-\" + index}\n                  class={{\n                    \"layout__panel\": true,\n                    \"recently-used-card\": true,\n                    \"recently-used-card--selected\":\n                      this.selectedRecentlyUsedId === server.id\n                  }}\n                  onClick={() => this.#handleRecentlyUsedCardClick(server)}\n                  onDblClick={() =>\n                    this.#onRecentlyUsedDoubleClickHandler(server)\n                  }\n                >\n                  <div class=\"recently-used-card-content\">\n                    <p class=\"body-regular-s text-neutral-gray-400\">\n                      {server.serverName}\n                    </p>\n                    <p class=\"body-regular-s text-neutral-gray-400 text-decoration-line-underline\">\n                      {server.serverUrl}\n                    </p>\n                  </div>\n                  {this.#renderTooltip(server.serverUrl)}\n                </button>\n              )\n            )}\n          </div>\n        </div>\n      )\n    );\n  };\n\n  #renderAllServers = () => {\n    return (\n      <div class=\"field field-block field-block-all-servers spacing-body-inline\">\n        <label class=\"label\" htmlFor=\"all-servers\">\n          {this.#_componentLocale.allServers.title}\n        </label>\n        {this.#renderAllServersGrid()}\n      </div>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host\n        class={{\n          \"widget elevation-1\": true,\n          \"new-connection\": this.selectedConnectionType === \"new\",\n          \"recently-used-empty\": this.recentlyUsedServersData.length === 0\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n        <main class=\"section\">\n          <header class=\"header spacing-body-block-start spacing-body-inline\">\n            <div class=\"field-group\">\n              <label class=\"body-regular-m text-neutral-gray-400\">\n                {this.#_componentLocale.header.title}\n              </label>\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#connectionTypeChangedHandler}\n                value={this.#versionsSelect[0].value}\n              ></ch-radio-group-render>\n\n              {this.selectedConnectionType === \"select\" && (\n                <ch-edit\n                  class=\"input search-server\"\n                  id=\"server-name-search\"\n                  startImgSrc={SEARCH_ICON}\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={\n                    this.#_componentLocale.placeholders.searchServers\n                  }\n                  accessibleName=\"search server\"\n                  type=\"search\"\n                ></ch-edit>\n              )}\n            </div>\n          </header>\n\n          {this.selectedConnectionType === \"select\" && [\n            this.#renderRecentlyUsed(),\n            this.#renderAllServers()\n          ]}\n\n          {this.selectedConnectionType === \"new\" && (\n            <section class=\"spacing-body-inline\">\n              <div class=\"layout layout--cols-2\">\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-url\">\n                    {this.#_componentLocale.labels.serverUrl}\n                  </label>\n                  <ch-edit\n                    // server url\n                    class=\"input\"\n                    id=\"server-url\"\n                    value={this.serverUrlInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverUrlInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverUrl}\n                    ref={el => (this.#serverUrlEL = el as HTMLChEditElement)}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverUrlEL)}\n                </div>\n\n                <div class=\"field field-block layout__panel\">\n                  <label class=\"label\" htmlFor=\"server-name\">\n                    {this.#_componentLocale.labels.serverName}\n                  </label>\n                  <ch-edit\n                    // server friendly name\n                    class=\"input\"\n                    id=\"server-name\"\n                    value={this.serverNameInputValue}\n                    onInput={event =>\n                      this.#inputHandler(event, \"serverNameInputValue\")\n                    }\n                    placeholder={this.#_componentLocale.placeholders.serverName}\n                    maxLength={18}\n                    ref={el =>\n                      (this.#serverFriendlyNameEL = el as HTMLChEditElement)\n                    }\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#serverFriendlyNameEL)}\n                </div>\n              </div>\n            </section>\n          )}\n\n          {this.#renderFooter()}\n        </main>\n      </Host>\n    );\n  }\n}\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n};\n\nexport type ConnectionOption = \"select\" | \"new\";\n\nexport type ServerAccessLevel = \"public\" | \"private\";\n\nexport type AuthenticationSessionOrigin = {\n  uri: string;\n  name: string;\n};\n\nexport type ServerData = {\n  id: string;\n  serverUrl: string;\n  accessLevel: ServerAccessLevel;\n  masterSessionUsername: string;\n  serverName?: string;\n  sessionId?: string;\n  gxServerUsername: string;\n  isConnected: boolean;\n};\n\nexport type NewServerConnectionData = {\n  serverUrl: string;\n  serverName: string;\n};\n"],"mappings":"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"}

package/dist/types/components/select-kb-items/select-kb-items.d.ts

@@ -39,6 +39,10 @@ export declare class GxIdeSelectKbItems {
      * It maps to the ch-tree-view-render "toggleCheckboxes" property.
      */
     toggleCheckboxes: boolean;
+    /**
+     * Represents the itemLis list model
+     */
+    itemsList: ItemNode[];
     /**
      * Callback emitted when the user clicks on the "Active item"
      */
@@ -72,14 +76,13 @@ export declare class GxIdeSelectKbItems {
      */
     readonly itemContextMenuCallback: (info: ContextMenuInfo) => Promise<void>;
     /**
-     * Represents the itemLis list model
+     * Callback to load the items list model
      */
-    readonly itemsList: ItemNode[];
+    readonly loadItemsCallback: () => Promise<ItemNode[]>;
     /**
      * Used to define if the component must show the "Toggle Checkboxes" option or not
      */
     readonly showToggleCheckboxes: boolean;
-    watchNodeListHandler(newItemsList: ItemNode[]): void;
     /**
      * This define if the selection is unique or not
      */
@@ -92,11 +95,16 @@ export declare class GxIdeSelectKbItems {
      * Used to define if the component must show the "Active item" link or not
      */
     readonly showActiveItemLink?: boolean;
+    /**
+     * Defines whether to show a loader while loading items
+     */
+    readonly useLoader?: boolean;
     /**
      * Callback emitted when the items selection change
      */
     readonly selectionChanged?: (selectedItem: string[]) => Promise<void>;
     componentWillLoad(): Promise<void>;
+    reloadItems(): Promise<void>;
     /**
      * Suspends or reactivates the shortcuts
      */
@@ -130,6 +138,7 @@ export type ItemNode = {
     iconEnd?: string;
     id: string;
     name: string;
+    guid?: string;
     nodes?: ItemNode[];
     parts?: string;
     selected?: boolean;

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

@@ -9,10 +9,6 @@ export declare class GxIdeTeamDevHistory {
      * The files rendered in the table
      */
     objects: RevisionData[];
-    /**
-     * Used to call getObjectsFromVersion from the versionsChanged method only once after receiving the versions for the first time.
-     */
-    isFirstLoad: boolean;
     /**
      * Used to hide the select-kb-items when collapsed
      */
@@ -46,15 +42,9 @@ export declare class GxIdeTeamDevHistory {
      */
     readonly gridContextMenuCallback: (info: ContextMenuInfo) => Promise<void>;
     /**
-     * The Id of the selected version in the select-kb-items component
-     */
-    selectedVersionId: string;
-    selectedVersionIdChanged(newSelectedVersionId: string, oldSelectedVersionId?: string): Promise<void>;
-    /**
-     * List of versions to show in the versions tree
+     * Callback to load the items list model
      */
-    versions: ItemNode[];
-    versionsListChanged(newVersionsList: ItemNode[]): Promise<void>;
+    readonly loadVersionsCallback: () => Promise<ItemNode[]>;
     /**
      * Callback invoked when is necessary to reload the history info. Receive the filters as parameters and only returns the info corresponding to the master grid.
   
@@ -70,6 +60,7 @@ export declare class GxIdeTeamDevHistory {
     readonly selectedVersionChangeCallback: SelectedVersionChangeCallback;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): Promise<void>;
+    reload(): Promise<void>;
     render(): any;
 }
 export type ObjectType = {

package/dist/types/components.d.ts

@@ -2001,13 +2001,14 @@ export namespace Components {
     info: ContextMenuInfo
   ) => Promise<void>;
         /**
-          * Represents the itemLis list model
+          * Callback to load the items list model
          */
-        "itemsList": ItemNode[];
+        "loadItemsCallback": () => Promise<ItemNode[]>;
         /**
           * This define if the selection is unique or not
          */
         "multiSelection"?: boolean;
+        "reloadItems": () => Promise<void>;
         /**
           * Callback emitted when the items selection change
          */
@@ -2036,6 +2037,10 @@ export namespace Components {
           * Allow to update the selected items
          */
         "updateSelection": (selectedItemsIds: string[]) => Promise<void>;
+        /**
+          * Defines whether to show a loader while loading items
+         */
+        "useLoader"?: boolean;
     }
     interface GxIdeSelectUserTeam {
         /**
@@ -2436,21 +2441,18 @@ export namespace Components {
          */
         "loadDetailCallback": LoadDetailCallback;
         /**
-          * Callback invoked when the selected version changes. As parameter receive the selected version id
+          * Callback to load the items list model
          */
-        "selectedVersionChangeCallback": SelectedVersionChangeCallback;
+        "loadVersionsCallback": () => Promise<ItemNode1[]>;
+        "reload": () => Promise<void>;
         /**
-          * The Id of the selected version in the select-kb-items component
+          * Callback invoked when the selected version changes. As parameter receive the selected version id
          */
-        "selectedVersionId": string;
+        "selectedVersionChangeCallback": SelectedVersionChangeCallback;
         /**
           * Possible values of type filter
          */
         "types": ObjectType1[];
-        /**
-          * List of versions to show in the versions tree
-         */
-        "versions": ItemNode1[];
     }
     interface GxIdeTeamDevPreview {
         /**
@@ -5901,9 +5903,9 @@ declare namespace LocalJSX {
     info: ContextMenuInfo
   ) => Promise<void>;
         /**
-          * Represents the itemLis list model
+          * Callback to load the items list model
          */
-        "itemsList"?: ItemNode[];
+        "loadItemsCallback": () => Promise<ItemNode[]>;
         /**
           * This define if the selection is unique or not
          */
@@ -5924,6 +5926,10 @@ declare namespace LocalJSX {
           * This define if the checks are unique or not
          */
         "singleChecks"?: boolean;
+        /**
+          * Defines whether to show a loader while loading items
+         */
+        "useLoader"?: boolean;
     }
     interface GxIdeSelectUserTeam {
         /**
@@ -6312,21 +6318,17 @@ declare namespace LocalJSX {
          */
         "loadDetailCallback"?: LoadDetailCallback;
         /**
-          * Callback invoked when the selected version changes. As parameter receive the selected version id
+          * Callback to load the items list model
          */
-        "selectedVersionChangeCallback"?: SelectedVersionChangeCallback;
+        "loadVersionsCallback": () => Promise<ItemNode1[]>;
         /**
-          * The Id of the selected version in the select-kb-items component
+          * Callback invoked when the selected version changes. As parameter receive the selected version id
          */
-        "selectedVersionId"?: string;
+        "selectedVersionChangeCallback"?: SelectedVersionChangeCallback;
         /**
           * Possible values of type filter
          */
         "types"?: ObjectType1[];
-        /**
-          * List of versions to show in the versions tree
-         */
-        "versions"?: ItemNode1[];
     }
     interface GxIdeTeamDevPreview {
         /**

package/package.json

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

package/dist/cjs/tabular-grid-render-c0e0738c.js.map

@@ -1 +0,0 @@
-{"file":"tabular-grid-render-c0e0738c.js","mappings":"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","names":["getIconPath","h","hiChar","renderObjectTypeWithIcon","CLASSES","formatDate","config"],"sources":["src/components/team-dev/version-control/common/constants.ts","src/components/team-dev/version-control/common/tabular-grid-render.tsx"],"sourcesContent":["import { getIconPath } from \"@genexus/mercury\";\n\nexport const ALL_VALUE = \"All\";\nexport const ALL_MODULES = \"All Modules\";\nexport const ALL_TYPES = \"All Types\";\n\nexport const CSS_SELECTORS = {\n  HEADER: \"header spacing-body-inline spacing-body-block-start\",\n  HEADER_DETAILS: \"header__details\",\n  FILTER: \"filter\",\n  MAIN: \"main spacing-body\",\n  GRID_CELL_DESCRIPTION: \"tabular-grid-cell-description-custom-selector\"\n};\n\nconst ICONS = {\n  add: getIconPath({\n    category: \"system\",\n    name: \"add\",\n    colorType: \"on-elevation\"\n  }),\n  edit: getIconPath({\n    category: \"system\",\n    name: \"edit\",\n    colorType: \"on-elevation\"\n  }),\n  error: getIconPath({\n    category: \"system\",\n    name: \"error\",\n    colorType: \"error\"\n  }),\n  filter: getIconPath({\n    category: \"window-tools\",\n    name: \"filter\",\n    colorType: \"neutral\"\n  }),\n  filterWithConditions: getIconPath({\n    category: \"window-tools\",\n    name: \"filter-conditions\",\n    colorType: \"neutral\"\n  }),\n  info: getIconPath({\n    category: \"system\",\n    name: \"information\",\n    colorType: \"on-elevation\"\n  }),\n  refresh: getIconPath({\n    category: \"gemini-tools\",\n    name: \"reset\",\n    colorType: \"neutral\"\n  }),\n  search: getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-elevation\"\n  }),\n  success: getIconPath({\n    category: \"system\",\n    name: \"check\",\n    colorType: \"success\"\n  }),\n  substract: getIconPath({\n    category: \"system\",\n    name: \"substract\",\n    colorType: \"on-elevation\"\n  }),\n  warning: getIconPath({\n    category: \"system\",\n    name: \"warning\",\n    colorType: \"warning\"\n  })\n};\nexport default ICONS;\n","// stencil\nimport { h, JSX } from \"@stencil/core\";\n\n// external libraries\nimport HTMLChTabularGridRowElement from \"@genexus/chameleon-controls-library/dist/types/components/tabular-grid/row/tabular-grid-row\";\n\n// local\nimport {\n  MessageData,\n  ModifiedObjectData,\n  SourceType,\n  StatusInternal\n} from \"./types\";\nimport { ObjectState } from \"../common/types\";\nimport ICONS from \"./constants\";\nimport { renderObjectTypeWithIcon } from \"../../common/utilities\";\nimport { formatDate } from \"../../../../common/helpers\";\nimport { CSS_SELECTORS as CLASSES } from \"./constants\";\nimport { hiChar } from \"../../../ww-files/helpers\";\nimport { config } from \"../../../../common/config\";\nimport {\n  TabularGridColumnSelectorClickedEvent,\n  TabularGridColumnSortChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nconst BUTTON_ACTION_SELECTOR = \"button-action-custom-selector\";\nexport const COLUMNS_IDS = {\n  action: \"action\",\n  description: \"description\",\n  lastSynchronized: \"lastSynchronized\",\n  localState: \"localState\",\n  modifiedOn: \"modifiedOn\",\n  module: \"module\",\n  name: \"name\",\n  status: \"status\",\n  type: \"type\"\n};\n\nconst renderStateCellContent = (\n  action: ObjectState,\n  componentLocale: any\n): JSX.Element[] | null | string => {\n  let icon: string;\n  let caption: string;\n  let iconColor: string;\n\n  if (action === \"deleted\") {\n    icon = ICONS.substract;\n    caption = componentLocale.states.deleted;\n    iconColor = \"--mer-icon__error\";\n  } else if (action === \"inserted\") {\n    icon = ICONS.add;\n    caption = componentLocale.states.inserted;\n    iconColor = \"--mer-icon__success\";\n  } else if (action === \"modified\") {\n    icon = ICONS.edit;\n    caption = componentLocale.states.modified;\n    iconColor = \"--mer-icon__warning\";\n  } else if (action === \"conflicted\") {\n    icon = ICONS.warning;\n    caption = componentLocale.states.conflicted;\n    iconColor = \"--mer-icon__warning\";\n  } else if (!action) {\n    // proably is \"ignored\"\n    return null;\n  }\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image\n        type=\"mask\"\n        class=\"icon-md\"\n        src={icon}\n        style={{ backgroundColor: `var(${iconColor})` }}\n      ></ch-image>\n      {`${caption}`}\n    </span>\n  );\n};\n\nconst renderObjectStatus = (\n  objectId: string,\n  objectsStatusMap: Map<string, StatusInternal>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  componentLocale: any\n): JSX.Element[] => {\n  const status = objectsStatusMap.get(objectId);\n  const caption =\n    status === \"pending\" && updatePillAsButton\n      ? componentLocale.status.commit\n      : componentLocale.status[status];\n\n  if (status === \"committing\") {\n    return <span class=\"spinner-caption\">{caption}</span>;\n  }\n\n  const classes = `pill pill--${status}`;\n  if (updatePillAsButton && status === \"pending\") {\n    return (\n      <button\n        class={{\n          \"button-secondary\": true,\n          \"button-icon-and-text\": true,\n          \"pill\": true,\n          \"pill--update\": true,\n          [BUTTON_ACTION_SELECTOR]: true\n        }}\n        onClick={commitSingleObject(objectId)}\n      >\n        {caption}\n      </button>\n    );\n  } else {\n    return <span class={classes}>{caption}</span>;\n  }\n};\n\nconst renderTabularGridRows = (\n  type: SourceType,\n  pendingObjectsAfterFilter: ModifiedObjectData[],\n  ignoredObjectsAfterFilter: ModifiedObjectData[],\n  alreadyUpdatedObjectsIdsSet: Set<string>,\n  markedObjectsSet: Set<string>,\n  objectsMessagesDataMap: Map<string, MessageData[]>,\n  updatePillAsButton: boolean,\n  commitSingleObject: (objectId: string) => () => void,\n  objectsStatusMap: Map<string, StatusInternal>,\n  searchValue: string,\n  componentLocale: any\n): HTMLChTabularGridRowElement[] => {\n  let objects: ModifiedObjectData[];\n  if (type === \"pending\") {\n    objects = pendingObjectsAfterFilter;\n  } else if (type === \"ignored\") {\n    objects = ignoredObjectsAfterFilter;\n  }\n\n  searchValue = searchValue.toLowerCase();\n\n  const filteredRows = objects.map(object => {\n    const alreadyUpdated = alreadyUpdatedObjectsIdsSet.has(object.id);\n    const hideCheckbox = alreadyUpdated || type === \"ignored\";\n    const marked = markedObjectsSet.has(object.id);\n    const messages = objectsMessagesDataMap.get(object.id);\n\n    return (\n      <ch-tabular-grid-row\n        class=\"tabular-grid-row\"\n        key={object.id}\n        rowid={object.id}\n        ref={(el: HTMLElement) => marked && el?.setAttribute(\"marked\", \"true\")}\n      >\n        <ch-tabular-grid-cell\n          cell-type=\"rich\"\n          row-selector=\"true\"\n          class={{\n            \"tabular-grid-cell\": true,\n            \"no-checkbox-custom-selector\": hideCheckbox\n          }}\n          size=\"max-content\"\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.name, searchValue)}\n          </div>\n          {/* {object.name} */}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderObjectTypeWithIcon(object.type)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell\n          class={{\n            \"tabular-grid-cell\": true,\n            [CLASSES.GRID_CELL_DESCRIPTION]: true\n          }}\n        >\n          <div\n          // This div is a WA to prevent the cell display:flex to\n          // apply columns when hiChar is applied. hiChar creates\n          // a span for every match.\n          >\n            {hiChar(object.description, searchValue)}\n          </div>\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.modifiedOn)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {object.module}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {renderStateCellContent(object.state, componentLocale)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n          {formatDate(object.lastSynchronized)}\n        </ch-tabular-grid-cell>\n        <ch-tabular-grid-cell class=\"tabular-grid-cell tabular-grid-cell--for-pill\">\n          {renderObjectStatus(\n            object.id,\n            objectsStatusMap,\n            updatePillAsButton,\n            commitSingleObject,\n            componentLocale\n          )}\n        </ch-tabular-grid-cell>\n\n        {messages?.length && (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty\n              class={{\n                \"tabular-grid-rowset-empty\": true\n              }}\n            >\n              <ul class=\"messages-list\">\n                {messages.map(message => {\n                  let MESSAGE_ICON;\n                  if (message.type === \"error\") {\n                    MESSAGE_ICON = ICONS.error;\n                  } else if (message.type === \"warning\") {\n                    MESSAGE_ICON = ICONS.warning;\n                  } else if (message.type === \"success\") {\n                    MESSAGE_ICON = ICONS.success;\n                  } else {\n                    // info\n                    MESSAGE_ICON = ICONS.info;\n                  }\n\n                  return (\n                    <li class=\"message-description\">\n                      <ch-image\n                        class=\"icon-md message-icon\"\n                        src={MESSAGE_ICON}\n                      ></ch-image>\n                      {message.text}\n                    </li>\n                  );\n                })}\n              </ul>\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid-row>\n    );\n  });\n\n  return filteredRows;\n};\n\nexport default renderTabularGridRows;\n\nexport type GridColumnType =\n  | \"action\"\n  | \"description\"\n  | \"lastSynchronized\"\n  | \"localState\"\n  | \"modifiedOn\"\n  | \"module\"\n  | \"name\"\n  | \"status\"\n  | \"type\";\n\nexport type GridColumnSet = Partial<Record<GridColumnType, true>>;\n\nexport const renderTabularGridColumns = (\n  ignoredGridColumns: GridColumnType[],\n  gridIsEmpty: boolean = false,\n  sortTabularGridColumnCallback: (\n    e: CustomEvent<TabularGridColumnSortChangedEvent>\n  ) => void,\n  columnSelectorClickedCallback: (\n    e: CustomEvent<TabularGridColumnSelectorClickedEvent>\n  ) => void,\n  componentLocale: any,\n  showRichRowSelector: boolean\n): JSX.Element => {\n  const colSize = gridIsEmpty\n    ? config.tabularGrid.colSize.auto\n    : config.tabularGrid.colSize.maxContent;\n\n  return (\n    <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n      {!ignoredGridColumns.includes(\"name\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.name}\n          columnName={componentLocale.objects.name}\n          columnType=\"rich\"\n          richRowSelector={showRichRowSelector}\n          richRowSelectorMode=\"mark\"\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          onColumnSelectorClicked={columnSelectorClickedCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"type\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.type}\n          columnName={componentLocale.objects.type}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"description\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.description}\n          columnName={componentLocale.objects.description}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={config.tabularGrid.colSize.description}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"modifiedOn\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.modifiedOn}\n          columnName={componentLocale.objects.modifiedOn}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"module\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.module}\n          columnName={componentLocale.objects.module}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"localState\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.localState}\n          columnName={componentLocale.objects.localState}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"lastSynchronized\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.lastSynchronized}\n          columnName={componentLocale.objects.lastSynchronized}\n          settingable={false}\n          sortable={true}\n          onColumnSortChanged={sortTabularGridColumnCallback}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"action\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.action}\n          columnName={componentLocale.objects.action}\n          sortable={false}\n          settingable={false}\n          size={colSize}\n        />\n      )}\n\n      {!ignoredGridColumns.includes(\"status\") && (\n        <ch-tabular-grid-column\n          class=\"tabular-grid-column\"\n          columnId={COLUMNS_IDS.status}\n          columnName={componentLocale.objects.status}\n          sortable={false}\n          settingable={false}\n          size={gridIsEmpty ? \"auto\" : \"100px\"}\n        />\n      )}\n    </ch-tabular-grid-columnset>\n  );\n};\n"],"version":3}

package/dist/cjs/utilities-25be3069.js.map

@@ -1 +0,0 @@
-{"file":"utilities-25be3069.js","mappings":";;;;;;;;;AAAA;AAMA,MAAM,aAAa,GAAGA,yBAAW,CAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAGA,yBAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,YAAY,GAAGA,yBAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AACH,MAAM,YAAY,GAAGA,yBAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;MAca,yBAAyB,GAAG,CACvC,WAAwB;IAExB,IAAI,IAAY,CAAC;IACjB,QAAQ,WAAW;QACjB,KAAK,UAAU;YACb,IAAI,GAAG,aAAa,CAAC;YACrB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,WAAW,CAAC;YACnB,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;QACR,KAAK,YAAY;YACf,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;KACT;IACD,QACEC,kBAAM,KAAK,EAAC,0BAA0B;QACpCA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC3D,EACP;AACJ,EAAE;AAEF;;;;;;MAMa,wBAAwB,GAAG,CACtC,UAAsB;;IAGtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAE7B,QACEA,kBAAM,KAAK,EAAC,0BAA0B;QACpCA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,UAAU,CAAC,IAAI,EAAE,CAChB,EACP;AACJ;;;;;","names":["getIconPath","h"],"sources":["src/components/team-dev/common/utilities.tsx"],"sourcesContent":["// Stencil\nimport { h, JSX } from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\nimport { ObjectState } from \"../version-control/common/types\";\nimport { ObjectType } from \"../../../components\";\n\nconst INSERTED_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\nconst DELETED_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\n/**\n * Renders a visual indicator (icon and label) for a given object state.\n *\n * This helper function maps a fixed set of object states to corresponding icons\n *\n * Supported states:\n * - \"inserted\": Displays a green \"add\" icon.\n * - \"modified\": Displays a yellow \"edit\" icon.\n * - \"deleted\": Displays a red \"subtract\" icon.\n * - \"conflicted\": Displays a yellow \"warning\" icon.\n *\n * @param {ObjectState} objectState - The current state of the object.\n * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.\n */\nexport const renderObjectStateWithIcon = (\n  objectState: ObjectState\n): HTMLChImageElement => {\n  let icon: string;\n  switch (objectState) {\n    case \"inserted\":\n      icon = INSERTED_ICON;\n      break;\n    case \"modified\":\n      icon = EDITED_ICON;\n      break;\n    case \"deleted\":\n      icon = DELETED_ICON;\n      break;\n    case \"conflicted\":\n      icon = WARNING_ICON;\n      break;\n  }\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectState.charAt(0).toUpperCase() + objectState.slice(1)}`}\n    </span>\n  );\n};\n\n/**\n * Renders a GeneXus object type as a span element containing its icon and name.\n *\n * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.\n * @returns {JSX.Element} A span element with the object's icon and label.\n */\nexport const renderObjectTypeWithIcon = (\n  objectType: ObjectType\n): JSX.Element => {\n  // bring changes\n  const icon = objectType.icon;\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectType.name}`}\n    </span>\n  );\n};\n"],"version":3}

package/dist/components/utilities.js.map

@@ -1 +0,0 @@
-{"file":"utilities.js","mappings":";;;;;;AAAA;AAMA,MAAM,aAAa,GAAG,WAAW,CAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;MAca,yBAAyB,GAAG,CACvC,WAAwB;IAExB,IAAI,IAAY,CAAC;IACjB,QAAQ,WAAW;QACjB,KAAK,UAAU;YACb,IAAI,GAAG,aAAa,CAAC;YACrB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,WAAW,CAAC;YACnB,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;QACR,KAAK,YAAY;YACf,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;KACT;IACD,QACE,YAAM,KAAK,EAAC,0BAA0B;QACpC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC3D,EACP;AACJ,EAAE;AAEF;;;;;;MAMa,wBAAwB,GAAG,CACtC,UAAsB;;IAGtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAE7B,QACE,YAAM,KAAK,EAAC,0BAA0B;QACpC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,UAAU,CAAC,IAAI,EAAE,CAChB,EACP;AACJ;;;;","names":[],"sources":["src/components/team-dev/common/utilities.tsx"],"sourcesContent":["// Stencil\nimport { h, JSX } from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\nimport { ObjectState } from \"../version-control/common/types\";\nimport { ObjectType } from \"../../../components\";\n\nconst INSERTED_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\nconst DELETED_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\n/**\n * Renders a visual indicator (icon and label) for a given object state.\n *\n * This helper function maps a fixed set of object states to corresponding icons\n *\n * Supported states:\n * - \"inserted\": Displays a green \"add\" icon.\n * - \"modified\": Displays a yellow \"edit\" icon.\n * - \"deleted\": Displays a red \"subtract\" icon.\n * - \"conflicted\": Displays a yellow \"warning\" icon.\n *\n * @param {ObjectState} objectState - The current state of the object.\n * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.\n */\nexport const renderObjectStateWithIcon = (\n  objectState: ObjectState\n): HTMLChImageElement => {\n  let icon: string;\n  switch (objectState) {\n    case \"inserted\":\n      icon = INSERTED_ICON;\n      break;\n    case \"modified\":\n      icon = EDITED_ICON;\n      break;\n    case \"deleted\":\n      icon = DELETED_ICON;\n      break;\n    case \"conflicted\":\n      icon = WARNING_ICON;\n      break;\n  }\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectState.charAt(0).toUpperCase() + objectState.slice(1)}`}\n    </span>\n  );\n};\n\n/**\n * Renders a GeneXus object type as a span element containing its icon and name.\n *\n * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.\n * @returns {JSX.Element} A span element with the object's icon and label.\n */\nexport const renderObjectTypeWithIcon = (\n  objectType: ObjectType\n): JSX.Element => {\n  // bring changes\n  const icon = objectType.icon;\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectType.name}`}\n    </span>\n  );\n};\n"],"version":3}

package/dist/esm/utilities-efeffb76.js.map

@@ -1 +0,0 @@
-{"file":"utilities-efeffb76.js","mappings":";;;;;;;AAAA;AAMA,MAAM,aAAa,GAAG,WAAW,CAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC;IAC/B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH;;;;;;;;;;;;;;MAca,yBAAyB,GAAG,CACvC,WAAwB;IAExB,IAAI,IAAY,CAAC;IACjB,QAAQ,WAAW;QACjB,KAAK,UAAU;YACb,IAAI,GAAG,aAAa,CAAC;YACrB,MAAM;QACR,KAAK,UAAU;YACb,IAAI,GAAG,WAAW,CAAC;YACnB,MAAM;QACR,KAAK,SAAS;YACZ,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;QACR,KAAK,YAAY;YACf,IAAI,GAAG,YAAY,CAAC;YACpB,MAAM;KACT;IACD,QACE,YAAM,KAAK,EAAC,0BAA0B;QACpC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC3D,EACP;AACJ,EAAE;AAEF;;;;;;MAMa,wBAAwB,GAAG,CACtC,UAAsB;;IAGtB,MAAM,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC;IAE7B,QACE,YAAM,KAAK,EAAC,0BAA0B;QACpC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,GAAa;QAC/C,GAAG,UAAU,CAAC,IAAI,EAAE,CAChB,EACP;AACJ;;;;","names":[],"sources":["src/components/team-dev/common/utilities.tsx"],"sourcesContent":["// Stencil\nimport { h, JSX } from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\nimport { ObjectState } from \"../version-control/common/types\";\nimport { ObjectType } from \"../../../components\";\n\nconst INSERTED_ICON = getIconPath({\n  category: \"system\",\n  name: \"add\",\n  colorType: \"success\"\n});\nconst EDITED_ICON = getIconPath({\n  category: \"system\",\n  name: \"edit\",\n  colorType: \"warning\"\n});\nconst DELETED_ICON = getIconPath({\n  category: \"system\",\n  name: \"substract\",\n  colorType: \"error\"\n});\nconst WARNING_ICON = getIconPath({\n  category: \"system\",\n  name: \"warning\",\n  colorType: \"warning\"\n});\n\n/**\n * Renders a visual indicator (icon and label) for a given object state.\n *\n * This helper function maps a fixed set of object states to corresponding icons\n *\n * Supported states:\n * - \"inserted\": Displays a green \"add\" icon.\n * - \"modified\": Displays a yellow \"edit\" icon.\n * - \"deleted\": Displays a red \"subtract\" icon.\n * - \"conflicted\": Displays a yellow \"warning\" icon.\n *\n * @param {ObjectState} objectState - The current state of the object.\n * @returns {HTMLChImageElement} A span element containing the corresponding icon and state label.\n */\nexport const renderObjectStateWithIcon = (\n  objectState: ObjectState\n): HTMLChImageElement => {\n  let icon: string;\n  switch (objectState) {\n    case \"inserted\":\n      icon = INSERTED_ICON;\n      break;\n    case \"modified\":\n      icon = EDITED_ICON;\n      break;\n    case \"deleted\":\n      icon = DELETED_ICON;\n      break;\n    case \"conflicted\":\n      icon = WARNING_ICON;\n      break;\n  }\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectState.charAt(0).toUpperCase() + objectState.slice(1)}`}\n    </span>\n  );\n};\n\n/**\n * Renders a GeneXus object type as a span element containing its icon and name.\n *\n * @param {ObjectType} objectType - The GeneXus object type to render, including its `icon` and `name` properties.\n * @returns {JSX.Element} A span element with the object's icon and label.\n */\nexport const renderObjectTypeWithIcon = (\n  objectType: ObjectType\n): JSX.Element => {\n  // bring changes\n  const icon = objectType.icon;\n\n  return (\n    <span class=\"custom-icon-text-wrapper\">\n      <ch-image class=\"icon-md\" src={icon}></ch-image>\n      {`${objectType.name}`}\n    </span>\n  );\n};\n"],"version":3}