@genexus/genexus-ide-ui 1.1.1 → 1.1.3

package/dist/genexus-ide-ui/p-ef5dfd35.entry.js

@@ -0,0 +1,157 @@
+import { r as e, c as i, h as t } from "./p-25a9f1d7.js";
+
+import { g as r } from "./p-6e4208d8.js";
+
+import "./p-5ac47c69.js";
+
+const s = ":host{display:block;inline-size:100%}.file-item{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto;gap:var(--mer-spacing--sm);align-items:center;border:var(--mer-border__width--sm) solid var(--mer-border__default);border-radius:var(--mer-border__radius--sm)}.file-item__icon{display:flex;align-items:center}.file-item__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;font-weight:var(--mer-font__weight--regular)}.file-item__name ch-edit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;font-weight:var(--mer-font__weight--regular)}.file-item__name .label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:100%;font-weight:var(--mer-font__weight--regular)}.file-item__actions{display:flex;gap:var(--mer-spacing--xs)}.file-item__actions button:active,.file-item__actions button:focus,.file-item__actions button:hover{background-color:var(--mer-surface__hover)}.file-item__actions button:active{background-color:var(--mer-surface__pressed)}.file-item__progress-container{grid-column:1/-1;display:flex;flex-direction:column;gap:var(--mer-spacing--2xs);inline-size:100%;border:var(--mer-border__width--md) dashed var(--mer-border-color__dim);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--sm)}.file-item__progress-header{display:flex;justify-content:space-between;align-items:center;gap:var(--mer-spacing--sm)}.file-item__uploading-text{font-style:italic;color:var(--mer-text__complementary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-inline-size:calc(100% - var(--mer-spacing--2xl))}.file-item__progress-bar{inline-size:100%}.file-item__progress-bar progress{inline-size:100%;height:var(--mer-spacing--xs);border:none;border-radius:var(--mer-border__radius--sm);overflow:hidden}.file-item__progress-bar progress::-webkit-progress-bar{background-color:transparent}.file-item__progress-bar progress::-webkit-progress-value{background-color:var(--mer-accent__primary)}.file-item__progress-bar progress::-moz-progress-bar{background-color:var(--mer-accent__primary)}";
+
+var o = undefined && undefined.__classPrivateFieldGet || function(e, i, t, r) {
+  if (t === "a" && !r) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof i === "function" ? e !== i || !r : !i.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? r : t === "a" ? r.call(e) : r ? r.value : i.get(e);
+};
+
+var a, n, l, c, m;
+
+const d = r({
+  category: "gemini-tools",
+  name: "file",
+  colorType: "primary"
+});
+
+const p = r({
+  category: "gemini-tools",
+  name: "edit",
+  colorType: "primary"
+});
+
+const h = r({
+  category: "gemini-tools",
+  name: "delete",
+  colorType: "primary"
+});
+
+const f = r({
+  category: "gemini-tools",
+  name: "close",
+  colorType: "primary"
+});
+
+const _ = [ "resets/box-sizing", "components/button", "components/icon", "components/edit", "utils/typography", "utils/spacing", "utils/form", "utils/layout", "utils/elevation" ];
+
+const g = class {
+  constructor(t) {
+    e(this, t);
+    this.fileNameChange = i(this, "fileNameChange", 7);
+    this.fileDelete = i(this, "fileDelete", 7);
+    this.fileCancel = i(this, "fileCancel", 7);
+    a.set(this, (e => {
+      const i = e.detail;
+      if (i && i !== this.currentName) {
+        this.currentName = i;
+        this.fileNameChange.emit({
+          id: this.file.id,
+          name: i
+        });
+      }
+    }));
+    n.set(this, (() => {
+      this.isEditing = false;
+    }));
+    /** Handles file deletion */    l.set(this, (() => {
+      this.fileDelete.emit(this.file.id);
+    }));
+    /** Handles upload cancellation */    c.set(this, (e => {
+      e.preventDefault();
+      this.fileCancel.emit(this.file.id);
+    }));
+    /** Starts file name editing */    m.set(this, (() => {
+      if (this.editable) {
+        this.isEditing = true;
+      }
+    }));
+    this.file = undefined;
+    this.editable = false;
+    this.fileDeletedCallback = undefined;
+    this.fileDeletionErrorCallback = undefined;
+    this.isEditing = false;
+    this.currentName = undefined;
+  }
+  /** Updates current name when file prop changes */  handleFileChange(e) {
+    this.currentName = e.name;
+  }
+  componentWillLoad() {
+    this.currentName = this.file.name;
+  }
+  render() {
+    return t("div", {
+      class: "file-item"
+    }, t("ch-theme", {
+      model: _
+    }), t("div", {
+      class: "file-item__icon"
+    }, t("ch-image", {
+      src: d,
+      class: "icon-md"
+    })), t("div", {
+      class: "file-item__name"
+    }, this.isEditing ? t("ch-edit", {
+      value: this.currentName,
+      autoFocus: true,
+      onInput: o(this, a, "f"),
+      onBlur: o(this, n, "f"),
+      class: "input"
+    }) : t("label", {
+      class: "label"
+    }, this.currentName)), t("div", {
+      class: "file-item__actions"
+    }, !this.file.pending && this.editable && t("button", {
+      class: "button-tertiary button-icon-only",
+      type: "button",
+      onClick: o(this, m, "f")
+    }, t("ch-image", {
+      src: p,
+      class: "icon-md"
+    })), !this.file.pending && t("button", {
+      class: "button-tertiary button-icon-only",
+      type: "button",
+      onClick: o(this, l, "f"),
+      "aria-label": "Delete file"
+    }, t("ch-image", {
+      src: h,
+      class: "icon-md"
+    }))), this.file.pending && t("div", {
+      class: "file-item__progress-container"
+    }, t("div", {
+      class: "file-item__progress-header"
+    }, t("span", {
+      class: "file-item__uploading-text"
+    }, "Uploading ", this.currentName, "..."), t("button", {
+      class: "button-tertiary button-icon-only",
+      type: "button",
+      onClick: o(this, c, "f")
+    }, t("ch-image", {
+      src: f,
+      class: "icon-md"
+    }))), t("div", {
+      class: "file-item__progress-bar"
+    }, t("progress", {
+      class: "elevation-1",
+      value: this.file.progress,
+      max: "100"
+    }))));
+  }
+  static get watchers() {
+    return {
+      file: [ "handleFileChange" ]
+    };
+  }
+};
+
+a = new WeakMap, n = new WeakMap, l = new WeakMap, c = new WeakMap, m = new WeakMap;
+
+g.style = s;
+
+export { g as gx_ide_file_item };
+//# sourceMappingURL=p-ef5dfd35.entry.js.map

package/dist/genexus-ide-ui/p-ef5dfd35.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["fileItemCss","FILE_ICON","getIconPath","category","name","colorType","EDIT_ICON","DELETE_ICON","CANCEL_ICON","CSS_BUNDLES","FileItem","_FileItem_handleNameChange","set","this","event","newName","detail","currentName","fileNameChange","emit","id","file","_FileItem_handleBlur","isEditing","_FileItem_handleDelete","fileDelete","_FileItem_handleCancelClick","e","preventDefault","fileCancel","_FileItem_startEditing","editable","handleFileChange","newFile","componentWillLoad","render","h","class","model","src","value","autoFocus","onInput","__classPrivateFieldGet","onBlur","pending","type","onClick","progress","max"],"sources":["src/components/file-uploader/file-item/file-item.scss?tag=gx-ide-file-item&encapsulation=shadow","src/components/file-uploader/file-item/file-item.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  inline-size: 100%;\n}\n\n.file-item {\n  display: grid;\n  grid-template-columns: auto 1fr auto;\n  grid-template-rows: auto;\n  gap: var(--mer-spacing--sm);\n  align-items: center;\n  border: var(--mer-border__width--sm) solid var(--mer-border__default);\n  border-radius: var(--mer-border__radius--sm);\n\n  &__icon {\n    display: flex;\n    align-items: center;\n  }\n\n  &__name {\n    @include ellipsis;\n    inline-size: 100%;\n    font-weight: var(--mer-font__weight--regular);\n\n    ch-edit {\n      @include ellipsis;\n      inline-size: 100%;\n      font-weight: var(--mer-font__weight--regular);\n    }\n\n    .label {\n      @include ellipsis;\n      inline-size: 100%;\n      font-weight: var(--mer-font__weight--regular);\n    }\n  }\n\n  &__actions {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n\n    button {\n      &:active,\n      &:focus,\n      &:hover {\n        background-color: var(--mer-surface__hover);\n      }\n\n      &:active {\n        background-color: var(--mer-surface__pressed);\n      }\n    }\n  }\n\n  &__progress-container {\n    grid-column: 1 / -1;\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--2xs);\n    inline-size: 100%;\n    border: var(--mer-border__width--md) dashed var(--mer-border-color__dim);\n    border-radius: var(--mer-border__radius--md);\n    padding: var(--mer-spacing--sm);\n  }\n\n  &__progress-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: var(--mer-spacing--sm);\n  }\n\n  &__uploading-text {\n    font-style: italic;\n    color: var(--mer-text__complementary);\n    @include ellipsis;\n    max-inline-size: calc(100% - var(--mer-spacing--2xl));\n  }\n\n  &__progress-bar {\n    inline-size: 100%;\n\n    progress {\n      inline-size: 100%;\n      height: var(--mer-spacing--xs);\n      border: none;\n      border-radius: var(--mer-border__radius--sm);\n      overflow: hidden;\n\n      &::-webkit-progress-bar {\n        background-color: transparent;\n      }\n\n      &::-webkit-progress-value {\n        background-color: var(--mer-accent__primary);\n      }\n\n      &::-moz-progress-bar {\n        background-color: var(--mer-accent__primary);\n      }\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Watch\n} from \"@stencil/core\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ChEditCustomEvent } from \"@genexus/chameleon-controls-library\";\nimport { FileUploadState } from \"../types\";\n\nconst FILE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"file\",\n  colorType: \"primary\"\n});\n\nconst EDIT_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"edit\",\n  colorType: \"primary\"\n});\n\nconst DELETE_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"delete\",\n  colorType: \"primary\"\n});\n\nconst CANCEL_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"close\",\n  colorType: \"primary\"\n});\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"components/edit\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/elevation\"\n];\n\n@Component({\n  tag: \"gx-ide-file-item\",\n  styleUrl: \"file-item.scss\",\n  shadow: true\n})\nexport class FileItem {\n  /** File state containing upload information */\n  @Prop() readonly file!: FileUploadState;\n\n  /** Whether the file name can be edited */\n  @Prop() readonly editable: boolean = false;\n\n  /** Callback when a file is deleted */\n  @Prop() readonly fileDeletedCallback?: (fileId: string) => Promise<void>;\n\n  /** Callback when a file deletion error occurs */\n  @Prop() readonly fileDeletionErrorCallback?: (data: {\n    fileName: string;\n    error: string;\n  }) => Promise<void>;\n\n  /** Updates current name when file prop changes */\n  @Watch(\"file\")\n  handleFileChange(newFile: FileUploadState) {\n    this.currentName = newFile.name;\n  }\n\n  @State() isEditing: boolean = false;\n  @State() currentName: string;\n\n  /** Emitted when the file name is changed */\n  @Event() fileNameChange: EventEmitter<{ id: string; name: string }>;\n\n  /** Emitted when the file is deleted */\n  @Event() fileDelete: EventEmitter<string>;\n\n  /** Emitted when the file upload is cancelled */\n  @Event() fileCancel: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.currentName = this.file.name;\n  }\n\n  #handleNameChange = (event: ChEditCustomEvent<string> | InputEvent) => {\n    const newName = (event as CustomEvent<string>).detail;\n\n    if (newName && newName !== this.currentName) {\n      this.currentName = newName;\n      this.fileNameChange.emit({\n        id: this.file.id,\n        name: newName\n      });\n    }\n  };\n\n  #handleBlur = () => {\n    this.isEditing = false;\n  };\n\n  /** Handles file deletion */\n  #handleDelete = () => {\n    this.fileDelete.emit(this.file.id);\n  };\n\n  /** Handles upload cancellation */\n  #handleCancelClick = (e: MouseEvent) => {\n    e.preventDefault();\n    this.fileCancel.emit(this.file.id);\n  };\n\n  /** Starts file name editing */\n  #startEditing = () => {\n    if (this.editable) {\n      this.isEditing = true;\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"file-item\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"file-item__icon\">\n          <ch-image src={FILE_ICON} class=\"icon-md\" />\n        </div>\n\n        <div class=\"file-item__name\">\n          {this.isEditing ? (\n            <ch-edit\n              value={this.currentName}\n              autoFocus={true}\n              onInput={this.#handleNameChange}\n              onBlur={this.#handleBlur}\n              class=\"input\"\n            />\n          ) : (\n            <label class=\"label\">{this.currentName}</label>\n          )}\n        </div>\n\n        <div class=\"file-item__actions\">\n          {!this.file.pending && this.editable && (\n            <button\n              class=\"button-tertiary button-icon-only\"\n              type=\"button\"\n              onClick={this.#startEditing}\n            >\n              <ch-image src={EDIT_ICON} class=\"icon-md\" />\n            </button>\n          )}\n          {!this.file.pending && (\n            <button\n              class=\"button-tertiary button-icon-only\"\n              type=\"button\"\n              onClick={this.#handleDelete}\n              aria-label=\"Delete file\"\n            >\n              <ch-image src={DELETE_ICON} class=\"icon-md\" />\n            </button>\n          )}\n        </div>\n\n        {this.file.pending && (\n          <div class=\"file-item__progress-container\">\n            <div class=\"file-item__progress-header\">\n              <span class=\"file-item__uploading-text\">\n                Uploading {this.currentName}...\n              </span>\n              <button\n                class=\"button-tertiary button-icon-only\"\n                type=\"button\"\n                onClick={this.#handleCancelClick}\n              >\n                <ch-image src={CANCEL_ICON} class=\"icon-md\" />\n              </button>\n            </div>\n            <div class=\"file-item__progress-bar\">\n              <progress\n                class=\"elevation-1\"\n                value={this.file.progress}\n                max=\"100\"\n              />\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAc;;;;;;;;;;ACapB,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMC,IAAYJ,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAME,IAAcL,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMG,IAAcN,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAGb,MAAMI,IAA8B,EAClC,qBACA,qBACA,mBACA,mBACA,oBACA,iBACA,cACA,gBACA;;MAQWC,IAAQ;;;;;;IAsCnBC,EAAAC,IAAAC,OAAqBC;MACnB,MAAMC,IAAWD,EAA8BE;MAE/C,IAAID,KAAWA,MAAYF,KAAKI,aAAa;QAC3CJ,KAAKI,cAAcF;QACnBF,KAAKK,eAAeC,KAAK;UACvBC,IAAIP,KAAKQ,KAAKD;UACdhB,MAAMW;;;;IAKZO,EAAAV,IAAAC,OAAc;MACZA,KAAKU,YAAY;AAAK;oCAIxBC,EAAAZ,IAAAC,OAAgB;MACdA,KAAKY,WAAWN,KAAKN,KAAKQ,KAAKD;AAAG;0CAIpCM,EAAAd,IAAAC,OAAsBc;MACpBA,EAAEC;MACFf,KAAKgB,WAAWV,KAAKN,KAAKQ,KAAKD;AAAG;uCAIpCU,EAAAlB,IAAAC,OAAgB;MACd,IAAIA,KAAKkB,UAAU;QACjBlB,KAAKU,YAAY;;;;oBA/DgB;;;qBAiBP;;;sDAJ9B,gBAAAS,CAAiBC;IACfpB,KAAKI,cAAcgB,EAAQ7B;;EAe7B,iBAAA8B;IACErB,KAAKI,cAAcJ,KAAKQ,KAAKjB;;EAqC/B,MAAA+B;IACE,OACEC,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAUE,OAAO7B;QACjB2B,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAUG,KAAKtC;MAAWoC,OAAM;SAGlCD,EAAA;MAAKC,OAAM;OACRxB,KAAKU,YACJa,EAAA;MACEI,OAAO3B,KAAKI;MACZwB,WAAW;MACXC,SAASC,EAAA9B,MAAIF,GAAA;MACbiC,QAAQD,EAAA9B,MAAIS,GAAA;MACZe,OAAM;SAGRD,EAAA;MAAOC,OAAM;OAASxB,KAAKI,eAI/BmB,EAAA;MAAKC,OAAM;QACPxB,KAAKQ,KAAKwB,WAAWhC,KAAKkB,YAC1BK,EAAA;MACEC,OAAM;MACNS,MAAK;MACLC,SAASJ,EAAA9B,MAAIiB,GAAA;OAEbM,EAAA;MAAUG,KAAKjC;MAAW+B,OAAM;UAGlCxB,KAAKQ,KAAKwB,WACVT,EAAA;MACEC,OAAM;MACNS,MAAK;MACLC,SAASJ,EAAA9B,MAAIW,GAAA;MAAc,cAChB;OAEXY,EAAA;MAAUG,KAAKhC;MAAa8B,OAAM;UAKvCxB,KAAKQ,KAAKwB,WACTT,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAMC,OAAM;OAA2B,cAC1BxB,KAAKI,aAAW,QAE7BmB,EAAA;MACEC,OAAM;MACNS,MAAK;MACLC,SAASJ,EAAA9B,MAAIa,GAAA;OAEbU,EAAA;MAAUG,KAAK/B;MAAa6B,OAAM;UAGtCD,EAAA;MAAKC,OAAM;OACTD,EAAA;MACEC,OAAM;MACNG,OAAO3B,KAAKQ,KAAK2B;MACjBC,KAAI"}

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FileUploadState } from "../types";
+export declare class FileItem {
+    #private;
+    /** File state containing upload information */
+    readonly file: FileUploadState;
+    /** Whether the file name can be edited */
+    readonly editable: boolean;
+    /** Callback when a file is deleted */
+    readonly fileDeletedCallback?: (fileId: string) => Promise<void>;
+    /** Callback when a file deletion error occurs */
+    readonly fileDeletionErrorCallback?: (data: {
+        fileName: string;
+        error: string;
+    }) => Promise<void>;
+    /** Updates current name when file prop changes */
+    handleFileChange(newFile: FileUploadState): void;
+    isEditing: boolean;
+    currentName: string;
+    /** Emitted when the file name is changed */
+    fileNameChange: EventEmitter<{
+        id: string;
+        name: string;
+    }>;
+    /** Emitted when the file is deleted */
+    fileDelete: EventEmitter<string>;
+    /** Emitted when the file upload is cancelled */
+    fileCancel: EventEmitter<string>;
+    componentWillLoad(): void;
+    render(): any;
+}

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";
@@ -1019,6 +1021,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 +2531,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 +2924,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 +3452,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;
@@ -4285,6 +4419,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 +5940,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 +6016,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.1",
+  "version": "1.1.3",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",