@genexus/genexus-ide-ui 1.0.20 → 1.0.22

package/dist/types/components/ww-images/ww-images.d.ts

@@ -1,179 +1,194 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { ComboBoxModel } from "@genexus/chameleon-controls-library";
-import { ContextMenuInfo, EntityData, GxOption } from "../../common/types";
+import { GxOption } from "../../common/types";
+import { EntityData, ContextMenuInfo } from "../../common/types";
 export declare class GxIdeWWImages {
-    #private;
-    el: HTMLGxIdeWwImagesElement;
-    categoriesComboBoxModel: ComboBoxModel;
-    densitiesComboBoxModel: ComboBoxModel;
-    languagesComboBoxModel: ComboBoxModel;
-    layersComboBoxModel: ComboBoxModel;
-    stylesComboBoxModel: ComboBoxModel;
-    /**
-     * If true the filter sidebar will be expanded, otherwise collapsed.
-     */
-    filterSidebarExpanded: boolean;
     /**
-     * The current value of the "After" combo box options.
+     * The component hard-coded strings translations.
      */
-    afterCurrentValue: string;
-    /**
-     * The options for the "After" combo-box
+    private _componentLocale;
+    private renderedFirstTime;
+    private filterInitialData;
+    el: HTMLGxIdeWwImagesElement;
+    private filterEl;
+    private filterNameEl;
+    private filterSearchContentsEl;
+    private filterCategoryEl;
+    private filterModuleEl;
+    private filterModifiedEl;
+    private filterAllDescendantsEl;
+    private filterAfterTypeEl;
+    private filterUserEl;
+    private filterModifiedDateEl;
+    private filterStyleEl;
+    private filterLanguageEl;
+    private filterDensityEl;
+    private filterLayerEl;
+    private chGridEl;
+    filtersHidden: boolean;
+    filtersHiddenHandler(hidden: boolean): void;
+    /**
+     * The after types render in the after selector
+     */
+    filterAfterType: string;
+    /**
+     * For show or hide the filters relative to modifiers
      */
-    filterAfterOptions: ComboBoxModel;
+    filterModified: boolean;
     /**
-     * Images filter input value
+     * The images rendered in the table
      */
-    filterImagesInputValue: string;
+    images: ImageData[];
     /**
-     * Shows or hides filters related to modifiers
+     * The images rendered in the table, after the filter
      */
-    filterModified: boolean;
+    filteredImages: ImageData[];
     /**
-     * Images rendered in the table after filtering
+     * The items of the image that is selected
      */
-    filteredImages: ImageData[];
+    imagesSelectedItems: ImageItemData[];
     /**
-     * Images rendered in the table
+     * The selected images in the table of images
      */
-    images: ImageData[];
+    selectedObjectsIds: string[];
     /**
-     * Items of the selected image
+     * The images filter input text value
      */
-    imagesSelectedItems: ImageItemData[];
+    filterImagesInputValue: string;
     /**
-     * Selected images in the images table
+     * If true it displays the component title on the header
      */
-    selectedObjectsIds: string[];
+    readonly displayTitle = false;
     /**
-     * If true, the "Toggle Filter" button will display activated, and the sidebar of filters
-     * will toggle on mouse enter or leave.
+     * Displays a secondary filter, used to filter over the filtered images
      */
-    toggleFilterButtonActive: boolean;
-    toggleFilterButtonActiveChanged(active: boolean): void;
+    readonly secondaryFilter = false;
     /**
-     * Categories rendered in the filter selector
+     * The categories render in the filter category selector
      */
     readonly categories: GxOption[];
-    categoriesChanged(newCategories: GxOption[]): void;
     /**
-     * Function to expand data when right-click
+     * The densities render in the filter density selector
      */
-    readonly contextMenuCallback: ContextMenuCallback;
+    readonly densities: GxOption[];
     /**
-     * Default value for the 'categories' filter
+     * The default value for the 'categories' filter
      */
     readonly defaultCategory: string;
     /**
-     * Default value for the module/folder filter
+     * The default value for the module/folder filter
      */
     readonly defaultModule: EntityData;
     /**
-     * Function to delete the selected images.
+     * The default value for the type filter
      */
-    readonly deleteSelectionCallback: DeleteSelectionCallback;
+    readonly defaultType: string;
     /**
-     * Densities rendered in the filter selector
+     * The modules/folders render in the module/folder selector
      */
-    readonly densities: GxOption[];
-    densitiesChanged(newDensities: GxOption[]): void;
+    readonly filterModules: GxOption[];
     /**
-     * Languages rendered in the filter selector
+     * The languages render in the filter language selector
      */
     readonly languages: GxOption[];
-    languagesChanged(newLanguages: GxOption[]): void;
     /**
-     * Layers rendered in the filter selector
+     * The layers render in the filter layer selector
      */
     readonly layers: GxOption[];
-    layersChanged(newLayers: GxOption[]): void;
     /**
-     * Function that returns a list of images for the table
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     */
+    readonly contextMenuCallback: ContextMenuCallback;
+    /**
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
+     */
+    readonly deleteSelectionCallback: DeleteSelectionCallback;
+    /**
+     * This is a function provided by the developer that return a list of images to populate the table of images.
      */
     readonly loadCallback: LoadCallback;
     /**
-     * Function that returns a list of items for the selected image
+     * This is a function provided by the developer that return a list of items of the image selected.
      */
     readonly loadImageItemsCallback: LoadImageItemsCallback;
     /**
-     * Callback invoked when user press New button.
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
      */
     readonly newObjectCallback: NewObjectCallback;
     /**
-     * Function to expand data for double-clicked or entered images
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
      */
     readonly openSelectionCallback: OpenSelectionCallback;
     /**
-     * Callback invoked when an action is executed on the Module/Folder filter.
+     * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
      */
     readonly selectModuleCallback: SelectModuleCallback;
     /**
-     * Callback invoked when an item is selected
+     * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
      */
     readonly selectionObjectChangedCallback: SelectionObjectCallback;
-    /**
-     * Displays a secondary filter, used to filter over the filtered images
-     */
-    readonly secondaryFilter = false;
     /**
      * Applies a shadow all around
      */
     readonly shadow = false;
     /**
-     * Styles rendered in the filter style selector
+     * The styles render in the filter style selector
      */
     readonly styles: GxOption[];
-    stylesChanged(newStyles: GxOption[]): void;
     /**
-     * Types rendered in the filter type selector
+     * The types render in the filter type selector
      */
     readonly types: GxOption[];
-    connectedCallback(): Promise<void>;
     /**
-     * Emitted once after the component fully loads and renders for the first time.
+     * This event is emitted once just after the component is fully loaded and the first render() occurs.
      */
     componentDidLoadEvent: EventEmitter<boolean>;
     /**
      * @description Gets fired when the component has rendered for the first time.
      */
     componentDidRenderFirstTime: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     componentDidRender(): void;
-    componentWillLoad(): Promise<void>;
     keyDownHandler(eventInfo: KeyboardEvent): void;
     /**
-     * Reloads the view, refreshing the filters and the images table.
+     * Validate necessary data input
+     */
+    validate(): Promise<boolean>;
+    /**
+     * This method reload the view, refreshing the filters and the table of images.
      */
     reload(): Promise<void>;
+    private attachDetectClickOutsideFilter;
+    private removeDetectClickOutsideFilter;
+    private detectClickOutsideFilter;
+    /**
+     * @description This is needed for resetting the filter. When the user resets the filter, all the filter controls values have to be restored to the value they had on componentDidLoad.
+     */
+    private saveInitialFilterData;
+    private renderFilter;
+    private renderImagesData;
+    private renderImages;
+    private getImages;
+    private newObjectCallbackHandler;
+    private openSelectionCallBackHandler;
+    private deleteSelectionCallbackHandler;
+    private resetFilterHandler;
+    private toggleFiltersHandler;
+    private selectAll;
+    private deselectAll;
+    private listenChanges;
+    private filterInputHandler;
+    private filterImagesInformationHandler;
     render(): void;
 }
-export type ContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type SelectionObjectCallback = (ids: string[]) => Promise<void>;
+export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
 export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
-export type FilerInitialData = {
-    name: string;
-    module: EntityData;
-    searchContents: string;
-    category: string;
-    allDescendants: string;
-    modifiedAfter: string;
-    modifiedDateTime: string;
-    modifiedUser: string;
-    style: string;
-    language: string;
-    density: string;
-    layer: string;
-};
-export type ImageData = {
-    id: string;
-    icon: string;
-    name: string;
-    description: string;
-    parent: string;
-    module: string;
-    modifiedDate?: Date;
-    lastUser?: string;
-    importDate?: Date;
-};
+export type SelectModuleCallback = () => Promise<EntityData | undefined>;
+export type ContextMenuCallback = (contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type NewObjectCallback = () => Promise<void>;
+export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
+export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
 export type ImageFiltersData = {
     name?: string;
     searchContents?: string;
@@ -188,14 +203,19 @@ export type ImageFiltersData = {
     density?: string;
     layer?: string;
 };
+export type ImageData = {
+    id: string;
+    icon: string;
+    name: string;
+    description: string;
+    parent: string;
+    module: string;
+    modifiedDate?: Date;
+    lastUser?: string;
+    importDate?: Date;
+};
 export type ImageItemData = {
     id: string;
     name: string;
     url: string;
 };
-export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
-export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
-export type NewObjectCallback = () => Promise<void>;
-export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
-export type SelectModuleCallback = () => Promise<EntityData | undefined>;
-export type SelectionObjectCallback = (ids: string[]) => Promise<void>;

package/dist/types/components.d.ts

@@ -894,42 +894,33 @@ export namespace Components {
          */
         "addResultItem": (item: ImportItemResultData) => Promise<void>;
         /**
-          * Callback invoked when the user wants to cancel the export process.
-          * @returns It returns a boolean indicating whether the process could be canceled or not.
+          * Callback invoked when user wants to cancel the export process.
          */
         "cancelCallback": CancelCallback8;
         /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle": false;
-        /**
-          * Callback invoked when the user wants to initiate the import process.
+          * Callback invoked when user wants to initiate the import process.
          */
         "importCallback": ImportCallback;
         /**
-          * Callback invoked when the user wants to load the xpz information
+          * Callback invoked when user wants to load the xpz information
          */
         "loadCallback": LoadCallback1;
         /**
-          * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
+          * Displays status buttons (errors, warning, succeeded) with minimal UI (no captions)
          */
         "objectContextMenuCallback": ObjectContextMenuCallback;
         /**
-          * Callback invoked when the user wants to access the export options.
+          * Callback invoked when user wants to access the export options.
          */
         "optionsCallback": OptionsCallback1;
         /**
-          * The name of the imported xml or xps file
+          * Imported xml or xps file name
          */
         "selectedFile": File;
         /**
-          * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
+          * Displays status buttons (error, warning, success) with minimal UI (no captions).
          */
         "statusMinimal": false;
-        /**
-          * If true, it will display a loader when needed.
-         */
-        "topStateBar": true;
     }
     interface GxIdeListSelector {
         /**
@@ -1766,55 +1757,67 @@ export namespace Components {
     }
     interface GxIdeWwImages {
         /**
-          * Categories rendered in the filter selector
+          * The categories render in the filter category selector
          */
         "categories": GxOption[];
         /**
-          * Function to expand data when right-click
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "contextMenuCallback": ContextMenuCallback;
         /**
-          * Default value for the 'categories' filter
+          * The default value for the 'categories' filter
          */
         "defaultCategory": string;
         /**
-          * Default value for the module/folder filter
+          * The default value for the module/folder filter
          */
         "defaultModule": EntityData;
         /**
-          * Function to delete the selected images.
+          * The default value for the type filter
+         */
+        "defaultType": string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "deleteSelectionCallback": DeleteSelectionCallback;
         /**
-          * Densities rendered in the filter selector
+          * The densities render in the filter density selector
          */
         "densities": GxOption[];
         /**
-          * Languages rendered in the filter selector
+          * If true it displays the component title on the header
+         */
+        "displayTitle": false;
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
          */
         "languages": GxOption[];
         /**
-          * Layers rendered in the filter selector
+          * The layers render in the filter layer selector
          */
         "layers": GxOption[];
         /**
-          * Function that returns a list of images for the table
+          * This is a function provided by the developer that return a list of images to populate the table of images.
          */
         "loadCallback": LoadCallback5;
         /**
-          * Function that returns a list of items for the selected image
+          * This is a function provided by the developer that return a list of items of the image selected.
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * Callback invoked when user press New button.
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * Function to expand data for double-clicked or entered images
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "openSelectionCallback": OpenSelectionCallback1;
         /**
-          * Reloads the view, refreshing the filters and the images table.
+          * This method reload the view, refreshing the filters and the table of images.
          */
         "reload": () => Promise<void>;
         /**
@@ -1822,11 +1825,11 @@ export namespace Components {
          */
         "secondaryFilter": false;
         /**
-          * Callback invoked when an action is executed on the Module/Folder filter.
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
          */
         "selectModuleCallback": SelectModuleCallback3;
         /**
-          * Callback invoked when an item is selected
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
@@ -1834,13 +1837,17 @@ export namespace Components {
          */
         "shadow": false;
         /**
-          * Styles rendered in the filter style selector
+          * The styles render in the filter style selector
          */
         "styles": GxOption[];
         /**
-          * Types rendered in the filter type selector
+          * The types render in the filter type selector
          */
         "types": GxOption[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
     }
 }
 export interface GxIdeAiAssistantCustomEvent<T> extends CustomEvent<T> {
@@ -2295,8 +2302,8 @@ declare global {
         new (): HTMLGxIdeKbManagerExportElement;
     };
     interface HTMLGxIdeKbManagerImportElementEventMap {
-        "componentDidRenderFirstTime": boolean;
         "componentDidLoadEvent": boolean;
+        "componentDidRenderFirstTime": boolean;
     }
     interface HTMLGxIdeKbManagerImportElement extends Components.GxIdeKbManagerImport, HTMLStencilElement {
         addEventListener<K extends keyof HTMLGxIdeKbManagerImportElementEventMap>(type: K, listener: (this: HTMLGxIdeKbManagerImportElement, ev: GxIdeKbManagerImportCustomEvent<HTMLGxIdeKbManagerImportElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3586,50 +3593,41 @@ declare namespace LocalJSX {
     }
     interface GxIdeKbManagerImport {
         /**
-          * Callback invoked when the user wants to cancel the export process.
-          * @returns It returns a boolean indicating whether the process could be canceled or not.
-         */
-        "cancelCallback"?: CancelCallback8;
-        /**
-          * If true it displays the component title on the header
+          * Callback invoked when user wants to cancel the export process.
          */
-        "displayTitle"?: false;
+        "cancelCallback": CancelCallback8;
         /**
-          * Callback invoked when the user wants to initiate the import process.
+          * Callback invoked when user wants to initiate the import process.
          */
-        "importCallback"?: ImportCallback;
+        "importCallback": ImportCallback;
         /**
-          * Callback invoked when the user wants to load the xpz information
+          * Callback invoked when user wants to load the xpz information
          */
-        "loadCallback"?: LoadCallback1;
+        "loadCallback": LoadCallback1;
         /**
-          * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
+          * Displays status buttons (errors, warning, succeeded) with minimal UI (no captions)
          */
-        "objectContextMenuCallback"?: ObjectContextMenuCallback;
+        "objectContextMenuCallback": ObjectContextMenuCallback;
         /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs.
+          * Emitted once just after the component is fully loaded.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeKbManagerImportCustomEvent<boolean>) => void;
         /**
-          * This event is emitted once just after the component is fully loaded and the first render() occurs
+          * Emitted once just after the component is fully loaded and the first render() occurs
          */
         "onComponentDidRenderFirstTime"?: (event: GxIdeKbManagerImportCustomEvent<boolean>) => void;
         /**
-          * Callback invoked when the user wants to access the export options.
+          * Callback invoked when user wants to access the export options.
          */
-        "optionsCallback"?: OptionsCallback1;
+        "optionsCallback": OptionsCallback1;
         /**
-          * The name of the imported xml or xps file
+          * Imported xml or xps file name
          */
         "selectedFile"?: File;
         /**
-          * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
+          * Displays status buttons (error, warning, success) with minimal UI (no captions).
          */
         "statusMinimal"?: false;
-        /**
-          * If true, it will display a loader when needed.
-         */
-        "topStateBar"?: true;
     }
     interface GxIdeListSelector {
         /**
@@ -4514,51 +4512,63 @@ declare namespace LocalJSX {
     }
     interface GxIdeWwImages {
         /**
-          * Categories rendered in the filter selector
+          * The categories render in the filter category selector
          */
         "categories": GxOption[];
         /**
-          * Function to expand data when right-click
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "contextMenuCallback": ContextMenuCallback;
         /**
-          * Default value for the 'categories' filter
+          * The default value for the 'categories' filter
          */
         "defaultCategory"?: string;
         /**
-          * Default value for the module/folder filter
+          * The default value for the module/folder filter
          */
         "defaultModule"?: EntityData;
         /**
-          * Function to delete the selected images.
+          * The default value for the type filter
+         */
+        "defaultType"?: string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "deleteSelectionCallback": DeleteSelectionCallback;
         /**
-          * Densities rendered in the filter selector
+          * The densities render in the filter density selector
          */
         "densities": GxOption[];
         /**
-          * Languages rendered in the filter selector
+          * If true it displays the component title on the header
+         */
+        "displayTitle"?: false;
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
          */
         "languages": GxOption[];
         /**
-          * Layers rendered in the filter selector
+          * The layers render in the filter layer selector
          */
         "layers": GxOption[];
         /**
-          * Function that returns a list of images for the table
+          * This is a function provided by the developer that return a list of images to populate the table of images.
          */
         "loadCallback": LoadCallback5;
         /**
-          * Function that returns a list of items for the selected image
+          * This is a function provided by the developer that return a list of items of the image selected.
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * Callback invoked when user press New button.
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * Emitted once after the component fully loads and renders for the first time.
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeWwImagesCustomEvent<boolean>) => void;
         /**
@@ -4566,7 +4576,7 @@ declare namespace LocalJSX {
          */
         "onComponentDidRenderFirstTime"?: (event: GxIdeWwImagesCustomEvent<string>) => void;
         /**
-          * Function to expand data for double-clicked or entered images
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "openSelectionCallback": OpenSelectionCallback1;
         /**
@@ -4574,11 +4584,11 @@ declare namespace LocalJSX {
          */
         "secondaryFilter"?: false;
         /**
-          * Callback invoked when an action is executed on the Module/Folder filter.
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
          */
         "selectModuleCallback": SelectModuleCallback3;
         /**
-          * Callback invoked when an item is selected
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
@@ -4586,11 +4596,11 @@ declare namespace LocalJSX {
          */
         "shadow"?: false;
         /**
-          * Styles rendered in the filter style selector
+          * The styles render in the filter style selector
          */
         "styles": GxOption[];
         /**
-          * Types rendered in the filter type selector
+          * The types render in the filter type selector
          */
         "types": GxOption[];
     }