@webiny/admin-ui 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/FilePicker/FilePicker.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","FilePicker","getRandomNumber","min","max","Math","floor","random","getFile","width","height","fileSize","name","mimeType","size","url","meta","title","component","argTypes","onSelectItem","action","onEditItem","onRemoveItem","disabled","control","defaultValue","parameters","layout","render","args","selectedFile","setSelectedFile","value","createElement","Object","assign","alert","Default","AreaType","type","AreaWithLabel","label","AreaWithLabelRequired","required","AreaWithDescription","description","AreaWithNotes","note","AreaWithErrors","validation","isValid","message","AreaDisabled","AreaWithValidateFunction","setValidation","undefined","validate","AreaFullExample","Compact","CompactWithLabel","CompactWithLabelRequired","CompactWithDescription","CompactWithNotes","CompactWithErrors","CompactDisabled","CompactWithValidateFunction","CompactFullExample","Documentation","handleSelect","handleEdit","file","console","log","handleRemove","options"],"sources":["FilePicker.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { type FileItemDto, FilePicker } from \"~/FilePicker/index.js\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePicker> = {\n    title: \"Components/Form/FilePicker\",\n    component: FilePicker,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <FilePicker\n                {...args}\n                value={selectedFile}\n                onSelectItem={() => setSelectedFile(getFile())}\n                onRemoveItem={() => setSelectedFile(null)}\n                onEditItem={() => alert(`Editing File`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePicker>;\n\nexport const Default: Story = {};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaWithLabel: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const AreaWithLabelRequired: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const AreaWithDescription: Story = {\n    args: {\n        ...AreaType.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const AreaWithNotes: Story = {\n    args: {\n        ...AreaType.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const AreaWithErrors: Story = {\n    args: {\n        ...AreaType.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const AreaDisabled: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const AreaWithValidateFunction: Story = {\n    args: {\n        ...AreaType.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const AreaFullExample: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Compact: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactWithLabel: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const CompactWithLabelRequired: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const CompactWithDescription: Story = {\n    args: {\n        ...Compact.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const CompactWithNotes: Story = {\n    args: {\n        ...Compact.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const CompactWithErrors: Story = {\n    args: {\n        ...Compact.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const CompactDisabled: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const CompactWithValidateFunction: Story = {\n    args: {\n        ...Compact.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const CompactFullExample: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setSelectedFile(args.value);\n        }, [args.value]);\n\n        const handleSelect = () => {\n            setSelectedFile(getFile());\n            setValidation({ isValid: true, message: \"\" });\n        };\n\n        const handleEdit = (file: any) => {\n            if (file) {\n                console.log(\"Editing file:\", file);\n                alert(`Editing File: ${file.name}`);\n            }\n        };\n\n        const handleRemove = () => {\n            setSelectedFile(null);\n\n            if (args.required) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && !selectedFile) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, selectedFile]);\n\n        return (\n            <FilePicker\n                {...args}\n                value={selectedFile}\n                onSelectItem={handleSelect}\n                onRemoveItem={handleRemove}\n                onEditItem={handleEdit}\n                validation={validation}\n            />\n        );\n    },\n    args: {\n        label: \"Upload Image\",\n        required: true,\n        disabled: false,\n        description: \"Select a file to upload (JPG, PNG, PDF)\",\n        note: \"Note: Maximum file size is 5MB\",\n        type: \"area\",\n        value: null,\n        validation: undefined,\n        onSelectItem: undefined,\n        onEditItem: undefined,\n        onRemoveItem: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the file picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the file picker when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        type: {\n            description: \"The visual style of the file picker\",\n            control: \"radio\",\n            options: [\"area\", \"compact\"]\n        },\n        value: {\n            description: \"The currently selected file\",\n            control: \"object\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onSelectItem: {\n            description: \"Function called when a file is selected\"\n        },\n        onEditItem: {\n            description: \"Function called when a file is edited\"\n        },\n        onRemoveItem: {\n            description: \"Function called when a file is removed\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilePicker/FilePicker.stories.js","sources":["../../src/FilePicker/FilePicker.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { type FileItemDto, FilePicker } from \"~/FilePicker/index.js\";\n\nconst getRandomNumber = (min: number, max: number): number =>\n    Math.floor(Math.random() * (max - min + 1)) + min;\n\nconst getFile = (): FileItemDto => {\n    const width = getRandomNumber(500, 2000); // Random width between 500 and 2000\n    const height = getRandomNumber(500, 2000); // Random height between 500 and 2000\n    const fileSize = getRandomNumber(500000, 5000000); // Random file size between 500KB and 5MB\n\n    return {\n        name: \"selected-file.jpg\",\n        mimeType: \"image/jpeg\",\n        size: fileSize,\n        url: `https://picsum.photos/${width}/${height}`\n    };\n};\n\nconst meta: Meta<typeof FilePicker> = {\n    title: \"Components/Form/FilePicker\",\n    component: FilePicker,\n    argTypes: {\n        onSelectItem: { action: \"onSelectItem\" },\n        onEditItem: { action: \"onEditItem\" },\n        onRemoveItem: { action: \"onRemoveItem\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        return (\n            <FilePicker\n                {...args}\n                value={selectedFile}\n                onSelectItem={() => setSelectedFile(getFile())}\n                onRemoveItem={() => setSelectedFile(null)}\n                onEditItem={() => alert(`Editing File`)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof FilePicker>;\n\nexport const Default: Story = {};\n\nexport const AreaType: Story = {\n    args: {\n        ...Default.args,\n        type: \"area\"\n    }\n};\n\nexport const AreaWithLabel: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const AreaWithLabelRequired: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const AreaWithDescription: Story = {\n    args: {\n        ...AreaType.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const AreaWithNotes: Story = {\n    args: {\n        ...AreaType.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const AreaWithErrors: Story = {\n    args: {\n        ...AreaType.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const AreaDisabled: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const AreaWithValidateFunction: Story = {\n    args: {\n        ...AreaType.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const AreaFullExample: Story = {\n    args: {\n        ...AreaType.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Compact: Story = {\n    args: {\n        ...Default.args,\n        type: \"compact\"\n    }\n};\n\nexport const CompactWithLabel: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\"\n    }\n};\n\nexport const CompactWithLabelRequired: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true\n    }\n};\n\nexport const CompactWithDescription: Story = {\n    args: {\n        ...Compact.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const CompactWithNotes: Story = {\n    args: {\n        ...Compact.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const CompactWithErrors: Story = {\n    args: {\n        ...Compact.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const CompactDisabled: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        disabled: true\n    }\n};\n\nexport const CompactWithValidateFunction: Story = {\n    args: {\n        ...Compact.args\n    },\n    render: args => {\n        const [validation, setValidation] = useState<any>({ isValid: true, message: undefined });\n\n        const validate = async () => {\n            setValidation({ isValid: false, message: \"Any custom error message.\" });\n        };\n\n        return <FilePicker {...args} validate={validate} validation={validation} />;\n    }\n};\n\nexport const CompactFullExample: Story = {\n    args: {\n        ...Compact.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [selectedFile, setSelectedFile] = useState(args.value);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setSelectedFile(args.value);\n        }, [args.value]);\n\n        const handleSelect = () => {\n            setSelectedFile(getFile());\n            setValidation({ isValid: true, message: \"\" });\n        };\n\n        const handleEdit = (file: any) => {\n            if (file) {\n                console.log(\"Editing file:\", file);\n                alert(`Editing File: ${file.name}`);\n            }\n        };\n\n        const handleRemove = () => {\n            setSelectedFile(null);\n\n            if (args.required) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && !selectedFile) {\n                setValidation({ isValid: false, message: \"Please select a file\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, selectedFile]);\n\n        return (\n            <FilePicker\n                {...args}\n                value={selectedFile}\n                onSelectItem={handleSelect}\n                onRemoveItem={handleRemove}\n                onEditItem={handleEdit}\n                validation={validation}\n            />\n        );\n    },\n    args: {\n        label: \"Upload Image\",\n        required: true,\n        disabled: false,\n        description: \"Select a file to upload (JPG, PNG, PDF)\",\n        note: \"Note: Maximum file size is 5MB\",\n        type: \"area\",\n        value: null,\n        validation: undefined,\n        onSelectItem: undefined,\n        onEditItem: undefined,\n        onRemoveItem: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the file picker\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the file picker when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        type: {\n            description: \"The visual style of the file picker\",\n            control: \"radio\",\n            options: [\"area\", \"compact\"]\n        },\n        value: {\n            description: \"The currently selected file\",\n            control: \"object\"\n        },\n        validation: {\n            description:\n                \"Object containing validation state and message. Please refer to the example code for details on usage.\"\n        },\n        onSelectItem: {\n            description: \"Function called when a file is selected\"\n        },\n        onEditItem: {\n            description: \"Function called when a file is edited\"\n        },\n        onRemoveItem: {\n            description: \"Function called when a file is removed\"\n        }\n    }\n};\n"],"names":["getRandomNumber","min","max","Math","getFile","width","height","fileSize","meta","FilePicker","args","selectedFile","setSelectedFile","useState","alert","Default","AreaType","AreaWithLabel","AreaWithLabelRequired","AreaWithDescription","AreaWithNotes","AreaWithErrors","AreaDisabled","AreaWithValidateFunction","validation","setValidation","undefined","validate","AreaFullExample","Compact","CompactWithLabel","CompactWithLabelRequired","CompactWithDescription","CompactWithNotes","CompactWithErrors","CompactDisabled","CompactWithValidateFunction","CompactFullExample","Documentation","useEffect","handleSelect","handleEdit","file","console","handleRemove"],"mappings":"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"}

package/FilePicker/domains/FileItem.js

@@ -1,124 +1,114 @@
 import { generateId } from "../../utils.js";
-export class FileItem {
-  constructor(data) {
-    this._id = data.id;
-    this._name = data.name;
-    this._url = data.url;
-    this._mimeType = data.mimeType;
-    this._size = data.size;
-  }
-  static create(data) {
-    return new FileItem({
-      id: generateId(data.id),
-      name: data.name ?? data.url,
-      url: data.url,
-      mimeType: data.mimeType ?? this.getDefaultMimeType(),
-      size: data.size ?? 0
-    });
-  }
-  static createFromUrl(url) {
-    console.log("createFromUrl", url);
-    const documentUrl = new URL(url);
-    const pathname = documentUrl.pathname;
-    const name = pathname.substring(pathname.lastIndexOf("/") + 1);
-    const extension = name.split(".").pop()?.toLowerCase() || "";
-    console.log("extension", extension);
-
-    // Map extensions to mimetypes
-    const mimeTypes = {
-      // Images
-      jpg: "image/jpeg",
-      jpeg: "image/jpeg",
-      png: "image/png",
-      gif: "image/gif",
-      bmp: "image/bmp",
-      webp: "image/webp",
-      svg: "image/svg+xml",
-      ico: "image/x-icon",
-      tif: "image/tiff",
-      tiff: "image/tiff",
-      // Documents
-      pdf: "application/pdf",
-      txt: "text/plain",
-      csv: "text/csv",
-      json: "application/json",
-      xml: "application/xml",
-      html: "text/html",
-      xhtml: "application/xhtml+xml",
-      md: "text/markdown",
-      // Microsoft Office
-      doc: "application/msword",
-      docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-      xls: "application/vnd.ms-excel",
-      xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-      ppt: "application/vnd.ms-powerpoint",
-      pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-      // Open Document Format
-      odt: "application/vnd.oasis.opendocument.text",
-      ods: "application/vnd.oasis.opendocument.spreadsheet",
-      odp: "application/vnd.oasis.opendocument.presentation",
-      // Audio
-      mp3: "audio/mpeg",
-      wav: "audio/wav",
-      ogg: "audio/ogg",
-      flac: "audio/flac",
-      aac: "audio/aac",
-      m4a: "audio/mp4",
-      // Video
-      mp4: "video/mp4",
-      avi: "video/x-msvideo",
-      mov: "video/quicktime",
-      mkv: "video/x-matroska",
-      webm: "video/webm",
-      flv: "video/x-flv",
-      wmv: "video/x-ms-wmv",
-      // Archives & Compressed
-      zip: "application/zip",
-      rar: "application/vnd.rar",
-      tar: "application/x-tar",
-      gz: "application/gzip",
-      bz2: "application/x-bzip2",
-      "7z": "application/x-7z-compressed",
-      // Code & Scripts
-      js: "application/javascript",
-      ts: "application/typescript",
-      css: "text/css",
-      py: "text/x-python",
-      java: "text/x-java-source",
-      c: "text/x-c",
-      cpp: "text/x-c++",
-      sh: "application/x-sh",
-      php: "application/x-httpd-php",
-      rb: "application/x-ruby",
-      go: "text/x-go",
-      swift: "text/x-swift"
-    };
-    return new FileItem({
-      id: generateId(),
-      name,
-      url,
-      mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),
-      size: 0
-    });
-  }
-  get id() {
-    return this._id;
-  }
-  get name() {
-    return this._name;
-  }
-  get url() {
-    return this._url;
-  }
-  get size() {
-    return this._size;
-  }
-  get mimeType() {
-    return this._mimeType;
-  }
-  static getDefaultMimeType() {
-    return "application/octet-stream";
-  }
+class FileItem {
+    constructor(data){
+        this._id = data.id;
+        this._name = data.name;
+        this._url = data.url;
+        this._mimeType = data.mimeType;
+        this._size = data.size;
+    }
+    static create(data) {
+        const url = "url" in data ? data.url : data.src;
+        return new FileItem({
+            id: generateId(data.id),
+            name: data.name ?? url,
+            url,
+            mimeType: data.mimeType ?? this.getDefaultMimeType(),
+            size: data.size ?? 0
+        });
+    }
+    static createFromUrl(url) {
+        const documentUrl = new URL(url);
+        const pathname = documentUrl.pathname;
+        const name = pathname.substring(pathname.lastIndexOf("/") + 1);
+        const extension = name.split(".").pop()?.toLowerCase() || "";
+        const mimeTypes = {
+            jpg: "image/jpeg",
+            jpeg: "image/jpeg",
+            png: "image/png",
+            gif: "image/gif",
+            bmp: "image/bmp",
+            webp: "image/webp",
+            svg: "image/svg+xml",
+            ico: "image/x-icon",
+            tif: "image/tiff",
+            tiff: "image/tiff",
+            pdf: "application/pdf",
+            txt: "text/plain",
+            csv: "text/csv",
+            json: "application/json",
+            xml: "application/xml",
+            html: "text/html",
+            xhtml: "application/xhtml+xml",
+            md: "text/markdown",
+            doc: "application/msword",
+            docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+            xls: "application/vnd.ms-excel",
+            xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+            ppt: "application/vnd.ms-powerpoint",
+            pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+            odt: "application/vnd.oasis.opendocument.text",
+            ods: "application/vnd.oasis.opendocument.spreadsheet",
+            odp: "application/vnd.oasis.opendocument.presentation",
+            mp3: "audio/mpeg",
+            wav: "audio/wav",
+            ogg: "audio/ogg",
+            flac: "audio/flac",
+            aac: "audio/aac",
+            m4a: "audio/mp4",
+            mp4: "video/mp4",
+            avi: "video/x-msvideo",
+            mov: "video/quicktime",
+            mkv: "video/x-matroska",
+            webm: "video/webm",
+            flv: "video/x-flv",
+            wmv: "video/x-ms-wmv",
+            zip: "application/zip",
+            rar: "application/vnd.rar",
+            tar: "application/x-tar",
+            gz: "application/gzip",
+            bz2: "application/x-bzip2",
+            "7z": "application/x-7z-compressed",
+            js: "application/javascript",
+            ts: "application/typescript",
+            css: "text/css",
+            py: "text/x-python",
+            java: "text/x-java-source",
+            c: "text/x-c",
+            cpp: "text/x-c++",
+            sh: "application/x-sh",
+            php: "application/x-httpd-php",
+            rb: "application/x-ruby",
+            go: "text/x-go",
+            swift: "text/x-swift"
+        };
+        return new FileItem({
+            id: generateId(),
+            name,
+            url,
+            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),
+            size: 0
+        });
+    }
+    get id() {
+        return this._id;
+    }
+    get name() {
+        return this._name;
+    }
+    get url() {
+        return this._url;
+    }
+    get size() {
+        return this._size;
+    }
+    get mimeType() {
+        return this._mimeType;
+    }
+    static getDefaultMimeType() {
+        return "application/octet-stream";
+    }
 }
+export { FileItem };
 
 //# sourceMappingURL=FileItem.js.map

package/FilePicker/domains/FileItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","FileItem","constructor","data","_id","id","_name","name","_url","url","_mimeType","mimeType","_size","size","create","getDefaultMimeType","createFromUrl","console","log","documentUrl","URL","pathname","substring","lastIndexOf","extension","split","pop","toLowerCase","mimeTypes","jpg","jpeg","png","gif","bmp","webp","svg","ico","tif","tiff","pdf","txt","csv","json","xml","html","xhtml","md","doc","docx","xls","xlsx","ppt","pptx","odt","ods","odp","mp3","wav","ogg","flac","aac","m4a","mp4","avi","mov","mkv","webm","flv","wmv","zip","rar","tar","gz","bz2","js","ts","css","py","java","c","cpp","sh","php","rb","go","swift"],"sources":["FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? data.url,\n            url: data.url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        console.log(\"createFromUrl\", url);\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n        console.log(\"extension\", extension);\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilePicker/domains/FileItem.js","sources":["../../../src/FilePicker/domains/FileItem.ts"],"sourcesContent":["import type { FileItemDto } from \"./FileItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class FileItem {\n    private readonly _id: string;\n    private readonly _name: string;\n    private readonly _url: string;\n    private readonly _mimeType: string;\n    private readonly _size: number;\n\n    protected constructor(data: {\n        id: string;\n        name: string;\n        url: string;\n        mimeType: string;\n        size: number;\n    }) {\n        this._id = data.id;\n        this._name = data.name;\n        this._url = data.url;\n        this._mimeType = data.mimeType;\n        this._size = data.size;\n    }\n\n    static create(data: FileItemDto): FileItem {\n        const url = \"url\" in data ? data.url : data.src;\n        return new FileItem({\n            id: generateId(data.id),\n            name: data.name ?? url,\n            url,\n            mimeType: data.mimeType ?? this.getDefaultMimeType(),\n            size: data.size ?? 0\n        });\n    }\n\n    static createFromUrl(url: string): FileItem {\n        const documentUrl = new URL(url);\n        const pathname = documentUrl.pathname;\n        const name = pathname.substring(pathname.lastIndexOf(\"/\") + 1);\n        const extension = name.split(\".\").pop()?.toLowerCase() || \"\";\n\n        // Map extensions to mimetypes\n        const mimeTypes: Record<string, string> = {\n            // Images\n            jpg: \"image/jpeg\",\n            jpeg: \"image/jpeg\",\n            png: \"image/png\",\n            gif: \"image/gif\",\n            bmp: \"image/bmp\",\n            webp: \"image/webp\",\n            svg: \"image/svg+xml\",\n            ico: \"image/x-icon\",\n            tif: \"image/tiff\",\n            tiff: \"image/tiff\",\n\n            // Documents\n            pdf: \"application/pdf\",\n            txt: \"text/plain\",\n            csv: \"text/csv\",\n            json: \"application/json\",\n            xml: \"application/xml\",\n            html: \"text/html\",\n            xhtml: \"application/xhtml+xml\",\n            md: \"text/markdown\",\n\n            // Microsoft Office\n            doc: \"application/msword\",\n            docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n            xls: \"application/vnd.ms-excel\",\n            xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n            ppt: \"application/vnd.ms-powerpoint\",\n            pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\n            // Open Document Format\n            odt: \"application/vnd.oasis.opendocument.text\",\n            ods: \"application/vnd.oasis.opendocument.spreadsheet\",\n            odp: \"application/vnd.oasis.opendocument.presentation\",\n\n            // Audio\n            mp3: \"audio/mpeg\",\n            wav: \"audio/wav\",\n            ogg: \"audio/ogg\",\n            flac: \"audio/flac\",\n            aac: \"audio/aac\",\n            m4a: \"audio/mp4\",\n\n            // Video\n            mp4: \"video/mp4\",\n            avi: \"video/x-msvideo\",\n            mov: \"video/quicktime\",\n            mkv: \"video/x-matroska\",\n            webm: \"video/webm\",\n            flv: \"video/x-flv\",\n            wmv: \"video/x-ms-wmv\",\n\n            // Archives & Compressed\n            zip: \"application/zip\",\n            rar: \"application/vnd.rar\",\n            tar: \"application/x-tar\",\n            gz: \"application/gzip\",\n            bz2: \"application/x-bzip2\",\n            \"7z\": \"application/x-7z-compressed\",\n\n            // Code & Scripts\n            js: \"application/javascript\",\n            ts: \"application/typescript\",\n            css: \"text/css\",\n            py: \"text/x-python\",\n            java: \"text/x-java-source\",\n            c: \"text/x-c\",\n            cpp: \"text/x-c++\",\n            sh: \"application/x-sh\",\n            php: \"application/x-httpd-php\",\n            rb: \"application/x-ruby\",\n            go: \"text/x-go\",\n            swift: \"text/x-swift\"\n        };\n\n        return new FileItem({\n            id: generateId(),\n            name,\n            url,\n            mimeType: mimeTypes[extension] ?? this.getDefaultMimeType(),\n            size: 0\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get name() {\n        return this._name;\n    }\n\n    get url() {\n        return this._url;\n    }\n\n    get size() {\n        return this._size;\n    }\n\n    get mimeType() {\n        return this._mimeType;\n    }\n\n    private static getDefaultMimeType(): string {\n        return \"application/octet-stream\";\n    }\n}\n"],"names":["FileItem","data","url","generateId","documentUrl","URL","pathname","name","extension","mimeTypes"],"mappings":";AAGO,MAAMA;IAOT,YAAsBC,IAMrB,CAAE;QACC,IAAI,CAAC,GAAG,GAAGA,KAAK,EAAE;QAClB,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;QACtB,IAAI,CAAC,IAAI,GAAGA,KAAK,GAAG;QACpB,IAAI,CAAC,SAAS,GAAGA,KAAK,QAAQ;QAC9B,IAAI,CAAC,KAAK,GAAGA,KAAK,IAAI;IAC1B;IAEA,OAAO,OAAOA,IAAiB,EAAY;QACvC,MAAMC,MAAM,SAASD,OAAOA,KAAK,GAAG,GAAGA,KAAK,GAAG;QAC/C,OAAO,IAAID,SAAS;YAChB,IAAIG,WAAWF,KAAK,EAAE;YACtB,MAAMA,KAAK,IAAI,IAAIC;YACnBA;YACA,UAAUD,KAAK,QAAQ,IAAI,IAAI,CAAC,kBAAkB;YAClD,MAAMA,KAAK,IAAI,IAAI;QACvB;IACJ;IAEA,OAAO,cAAcC,GAAW,EAAY;QACxC,MAAME,cAAc,IAAIC,IAAIH;QAC5B,MAAMI,WAAWF,YAAY,QAAQ;QACrC,MAAMG,OAAOD,SAAS,SAAS,CAACA,SAAS,WAAW,CAAC,OAAO;QAC5D,MAAME,YAAYD,KAAK,KAAK,CAAC,KAAK,GAAG,IAAI,iBAAiB;QAG1D,MAAME,YAAoC;YAEtC,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,OAAO;YACP,IAAI;YAGJ,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YACN,KAAK;YACL,MAAM;YAGN,KAAK;YACL,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,KAAK;YACL,MAAM;YACN,KAAK;YACL,KAAK;YAGL,KAAK;YACL,KAAK;YACL,KAAK;YACL,IAAI;YACJ,KAAK;YACL,MAAM;YAGN,IAAI;YACJ,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,MAAM;YACN,GAAG;YACH,KAAK;YACL,IAAI;YACJ,KAAK;YACL,IAAI;YACJ,IAAI;YACJ,OAAO;QACX;QAEA,OAAO,IAAIT,SAAS;YAChB,IAAIG;YACJI;YACAL;YACA,UAAUO,SAAS,CAACD,UAAU,IAAI,IAAI,CAAC,kBAAkB;YACzD,MAAM;QACV;IACJ;IAEA,IAAI,KAAK;QACL,OAAO,IAAI,CAAC,GAAG;IACnB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,MAAM;QACN,OAAO,IAAI,CAAC,IAAI;IACpB;IAEA,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,OAAe,qBAA6B;QACxC,OAAO;IACX;AACJ"}

package/FilePicker/domains/FileItemDto.d.ts

@@ -1,7 +1,14 @@
-export interface FileItemDto {
+interface BaseFileItemDto {
     id?: string;
     name?: string;
-    url: string;
     mimeType?: string;
     size?: number;
 }
+interface SrcFileItemDto extends BaseFileItemDto {
+    src: string;
+}
+interface UrlFileItemDto extends BaseFileItemDto {
+    url: string;
+}
+export type FileItemDto = SrcFileItemDto | UrlFileItemDto;
+export {};

package/FilePicker/domains/FileItemDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=FileItemDto.js.map

package/FilePicker/domains/FileItemFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=FileItemFormatted.js.map

package/FilePicker/domains/FileItemFormatter.js

@@ -1,13 +1,14 @@
-export class FileItemFormatter {
-  static format(item) {
-    return {
-      id: item.id,
-      name: item.name,
-      url: item.url,
-      mimeType: item.mimeType,
-      size: item.size
-    };
-  }
+class FileItemFormatter {
+    static format(item) {
+        return {
+            id: item.id,
+            name: item.name,
+            url: item.url,
+            mimeType: item.mimeType,
+            size: item.size
+        };
+    }
 }
+export { FileItemFormatter };
 
 //# sourceMappingURL=FileItemFormatter.js.map

package/FilePicker/domains/FileItemFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["FileItemFormatter","format","item","id","name","url","mimeType","size"],"sources":["FileItemFormatter.ts"],"sourcesContent":["import type { FileItem } from \"./FileItem.js\";\nimport type { FileItemFormatted } from \"./FileItemFormatted.js\";\n\nexport class FileItemFormatter {\n    static format(item: FileItem): FileItemFormatted {\n        return {\n            id: item.id,\n            name: item.name,\n            url: item.url,\n            mimeType: item.mimeType,\n            size: item.size\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,iBAAiB,CAAC;EAC3B,OAAOC,MAAMA,CAACC,IAAc,EAAqB;IAC7C,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,IAAI,EAAEF,IAAI,CAACE,IAAI;MACfC,GAAG,EAAEH,IAAI,CAACG,GAAG;MACbC,QAAQ,EAAEJ,IAAI,CAACI,QAAQ;MACvBC,IAAI,EAAEL,IAAI,CAACK;IACf,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"FilePicker/domains/FileItemFormatter.js","sources":["../../../src/FilePicker/domains/FileItemFormatter.ts"],"sourcesContent":["import type { FileItem } from \"./FileItem.js\";\nimport type { FileItemFormatted } from \"./FileItemFormatted.js\";\n\nexport class FileItemFormatter {\n    static format(item: FileItem): FileItemFormatted {\n        return {\n            id: item.id,\n            name: item.name,\n            url: item.url,\n            mimeType: item.mimeType,\n            size: item.size\n        };\n    }\n}\n"],"names":["FileItemFormatter","item"],"mappings":"AAGO,MAAMA;IACT,OAAO,OAAOC,IAAc,EAAqB;QAC7C,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,MAAMA,KAAK,IAAI;YACf,KAAKA,KAAK,GAAG;YACb,UAAUA,KAAK,QAAQ;YACvB,MAAMA,KAAK,IAAI;QACnB;IACJ;AACJ"}

package/FilePicker/domains/index.js

@@ -1,4 +1,2 @@
 export * from "./FileItem.js";
 export * from "./FileItemFormatter.js";
-
-//# sourceMappingURL=index.js.map

package/FilePicker/index.js

@@ -1,5 +1,3 @@
 export * from "./domains/index.js";
 export * from "./primitives/index.js";
 export * from "./FilePicker.js";
-
-//# sourceMappingURL=index.js.map

package/FilePicker/primitives/FilePickerPrimitive.d.ts

@@ -6,7 +6,7 @@ import { FileItem, type FileItemDto, type FileItemFormatted } from "../domains/i
 import type { FilePreviewRendererProps, TriggerRendererProps } from "./components/types.js";
 declare const filePickerVariants: (props?: ({
     type?: "area" | "compact" | null | undefined;
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
+    variant?: "ghost" | "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof filePickerVariants> {
     /**
@@ -63,60 +63,61 @@ interface FilePickerPrimitiveProps extends React.HTMLAttributes<HTMLDivElement>,
      */
     value?: FileItemDto | string | null;
 }
-declare const FilePickerPrimitive: (({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-    original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+declare const BaseFilePickerPrimitive: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+declare const FilePickerPrimitive: typeof BaseFilePickerPrimitive & {
+    original: typeof BaseFilePickerPrimitive;
     originalName: string;
     displayName: string;
 } & {
-    original: (({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+    original: typeof BaseFilePickerPrimitive & {
+        original: typeof BaseFilePickerPrimitive;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element) & {
-        original: ({ className, containerStyle, description, disabled, invalid, label, onEditItem, onRemoveItem, onSelectItem, placeholder, renderFilePreview, renderTrigger, type, value, variant }: FilePickerPrimitiveProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof BaseFilePickerPrimitive & {
+        original: typeof BaseFilePickerPrimitive;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 } & {
     Preview: {
-        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
-            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
+        Image: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
+            original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
+            original: (({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
-                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element) & {
+                original: ({ value, className, variant, disabled, onRemoveItem, onReplaceItem, onEditItem, renderImage }: import("./index.js").ImagePreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;
         };
-        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
-            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
+        RichItem: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
+            original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
             originalName: string;
             displayName: string;
         } & {
-            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
+            original: (({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             };
             originalName: string;
             displayName: string;
         } & {
-            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
-                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element) & {
+                original: ({ className, disabled, onRemoveItem, onReplaceItem, onEditItem, value, variant, preview, renderImage, ...props }: import("./index.js").RichItemPreviewProps) => React.JSX.Element;
                 originalName: string;
                 displayName: string;
             }>) => (props: unknown) => React.JSX.Element;