@genexus/genexus-ide-ui 1.0.52 → 1.0.54

package/dist/types/components.d.ts

@@ -17,7 +17,7 @@ import { ImportData as ImportData1 } from "./components/bpm/import-gxpm/bpm-impo
 import { SelectionData } from "./components/bpm/objects-selector/bpm-objects-selector";
 import { TimerDuration } from "./components/bpm/timer-duration/bpm-timer-duration";
 import { AuthenticationType, GXServerConnectionData } from "./components/team-dev/connect-gx-server/connect-gx-server";
-import { EntityData, FormSubmitResult, GxOption, ImportItemResultData, LabelPosition as LabelPosition1, ObjectType } from "./common/types";
+import { ContextMenuInfo, EntityData, FormSubmitResult, GxOption, ImportItemResultData, LabelPosition as LabelPosition1, ObjectType } from "./common/types";
 import { TitleType } from "./components/_helpers/title/title";
 import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/_helpers/container/container";
 import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
@@ -45,6 +45,7 @@ import { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
 import { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 import { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
+import { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 import { TeamData } from "./components/select-user-team/select-user-team";
 import { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 import { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
@@ -72,7 +73,7 @@ export { ImportData as ImportData1 } from "./components/bpm/import-gxpm/bpm-impo
 export { SelectionData } from "./components/bpm/objects-selector/bpm-objects-selector";
 export { TimerDuration } from "./components/bpm/timer-duration/bpm-timer-duration";
 export { AuthenticationType, GXServerConnectionData } from "./components/team-dev/connect-gx-server/connect-gx-server";
-export { EntityData, FormSubmitResult, GxOption, ImportItemResultData, LabelPosition as LabelPosition1, ObjectType } from "./common/types";
+export { ContextMenuInfo, EntityData, FormSubmitResult, GxOption, ImportItemResultData, LabelPosition as LabelPosition1, ObjectType } from "./common/types";
 export { TitleType } from "./components/_helpers/title/title";
 export { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/_helpers/container/container";
 export { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
@@ -100,6 +101,7 @@ export { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1,
 export { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 export { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
+export { CheckboxType, DialogAction, ItemNode } from "./components/select-kb-items/select-kb-items";
 export { TeamData } from "./components/select-user-team/select-user-team";
 export { KBVersion as KBVersion1, ShareKBData } from "./components/team-dev/share-kb/share-kb";
 export { AuthStep, TeamData as TeamData1 } from "./components/sign-in-team/sign-in-team";
@@ -1477,6 +1479,54 @@ export namespace Components {
     }
     interface GxIdeScChatContainer {
     }
+    interface GxIdeSelectKbItems {
+        /**
+          * Callback emitted when the 'cancel' button is pressed
+         */
+        "cancelCallback"?: () => Promise<void>;
+        /**
+          * Defines which nodes of the component have checkboxes.
+         */
+        "checkboxType": CheckboxType;
+        /**
+          * Callback emitted when the items checked items change
+         */
+        "checkedChanged"?: (checkedItems: string[]) => Promise<void>;
+        /**
+          * Callback emitted when the 'select' button is pressed
+         */
+        "confirmCallback"?: (checkedItems: string[]) => Promise<void>;
+        /**
+          * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)
+         */
+        "dialogActions": DialogAction[];
+        /**
+          * Callback emitted when the user right click on an item
+         */
+        "itemContextMenuCallback": (
+    info: ContextMenuInfo
+  ) => Promise<void>;
+        /**
+          * Represents the itemLis list model
+         */
+        "itemsList": ItemNode[];
+        /**
+          * This define if the selection is unique or not
+         */
+        "multiSelection"?: boolean;
+        /**
+          * Callback emitted when the items selection change
+         */
+        "selectionChanged"?: (selectedItem: string[]) => Promise<void>;
+        /**
+          * Suspends or reactivates the shortcuts
+         */
+        "suspendShortcuts": (suspendShortcuts: boolean) => Promise<void>;
+        /**
+          * Allow to update the selected items
+         */
+        "updateSelection": (selectedItemsIds: string[]) => Promise<void>;
+    }
     interface GxIdeSelectUserTeam {
         /**
           * Callback executed when the user clicks the 'Cancel' button
@@ -2633,6 +2683,12 @@ declare global {
         prototype: HTMLGxIdeScChatContainerElement;
         new (): HTMLGxIdeScChatContainerElement;
     };
+    interface HTMLGxIdeSelectKbItemsElement extends Components.GxIdeSelectKbItems, HTMLStencilElement {
+    }
+    var HTMLGxIdeSelectKbItemsElement: {
+        prototype: HTMLGxIdeSelectKbItemsElement;
+        new (): HTMLGxIdeSelectKbItemsElement;
+    };
     interface HTMLGxIdeSelectUserTeamElement extends Components.GxIdeSelectUserTeam, HTMLStencilElement {
     }
     var HTMLGxIdeSelectUserTeamElement: {
@@ -2920,6 +2976,7 @@ declare global {
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-sc-chat-container": HTMLGxIdeScChatContainerElement;
+        "gx-ide-select-kb-items": HTMLGxIdeSelectKbItemsElement;
         "gx-ide-select-user-team": HTMLGxIdeSelectUserTeamElement;
         "gx-ide-share-kb": HTMLGxIdeShareKbElement;
         "gx-ide-sign-in": HTMLGxIdeSignInElement;
@@ -4354,6 +4411,46 @@ declare namespace LocalJSX {
     }
     interface GxIdeScChatContainer {
     }
+    interface GxIdeSelectKbItems {
+        /**
+          * Callback emitted when the 'cancel' button is pressed
+         */
+        "cancelCallback"?: () => Promise<void>;
+        /**
+          * Defines which nodes of the component have checkboxes.
+         */
+        "checkboxType"?: CheckboxType;
+        /**
+          * Callback emitted when the items checked items change
+         */
+        "checkedChanged"?: (checkedItems: string[]) => Promise<void>;
+        /**
+          * Callback emitted when the 'select' button is pressed
+         */
+        "confirmCallback"?: (checkedItems: string[]) => Promise<void>;
+        /**
+          * Set of additional actions (callbacks) to those already provided by default by the selector (cancelCallback and selectCallback)
+         */
+        "dialogActions"?: DialogAction[];
+        /**
+          * Callback emitted when the user right click on an item
+         */
+        "itemContextMenuCallback"?: (
+    info: ContextMenuInfo
+  ) => Promise<void>;
+        /**
+          * Represents the itemLis list model
+         */
+        "itemsList"?: ItemNode[];
+        /**
+          * This define if the selection is unique or not
+         */
+        "multiSelection"?: boolean;
+        /**
+          * Callback emitted when the items selection change
+         */
+        "selectionChanged"?: (selectedItem: string[]) => Promise<void>;
+    }
     interface GxIdeSelectUserTeam {
         /**
           * Callback executed when the user clicks the 'Cancel' button
@@ -4991,6 +5088,7 @@ declare namespace LocalJSX {
         "gx-ide-object-selector": GxIdeObjectSelector;
         "gx-ide-references": GxIdeReferences;
         "gx-ide-sc-chat-container": GxIdeScChatContainer;
+        "gx-ide-select-kb-items": GxIdeSelectKbItems;
         "gx-ide-select-user-team": GxIdeSelectUserTeam;
         "gx-ide-share-kb": GxIdeShareKb;
         "gx-ide-sign-in": GxIdeSignIn;
@@ -5057,6 +5155,7 @@ declare module "@stencil/core" {
             "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-sc-chat-container": LocalJSX.GxIdeScChatContainer & JSXBase.HTMLAttributes<HTMLGxIdeScChatContainerElement>;
+            "gx-ide-select-kb-items": LocalJSX.GxIdeSelectKbItems & JSXBase.HTMLAttributes<HTMLGxIdeSelectKbItemsElement>;
             "gx-ide-select-user-team": LocalJSX.GxIdeSelectUserTeam & JSXBase.HTMLAttributes<HTMLGxIdeSelectUserTeamElement>;
             "gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
             "gx-ide-sign-in": LocalJSX.GxIdeSignIn & JSXBase.HTMLAttributes<HTMLGxIdeSignInElement>;

package/package.json

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","getIconPath","category","colorType","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersionsIds","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_searchKbsEl","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","versionsValueInput","toString","concat","versionSelectedFieldValue","map","kbVersion","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","focus","call","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","startImgSrc","onInput","placeholder","searchKbsPlaceholder","selection","onSelectedItemsChange","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholder","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\n};\n",":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--mer-spacing--xs);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport { config } from \"../../../common/config\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"on-surface\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"gemini-tools\",\n    name: \"show-more-horizontal\",\n    colorType: \"on-elevation\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" }\n    // { value: \"Select\", caption: \"Select Version\" } TODO: display once \"gx-ide-select-kb-versions\" is ready.\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersionsIds: string[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #searchKbsEl!: HTMLChEditElement;\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  componentDidLoad() {\n    (this.#searchKbsEl as HTMLElement).focus();\n\n    this.versionSelectedType = this.#versionSelectedTypeEl\n      .value as VersionOption;\n\n    this.#initializeValidatableControls();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    await this.#init();\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersionsIds = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersionsIds\n    }).then((formSubmitResult: FormSubmitResult) => {\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  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.versionsValueInput = result.length\n            .toString()\n            .concat(this.#_componentLocale.kb.versionSelectedFieldValue);\n          this.#kbVersionsIds = result.map(kbVersion =>\n            kbVersion.id.toString()\n          );\n        }\n      });\n    }\n  };\n\n  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer control-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n\n          <section class=\"main field-group spacing-body\">\n            <ch-edit\n              class=\"input search-kbs\"\n              id=\"local-kb-name\"\n              startImgSrc={this.#chSearchIcon}\n              onInput={this.#filterValueChangedHandler}\n              placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n              ref={el => (this.#searchKbsEl = el as HTMLChEditElement)}\n            ></ch-edit>\n\n            <ch-action-list-render\n              selection=\"single\"\n              class=\"list-box\"\n              onSelectedItemsChange={this.#selectKbChangeHandler}\n              model={this.kbsFilteredActionListModel}\n            ></ch-action-list-render>\n\n            <div class=\"versions-container field-group\">\n              <ch-radio-group-render\n                class=\"radio-group\"\n                model={this.#versionsSelect}\n                onChange={this.#versionsChangedHandler}\n                value={this.#versionsSelect[0].value}\n                ref={el =>\n                  (this.#versionSelectedTypeEl =\n                    el as HTMLChRadioGroupRenderElement)\n                }\n              ></ch-radio-group-render>\n\n              {this.versionSelectedType === \"Select\" && (\n                <div class=\"versions-container__item field-group\">\n                  <div class=\"field field-block\">\n                    <label class=\"label\" htmlFor=\"control-id-1\">\n                      {this.#_componentLocale.kb.versionsLabel}\n                    </label>\n                    <div class=\"versions-container__input\">\n                      <ch-edit\n                        class=\"input\"\n                        readonly\n                        placeholder={\n                          this.enableSelectVersionsButton\n                            ? this.#_componentLocale.kb.versionsPlaceholder\n                            : this.#_componentLocale.kb\n                                .versionsPlaceholderDisabled\n                        }\n                        value={this.versionsValueInput}\n                      ></ch-edit>\n                      <button\n                        class=\"button-tertiary button-icon-only\"\n                        onClick={this.#selectedVersionHandler}\n                        disabled={!this.enableSelectVersionsButton}\n                      >\n                        <ch-image\n                          src={this.#showMoreIcon}\n                          class=\"icon-sm\"\n                        ></ch-image>\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              )}\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"localKbName\">\n                {this.#_componentLocale.kb.localKbNameLabel}\n              </label>\n              <ch-edit\n                // local kb name\n                class=\"input\"\n                id=\"local-kb-name\"\n                value={this.localKbNameInputValue}\n                onInput={this.#inputLocalKbNameHandler}\n                placeholder={this.#_componentLocale.kb.localKbNamePlaceholder}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#localKBNameEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#localKBNameEl)}\n            </div>\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type: VersionType;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: string[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}