@genexus/genexus-ide-ui 0.0.11 → 0.0.13

package/dist/types/components.d.ts

@@ -5,13 +5,98 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/container/container";
+import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
 import { DirectorySelectorLabels, LabelPosition } from "./components/directory-selector/directory-selector";
 import { EntityData, EntitySelectorLabels } from "./components/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
-import { FormSubmitResult, GxgOption } from "./common/types";
-import { NewKBData } from "./components/new-kb/new-kb";
+import { GxOption } from "./common/types";
+import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
+import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export namespace Components {
+    interface GxIdeContainer {
+        /**
+          * Align items
+         */
+        "alignItems": AlignItems;
+        /**
+          * The title of the container
+         */
+        "containerTitle": string;
+        /**
+          * Displays a border all around the container
+         */
+        "displayBorder": boolean;
+        /**
+          * Displays a border at on the bottom
+         */
+        "displayBorderBottom": boolean;
+        /**
+          * Displays a border at the end
+         */
+        "displayBorderEnd": boolean;
+        /**
+          * Displays a border at the start
+         */
+        "displayBorderStart": boolean;
+        /**
+          * Displays a border on the top
+         */
+        "displayBorderTop": boolean;
+        /**
+          * Makes this component content act as a fieldset
+         */
+        "fieldset": boolean;
+        /**
+          * The footer justification
+         */
+        "footerJustify": FooterJustify;
+        /**
+          * Makes the container full height (content will grow only)
+         */
+        "fullHeight": boolean;
+        /**
+          * The heading justification
+         */
+        "headingJustify": HeadingJustify;
+        /**
+          * Justify content
+         */
+        "justifyContent": JustifyContent;
+        /**
+          * Removes the border top from the footer
+         */
+        "noBorderFooter": boolean;
+        /**
+          * Removes the gap from the content
+         */
+        "noContentGap": boolean;
+        /**
+          * Removes the padding from the content
+         */
+        "noContentPadding": boolean;
+        /**
+          * Removes the padding from the footer
+         */
+        "noFooterPadding": boolean;
+        /**
+          * Removes the border bottom from the heading
+         */
+        "noHeadingBorder": boolean;
+        /**
+          * Removes the padding from the heading
+         */
+        "noHeadingPadding": boolean;
+        /**
+          * The container general padding (applies to .heading, .content, and .footer)
+         */
+        "sectionsPadding": SectionsPadding;
+        /**
+          * Title alignment
+         */
+        "titleAlignment": TitleAlignment;
+    }
     interface GxIdeDirectorySelector {
         /**
           * This property provides the user a way to define custom aria-label descriptions.
@@ -76,15 +161,69 @@ export namespace Components {
          */
         "value": EntityData | null | undefined;
     }
+    interface GxIdeNewEnvironment {
+        /**
+          * Callback that will be invoked when user wants to cancel
+         */
+        "cancelCallback": CancelCallback;
+        /**
+          * Callback that will be invoked when when any of the following data is modified: "Runtime Environment", "Data Store", "Language".
+         */
+        "changedCallback": ChangedCallback;
+        /**
+          * Callback that will be invoked when user confirms the KB creation
+         */
+        "createCallback": CreateCallback;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "dataStores": GxOption[];
+        /**
+          * Specify whether it is feasible to display information related to local configuration parameters
+         */
+        "disableAdvanced": boolean;
+        /**
+          * Name of the new environment
+         */
+        "environmentName": string;
+        /**
+          * It allows selecting multiple generators for the front end
+         */
+        "frontEnds": GxOption[];
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar": false;
+        /**
+          * Possible values for 'Language' combo
+         */
+        "languages": GxOption[];
+        /**
+          * Possible values for 'Runtime Environment' radio button
+         */
+        "runtimes": GxOption[];
+        /**
+          * Belongs to checkbox 'Set as current environment' @default true
+         */
+        "setAsTarget"?: boolean;
+    }
     interface GxIdeNewKb {
         /**
           * Defines the type of authentication for the connection to the previously defined database
          */
-        "authenticationTypes": GxgOption[];
+        "authenticationTypes": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "cancelCallback": CancelCallback;
         /**
           * DB Collations
          */
-        "collations": GxgOption[];
+        "collations": GxOption[];
+        /**
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
+         */
+        "createCallback": CreateCallback;
         /**
           * Disabled if the first item of the 'Server Name' combo is selected
          */
@@ -92,7 +231,7 @@ export namespace Components {
         /**
           * It allows defining the DBMS that will be used in the solution
          */
-        "dataSources": GxgOption[];
+        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
@@ -100,7 +239,11 @@ export namespace Components {
         /**
           * It allows selecting multiple generators for the front end
          */
-        "frontEnds": GxgOption[];
+        "frontEnds": GxOption[];
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar": false;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -113,14 +256,6 @@ export namespace Components {
           * The knowledge base default suggested name
          */
         "kbName": string;
-        /**
-          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
-         */
-        "onCancelHandler": () => Promise<void>;
-        /**
-          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
-         */
-        "onCreate": (data: NewKBData) => Promise<FormSubmitResult[]>;
         /**
           * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -128,11 +263,11 @@ export namespace Components {
         /**
           * It allows selecting the default environment that the KB will have (additional environments can be created later)
          */
-        "prototypingEnvironments": GxgOption[];
+        "prototypingEnvironments": GxOption[];
         /**
           * Path to a directory where the information related to the KB will be stored/generated
          */
-        "prototypingTargets": GxgOption[];
+        "prototypingTargets": GxOption[];
         /**
           * Visible if something other than Windows Authentication is selected
          */
@@ -140,11 +275,11 @@ export namespace Components {
         /**
           * This is a function provided by the developer that returns a string, with the location path
          */
-        "selectLocationCallback": () => Promise<string>;
+        "selectLocationCallback": SelectLocationCallback;
         /**
           * Name of the DB server where we want to persist the information of our KB
          */
-        "serverNames": GxgOption[];
+        "serverNames": GxOption[];
         /**
           * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -152,7 +287,7 @@ export namespace Components {
         /**
           * Specify the language in which the application screens will be developed (default language)
          */
-        "userInterfaceLanguages": GxgOption[];
+        "userInterfaceLanguages": GxOption[];
         /**
           * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -160,9 +295,9 @@ export namespace Components {
     }
     interface GxIdeTemplate {
         /**
-          * The label
+          * If true, will hide the top-bar
          */
-        "firstName": string;
+        "hideTopBar": false;
     }
     interface GxIdeTest {
         /**
@@ -176,6 +311,16 @@ export namespace Components {
          */
         "treeModel": GxgTreeItemData[];
     }
+    interface GxIdeTopBar {
+        /**
+          * The top bar title
+         */
+        "topBarTitle": string;
+    }
+}
+export interface GxIdeNewEnvironmentCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeNewEnvironmentElement;
 }
 export interface GxIdeNewKbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -186,6 +331,12 @@ export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     target: HTMLGxIdeTemplateElement;
 }
 declare global {
+    interface HTMLGxIdeContainerElement extends Components.GxIdeContainer, HTMLStencilElement {
+    }
+    var HTMLGxIdeContainerElement: {
+        prototype: HTMLGxIdeContainerElement;
+        new (): HTMLGxIdeContainerElement;
+    };
     interface HTMLGxIdeDirectorySelectorElement extends Components.GxIdeDirectorySelector, HTMLStencilElement {
     }
     var HTMLGxIdeDirectorySelectorElement: {
@@ -198,6 +349,12 @@ declare global {
         prototype: HTMLGxIdeEntitySelectorElement;
         new (): HTMLGxIdeEntitySelectorElement;
     };
+    interface HTMLGxIdeNewEnvironmentElement extends Components.GxIdeNewEnvironment, HTMLStencilElement {
+    }
+    var HTMLGxIdeNewEnvironmentElement: {
+        prototype: HTMLGxIdeNewEnvironmentElement;
+        new (): HTMLGxIdeNewEnvironmentElement;
+    };
     interface HTMLGxIdeNewKbElement extends Components.GxIdeNewKb, HTMLStencilElement {
     }
     var HTMLGxIdeNewKbElement: {
@@ -216,15 +373,106 @@ declare global {
         prototype: HTMLGxIdeTestElement;
         new (): HTMLGxIdeTestElement;
     };
+    interface HTMLGxIdeTopBarElement extends Components.GxIdeTopBar, HTMLStencilElement {
+    }
+    var HTMLGxIdeTopBarElement: {
+        prototype: HTMLGxIdeTopBarElement;
+        new (): HTMLGxIdeTopBarElement;
+    };
     interface HTMLElementTagNameMap {
+        "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-directory-selector": HTMLGxIdeDirectorySelectorElement;
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
+        "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
         "gx-ide-new-kb": HTMLGxIdeNewKbElement;
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
+        "gx-ide-top-bar": HTMLGxIdeTopBarElement;
     }
 }
 declare namespace LocalJSX {
+    interface GxIdeContainer {
+        /**
+          * Align items
+         */
+        "alignItems"?: AlignItems;
+        /**
+          * The title of the container
+         */
+        "containerTitle"?: string;
+        /**
+          * Displays a border all around the container
+         */
+        "displayBorder"?: boolean;
+        /**
+          * Displays a border at on the bottom
+         */
+        "displayBorderBottom"?: boolean;
+        /**
+          * Displays a border at the end
+         */
+        "displayBorderEnd"?: boolean;
+        /**
+          * Displays a border at the start
+         */
+        "displayBorderStart"?: boolean;
+        /**
+          * Displays a border on the top
+         */
+        "displayBorderTop"?: boolean;
+        /**
+          * Makes this component content act as a fieldset
+         */
+        "fieldset"?: boolean;
+        /**
+          * The footer justification
+         */
+        "footerJustify"?: FooterJustify;
+        /**
+          * Makes the container full height (content will grow only)
+         */
+        "fullHeight"?: boolean;
+        /**
+          * The heading justification
+         */
+        "headingJustify"?: HeadingJustify;
+        /**
+          * Justify content
+         */
+        "justifyContent"?: JustifyContent;
+        /**
+          * Removes the border top from the footer
+         */
+        "noBorderFooter"?: boolean;
+        /**
+          * Removes the gap from the content
+         */
+        "noContentGap"?: boolean;
+        /**
+          * Removes the padding from the content
+         */
+        "noContentPadding"?: boolean;
+        /**
+          * Removes the padding from the footer
+         */
+        "noFooterPadding"?: boolean;
+        /**
+          * Removes the border bottom from the heading
+         */
+        "noHeadingBorder"?: boolean;
+        /**
+          * Removes the padding from the heading
+         */
+        "noHeadingPadding"?: boolean;
+        /**
+          * The container general padding (applies to .heading, .content, and .footer)
+         */
+        "sectionsPadding"?: SectionsPadding;
+        /**
+          * Title alignment
+         */
+        "titleAlignment"?: TitleAlignment;
+    }
     interface GxIdeDirectorySelector {
         /**
           * This property provides the user a way to define custom aria-label descriptions.
@@ -289,15 +537,73 @@ declare namespace LocalJSX {
          */
         "value"?: EntityData | null | undefined;
     }
+    interface GxIdeNewEnvironment {
+        /**
+          * Callback that will be invoked when user wants to cancel
+         */
+        "cancelCallback"?: CancelCallback;
+        /**
+          * Callback that will be invoked when when any of the following data is modified: "Runtime Environment", "Data Store", "Language".
+         */
+        "changedCallback"?: ChangedCallback;
+        /**
+          * Callback that will be invoked when user confirms the KB creation
+         */
+        "createCallback"?: CreateCallback;
+        /**
+          * It allows defining the DBMS that will be used in the solution
+         */
+        "dataStores": GxOption[];
+        /**
+          * Specify whether it is feasible to display information related to local configuration parameters
+         */
+        "disableAdvanced"?: boolean;
+        /**
+          * Name of the new environment
+         */
+        "environmentName"?: string;
+        /**
+          * It allows selecting multiple generators for the front end
+         */
+        "frontEnds": GxOption[];
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar"?: false;
+        /**
+          * Possible values for 'Language' combo
+         */
+        "languages": GxOption[];
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeNewEnvironmentCustomEvent<string>) => void;
+        /**
+          * Possible values for 'Runtime Environment' radio button
+         */
+        "runtimes": GxOption[];
+        /**
+          * Belongs to checkbox 'Set as current environment' @default true
+         */
+        "setAsTarget"?: boolean;
+    }
     interface GxIdeNewKb {
         /**
           * Defines the type of authentication for the connection to the previously defined database
          */
-        "authenticationTypes": GxgOption[];
+        "authenticationTypes": GxOption[];
+        /**
+          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
+         */
+        "cancelCallback"?: CancelCallback;
         /**
           * DB Collations
          */
-        "collations": GxgOption[];
+        "collations": GxOption[];
+        /**
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
+         */
+        "createCallback"?: CreateCallback;
         /**
           * Disabled if the first item of the 'Server Name' combo is selected
          */
@@ -305,7 +611,7 @@ declare namespace LocalJSX {
         /**
           * It allows defining the DBMS that will be used in the solution
          */
-        "dataSources": GxgOption[];
+        "dataSources": GxOption[];
         /**
           * Name of the database where we are going to persist the information of our KB
          */
@@ -313,7 +619,11 @@ declare namespace LocalJSX {
         /**
           * It allows selecting multiple generators for the front end
          */
-        "frontEnds": GxgOption[];
+        "frontEnds": GxOption[];
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar"?: false;
         /**
           * Specify whether it is feasible to display information related to local configuration parameters
          */
@@ -326,18 +636,10 @@ declare namespace LocalJSX {
           * The knowledge base default suggested name
          */
         "kbName"?: string;
-        /**
-          * Callback invoked when the user wants to cancel KB creation (‘Cancel’ button)
-         */
-        "onCancelHandler"?: () => Promise<void>;
         /**
           * This event is emitted once just after the component is fully loaded and the first render() occurs
          */
-        "onComponentDidLoadEvent"?: (event: GxIdeNewKbCustomEvent<boolean>) => void;
-        /**
-          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
-         */
-        "onCreate"?: (data: NewKBData) => Promise<FormSubmitResult[]>;
+        "onComponentDidRenderEvent"?: (event: GxIdeNewKbCustomEvent<boolean>) => void;
         /**
           * Password for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -345,11 +647,11 @@ declare namespace LocalJSX {
         /**
           * It allows selecting the default environment that the KB will have (additional environments can be created later)
          */
-        "prototypingEnvironments": GxgOption[];
+        "prototypingEnvironments": GxOption[];
         /**
           * Path to a directory where the information related to the KB will be stored/generated
          */
-        "prototypingTargets": GxgOption[];
+        "prototypingTargets": GxOption[];
         /**
           * Visible if something other than Windows Authentication is selected
          */
@@ -357,11 +659,11 @@ declare namespace LocalJSX {
         /**
           * This is a function provided by the developer that returns a string, with the location path
          */
-        "selectLocationCallback": () => Promise<string>;
+        "selectLocationCallback": SelectLocationCallback;
         /**
           * Name of the DB server where we want to persist the information of our KB
          */
-        "serverNames": GxgOption[];
+        "serverNames": GxOption[];
         /**
           * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -369,7 +671,7 @@ declare namespace LocalJSX {
         /**
           * Specify the language in which the application screens will be developed (default language)
          */
-        "userInterfaceLanguages": GxgOption[];
+        "userInterfaceLanguages": GxOption[];
         /**
           * Username for the database connection. Visible if the Authentication Type is different from Windows Authentication (first item of the combo)
          */
@@ -377,13 +679,13 @@ declare namespace LocalJSX {
     }
     interface GxIdeTemplate {
         /**
-          * The label
+          * If true, will hide the top-bar
          */
-        "firstName"?: string;
+        "hideTopBar"?: false;
         /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+          * @description Gets fired when the component has rendered for the first time.
          */
-        "onComponentDidLoadEvent"?: (event: GxIdeTemplateCustomEvent<boolean>) => void;
+        "onComponentDidRenderEvent"?: (event: GxIdeTemplateCustomEvent<string>) => void;
     }
     interface GxIdeTest {
         /**
@@ -397,23 +699,35 @@ declare namespace LocalJSX {
          */
         "treeModel"?: GxgTreeItemData[];
     }
+    interface GxIdeTopBar {
+        /**
+          * The top bar title
+         */
+        "topBarTitle"?: string;
+    }
     interface IntrinsicElements {
+        "gx-ide-container": GxIdeContainer;
         "gx-ide-directory-selector": GxIdeDirectorySelector;
         "gx-ide-entity-selector": GxIdeEntitySelector;
+        "gx-ide-new-environment": GxIdeNewEnvironment;
         "gx-ide-new-kb": GxIdeNewKb;
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
+        "gx-ide-top-bar": GxIdeTopBar;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
             "gx-ide-directory-selector": LocalJSX.GxIdeDirectorySelector & JSXBase.HTMLAttributes<HTMLGxIdeDirectorySelectorElement>;
             "gx-ide-entity-selector": LocalJSX.GxIdeEntitySelector & JSXBase.HTMLAttributes<HTMLGxIdeEntitySelectorElement>;
+            "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
             "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
             "gx-ide-template": LocalJSX.GxIdeTemplate & JSXBase.HTMLAttributes<HTMLGxIdeTemplateElement>;
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
+            "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -33,10 +33,13 @@
     "validate.ci": "npm run build -- --max-workers 1 --debug"
   },
   "dependencies": {
-    "@genexus/gemini": "^0.1.388",
     "@types/react": "^18.2.8"
   },
+  "peerDependencies": {
+    "@genexus/gemini": "*0.1.420"
+  },
   "devDependencies": {
+    "@genexus/gemini": "*0.1.420",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",