@genexus/genexus-ide-ui 1.1.2 → 1.1.4

package/dist/types/components/file-uploader/file-uploader.d.ts

@@ -0,0 +1,51 @@
+import { UploadedFile, UploadResult } from "./types";
+export declare class FileUploader {
+    #private;
+    el: HTMLGxIdeFileUploaderElement;
+    /** Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf']) */
+    readonly types?: string[];
+    /** Whether multiple files can be selected */
+    readonly multiple: boolean;
+    /** Whether file names can be edited */
+    readonly canEditName: boolean;
+    /** Label to display in the uploader dialog */
+    readonly label?: string;
+    /** Function to handle file upload */
+    readonly uploadFunction: (file: File, progressCallback: (progress: number) => void) => Promise<UploadResult>;
+    /** Function to cancel file upload */
+    readonly cancelUploadFunction?: (fileId: string) => Promise<void>;
+    /** Callback when a file is uploaded successfully */
+    readonly fileUploadedCallback?: (file: UploadedFile) => Promise<void>;
+    /** Callback when the dialog is canceled */
+    readonly dialogCanceledCallback?: () => Promise<void>;
+    /** Callback when the dialog is confirmed with files */
+    readonly dialogConfirmedCallback?: (files: UploadedFile[]) => Promise<void>;
+    /** Callback when upload is cancelled */
+    readonly uploadCancelledCallback?: (fileId: string) => Promise<void>;
+    /** Callback when file is renamed */
+    readonly fileRenamedCallback?: (data: {
+        fileId: string;
+        newName: string;
+    }) => Promise<void>;
+    /** Callback when a file validation error occurs */
+    readonly fileValidationErrorCallback?: (data: {
+        fileName: string;
+        error: string;
+    }) => Promise<void>;
+    /** Callback when a file deletion error occurs */
+    readonly fileDeletionErrorCallback?: (data: {
+        fileName: string;
+        error: string;
+    }) => Promise<void>;
+    /** Callback when a file is deleted */
+    readonly fileDeletedCallback?: (file: UploadedFile) => Promise<void>;
+    /** Callback before deleting a file to get confirmation */
+    readonly onBeforeDelete?: (file: UploadedFile) => Promise<boolean>;
+    private fileStates;
+    private isDragging;
+    /** Initializes component with locale strings */
+    componentWillLoad(): Promise<void>;
+    /** Clears the current file selection */
+    clear(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/file-uploader/types.d.ts

@@ -0,0 +1,31 @@
+export interface FileUploadState {
+    id: string;
+    name: string;
+    file: File;
+    pending: boolean;
+    progress: number;
+    remoteId?: string;
+    error?: string;
+    isEditing?: boolean;
+    uploadPromise?: any;
+}
+export interface UploadedFile {
+    name: string;
+    originalName: string;
+    remoteId: string;
+}
+export interface FileItemProps {
+    file: FileUploadState;
+    canEdit?: boolean;
+    onNameChange?: (id: string, newName: string) => void;
+    onDelete?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onCancelUpload?: (id: string) => void;
+}
+export type UploadResult = {
+    success: boolean;
+    remoteId?: string;
+    errors?: {
+        [key: string]: string;
+    };
+};

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4,
 import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
 import { ModuleServerData, ModuleServerType } from "./components/modules/types";
 import { CancelCallback as CancelCallback6, ConfirmCallback as ConfirmCallback5, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
+import { FileUploadState, UploadedFile, UploadResult } from "./components/file-uploader/types";
 import { CancelCallback as CancelCallback7, GamConfigData, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 import { AddObjectsCallback as AddObjectsCallback1, AddReferencesCallback, CancelCallback as CancelCallback8, ExportCallback as ExportCallback1, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-export/types";
 import { CancelCallback as CancelCallback9, ImportCallback, LoadCallback as LoadCallback1, ObjectContextMenuCallback, OptionsCallback as OptionsCallback2 } from "./components/kb-manager-import/kb-manager-import";
@@ -99,6 +100,7 @@ export { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4,
 export { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
 export { ModuleServerData, ModuleServerType } from "./components/modules/types";
 export { CancelCallback as CancelCallback6, ConfirmCallback as ConfirmCallback5, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
+export { FileUploadState, UploadedFile, UploadResult } from "./components/file-uploader/types";
 export { CancelCallback as CancelCallback7, GamConfigData, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 export { AddObjectsCallback as AddObjectsCallback1, AddReferencesCallback, CancelCallback as CancelCallback8, ExportCallback as ExportCallback1, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-export/types";
 export { CancelCallback as CancelCallback9, ImportCallback, LoadCallback as LoadCallback1, ObjectContextMenuCallback, OptionsCallback as OptionsCallback2 } from "./components/kb-manager-import/kb-manager-import";
@@ -230,7 +232,7 @@ export namespace Components {
     }
     interface GxIdeBpmAppDeclaration {
         /**
-          * Current application value
+          * Current value of the application declaration. Keep in mind that this property will be used by the host to initialize the component, meaning it will assign the current declaration value.
          */
         "application": ApplicationDeclarationData;
         /**
@@ -241,10 +243,6 @@ export namespace Components {
           * Callback invoked when user confirms application declaration
          */
         "confirmCallback": ConfirmCallback;
-        /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle": false;
         /**
           * Callback invoked when user select one of the options provided by the suggest
          */
@@ -1019,6 +1017,107 @@ export namespace Components {
          */
         "value": EntityData | null | undefined;
     }
+    interface GxIdeFileItem {
+        /**
+          * Whether the file name can be edited
+         */
+        "editable": boolean;
+        /**
+          * File state containing upload information
+         */
+        "file": FileUploadState;
+        /**
+          * Callback when a file is deleted
+         */
+        "fileDeletedCallback"?: (fileId: string) => Promise<void>;
+        /**
+          * Callback when a file deletion error occurs
+         */
+        "fileDeletionErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+    }
+    interface GxIdeFileUploader {
+        /**
+          * Whether file names can be edited
+         */
+        "canEditName": boolean;
+        /**
+          * Function to cancel file upload
+         */
+        "cancelUploadFunction"?: (fileId: string) => Promise<void>;
+        /**
+          * Clears the current file selection
+         */
+        "clear": () => Promise<void>;
+        /**
+          * Callback when the dialog is canceled
+         */
+        "dialogCanceledCallback"?: () => Promise<void>;
+        /**
+          * Callback when the dialog is confirmed with files
+         */
+        "dialogConfirmedCallback"?: (
+    files: UploadedFile[]
+  ) => Promise<void>;
+        /**
+          * Callback when a file is deleted
+         */
+        "fileDeletedCallback"?: (file: UploadedFile) => Promise<void>;
+        /**
+          * Callback when a file deletion error occurs
+         */
+        "fileDeletionErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+        /**
+          * Callback when file is renamed
+         */
+        "fileRenamedCallback"?: (data: {
+    fileId: string;
+    newName: string;
+  }) => Promise<void>;
+        /**
+          * Callback when a file is uploaded successfully
+         */
+        "fileUploadedCallback"?: (file: UploadedFile) => Promise<void>;
+        /**
+          * Callback when a file validation error occurs
+         */
+        "fileValidationErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+        /**
+          * Label to display in the uploader dialog
+         */
+        "label"?: string;
+        /**
+          * Whether multiple files can be selected
+         */
+        "multiple": boolean;
+        /**
+          * Callback before deleting a file to get confirmation
+         */
+        "onBeforeDelete"?: (file: UploadedFile) => Promise<boolean>;
+        /**
+          * Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf'])
+         */
+        "types"?: string[];
+        /**
+          * Callback when upload is cancelled
+         */
+        "uploadCancelledCallback"?: (fileId: string) => Promise<void>;
+        /**
+          * Function to handle file upload
+         */
+        "uploadFunction": (
+    file: File,
+    progressCallback: (progress: number) => void
+  ) => Promise<UploadResult>;
+    }
     interface GxIdeGamInstallationSettings {
         /**
           * Determines 'Panels' checkbox activation, enabled only if an SD generator is in the KB. Otherwise, the checkbox is disabled.
@@ -2428,6 +2527,10 @@ export interface GxIdeEntitySelectorCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeEntitySelectorElement;
 }
+export interface GxIdeFileItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeFileItemElement;
+}
 export interface GxIdeKbManagerImportCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeKbManagerImportElement;
@@ -2817,6 +2920,31 @@ declare global {
         prototype: HTMLGxIdeEntitySelectorElement;
         new (): HTMLGxIdeEntitySelectorElement;
     };
+    interface HTMLGxIdeFileItemElementEventMap {
+        "fileNameChange": { id: string; name: string };
+        "fileDelete": string;
+        "fileCancel": string;
+    }
+    interface HTMLGxIdeFileItemElement extends Components.GxIdeFileItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLGxIdeFileItemElementEventMap>(type: K, listener: (this: HTMLGxIdeFileItemElement, ev: GxIdeFileItemCustomEvent<HTMLGxIdeFileItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLGxIdeFileItemElementEventMap>(type: K, listener: (this: HTMLGxIdeFileItemElement, ev: GxIdeFileItemCustomEvent<HTMLGxIdeFileItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLGxIdeFileItemElement: {
+        prototype: HTMLGxIdeFileItemElement;
+        new (): HTMLGxIdeFileItemElement;
+    };
+    interface HTMLGxIdeFileUploaderElement extends Components.GxIdeFileUploader, HTMLStencilElement {
+    }
+    var HTMLGxIdeFileUploaderElement: {
+        prototype: HTMLGxIdeFileUploaderElement;
+        new (): HTMLGxIdeFileUploaderElement;
+    };
     interface HTMLGxIdeGamInstallationSettingsElement extends Components.GxIdeGamInstallationSettings, HTMLStencilElement {
     }
     var HTMLGxIdeGamInstallationSettingsElement: {
@@ -3320,6 +3448,8 @@ declare global {
         "gx-ide-edit-module-server": HTMLGxIdeEditModuleServerElement;
         "gx-ide-empty-state": HTMLGxIdeEmptyStateElement;
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
+        "gx-ide-file-item": HTMLGxIdeFileItemElement;
+        "gx-ide-file-uploader": HTMLGxIdeFileUploaderElement;
         "gx-ide-gam-installation-settings": HTMLGxIdeGamInstallationSettingsElement;
         "gx-ide-kb-manager-export": HTMLGxIdeKbManagerExportElement;
         "gx-ide-kb-manager-import": HTMLGxIdeKbManagerImportElement;
@@ -3452,7 +3582,7 @@ declare namespace LocalJSX {
     }
     interface GxIdeBpmAppDeclaration {
         /**
-          * Current application value
+          * Current value of the application declaration. Keep in mind that this property will be used by the host to initialize the component, meaning it will assign the current declaration value.
          */
         "application"?: ApplicationDeclarationData;
         /**
@@ -3463,10 +3593,6 @@ declare namespace LocalJSX {
           * Callback invoked when user confirms application declaration
          */
         "confirmCallback"?: ConfirmCallback;
-        /**
-          * If true it displays the component title on the header
-         */
-        "displayTitle"?: false;
         /**
           * Callback invoked when user select one of the options provided by the suggest
          */
@@ -4285,6 +4411,115 @@ declare namespace LocalJSX {
          */
         "value"?: EntityData | null | undefined;
     }
+    interface GxIdeFileItem {
+        /**
+          * Whether the file name can be edited
+         */
+        "editable"?: boolean;
+        /**
+          * File state containing upload information
+         */
+        "file": FileUploadState;
+        /**
+          * Callback when a file is deleted
+         */
+        "fileDeletedCallback"?: (fileId: string) => Promise<void>;
+        /**
+          * Callback when a file deletion error occurs
+         */
+        "fileDeletionErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+        /**
+          * Emitted when the file upload is cancelled
+         */
+        "onFileCancel"?: (event: GxIdeFileItemCustomEvent<string>) => void;
+        /**
+          * Emitted when the file is deleted
+         */
+        "onFileDelete"?: (event: GxIdeFileItemCustomEvent<string>) => void;
+        /**
+          * Emitted when the file name is changed
+         */
+        "onFileNameChange"?: (event: GxIdeFileItemCustomEvent<{ id: string; name: string }>) => void;
+    }
+    interface GxIdeFileUploader {
+        /**
+          * Whether file names can be edited
+         */
+        "canEditName"?: boolean;
+        /**
+          * Function to cancel file upload
+         */
+        "cancelUploadFunction"?: (fileId: string) => Promise<void>;
+        /**
+          * Callback when the dialog is canceled
+         */
+        "dialogCanceledCallback"?: () => Promise<void>;
+        /**
+          * Callback when the dialog is confirmed with files
+         */
+        "dialogConfirmedCallback"?: (
+    files: UploadedFile[]
+  ) => Promise<void>;
+        /**
+          * Callback when a file is deleted
+         */
+        "fileDeletedCallback"?: (file: UploadedFile) => Promise<void>;
+        /**
+          * Callback when a file deletion error occurs
+         */
+        "fileDeletionErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+        /**
+          * Callback when file is renamed
+         */
+        "fileRenamedCallback"?: (data: {
+    fileId: string;
+    newName: string;
+  }) => Promise<void>;
+        /**
+          * Callback when a file is uploaded successfully
+         */
+        "fileUploadedCallback"?: (file: UploadedFile) => Promise<void>;
+        /**
+          * Callback when a file validation error occurs
+         */
+        "fileValidationErrorCallback"?: (data: {
+    fileName: string;
+    error: string;
+  }) => Promise<void>;
+        /**
+          * Label to display in the uploader dialog
+         */
+        "label"?: string;
+        /**
+          * Whether multiple files can be selected
+         */
+        "multiple"?: boolean;
+        /**
+          * Callback before deleting a file to get confirmation
+         */
+        "onBeforeDelete"?: (file: UploadedFile) => Promise<boolean>;
+        /**
+          * Allowed file types/extensions (e.g. ['.jpg', '.png', 'image/*', 'application/pdf'])
+         */
+        "types"?: string[];
+        /**
+          * Callback when upload is cancelled
+         */
+        "uploadCancelledCallback"?: (fileId: string) => Promise<void>;
+        /**
+          * Function to handle file upload
+         */
+        "uploadFunction": (
+    file: File,
+    progressCallback: (progress: number) => void
+  ) => Promise<UploadResult>;
+    }
     interface GxIdeGamInstallationSettings {
         /**
           * Determines 'Panels' checkbox activation, enabled only if an SD generator is in the KB. Otherwise, the checkbox is disabled.
@@ -5697,6 +5932,8 @@ declare namespace LocalJSX {
         "gx-ide-edit-module-server": GxIdeEditModuleServer;
         "gx-ide-empty-state": GxIdeEmptyState;
         "gx-ide-entity-selector": GxIdeEntitySelector;
+        "gx-ide-file-item": GxIdeFileItem;
+        "gx-ide-file-uploader": GxIdeFileUploader;
         "gx-ide-gam-installation-settings": GxIdeGamInstallationSettings;
         "gx-ide-kb-manager-export": GxIdeKbManagerExport;
         "gx-ide-kb-manager-import": GxIdeKbManagerImport;
@@ -5771,6 +6008,8 @@ declare module "@stencil/core" {
             "gx-ide-edit-module-server": LocalJSX.GxIdeEditModuleServer & JSXBase.HTMLAttributes<HTMLGxIdeEditModuleServerElement>;
             "gx-ide-empty-state": LocalJSX.GxIdeEmptyState & JSXBase.HTMLAttributes<HTMLGxIdeEmptyStateElement>;
             "gx-ide-entity-selector": LocalJSX.GxIdeEntitySelector & JSXBase.HTMLAttributes<HTMLGxIdeEntitySelectorElement>;
+            "gx-ide-file-item": LocalJSX.GxIdeFileItem & JSXBase.HTMLAttributes<HTMLGxIdeFileItemElement>;
+            "gx-ide-file-uploader": LocalJSX.GxIdeFileUploader & JSXBase.HTMLAttributes<HTMLGxIdeFileUploaderElement>;
             "gx-ide-gam-installation-settings": LocalJSX.GxIdeGamInstallationSettings & JSXBase.HTMLAttributes<HTMLGxIdeGamInstallationSettingsElement>;
             "gx-ide-kb-manager-export": LocalJSX.GxIdeKbManagerExport & JSXBase.HTMLAttributes<HTMLGxIdeKbManagerExportElement>;
             "gx-ide-kb-manager-import": LocalJSX.GxIdeKbManagerImport & JSXBase.HTMLAttributes<HTMLGxIdeKbManagerImportElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",