@genexus/genexus-ide-ui 1.1.47 → 1.1.48

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

@@ -0,0 +1 @@
+{"version":3,"names":["namePickerCss","CSS_BUNDLES","GxIdeNamePicker","_GxIdeNamePicker_componentLocale","set","this","_GxIdeNamePicker_inputValueEl","_GxIdeNamePicker_handleInputValueChange","event","inputValue","detail","_GxIdeNamePicker_cancelClickHandler","async","cancelCallback","_GxIdeNamePicker_confirmClickHandler","formSubmitResult","createCallback","validatableControls","validateControls","_GxIdeNamePicker_initializeValidatableControls","__classPrivateFieldGet","forEach","validatableControl","id","reference","hasError","message","undefined","_GxIdeNamePicker_evaluateTooltipRender","controlReference","_b","_a","get","_c","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","Map","defaultInputValueChanged","newDefaultInputValue","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","defaultInputValue","componentDidLoad","call","render","confirmButtonDisabled","length","Host","model","htmlFor","labels","name","type","placeholder","placeHolders","value","onInput","ref","onClick","buttons","cancel","disabled","confirm"],"sources":["src/components/name-picker/name-picker.scss?tag=gx-ide-name-picker&encapsulation=shadow","src/components/name-picker/name-picker.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.field-group {\n  grid-auto-rows: max-content;\n}\n\n.main {\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.tooltip {\n  position: absolute;\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../common/form-validation\";\nimport { Locale } from \"../../common/locale\";\nimport { FormSubmitResult } from \"../../components\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tooltip\"\n];\n\n@Component({\n  tag: \"gx-ide-name-picker\",\n  styleUrl: \"name-picker.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/name-picker\"]\n})\nexport class GxIdeNamePicker {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #inputValueEl!: HTMLChEditElement;\n\n  @Element() el: HTMLGxIdeNamePickerElement;\n\n  /**\n   * The input name\n   */\n  @State() inputValue: string;\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * Callback that must be invoked when the 'Cancel' button is pressed.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create' button is pressed.\n   */\n  @Prop() readonly createCallback: (\n    inputValue: string\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * This property is used to set the initial values of the input field when the component is loaded.\n   */\n  @Prop() readonly defaultInputValue: string;\n  @Watch(\"defaultInputValue\")\n  defaultInputValueChanged(newDefaultInputValue: string) {\n    this.inputValue = newDefaultInputValue;\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.defaultInputValueChanged(this.defaultInputValue);\n  }\n\n  componentDidLoad() {\n    this.#initializeValidatableControls();\n  }\n\n  #handleInputValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.inputValue = event.detail as string;\n  };\n\n  #cancelClickHandler = async () => {\n    this.cancelCallback();\n  };\n\n  #confirmClickHandler = async () => {\n    const formSubmitResult = await this.createCallback(this.inputValue);\n    this.validatableControls = validateControls(\n      formSubmitResult,\n      this.validatableControls\n    );\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#inputValueEl];\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  // 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  render() {\n    const confirmButtonDisabled =\n      !this.inputValue || this.inputValue.length === 0;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main scrollable field-group spacing-body\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"input-name\">\n                {this.#componentLocale.labels.name}\n              </label>\n              <ch-edit\n                type=\"text\"\n                id=\"input-name\"\n                class=\"input\"\n                placeholder={this.#componentLocale.placeHolders.name}\n                value={this.inputValue}\n                onInput={this.#handleInputValueChange}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#inputValueEl = el as HTMLChEditElement)\n                }\n              ></ch-edit>\n              {this.#evaluateTooltipRender(this.#inputValueEl)}\n            </div>\n          </div>\n\n          <footer class=\"control-footer-with-border spacing-body\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                onClick={this.#cancelClickHandler}\n              >\n                {this.#componentLocale.buttons.cancel}\n              </button>\n\n              <button\n                class=\"button-primary\"\n                onClick={this.#confirmClickHandler}\n                disabled={confirmButtonDisabled}\n              >\n                {this.#componentLocale.buttons.confirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAgB;;;;;;;;;;;;;;;;;ACWtB,MAAMC,IAA8B,EAClC,qBACA,cACA,iBACA,gBACA,uBACA,qBACA,mBACA;;MASWC,IAAe;;;;;;;QAK1BC,EAAAC,IAAAC,WAAA;IAEAC,EAAAF,IAAAC,WAAA;IAyCAE,EAAAH,IAAAC,OAA2BG;MACzBH,KAAKI,aAAaD,EAAME;AAAgB;IAG1CC,EAAAP,IAAAC,OAAsBO;MACpBP,KAAKQ;AAAgB;IAGvBC,EAAAV,IAAAC,OAAuBO;MACrB,MAAMG,UAAyBV,KAAKW,eAAeX,KAAKI;MACxDJ,KAAKY,sBAAsBC,EACzBH,GACAV,KAAKY;AACN;IAGHE,EAAAf,IAAAC,OAAiC;;MAE/B,MAAMY,IAAqC,EAACG,EAAAf,MAAIC,GAAA;MAChDW,EAAoBI,SAAQC;QAC1B,IAAIA,EAAmBC,IAAI;UACzBlB,KAAKY,oBAAoBb,IAAIkB,EAAmBC,IAAI;YAClDC,WAAWF;YACXG,UAAU;YACVC,SAASC;;;;AAGb;;;QAKJC,EAAAxB,IAAAC,OACEwB;;MAEA,SAAAC,KAAAC,IAAA1B,KAAKY,yBAAmB,QAAAc,WAAA,aAAAA,EAAEC,IAAIH,MAAgB,QAAhBA,WAAgB,aAAhBA,EAAkBN,SAAG,QAAAO,WAAA,aAAAA,EAAEL,eACrDQ,IAAA5B,KAAKY,oBAAoBe,IAAIH,EAAiBN,SAAG,QAAAU,WAAA,aAAAA,EAAEP,YACjDQ,EAAA;QACEC,OAAM;QACNC,eAAeP;QACfQ,YAAYC,EAAOC,gBAAgBF;QACnCG,aAAaF,EAAOC,gBAAgBC;QACpCC,OAAOH,EAAOC,gBAAgBE;SAE7BpC,KAAKY,oBAAoBe,IAAIH,EAAiBN,IAAIG;AAEtD;;+BA9E4B,IAAIgB;;;;;EAmBnC,wBAAAC,CAAyBC;IACvBvC,KAAKI,aAAamC;;EAGpB,uBAAMC;IACJC,EAAAzC,MAAIF,SAA0B4C,EAAOC,oBAAoB3C,KAAK4C,KAAG;IACjE5C,KAAKsC,yBAAyBtC,KAAK6C;;EAGrC,gBAAAC;IACE/B,EAAAf,MAAIc,GAAA,KAA+BiC,KAAnC/C;;EAmDF,MAAAgD;IACE,MAAMC,KACHjD,KAAKI,cAAcJ,KAAKI,WAAW8C,WAAW;IAEjD,OACErB,EAACsB,GAAI;MAACrB,OAAM;OACVD,EAAA;MAAUuB,OAAOxD;QACjBiC,EAAA;MAASC,OAAM;OACbD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;MAAQuB,SAAQ;OAC1BtC,EAAAf,MAAIF,GAAA,KAAkBwD,OAAOC,OAEhC1B,EAAA;MACE2B,MAAK;MACLtC,IAAG;MACHY,OAAM;MACN2B,aAAa1C,EAAAf,MAAIF,GAAA,KAAkB4D,aAAaH;MAChDI,OAAO3D,KAAKI;MACZwD,SAAS7C,EAAAf,MAAIE,GAAA;MACb2D,KAAMjB,KACHH,EAAAzC,MAAIC,GAAiB2C,GAAuB;QAGhD7B,EAAAf,MAAIuB,GAAA,KAAuBwB,KAA3B/C,MAA4Be,EAAAf,MAAIC,GAAA,SAIrC4B,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNgC,SAAS/C,EAAAf,MAAIM,GAAA;OAEZS,EAAAf,MAAIF,GAAA,KAAkBiE,QAAQC,SAGjCnC,EAAA;MACEC,OAAM;MACNgC,SAAS/C,EAAAf,MAAIS,GAAA;MACbwD,UAAUhB;OAETlC,EAAAf,MAAIF,GAAA,KAAkBiE,QAAQG"}

package/dist/types/components/name-picker/name-picker.d.ts

@@ -0,0 +1,27 @@
+import { ControlValidation } from "../../common/form-validation";
+import { FormSubmitResult } from "../../components";
+export declare class GxIdeNamePicker {
+    #private;
+    el: HTMLGxIdeNamePickerElement;
+    /**
+     * The input name
+     */
+    inputValue: string;
+    validatableControls: Map<string, ControlValidation>;
+    /**
+     * Callback that must be invoked when the 'Cancel' button is pressed.
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * Callback that must be invoked when the 'Create' button is pressed.
+     */
+    readonly createCallback: (inputValue: string) => Promise<FormSubmitResult>;
+    /**
+     * This property is used to set the initial values of the input field when the component is loaded.
+     */
+    readonly defaultInputValue: string;
+    defaultInputValueChanged(newDefaultInputValue: string): void;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}

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

@@ -7,6 +7,10 @@ export declare class GxIdeSelectKbItems {
      * Represents the active version node caption and icon (if any)
      */
     activeItemNode: ActiveNode;
+    /**
+     * Represents the selected nodes ids
+     */
+    checkedNodesIds: string[];
     /**
      * If true, the footer will be rendered
      */
@@ -71,6 +75,10 @@ export declare class GxIdeSelectKbItems {
      * Represents the itemLis list model
      */
     readonly itemsList: 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

package/dist/types/components/start-page/start-page.d.ts

@@ -31,7 +31,7 @@ export declare class GxIdeStartPage {
     /**
      * Callback invoked when the user clicks a button to open a sample.
      */
-    readonly openSampleCallback: (sample: SampleData) => Promise<void>;
+    readonly openSampleCallback: (sampleId: string) => Promise<void>;
     /**
      * List of samples available to be displayed in the samples card.
      */
@@ -63,9 +63,8 @@ export type RecentKBData = {
     icon: string;
 };
 export type SampleData = {
+    id: string;
     name: string;
-    serverUrl: string;
-    kbName: string;
 };
 export type SecondarySection = {
     title: string;