@genexus/genexus-ide-ui 1.1.61 → 1.1.63

package/dist/genexus-ide-ui/p-97bbd54c.js

@@ -0,0 +1,132 @@
+import { h as e } from "./p-9b9ccd0c.js";
+
+/* STENCIL IMPORTS */ const renderFormItems = (a = "gxg-combo-box-item", t, r = "undefined-group", i) => {
+  if (t.length) {
+    const c = [];
+    t.forEach((t => {
+      let n;
+      switch (a) {
+       case "gxg-form-checkbox":
+        n = e("gxg-form-checkbox", {
+          checkboxId: t.id,
+          checked: t.checked,
+          disabled: t.disabled,
+          label: t.label,
+          value: t.value,
+          onChange: i ? i : null,
+          iconName: t.iconName,
+          part: `${r}-${t.id}`
+        });
+        c.push(n);
+        break;
+
+       case "gxg-combo-box-item":
+        n = e("gxg-combo-box-item", {
+          value: t.id,
+          icon: t.iconName,
+          part: `${r}-${t.id}`
+        }, t.label);
+        c.push(n);
+        break;
+
+       case "gxg-form-radio":
+        n = e("gxg-form-radio", {
+          radioId: t.id,
+          checked: t.checked,
+          disabled: t.disabled,
+          label: t.label,
+          value: t.value,
+          name: r,
+          part: `${r}-${t.id}`
+        });
+        c.push(n);
+        break;
+      }
+    }));
+    return c;
+  }
+  return null;
+};
+
+/**
+ * @param gxOptions An array of GxOptions's
+ * @returns The value of the selected item, or the first item, if no one is selected.
+ */ const getSelectedItem = e => {
+  const a = e.find((e => e.selected));
+  if (a) {
+    return a.id;
+  } else {
+    return e[0].id;
+  }
+};
+
+const setSelectedItem = (e, a) => e.map((e => Object.assign(Object.assign({}, e), {
+  selected: e.id === a
+})))
+// Dots animation used in ch-chat code-render (or other components)
+;
+
+const ANIMATION_DOTS = (a = "regular", t = "primary", r = "dynamic", i = "1s") => {
+  const c = a === "regular" ? 1.5 : 4;
+  let n, o, l;
+  if (t === "nexa") {
+    n = "#5ba7ff";
+    o = "#00CCFF";
+    l = "#CF7AFF";
+  } else if (t === "on-surface") {
+    n = o = l = "var(--mer-text__on-surface)";
+  } else {
+    // primary
+    n = o = l = "var(--mer-color__primary--200)";
+  }
+  const animateRadiusSize = (a = "0") => e("animate", {
+    attributeName: "r",
+    values: `${2 / c};${4 / c};${2 / c}`,
+    dur: i,
+    begin: a,
+    repeatCount: "indefinite"
+  });
+  return e("svg", {
+    width: 36 / c,
+    height: 8 / c,
+    fill: "transparent"
+  }, e("circle", {
+    cx: 4 / c,
+    cy: 4 / c,
+    r: 4 / c,
+    opacity: "0",
+    fill: n
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: i,
+    repeatCount: "indefinite"
+  }), r === "dynamic" ? animateRadiusSize("0") : null), e("circle", {
+    cx: 18 / c,
+    cy: 4 / c,
+    r: 4 / c,
+    opacity: "0",
+    fill: o
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: i,
+    begin: "0.15s",
+    repeatCount: "indefinite"
+  }), r === "dynamic" ? animateRadiusSize("0.33s") : null), e("circle", {
+    cx: 32 / c,
+    cy: 4 / c,
+    r: 4 / c,
+    opacity: "0",
+    fill: l
+  }, e("animate", {
+    attributeName: "opacity",
+    values: "0;1;0",
+    dur: i,
+    begin: "0.30s",
+    repeatCount: "indefinite"
+  }), r === "dynamic" ? animateRadiusSize("0.66s") : null));
+};
+
+export { ANIMATION_DOTS as A, getSelectedItem as g, renderFormItems as r, setSelectedItem as s };
+//# sourceMappingURL=p-97bbd54c.js.map

package/dist/genexus-ide-ui/p-97bbd54c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","getSelectedItem","gxOptions","found","find","selected","setSelectedItem","selectedItemId","map","Object","assign","ANIMATION_DOTS","size","color","sizeType","duration","n","colorDot1","colorDot2","colorDot3","animateRadiusSize","begin","attributeName","values","dur","repeatCount","width","height","fill","cx","cy","r","opacity"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\n\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"mappings":";;4BAMaA,kBAAkB,CAC7BC,IAGuB,sBACvBC,GACAC,IAAQ,mBACRC;EAEA,IAAIF,EAAQG,QAAQ;IAClB,MAAMC,IAA2B;IACjCJ,EAAQK,SAAQC;MACd,IAAIC;MACJ,QAAQR;OACN,KAAK;QACHQ,IACEC,EAAA;UACEC,YAAYH,EAAOI;UACnBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdC,UAAUb,IAAWA,IAAW;UAChCc,UAAUV,EAAOU;UACjBC,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEM,OAAOR,EAAOI;UACdS,MAAMb,EAAOU;UACbC,MAAM,GAAGhB,KAASK,EAAOI;WAExBJ,EAAOO;QAGZT,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEY,SAASd,EAAOI;UAChBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdO,MAAMpB;UACNgB,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;;IAKN,OAAOH;;EAET,OAAO;AAAI;;;;;UAgCAkB,kBAAmBC;EAC9B,MAAMC,IAAQD,EAAUE,MAAKlB,KAAQA,EAAKmB;EAC1C,IAAIF,GAAO;IACT,OAAOA,EAAMd;SACR;IACL,OAAOa,EAAU,GAAGb;;;;MAIXiB,kBAAkB,CAC7BJ,GACAK,MAEAL,EAAUM,KAAItB,KAAIuB,OAAAC,OAAAD,OAAAC,OAAA,IACbxB,IAAI;EACPmB,UAAUnB,EAAKG,OAAOkB;;;;;MAWbI,iBAAiB,CAC5BC,IAA2B,WAC3BC,IAA2C,WAC3CC,IAAiC,WACjCC,IAAmB;EAEnB,MAAMC,IAAIJ,MAAS,YAAY,MAAM;EACrC,IAAIK,GAAWC,GAAWC;EAC1B,IAAIN,MAAU,QAAQ;IACpBI,IAAY;IACZC,IAAY;IACZC,IAAY;SACP,IAAIN,MAAU,cAAc;IACjCI,IAAYC,IAAYC,IAAY;SAC/B;;IAELF,IAAYC,IAAYC,IAAY;;EAGtC,MAAMC,oBAAoB,CAACC,IAAgB,QAEvClC,EAAA;IACEmC,eAAc;IACdC,QAAQ,GAAG,IAAIP,KAAK,IAAIA,KAAK,IAAIA;IACjCQ,KAAKT;IACLM,OAAOA;IACPI,aAAY;;EAKlB,OACEtC,EAAA;IAAKuC,OAAO,KAAKV;IAAGW,QAAQ,IAAIX;IAAGY,MAAK;KACtCzC,EAAA;IAAQ0C,IAAI,IAAIb;IAAGc,IAAI,IAAId;IAAGe,GAAG,IAAIf;IAAGgB,SAAQ;IAAIJ,MAAMX;KACxD9B,EAAA;IACEmC,eAAc;IACdC,QAAO;IACPC,KAAKT;IACLU,aAAY;MAEbX,MAAa,YAAYM,kBAAkB,OAAO,OAErDjC,EAAA;IAAQ0C,IAAI,KAAKb;IAAGc,IAAI,IAAId;IAAGe,GAAG,IAAIf;IAAGgB,SAAQ;IAAIJ,MAAMV;KACzD/B,EAAA;IACEmC,eAAc;IACdC,QAAO;IACPC,KAAKT;IACLM,OAAM;IACNI,aAAY;MAEbX,MAAa,YAAYM,kBAAkB,WAAW,OAEzDjC,EAAA;IAAQ0C,IAAI,KAAKb;IAAGc,IAAI,IAAId;IAAGe,GAAG,IAAIf;IAAGgB,SAAQ;IAAIJ,MAAMT;KACzDhC,EAAA;IACEmC,eAAc;IACdC,QAAO;IACPC,KAAKT;IACLM,OAAM;IACNI,aAAY;MAEbX,MAAa,YAAYM,kBAAkB,WAAW;AAErD"}

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

@@ -1,7 +1,5 @@
 import { GxOption } from "./types";
-import { ModulePropertyData } from "../components/modules/types";
 export declare const renderFormItems: (componentType: "gxg-combo-box-item" | "gxg-form-checkbox" | "gxg-form-radio", options: Array<GxOption>, group?: string, callback?: any) => (HTMLGxgComboBoxItemElement | HTMLGxgFormCheckboxElement | HTMLGxgFormRadioElement)[];
-export declare const renderModuleDataProperties: (options: Array<ModulePropertyData>) => ModulePropertyData[];
 /**
  * @param gxOptions An array of GxOptions's
  * @returns The first option in the array that is 'selected'. If no one found it returns null.

package/dist/types/components/_helpers/progress-bar/progress-bar.d.ts

@@ -0,0 +1,61 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+export declare class GxIdeProgressBar {
+    el: HTMLGxIdeProgressBarElement;
+    /**
+     * If true it will display the caption
+     */
+    topStateBarVisible: boolean;
+    /**
+     * If true the progress will be updated instantly, without transition. This is required when the host user is calling the "reset" method.
+     */
+    disableTransition: boolean;
+    /**
+     * If true it will display bar
+     */
+    visible: boolean;
+    /**
+     * The top-bar title
+     */
+    readonly caption: string;
+    /**
+     * It will only display the bar (no title, no close button)
+     */
+    readonly minimal: boolean;
+    /**
+     * The top-bar active state. If false it will be hidden
+     */
+    active: boolean;
+    watchActiveHandler(active: boolean): void;
+    /**
+     * The top-bar state
+     */
+    stateType: TopStateBarType;
+    /**
+     * The progress bar progress
+     */
+    progress: number;
+    watchProgressHandler(progress: number): void;
+    /**
+     * How to display the close button
+     */
+    readonly closeType: "auto-close" | "button";
+    /**
+     * A callback that gets called when the top-state-bar is closed
+     */
+    readonly closedCallback: () => void;
+    /**
+     * Emitted every time the progress bar is closed.
+     */
+    progressBarClosed: EventEmitter;
+    componentWillLoad(): void;
+    /**
+     * Sets the progress bar to zero instantly (no transition) and changes the type
+     * to 'accent'. Useful when reusing the progress bar for a new process.
+     */
+    reset(): Promise<void>;
+    private evaluateInitialProgress;
+    private closeClickHandler;
+    private renderClose;
+    render(): any;
+}
+export type TopStateBarType = "accent" | "success" | "warning" | "error" | "in-progress";

package/dist/types/components/modules/edit-module-server/edit-module-server.d.ts

@@ -1,26 +1,25 @@
 import { EventEmitter } from "../../../stencil-public-runtime";
 import { ModuleServerType, ModuleServerFullData, EditServerModuleResult } from "../types";
 export declare class GxIdeEditModuleServer {
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
-    private renderedFirstTime;
+    #private;
     el: HTMLGxIdeEditModuleServerElement;
-    private serverTypeEl;
-    private nameEl;
-    private sourceEl;
-    private userEl;
-    private passwordEl;
     selectedType: "local" | "remote";
     /**
-     * The type of the server
+     * Cancel callback
      */
-    readonly types: ModuleServerType[];
+    readonly cancelCallback: CancelCallback;
+    /**
+     * Confirm callback
+     */
+    readonly confirmCallback: ConfirmCallback;
     /**
      * The name of the server
      */
     readonly name: string;
+    /**
+     * Callback invoked when wants to select a local folder that have modules inside
+     */
+    readonly selectSourceCallback: SelectSourceCallback;
     /**
      * Disk path or server url
      */
@@ -30,17 +29,9 @@ export declare class GxIdeEditModuleServer {
      */
     readonly type: string;
     /**
-     * Confirm callback
-     */
-    readonly confirmCallback: ConfirmCallback;
-    /**
-     * Callback invoked when wants to select a local folder that have modules inside
-     */
-    readonly selectSourceCallback: SelectSourceCallback;
-    /**
-     * Cancel callback
+     * The type of the server
      */
-    readonly cancelCallback: CancelCallback;
+    readonly types: ModuleServerType[];
     /**
      * This event is emitted once just after the component is fully loaded and the first render() occurs
      */
@@ -48,15 +39,9 @@ export declare class GxIdeEditModuleServer {
     componentWillLoad(): Promise<void>;
     componentDidRender(): void;
     /**
-     * Executed when user click on confirm button
-     */
-    private confirmCallbackHandler;
-    /**
-     * Executed when user click on cancel button
+     * Suspends or reactivates the shortcuts
      */
-    private cancelCallbackHandler;
-    private selectSourceCallbackHandle;
-    private renderServerOptions;
+    suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
     render(): any;
 }
 export type ConfirmCallback = (data: ModuleServerFullData) => Promise<EditServerModuleResult>;

package/dist/types/components/modules/edit-module-server/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ComboBoxItemModel } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types";
+import { ModuleServerType } from "../types";
+export declare const mapTypesToComboboxItemModel: (types: ModuleServerType[]) => ComboBoxItemModel[];

package/dist/types/components/modules/manage-module-references/helpers.d.ts

@@ -0,0 +1,5 @@
+import { ComboBoxModel } from "@genexus/chameleon-controls-library/dist/types/components/combo-box/types";
+import { ModulePropertyData, ModuleServerData, ModuleVersionData } from "../types";
+export declare const mapModuleServerDataToComboBoxModel: (servers: ModuleServerData[]) => ComboBoxModel;
+export declare const mapModuleVersionDataToComboBoxModel: (moduleVersions: ModuleVersionData[]) => ComboBoxModel;
+export declare const renderModuleDataProperties: (options: Array<ModulePropertyData>) => ModulePropertyData[];

package/dist/types/components/modules/manage-module-references/manage-module-references.d.ts

@@ -1,119 +1,74 @@
-import { EventEmitter } from "../../../stencil-public-runtime";
-import { topStateBarType } from "@genexus/gemini";
-import { ModuleServerData, ModuleData, ModuleActionType } from "../types";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { TopStateBarType } from "../../../components";
+import { ModuleServerData, ModuleData, ModuleActionType, ModuleFilterType, ModuleVersionData } from "../types";
 import { ContextMenuInfo } from "../../../common/types";
 export declare class GxManageModuleReferences {
     #private;
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
-    private renderedFirstTime;
-    private selectedServerIdOnModulesAllUpdate;
     el: HTMLGxIdeManageModuleReferencesElement;
-    private loaderEl;
-    private serversDetail;
-    modulesAll: ModuleData[];
-    modulesAllWatcher(modulesAll: ModuleData[]): void;
+    actionInProgress: boolean;
+    executeActionCallbackInProgress: boolean;
     filteredModules: ModuleData[];
-    selectedModule: ModuleData;
-    selectedServerId: string;
-    selectedModuleAction: ActionInfo;
-    modulesSelectedVersion: Map<string, string>;
-    actionCompleted: boolean;
-    closeProgressBar: boolean;
-    progressValue: number;
-    progressState: topStateBarType;
     loadingServer: boolean;
+    modulesAll: ModuleData[];
+    modulesAllChanged(newModules: ModuleData[]): void;
+    progressState: TopStateBarType;
+    progressValue: number;
     reRenderCounter: number;
-    loadingServerHandler(loading: boolean): void;
-    /**
-     * If true it displays the component title on the header
-     */
-    readonly displayTitle = false;
-    /**
-     * List of module servers currently cataloged
-     */
-    readonly servers: ModuleServerData[];
+    selectedModuleAction: ActionInfo;
+    selectedModuleId: string;
+    selectedModuleType: ModuleFilterType;
+    selectedServerId: string;
+    selectedServerValue: string;
+    serversComboBoxModel: ComboBoxModel;
+    selectedModuleVersions: ComboBoxModel;
     /**
-     * Callback invoked when a server is selected. Returns the set of modules available on that server.
+     * If true, the progress bar will close automatically once the progress has reached 100%.
      */
-    readonly serverSelectedCallback: ServerSelectedCallback;
+    readonly autoCloseProgressBar: boolean;
     /**
      * Callback invoked when the user wants to execute the action corresponding to a selected module. When the action begins to be executed, the component must be able to show the progress of the action. For this, the onProgress parameter is available, which is in turn a callback used by the host to notify the progress by text message and percentage.
      */
     readonly executeActionCallback: ExecuteActionCallback;
-    /**
-     * Callback invoked when Add button is clicked
-     */
-    readonly addServerCallback: AddServerCallback;
     /**
      * Callback invoked when an element is right clicked on servers list
      */
     readonly serverContextMenuCallback: ServerContextMenuCallback;
     /**
-     * Allows you to hide the button (...) that executes serverContextMenuCallback, if we do not implement the commands in a first version
-     */
-    readonly showServerCommands: boolean;
-    /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs
-     */
-    componentDidRenderFirstTime: EventEmitter<boolean>;
-    componentDidRender(): void;
-    componentWillLoad(): Promise<void>;
-    componentDidLoad(): Promise<void>;
-    onPropValueChange(newModulesData: ModuleData[]): void;
-    /**
-     * validate
-     */
-    validate(): Promise<boolean>;
-    private updateModulesSelectedVersion;
-    private getActionFromCurrentModuleVersion;
-    /**
-     * Callback invoked to get the progress when module is performing an action
-     */
-    private onProgress;
-    /**
-     * Used for changing the selected module
+     * Callback invoked when a server is selected. Returns the set of modules available on that server.
      */
-    private handleModuleChange;
+    readonly serverSelectedCallback: ServerSelectedCallback;
     /**
-     * Change the server selected value in response to callbackServerSelected callback
+     * List of module servers currently cataloged
      */
-    private serverSelectedCallbackHandler;
-    private handleFilterChange;
-    private handleFilterChangeHandler;
+    readonly servers: ModuleServerData[];
+    serversChanged(newServers: ModuleServerData[]): void;
     /**
-     * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
+     * Allows you to hide the button (...) that executes serverContextMenuCallback
      */
-    private executeActionCallbackHandler;
-    private filterModulesByType;
-    private showModuleMenu;
-    private getModuleData;
-    private moduleActionHandler;
-    private renderModulesGrid;
-    private renderEmptyStateModules;
-    private moduleVersionIconColor;
-    private renderVersionName;
-    private renderVersionWarningMessage;
-    private renderInstalledVersion;
-    private moduleVersionsValueChangedHandler;
-    private moduleVersionsItemChangedHandler;
-    private updateSelectedModuleVersion;
-    private renderModuleVersions;
-    private selectedButtonChangedHandler;
-    private serverItemSelectedHandler;
-    private serverValueChangedHandler;
-    private progressBarCloseHandler;
-    private reloadServer;
+    readonly showServerCommands: boolean;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    componentDidRender(): void;
+    progressBarClosedHandler(): void;
     render(): void;
 }
-export type ExecuteActionCallback = (serverId: string, moduleId: string, moduleVersionId: string, action: ModuleActionType, onProgress: (message: string, progress: number, state: topStateBarType) => void) => Promise<boolean>;
+export type ExecuteActionCallback = (serverId: string, moduleId: string, moduleVersionId: string, action: ModuleActionType, onProgress: (message: string, progress: number, state: TopStateBarType) => void) => Promise<boolean>;
 export type ServerSelectedCallback = (id: string, reload: boolean) => Promise<ModuleData[]>;
-export type AddServerCallback = () => Promise<void>;
 export type ServerContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
 export interface ActionInfo {
     message: string;
     progress: number;
-    state: topStateBarType;
+    state: TopStateBarType;
 }
+export type ModuleVersionsMap = Map<string, {
+    value: string;
+    caption: string;
+}>;
+export type ModulesMap = Map<string, ModuleMapValue>;
+export type ModuleMapValue = {
+    moduleData: ModuleData;
+    currentInstalledVersion: string;
+    currentSelectedVersion: string;
+    comboBoxVersionsModel: ComboBoxModel;
+};
+export type ModulesVersionsMap = Map<string, ModuleVersionData>;