@genexus/genexus-ide-ui 1.0.24 → 1.0.26

package/dist/types/components/design-import/design-import.d.ts

@@ -1,5 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { TreeViewItemModel } from "@genexus/chameleon-controls-library";
+import { ComboBoxModel, TabModel, TreeViewItemModel } from "@genexus/chameleon-controls-library";
 import { EntityData, GxOption } from "../../common/types";
 declare const DESIGN_DATA_TYPE_PANELS = "panels";
 declare const DESIGN_DATA_TYPE_STENCILS = "stencils";
@@ -7,46 +6,22 @@ declare const DESIGN_DATA_TYPE_IMAGES = "images";
 declare const DESIGN_DATA_TYPE_DESIGN_SYSTEM = "design_system";
 declare const DESIGN_DATA_TYPE_FONTS = "fonts";
 export declare class GxIdeImportFromDesign {
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
-    private renderedFirstTime;
-    /**
-     * An array that keeps track of the tree items id's (design system data type + item id) along with the content, that will be used to save and retrieve items information, in order to avoid using a callback to get items information that was already get. loadedItemsArray will be reset every time a new design is loaded.
-     */
-    private loadedItems;
-    /**
-     * The path/URL value when loadCallback was called for the last time. This is used to determine
-     * if there is a difference with the actual path/URL value, in order to know if calling loadCallback
-     * again is required on blur on Path/URL/File input.
-     */
-    private pathOnLoadCallback;
+    #private;
     el: HTMLGxIdeDesignImportElement;
-    private pathURLFile;
-    private accessTokenEl;
-    private optionStyleEl;
-    private optionImportAsEl;
-    private filterModuleEl;
-    private messagesList;
-    private panelsSelected;
-    private stencilsSelected;
-    private fontsSelected;
-    private codeFactoryRenderEl;
-    private layoutFactoryRenderEl;
-    private tokensFactoryRenderEl;
-    private stylesFactoryRenderEl;
-    private treeDataEl;
-    activeTabs: DesignObjectType;
-    /**
-     * The path/URL for load the design data
-     */
-    path: string;
+    reRenderCounter: number;
+    stylesAsComboBoxModel: ComboBoxModel;
+    styleValue: string;
+    accessTokenHasError: boolean;
+    pathIsValid: boolean;
+    pathIsValidChanged(pathIsValid: boolean): void;
+    tabsModel: TabModel;
+    activeTabs: Map<DesignType, string>;
+    renderedTabs: Set<string>;
     /**
      * The design data loaded from file
      */
     designData: DesignData;
-    watchDesignDataHandler(newDesignData: DesignData): void;
+    designDataChanged(newDesignData: DesignData): void;
     /**
      * The model data loaded into the detail tree
      */
@@ -55,6 +30,10 @@ export declare class GxIdeImportFromDesign {
      * If the design data is loading or not, for disabled actions
      */
     isLoading: boolean;
+    /**
+     * If the design data is loaded or not, for conditioning input file
+     */
+    isLoaded: boolean;
     /**
      * The messages receive when the file is loading
      */
@@ -72,15 +51,19 @@ export declare class GxIdeImportFromDesign {
      */
     selectedDesignItem: any;
     /**
-     * When show or not the access token input field
+     * Whether to show or not the access token input field
      */
-    showAccessToken: any;
+    requiresAccessToken: boolean;
     /**
      * the design data tree view data model
      */
     designDataTreeDataModel: TreeViewItemModel[];
     /**
-     * Used to trigger a re-render after an item has been selected on renderDesignTree, in order to set the first tab as the active tab (setFirstActiveTab()), since calling this method inside objectsTreeSelectedItemsChangedHandler does not always work without a setTimeOut.
+     * Used to trigger a re-render after an item has been selected on
+     * renderDesignTree, in order to set the first tab as the active tab
+     * (setFirstActiveTab()), since calling this method inside
+     * objectsTreeSelectedItemsChangedHandler does not always work without a
+     * setTimeOut.
      */
     updateTabsActiveTab: boolean;
     /**
@@ -88,29 +71,44 @@ export declare class GxIdeImportFromDesign {
      */
     fitImages: boolean;
     /**
-     * If true, the left tree will be shrink and expanded to allow more space for the content
+     * Represents a collection of settings where each key is a specific option. Its
+     * boolean value determines whether changes to that option are listened to and
+     * trigger the loadCallback callback.
      */
-    shrinkTree: boolean;
-    watchShrinkTreeHandler(shrink: boolean): void;
+    readonly reactiveSettings: ReactiveSettings;
     /**
-     * If true the left tree will be shrunken
+     * Used to keep track of the settings values since the last loadCallback.
+     * Used to know if loadCallback is required to be called again, when any
+     * of these values are changed.
      */
-    shrunkenTree: boolean;
-    treeSh: boolean;
+    lastLoadCallbackSettingValues: ReactiveSettingsValues;
     /**
-     * If true it displays the component title on the header
+     * The valid extensions for the files that will be loaded in Path/URL
+     * (ie.: ".fig, .sketch")
      */
-    readonly displayTitle = false;
+    readonly extensions: string[];
     /**
-     * The valid extensions for the files that will be loaded in Path/URL (ie.: ".fig, .sketch")
+     * Default value for the 'Module' field.
      */
-    readonly extensions: string;
+    readonly defaultModule: EntityData;
     /**
-     * The default value for the module/folder filter
+     * The path/URL for load the design data
      */
-    readonly defaultModule: EntityData;
+    path: string;
+    pathChanged(newPath: string): void;
     /**
-     * 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.
+     * The access token for the given path, which is not always required
+     */
+    accessToken: string;
+    accessTokenChanged(newAccessToken: string): void;
+    /**
+     * The value for "Import as Web Panels" checkbox.
+     */
+    readonly importAsWebPanels: boolean;
+    /**
+     * 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;
     /**
@@ -118,100 +116,59 @@ export declare class GxIdeImportFromDesign {
      */
     readonly cancelCallback: CancelCallback;
     /**
-     * This is a function provided by the developer that init the process of import a design.
+     * This is a function provided by the developer that initiates the process
+     * of importing a design.
      */
     readonly confirmCallback: ConfirmCallback;
     /**
-     * This is a function provided by the developer that return the list of types of data loaded from file or url.
+     * This is a function provided by the developer that returns the list of
+     * data types loaded from a file or URL.
      */
     readonly loadCallback: LoadCallback;
     /**
-     * This is a function provided by the developer that return the information of a Design System type of data.
+     * This is a function provided by the developer that returns the information
+     * of a Design System type of data.
      */
     readonly loadDesignSystemCallback: LoadDesignSystemCallback;
     /**
-     * This is a function provided by the developer that return the information of a Font type of data.
+     * This is a function provided by the developer that returns the information
+     * of a Font type of data.
      */
     readonly loadFontCallback: LoadFontCallback;
     /**
-     * This is a function provided by the developer that return the information of an Image System type of data.
+     * This is a function provided by the developer that returns the information
+     * of an Image System type of data.
      */
     readonly loadImageCallback: LoadImageCallback;
     /**
-     * This is a function provided by the developer that return the information of a Panel type of data.
+     * This is a function provided by the developer that returns the information
+     * of a Panel type of data.
      */
     readonly loadPanelDataCallback: LoadPanelDataCallback;
     /**
-     * Callback invoked to determinate if accessing to a design requires an authentication token
+     * Callback invoked to determine if accessing a design requires an authentication token.
      */
     readonly requiresAccessTokenCallback: RequiresAccessTokenCallback;
-    /**
-     * Applies a shadow all around
-     */
-    readonly shadow = false;
     /**
      * The styles render in the option style selector
      */
     readonly styles: GxOption[];
+    stylesChanged(newStyles: GxOption[]): void;
     /**
      * This is a function provided by the developer for create an instance of a text editor.
      */
     readonly textEditorFactoryCallback: TextEditorFactoryCallback;
-    /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs
-     */
-    componentDidRenderFirstTime: EventEmitter<boolean>;
     componentWillLoad(): Promise<void>;
-    componentDidRender(): void;
-    disconnectedCallback(): void;
     watchMessagesHandler(newValue: boolean, oldValue: boolean): void;
-    /**
-     * Validate necessary data input
-     */
-    validate(): Promise<boolean>;
-    private attachTreeMouseListeners;
-    private removeTreeMouseListeners;
-    private treeMouseEnter;
-    private treeMouseLeave;
-    private messageType;
-    private loadTreeItemCompositionModel;
-    private objectsTreeSelectedItemsChangedHandler;
-    private getLoadedItem;
-    private objectsTreeCheckedItemsChangedHandler;
-    private selectFile;
-    private pathOnFileSelected;
-    private pathURLFileBlurHandler;
-    private loadData;
-    private messageCallback;
-    private getDesignDataDetail;
-    private getCodeFactory;
-    private confirm;
-    private cancel;
-    private fitImagesHandler;
-    private shrinkTreeHandler;
-    private importAsWebPanelsChangedHandler;
-    private pathURLFileValueChangedHandler;
-    private renderOptions;
-    private renderMessages;
-    private renderDetailDataTree;
-    private renderMain;
-    private renderNoDesignData;
-    private renderDesignTree;
-    private renderFooter;
-    private renderPanelTab;
-    private renderImageTab;
-    private tabActivatedHandler;
-    private isTabActive;
-    private renderDesignTabs;
     render(): void;
 }
 export type LoadMessageCallback = (message: MessageData) => void;
-export type LoadCallback = (source: string | File, token: string | undefined, onMessage: LoadMessageCallback) => Promise<DesignData | undefined>;
+export type LoadCallback = (source: string | File, designSystem: string, importAsWebPanels: boolean, token: string | undefined, onMessage: LoadMessageCallback) => Promise<DesignData | undefined>;
 export type LoadPanelDataCallback = (id: string) => Promise<DesignPanelData>;
 export type LoadImageCallback = (id: string) => Promise<string>;
 export type LoadFontCallback = (id: string) => Promise<string>;
 export type LoadDesignSystemCallback = (id: string) => Promise<DesignSystemData>;
-export type TextEditorFactoryCallback = (type: TextEditorType, parent: HTMLElement, text: string) => Promise<void>;
+export type TextEditorFactoryCallback = (type: TextEditorType, parent: string, text: string) => Promise<void>;
 export type SelectModuleCallback = () => Promise<EntityData | undefined>;
 export type RequiresAccessTokenCallback = (source: string) => Promise<boolean>;
 export type ConfirmCallback = (data: DesignImportData) => Promise<boolean>;
@@ -226,6 +183,7 @@ export interface DesignData {
     images: DesignItemData[];
     designSystem: DesignItemData[];
     fonts: DesignItemData[];
+    success: boolean;
 }
 export interface DesignItemData {
     id: string;
@@ -234,6 +192,7 @@ export interface DesignItemData {
 export interface DesignPanelData {
     composition: DesignPanelCompositionData;
     code?: string;
+    layout?: string;
 }
 export interface DesignPanelCompositionData {
     preview?: string;
@@ -255,6 +214,7 @@ export interface DesignImportData {
     stencils: string[];
     fonts: string[];
     moduleId: string;
+    images: string[];
     styleName: string;
     importAsWebPanels: boolean;
 }
@@ -266,5 +226,17 @@ export type ItemLoadedInfo = {
     designType: DesignType;
     designDataDetail: DesignItemDataDetail;
 };
-type TextEditorType = "html" | "styles" | "tokens";
+export type TextEditorType = "code" | "html" | "styles" | "tokens";
+export type ReactiveSettings = {
+    path: boolean;
+    style: boolean;
+    module: boolean;
+    importAsWebPanels: boolean;
+};
+type ReactiveSettingsValues = {
+    path: string;
+    style: string;
+    moduleId: string;
+    importAsWebPanels: boolean;
+};
 export {};

package/dist/types/components/design-import/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { GxOption } from "../../common/types";
+export declare const mapStylesToComboBoxItemModel: (styles: GxOption[]) => ComboBoxModel;

package/dist/types/components/design-import/models.d.ts

@@ -0,0 +1,21 @@
+import { TabModel } from "@genexus/chameleon-controls-library";
+import { DesignType } from "./design-import";
+export declare const TAB_DATA: {
+    [key in TAB_SELECTOR]: TabData;
+};
+export declare const TAB_MODEL: TabDataModel;
+export type TabDataModel = {
+    panels: TabModel;
+    stencils: TabModel;
+    images: TabModel;
+    fonts: TabModel;
+    designSystem: TabModel;
+};
+type TabData = {
+    id: TAB_SELECTOR;
+    caption: string;
+    slot: TAB_SELECTOR;
+};
+export type TAB_SELECTOR = "layout" | "code" | "tokens" | "styles" | "composition";
+export declare const DESIGN_TYPE_TO_TAB_MODEL_MAP: Map<DesignType, TabModel>;
+export {};

package/dist/types/components/team-dev/connect-gx-server/connect-gx-server.d.ts

@@ -0,0 +1,50 @@
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+import { FormSubmitResult } from "../../../common/types";
+import { ControlValidation } from "../../../common/form-validation";
+export declare class HTMLGxIdeConnectGxServer {
+    #private;
+    el: HTMLGxIdeConnectGxServerElement;
+    authenticationTypesComboBoxModel: ComboBoxModel;
+    gxServerConnectionData: GXServerConnectionData;
+    serverUrlsComboBoxModel: ComboBoxModel;
+    validatableControls: Map<string, ControlValidation>;
+    /**
+     * List of authentication types.
+     */
+    readonly authenticationTypes: AuthenticationType[];
+    authenticationTypesChanged(newAuthenticationTypes: AuthenticationType[]): void;
+    /**
+     * Callback that must be invoked when the 'Cancel' button is pressed.
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * Callback that must be invoked when the 'Connect' button is pressed.
+     */
+    readonly connectCallback: (data: GXServerConnectionData) => Promise<FormSubmitResult>;
+    /**
+     * Initial user values ​​for the case in which the user returns to the login modal after successful authentication.
+     */
+    readonly defaultConnectionData?: GXServerConnectionData;
+    /**
+     * true if the user should be allowed to manually enter a server URL.
+     */
+    readonly enableCustomServer: boolean;
+    /**
+     * Array of cataloged server URLs to be displayed in the combo.
+     */
+    readonly serverUrls: string[];
+    serverUrlsChanged(newServerUrls: string[]): void;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): Promise<void>;
+    render(): any;
+}
+export type GXServerConnectionData = {
+    authenticationType: AuthenticationType;
+    serverUrl: string;
+    userName: string;
+    userPassword: string;
+};
+export type AuthenticationType = {
+    id: string;
+    name: string;
+};

package/dist/types/components/team-dev/connect-gx-server/helpers.d.ts

@@ -0,0 +1,4 @@
+import { AuthenticationType } from "./connect-gx-server";
+import { ComboBoxModel } from "@genexus/chameleon-controls-library";
+export declare const mapAuthenticationTypeToComboBoxModel: (authenticationTypes: AuthenticationType[]) => ComboBoxModel;
+export declare const mapServerUrlsToComboBoxModel: (serverUrls: string[]) => ComboBoxModel;

package/dist/types/components/team-dev/create-kb-from-server/create-kb-from-server.d.ts

@@ -0,0 +1,82 @@
+import { GXServerConnectionData } from "../connect-gx-server/connect-gx-server";
+import { FormSubmitResult } from "../../../common/types";
+import { ControlValidation } from "../../../common/form-validation";
+import { ActionListItemModel } from "@genexus/chameleon-controls-library";
+export declare class GxIdeCreateKbFromServer {
+    #private;
+    [key: string]: any;
+    el: HTMLGxIdeCreateKbFromServerElement;
+    /**
+     * State to enable/disable the select versions button
+     */
+    enableSelectVersionsButton: boolean;
+    /**
+     * The current kbn name value.
+     */
+    localKbNameInputValue: string;
+    /**
+     * State to store the filter input value to filter the list-box
+     */
+    filterValue: string;
+    /**
+     * KBs filtered
+     */
+    kbsFilteredActionListModel: ActionListItemModel[];
+    validatableControls: Map<string, ControlValidation>;
+    /**
+     * The version selected type
+     */
+    versionSelectedType: VersionOption;
+    /**
+     * String value to show the number of versions selected ("N versions selected")
+     */
+    versionsValueInput: string;
+    /**
+     * Set of data required when executing any of the callbacks that require a connection to the server.
+     */
+    readonly connectionData: GXServerConnectionData;
+    /**
+     * Callback that is invoked when the dialog is closed
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal
+     */
+    readonly changeConnectionCallback: (data: GXServerConnectionData) => Promise<void>;
+    /**
+     * 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.
+     */
+    readonly createKBCallback: (kbInfo: KnowledgeBaseInfo) => Promise<FormSubmitResult>;
+    /**
+     * Callback that must be invoked when invoking the dialog
+     */
+    readonly getGXserverKBsCallback: (data: GXServerConnectionData) => Promise<KBData[]>;
+    /**
+     *  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.
+     */
+    readonly selectKBVersionsCallback: (selectedKB: string) => Promise<KBVersion[]>;
+    componentDidLoad(): void;
+    componentWillLoad(): Promise<void>;
+    render(): void;
+}
+export type KBData = {
+    id: string;
+    name: string;
+};
+export type KBVersion = {
+    id: number;
+    name: string;
+    type: VersionType;
+};
+export type ConnectionResultData = {
+    formResult: FormSubmitResult;
+    kbs: KBData[];
+};
+export type KnowledgeBaseInfo = {
+    selectedKB: string;
+    versionSelected: VersionOption;
+    localKBName: string;
+    versionList: string[];
+};
+export type VersionOption = "Trunk" | "All" | "Select";
+export type VersionType = "Branch" | "Frozen";

package/dist/types/components/team-dev/create-kb-from-server/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ActionListItemModel } from "@genexus/chameleon-controls-library";
+import { KBData } from "./create-kb-from-server";
+export declare const mapKbsModelToActionListModel: (kbsData: KBData[]) => ActionListItemModel[];

package/dist/types/components/team-dev/share-kb/helpers.d.ts

@@ -0,0 +1,3 @@
+import { ActionListItemModel } from "@genexus/chameleon-controls-library";
+import { KBData } from "./share-kb";
+export declare const mapKbsModelToActionListModel: (kbsData: KBData[]) => ActionListItemModel[];

package/dist/types/components/team-dev/share-kb/share-kb.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { GXServerConnectionData } from "../connect-gx-server/connect-gx-server";
+import { FormSubmitResult } from "../../../common/types";
+import { ControlValidation } from "../../../common/form-validation";
+export declare class GxIdeShareKb {
+    #private;
+    [key: string]: any;
+    el: HTMLGxIdeShareKbElement;
+    /**
+     * State to enable/disable the select versions button
+     */
+    enableSelectVersionsButton: boolean;
+    validatableControls: Map<string, ControlValidation>;
+    /**
+     * The version selected type
+     */
+    versionSelectedType: VersionOption;
+    /**
+     * String value to show the number of versions selected ("N versions selected")
+     */
+    versionsValueInput: string;
+    /**
+     * Set of data required when executing any of the callbacks that require a connection to the server.
+     */
+    readonly connectionData: GXServerConnectionData;
+    /**
+     * Callback that is invoked when the dialog is closed
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal
+     */
+    readonly changeConnectionCallback: (data: GXServerConnectionData) => Promise<void>;
+    /**
+     * The name of the KB.
+     */
+    kbName: string;
+    /**
+     * Callback that must be invoked when the Share button is pressed.
+     */
+    readonly shareKBCallback: (data: ShareKBData) => Promise<FormSubmitResult>;
+    /**
+     *  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.
+     */
+    readonly selectKBVersionsCallback: (selectedKB: string) => Promise<KBVersion[]>;
+    /**
+     * Emitted once just after the component is fully loaded and the first render() occurs
+     */
+    componentDidRenderFirstTime: EventEmitter<boolean>;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    componentWillLoad(): Promise<void>;
+    render(): void;
+}
+export type KBData = {
+    id: string;
+    name: string;
+};
+export type KBVersion = {
+    id: number;
+    name: string;
+    type: VersionType;
+};
+export type ConnectionResultData = {
+    formResult: FormSubmitResult;
+    kbs: KBData[];
+};
+export type ShareKBData = {
+    name: string;
+    serverUrl: string;
+};
+export type VersionOption = "Trunk" | "All" | "Select";
+export type VersionType = "Branch" | "Frozen";