@genexus/genexus-ide-ui 1.1.27 → 1.1.29

package/dist/genexus-ide-ui/{p-afd84bc7.entry.js → p-e4f2a587.entry.js}

@@ -35,11 +35,11 @@ var d = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
   return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var f, p, u, m, b, v, w, g, k, y, M, W, _, x, T, j, C, S, E, $, P, z, A, I;
+var f, p, u, m, b, v, w, g, y, k, M, W, _, x, T, j, C, S, E, $, P, z, A;
 
-const L = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
+const I = [ "resets/box-sizing", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "components/list-box", "components/tooltip", "chameleon/scrollbar" ];
 
-const N = class {
+const L = class {
   constructor(i) {
     t(this, i);
     f.set(this, n({
@@ -67,14 +67,13 @@ const N = class {
     v.set(this, []);
     w.set(this, e(`./gx-ide-assets/create-kb-from-server/shortcuts.json`));
     g.set(this, void 0);
-    k.set(this, false);
-    y.set(this, void 0);
+    y.set(this, false);
+    k.set(this, void 0);
     M.set(this, void 0);
-    W.set(this, void 0);
-    _.set(this, (() => {
+    W.set(this, (() => {
       this.cancelCallback();
     }));
-    x.set(this, (async () => {
+    _.set(this, (async () => {
       this.changeConnectionCallback({
         authenticationType: this.connectionData.authenticationType,
         serverUrl: this.connectionData.serverUrl,
@@ -82,7 +81,7 @@ const N = class {
         userPassword: this.connectionData.userPassword
       });
     }));
-    T.set(this, (async () => {
+    x.set(this, (async () => {
       if (this.versionSelectedType !== "Select") {
         c(this, v, [], "f");
       }
@@ -97,7 +96,7 @@ const N = class {
     }));
     // TODO: evaluate if this should be a global helper function.
     // It is used on other dialogs as well.
-        j.set(this, (t => {
+        T.set(this, (t => {
       var e, i, a;
       return ((i = (e = this.validatableControls) === null || e === void 0 ? void 0 : e.get(t === null || t === void 0 ? void 0 : t.id)) === null || i === void 0 ? void 0 : i.hasError) && ((a = this.validatableControls.get(t.id)) === null || a === void 0 ? void 0 : a.message) && s("ch-tooltip", {
         class: "tooltip",
@@ -107,11 +106,11 @@ const N = class {
         delay: o.tooltipSettings.delay
       }, this.validatableControls.get(t.id).message);
     }));
-    C.set(this, (t => {
+    j.set(this, (t => {
       this.filterValue = t.detail.toLowerCase();
       this.kbsFilteredActionListModel = d(this, b, "f").filter((t => t.caption.toLowerCase().includes(this.filterValue)));
     }));
-    S.set(this, (async () => {
+    C.set(this, (async () => {
       await this.getGXserverKBsCallback({
         authenticationType: this.connectionData.authenticationType,
         serverUrl: this.connectionData.serverUrl,
@@ -123,9 +122,9 @@ const N = class {
         this.filterValue = "";
       }));
     }));
-    E.set(this, (() => {
+    S.set(this, (() => {
       // populate validatableControls with the controls that could have errors.
-      const t = [ d(this, W, "f") ];
+      const t = [ d(this, M, "f") ];
       t.forEach((t => {
         if (t.id) {
           this.validatableControls.set(t.id, {
@@ -136,11 +135,11 @@ const N = class {
         }
       }));
     }));
-    $.set(this, (t => {
+    E.set(this, (t => {
       this.localKbNameInputValue = t.detail;
-      c(this, k, true, "f");
+      c(this, y, true, "f");
     }));
-    P.set(this, (async () => {
+    $.set(this, (async () => {
       if (this.selectKBVersionsCallback) {
         await this.selectKBVersionsCallback(d(this, g, "f")).then((t => {
           if (t === null || t === void 0 ? void 0 : t.length) {
@@ -162,7 +161,7 @@ const N = class {
         }));
       }
     }));
-    z.set(this, (t => {
+    P.set(this, (t => {
       var e;
       const s = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item;
       if (s === undefined) {
@@ -172,7 +171,7 @@ const N = class {
       }
       this.enableSelectVersionsButton = true;
       c(this, g, s.id, "f");
-      if (d(this, k, "f")) {
+      if (d(this, y, "f")) {
         return;
       }
       this.localKbNameInputValue = s.caption;
@@ -181,22 +180,22 @@ const N = class {
         c(this, v, [], "f");
       }
     }));
-    A.set(this, (t => {
+    z.set(this, (t => {
       this.versionSelectedType = t.detail;
     }));
-    I.set(this, (() => s("footer", {
+    A.set(this, (() => s("footer", {
       class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end"
     }, s("div", {
       class: "buttons-spacer"
     }, s("button", {
       // cancel button
       class: "button-secondary",
-      onClick: d(this, _, "f"),
+      onClick: d(this, W, "f"),
       part: "button button-cancel"
     }, d(this, m, "f").footer.cancel), s("button", {
       // create kb button
       class: "button-primary",
-      onClick: this.enableSelectVersionsButton && d(this, T, "f"),
+      onClick: this.enableSelectVersionsButton && d(this, x, "f"),
       disabled: !this.enableSelectVersionsButton,
       part: "button button-create-kb"
     }, d(this, m, "f").footer.createKb)))));
@@ -215,19 +214,18 @@ const N = class {
     this.selectKBVersionsCallback = undefined;
   }
   componentDidLoad() {
-    d(this, y, "f").focus();
-    this.versionSelectedType = d(this, M, "f").value;
-    d(this, E, "f").call(this);
+    this.versionSelectedType = d(this, k, "f").value;
+    d(this, S, "f").call(this);
   }
   async componentWillLoad() {
     c(this, m, await h.getComponentStrings(this.el), "f");
-    await d(this, S, "f").call(this);
+    await d(this, C, "f").call(this);
   }
   render() {
     return s(i, {
       class: "widget"
     }, s("ch-theme", {
-      model: L
+      model: I
     }), s("ch-shortcuts", {
       src: d(this, w, "f"),
       ref: t => this.chShortcutsEl = t
@@ -245,29 +243,28 @@ const N = class {
       class: "label"
     }, d(this, m, "f").header.user), s("p", null, this.connectionData.userName)), s("button", {
       class: "button-tertiary button-change",
-      onClick: d(this, x, "f")
+      onClick: d(this, _, "f")
     }, d(this, m, "f").header.change)), s("section", {
       class: "main field-group spacing-body"
     }, s("ch-edit", {
       class: "input search-kbs",
       id: "local-kb-name",
       startImgSrc: d(this, f, "f"),
-      onInput: d(this, C, "f"),
-      placeholder: d(this, m, "f").kb.searchKbsPlaceholder,
-      ref: t => c(this, y, t, "f")
+      onInput: d(this, j, "f"),
+      placeholder: d(this, m, "f").kb.searchKbsPlaceholder
     }), s("ch-action-list-render", {
       selection: "single",
       class: "list-box",
-      onSelectedItemsChange: d(this, z, "f"),
+      onSelectedItemsChange: d(this, P, "f"),
       model: this.kbsFilteredActionListModel
     }), s("div", {
       class: "versions-container field-group"
     }, s("ch-radio-group-render", {
       class: "radio-group",
       model: d(this, u, "f"),
-      onChange: d(this, A, "f"),
+      onChange: d(this, z, "f"),
       value: d(this, u, "f")[0].value,
-      ref: t => c(this, M, t, "f")
+      ref: t => c(this, k, t, "f")
     }), this.versionSelectedType === "Select" && s("div", {
       class: "versions-container__item field-group"
     }, s("div", {
@@ -284,7 +281,7 @@ const N = class {
       value: this.versionsValueInput
     }), s("button", {
       class: "button-tertiary button-icon-only",
-      onClick: d(this, P, "f"),
+      onClick: d(this, $, "f"),
       disabled: !this.enableSelectVersionsButton
     }, s("ch-image", {
       src: d(this, p, "f"),
@@ -299,10 +296,10 @@ const N = class {
       class: "input",
       id: "local-kb-name",
       value: this.localKbNameInputValue,
-      onInput: d(this, $, "f"),
+      onInput: d(this, E, "f"),
       placeholder: d(this, m, "f").kb.localKbNamePlaceholder,
-      ref: t => c(this, W, t, "f")
-    }), d(this, j, "f").call(this, d(this, W, "f")))), d(this, I, "f").call(this)));
+      ref: t => c(this, M, t, "f")
+    }), d(this, T, "f").call(this, d(this, M, "f")))), d(this, A, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/create-kb-from-server" ];
@@ -313,12 +310,12 @@ const N = class {
 };
 
 f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, 
-v = new WeakMap, w = new WeakMap, g = new WeakMap, k = new WeakMap, y = new WeakMap, 
+v = new WeakMap, w = new WeakMap, g = new WeakMap, y = new WeakMap, k = new WeakMap, 
 M = new WeakMap, W = new WeakMap, _ = new WeakMap, x = new WeakMap, T = new WeakMap, 
 j = new WeakMap, C = new WeakMap, S = new WeakMap, E = new WeakMap, $ = new WeakMap, 
-P = new WeakMap, z = new WeakMap, A = new WeakMap, I = new WeakMap;
+P = new WeakMap, z = new WeakMap, A = new WeakMap;
 
-N.style = l;
+L.style = l;
 
-export { N as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-afd84bc7.entry.js.map
+export { L as gx_ide_create_kb_from_server };
+//# sourceMappingURL=p-e4f2a587.entry.js.map

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

@@ -0,0 +1 @@
+{"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_kbVersions","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_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","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","call","componentWillLoad","Locale","getComponentStrings","el","render","Host","model","src","ref","chShortcutsEl","header","user","change","startImgSrc","onInput","placeholder","searchKbsPlaceholder","selection","onSelectedItemsChange","onChange","htmlFor","versionsLabel","readonly","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  .button-icon-only {\n    border-color: var(--mer-color__neutral-gray--500);\n    border-width: var(--mer-border__width--sm);\n    border-radius: var(--mer-border__radius--sm);\n  }\n\n  .button-icon-only:hover {\n    border-color: var(--mer-color__neutral-gray--100);\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\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\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.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.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\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.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\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    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\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            ></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: HTMLChRadioGroupRenderElement) =>\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: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":"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"}

package/dist/types/components/curl-inspector/curl-inspector.d.ts

@@ -0,0 +1,56 @@
+import { FormSubmitResult } from "../../common/types";
+import { ControlValidation } from "../../common/form-validation";
+export declare class GxIdeCurlInspector {
+    #private;
+    el: HTMLGxIdeCurlInspectorElement;
+    showTooltipError: boolean;
+    isFormValid: boolean;
+    curlContent: string;
+    validatableControls: Map<string, ControlValidation>;
+    /**
+     * Callback that must be invoked when the user wants to cancel the operation
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * Callback that must be invoked when the user confirms the creation. Receives the data
+     * necessary to create the procedure.
+     */
+    readonly confirmCallback: (data: CurlImportData) => Promise<FormSubmitResult>;
+    /**
+     * Default value for Module/Folder field
+     */
+    readonly defaultParent: EntityData;
+    /**
+     * Actual value for Module/Folder field
+     */
+    readonly parent: EntityData;
+    /**
+     * Callback invoked when the action is executed in the Module/Folder filter. It returns the
+     * information of the selected object (id and name) or 'undefined' if it was canceled.
+     */
+    readonly selectModuleCallback: SelectModuleCallback;
+    /**
+     * Callback to validate the name. Should return true if the name is valid, false otherwise.
+     */
+    readonly validateNameCallback?: (name: string) => boolean;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    render(): void;
+}
+export type CurlImportData = {
+    name: string;
+    description: string;
+    parentId: string;
+    curl: string;
+};
+export type EntityData = {
+    id: string;
+    name: string;
+    iconSrc?: string;
+};
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;

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

@@ -93,6 +93,10 @@ export declare class GxIdeSelectKbItems {
      * Allow to update the selected items
      */
     updateSelection(selectedItemsIds: string[]): Promise<void>;
+    /**
+     * Allow to update the checked items
+     */
+    updateCheckedItems(checkedItemsIds: string[]): Promise<void>;
     render(): any;
 }
 export type CheckboxType = "none" | "all" | "leaf" | "custom";