@chayns-components/gallery 5.0.53 → 5.0.56

package/lib/cjs/components/Gallery.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Gallery.types.js.map

package/lib/cjs/components/Gallery.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.types.js","names":[],"sources":["../../../src/components/Gallery.types.ts"],"sourcesContent":["import type { FileItem } from '@chayns-components/core';\nimport type { GalleryViewMode } from '../types/gallery';\n\n/**\n * Props for the public Gallery wrapper component.\n */\nexport interface GalleryProps {\n    /**\n     * Enables drag and drop while the component is used in edit mode.\n     * @description\n     * This prop only affects the editor path. In read-only mode, drag and drop stays disabled regardless of this value.\n     * @default false\n     * @example\n     * <Gallery allowDragAndDrop isEditMode files={files} />\n     * @optional\n     */\n    allowDragAndDrop?: boolean;\n    /**\n     * Defines the dialog message that is shown when a duplicate upload is detected.\n     * @description\n     * The message is used by the editor when a locally added file resolves to an already known uploaded file.\n     * @default 'Diese Datei ist bereits vorhanden'\n     * @example\n     * <Gallery doubleFileDialogMessage=\"This file already exists.\" isEditMode files={files} />\n     * @optional\n     */\n    doubleFileDialogMessage?: string;\n    /**\n     * Defines the minimum width of one tile in edit mode.\n     * @description\n     * The editor uses this value to build its responsive grid. It has no effect in the read-only viewer.\n     * @default 100\n     * @example\n     * <Gallery fileMinWidth={140} isEditMode files={files} />\n     * @optional\n     */\n    fileMinWidth?: number;\n    /**\n     * Provides already known media items that should be rendered by the gallery.\n     * @description\n     * In read-only mode, these files are rendered directly from props. In edit mode, they are used as the external baseline\n     * for already uploaded media while local uploads are managed internally.\n     * @example\n     * <Gallery files={files} />\n     * @optional\n     */\n    files?: FileItem[];\n    /**\n     * Enables the editable upload mode instead of the read-only viewer mode.\n     * @description\n     * When set to `true`, the public wrapper renders `GalleryEditor`. Otherwise it renders `GalleryViewer`.\n     * @default false\n     * @example\n     * <Gallery isEditMode files={files} />\n     * @optional\n     */\n    isEditMode?: boolean;\n    /**\n     * Limits how many files can be managed in edit mode.\n     * @description\n     * Once the limit is reached, the editor hides the add-tile and does not accept more files.\n     * This prop has no effect in read-only mode.\n     * @example\n     * <Gallery isEditMode maxFiles={6} files={files} />\n     * @optional\n     */\n    maxFiles?: number;\n    /**\n     * Is called after a file has been uploaded successfully in edit mode.\n     * @description\n     * The callback receives the uploaded file representation that should be merged into the consuming state.\n     * It is never called by the read-only viewer.\n     * @example\n     * <Gallery isEditMode onAdd={(file) => setFiles((prev) => [...prev, file])} />\n     * @optional\n     */\n    onAdd?: (file: FileItem) => void;\n    /**\n     * Is called whenever the internal item count changes in edit mode.\n     * @description\n     * This includes already uploaded files and locally pending uploads that are currently managed by the editor.\n     * It is useful when surrounding UI needs to know whether uploads are still in progress.\n     * @example\n     * <Gallery isEditMode onFileCountChange={(count) => console.log(count)} />\n     * @optional\n     */\n    onFileCountChange?: (fileCount: number) => void;\n    /**\n     * Is called after an uploaded file has been removed in edit mode.\n     * @description\n     * The callback receives the removed uploaded file so the consuming state can remove it as well.\n     * It is never called by the read-only viewer.\n     * @example\n     * <Gallery isEditMode onRemove={(file) => removeFile(file.id)} />\n     * @optional\n     */\n    onRemove?: (file: FileItem) => void;\n    /**\n     * Defines how known media items are arranged in read-only mode.\n     * @description\n     * This prop only affects the viewer path. The editor always uses its dedicated editable grid layout.\n     * @default GalleryViewMode.GRID\n     * @example\n     * <Gallery files={files} viewMode={GalleryViewMode.SQUARE} />\n     * @optional\n     */\n    viewMode?: GalleryViewMode;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/gallery-editor/GalleryEditor.js

@@ -0,0 +1,198 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _chaynsApi = require("chayns-api");
+var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("uuid");
+var _file = require("../../utils/file");
+var _gallery = require("../../utils/gallery");
+var _AddFile = _interopRequireDefault(require("./add-file/AddFile"));
+var _GalleryEditorItem = _interopRequireDefault(require("./gallery-editor-item/GalleryEditorItem"));
+var _GalleryEditor = require("./GalleryEditor.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const GalleryEditor = ({
+  allowDragAndDrop = false,
+  doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',
+  fileMinWidth = 100,
+  files,
+  maxFiles,
+  onAdd,
+  onFileCountChange,
+  onRemove
+}) => {
+  const [fileItems, setFileItems] = (0, _react.useState)(() => (0, _gallery.mapFilesToInternalItems)(files));
+  const handlePreviewUrlCallback = (0, _react.useCallback)((previewUrl, file) => {
+    setFileItems(prevState => prevState.map(prevFile => {
+      if (prevFile.id === file.id) {
+        return {
+          ...prevFile,
+          previewUrl
+        };
+      }
+      return prevFile;
+    }));
+  }, []);
+  const callDuplicateFileDialog = (0, _react.useCallback)(() => {
+    (0, _chaynsApi.createDialog)({
+      type: _chaynsApi.DialogType.ALERT,
+      text: doubleFileDialogMessage
+    });
+  }, [doubleFileDialogMessage]);
+  const handleUploadFileCallback = (0, _react.useCallback)((file, uploadedFile) => {
+    setFileItems(prevState => {
+      const updatedState = prevState.map(prevFile => {
+        var _prevFile$uploadedFil;
+        if (((_prevFile$uploadedFil = prevFile.uploadedFile) === null || _prevFile$uploadedFil === void 0 ? void 0 : _prevFile$uploadedFil.url) === uploadedFile.url) {
+          callDuplicateFileDialog();
+          return undefined;
+        }
+        if (prevFile.id === file.id) {
+          if (typeof onAdd === 'function') {
+            const prevElement = prevState.find(({
+              uploadedFile: nextUploadedFile
+            }) => (nextUploadedFile === null || nextUploadedFile === void 0 ? void 0 : nextUploadedFile.url) === (uploadedFile === null || uploadedFile === void 0 ? void 0 : uploadedFile.url));
+            if (!prevElement) {
+              onAdd({
+                file: uploadedFile,
+                id: file.id
+              });
+            }
+          }
+          return {
+            ...prevFile,
+            uploadedFile,
+            state: 'uploaded'
+          };
+        }
+        return prevFile;
+      });
+      return updatedState.filter(Boolean);
+    });
+  }, [callDuplicateFileDialog, onAdd]);
+  const handleAddFiles = (0, _react.useCallback)(filesToAdd => {
+    const newFileItems = [];
+    filesToAdd.forEach(file => {
+      if (file && !(0, _file.filterDuplicateFile)({
+        files: fileItems,
+        newFile: file
+      })) {
+        newFileItems.push({
+          id: (0, _uuid.v4)(),
+          file,
+          state: 'none'
+        });
+      }
+    });
+    let limitedFileItems = newFileItems;
+    if (maxFiles) {
+      limitedFileItems = newFileItems.slice(0, Math.max(maxFiles - fileItems.length, 0));
+    }
+    setFileItems(prevState => [...prevState, ...limitedFileItems]);
+  }, [fileItems, maxFiles]);
+  const handleDeleteFile = (0, _react.useCallback)(id => {
+    let fileToDelete;
+    const filteredFiles = fileItems.filter(file => {
+      if (file.id === id && file.uploadedFile) {
+        fileToDelete = {
+          file: file.uploadedFile,
+          id
+        };
+      }
+      return file.id !== id;
+    });
+    setFileItems(filteredFiles);
+    if (!fileToDelete || typeof onRemove !== 'function') {
+      return;
+    }
+    onRemove(fileToDelete);
+  }, [fileItems, onRemove]);
+  const handleDrop = (0, _react.useCallback)(event => {
+    if (!allowDragAndDrop) {
+      return;
+    }
+    event.preventDefault();
+    handleAddFiles(Array.from(event.dataTransfer.files));
+  }, [allowDragAndDrop, handleAddFiles]);
+  const handleOpenFiles = (0, _react.useCallback)(file => {
+    (0, _gallery.openFiles)(fileItems, file);
+  }, [fileItems]);
+  (0, _react.useEffect)(() => {
+    if (typeof onFileCountChange === 'function') {
+      onFileCountChange(fileItems.length);
+    }
+  }, [fileItems.length, onFileCountChange]);
+  (0, _react.useEffect)(() => {
+    const filesToGeneratePreview = fileItems.filter(file => file.file && !file.previewUrl && (file.state === 'none' || !file.state));
+    const filesToUpload = fileItems.filter(file => file.file && !file.uploadedFile && file.state !== 'uploading');
+    filesToGeneratePreview.forEach(file => {
+      if (!file.file) {
+        return;
+      }
+      if (file.file.type.includes('video/')) {
+        (0, _file.generateVideoThumbnail)({
+          file: file.file,
+          callback: previewUrl => handlePreviewUrlCallback(previewUrl, file)
+        });
+        return;
+      }
+      (0, _file.generatePreviewUrl)({
+        file: file.file,
+        callback: previewUrl => handlePreviewUrlCallback(previewUrl, file)
+      });
+    });
+    filesToUpload.forEach(file => {
+      setFileItems(prevState => prevState.map(prevFile => {
+        if (prevFile.id === file.id) {
+          return {
+            ...prevFile,
+            state: 'uploading'
+          };
+        }
+        return prevFile;
+      }));
+      void (0, _core.uploadFile)({
+        fileToUpload: file,
+        callback: uploadedFile => handleUploadFileCallback(file, uploadedFile)
+      });
+    });
+  }, [fileItems, handlePreviewUrlCallback, handleUploadFileCallback]);
+  (0, _react.useEffect)(() => {
+    const externalFileItems = (0, _gallery.mapFilesToInternalItems)(files);
+    setFileItems(prevState => {
+      // Keep local-only items such as pending uploads while refreshing known external media.
+      const updatedItems = prevState.map(prevItem => {
+        const matchingItem = externalFileItems.find(item => item.uploadedFile && item.uploadedFile.url === (prevItem.uploadedFile && prevItem.uploadedFile.url));
+        return matchingItem || prevItem;
+      });
+      return updatedItems.concat(externalFileItems.filter(newItem => !prevState.some(prevItem => prevItem.uploadedFile && newItem.uploadedFile && prevItem.uploadedFile.url === newItem.uploadedFile.url)));
+    });
+  }, [files]);
+  const galleryItems = (0, _react.useMemo)(() => {
+    const items = fileItems.map(file => /*#__PURE__*/_react.default.createElement(_GalleryEditorItem.default, {
+      key: file.id,
+      fileItem: file,
+      onClick: handleOpenFiles,
+      handleDeleteFile: handleDeleteFile
+    }));
+    if (maxFiles && maxFiles <= fileItems.length) {
+      return items;
+    }
+    return [...items, /*#__PURE__*/_react.default.createElement(_AddFile.default, {
+      key: "add_file",
+      onAdd: handleAddFiles
+    })];
+  }, [fileItems, handleAddFiles, handleDeleteFile, handleOpenFiles, maxFiles]);
+  return /*#__PURE__*/_react.default.createElement(_GalleryEditor.StyledGalleryEditor, null, /*#__PURE__*/_react.default.createElement(_GalleryEditor.StyledGalleryEditorGrid, {
+    $fileMinWidth: fileMinWidth,
+    onDragOver: event => event.preventDefault(),
+    onDrop: event => void handleDrop(event)
+  }, galleryItems));
+};
+GalleryEditor.displayName = 'GalleryEditor';
+var _default = exports.default = GalleryEditor;
+//# sourceMappingURL=GalleryEditor.js.map

package/lib/cjs/components/gallery-editor/GalleryEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditor.js","names":["_core","require","_chaynsApi","_react","_interopRequireWildcard","_uuid","_file","_gallery","_AddFile","_interopRequireDefault","_GalleryEditorItem","_GalleryEditor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryEditor","allowDragAndDrop","doubleFileDialogMessage","fileMinWidth","files","maxFiles","onAdd","onFileCountChange","onRemove","fileItems","setFileItems","useState","mapFilesToInternalItems","handlePreviewUrlCallback","useCallback","previewUrl","file","prevState","map","prevFile","id","callDuplicateFileDialog","createDialog","type","DialogType","ALERT","text","handleUploadFileCallback","uploadedFile","updatedState","_prevFile$uploadedFil","url","undefined","prevElement","find","nextUploadedFile","state","filter","Boolean","handleAddFiles","filesToAdd","newFileItems","forEach","filterDuplicateFile","newFile","push","uuidv4","limitedFileItems","slice","Math","max","length","handleDeleteFile","fileToDelete","filteredFiles","handleDrop","event","preventDefault","Array","from","dataTransfer","handleOpenFiles","openFiles","useEffect","filesToGeneratePreview","filesToUpload","includes","generateVideoThumbnail","callback","generatePreviewUrl","uploadFile","fileToUpload","externalFileItems","updatedItems","prevItem","matchingItem","item","concat","newItem","some","galleryItems","useMemo","items","createElement","key","fileItem","onClick","StyledGalleryEditor","StyledGalleryEditorGrid","$fileMinWidth","onDragOver","onDrop","displayName","_default","exports"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.tsx"],"sourcesContent":["import {\n    Image,\n    uploadFile,\n    Video,\n    type FileItem,\n    type InternalFileItem,\n} from '@chayns-components/core';\nimport { createDialog, DialogType } from 'chayns-api';\nimport React, { DragEvent, FC, useCallback, useEffect, useMemo, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { filterDuplicateFile, generatePreviewUrl, generateVideoThumbnail } from '../../utils/file';\nimport { openFiles, mapFilesToInternalItems } from '../../utils/gallery';\nimport AddFile from './add-file/AddFile';\nimport GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';\nimport { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.styles';\nimport type { GalleryEditorProps } from './GalleryEditor.types';\n\nconst GalleryEditor: FC<GalleryEditorProps> = ({\n    allowDragAndDrop = false,\n    doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',\n    fileMinWidth = 100,\n    files,\n    maxFiles,\n    onAdd,\n    onFileCountChange,\n    onRemove,\n}) => {\n    const [fileItems, setFileItems] = useState<InternalFileItem[]>(() =>\n        mapFilesToInternalItems(files),\n    );\n\n    const handlePreviewUrlCallback = useCallback((previewUrl: string, file: InternalFileItem) => {\n        setFileItems((prevState) =>\n            prevState.map((prevFile) => {\n                if (prevFile.id === file.id) {\n                    return { ...prevFile, previewUrl };\n                }\n\n                return prevFile;\n            }),\n        );\n    }, []);\n\n    const callDuplicateFileDialog = useCallback(() => {\n        createDialog({ type: DialogType.ALERT, text: doubleFileDialogMessage });\n    }, [doubleFileDialogMessage]);\n\n    const handleUploadFileCallback = useCallback(\n        (file: InternalFileItem, uploadedFile: Video | Image) => {\n            setFileItems((prevState) => {\n                const updatedState = prevState.map((prevFile) => {\n                    if (prevFile.uploadedFile?.url === uploadedFile.url) {\n                        callDuplicateFileDialog();\n\n                        return undefined;\n                    }\n\n                    if (prevFile.id === file.id) {\n                        if (typeof onAdd === 'function') {\n                            const prevElement = prevState.find(\n                                ({ uploadedFile: nextUploadedFile }) =>\n                                    nextUploadedFile?.url === uploadedFile?.url,\n                            );\n\n                            if (!prevElement) {\n                                onAdd({\n                                    file: uploadedFile,\n                                    id: file.id,\n                                });\n                            }\n                        }\n\n                        return {\n                            ...prevFile,\n                            uploadedFile,\n                            state: 'uploaded',\n                        };\n                    }\n\n                    return prevFile;\n                });\n\n                return updatedState.filter(Boolean) as InternalFileItem[];\n            });\n        },\n        [callDuplicateFileDialog, onAdd],\n    );\n\n    const handleAddFiles = useCallback(\n        (filesToAdd: File[]) => {\n            const newFileItems: InternalFileItem[] = [];\n\n            filesToAdd.forEach((file) => {\n                if (file && !filterDuplicateFile({ files: fileItems, newFile: file })) {\n                    newFileItems.push({\n                        id: uuidv4(),\n                        file,\n                        state: 'none',\n                    });\n                }\n            });\n\n            let limitedFileItems = newFileItems;\n\n            if (maxFiles) {\n                limitedFileItems = newFileItems.slice(0, Math.max(maxFiles - fileItems.length, 0));\n            }\n\n            setFileItems((prevState) => [...prevState, ...limitedFileItems]);\n        },\n        [fileItems, maxFiles],\n    );\n\n    const handleDeleteFile = useCallback(\n        (id?: string) => {\n            let fileToDelete: FileItem | undefined;\n\n            const filteredFiles = fileItems.filter((file) => {\n                if (file.id === id && file.uploadedFile) {\n                    fileToDelete = { file: file.uploadedFile, id };\n                }\n\n                return file.id !== id;\n            });\n\n            setFileItems(filteredFiles);\n\n            if (!fileToDelete || typeof onRemove !== 'function') {\n                return;\n            }\n\n            onRemove(fileToDelete);\n        },\n        [fileItems, onRemove],\n    );\n\n    const handleDrop = useCallback(\n        (event: DragEvent<HTMLDivElement>) => {\n            if (!allowDragAndDrop) {\n                return;\n            }\n\n            event.preventDefault();\n\n            handleAddFiles(Array.from(event.dataTransfer.files));\n        },\n        [allowDragAndDrop, handleAddFiles],\n    );\n\n    const handleOpenFiles = useCallback(\n        (file: InternalFileItem) => {\n            openFiles(fileItems, file);\n        },\n        [fileItems],\n    );\n\n    useEffect(() => {\n        if (typeof onFileCountChange === 'function') {\n            onFileCountChange(fileItems.length);\n        }\n    }, [fileItems.length, onFileCountChange]);\n\n    useEffect(() => {\n        const filesToGeneratePreview = fileItems.filter(\n            (file) => file.file && !file.previewUrl && (file.state === 'none' || !file.state),\n        );\n\n        const filesToUpload = fileItems.filter(\n            (file) => file.file && !file.uploadedFile && file.state !== 'uploading',\n        );\n\n        filesToGeneratePreview.forEach((file) => {\n            if (!file.file) {\n                return;\n            }\n\n            if (file.file.type.includes('video/')) {\n                generateVideoThumbnail({\n                    file: file.file,\n                    callback: (previewUrl) => handlePreviewUrlCallback(previewUrl, file),\n                });\n\n                return;\n            }\n\n            generatePreviewUrl({\n                file: file.file,\n                callback: (previewUrl) => handlePreviewUrlCallback(previewUrl, file),\n            });\n        });\n\n        filesToUpload.forEach((file) => {\n            setFileItems((prevState) =>\n                prevState.map((prevFile) => {\n                    if (prevFile.id === file.id) {\n                        return { ...prevFile, state: 'uploading' };\n                    }\n\n                    return prevFile;\n                }),\n            );\n\n            void uploadFile({\n                fileToUpload: file,\n                callback: (uploadedFile) => handleUploadFileCallback(file, uploadedFile),\n            });\n        });\n    }, [fileItems, handlePreviewUrlCallback, handleUploadFileCallback]);\n\n    useEffect(() => {\n        const externalFileItems = mapFilesToInternalItems(files);\n\n        setFileItems((prevState) => {\n            // Keep local-only items such as pending uploads while refreshing known external media.\n            const updatedItems = prevState.map((prevItem) => {\n                const matchingItem = externalFileItems.find(\n                    (item) =>\n                        item.uploadedFile &&\n                        item.uploadedFile.url ===\n                            (prevItem.uploadedFile && prevItem.uploadedFile.url),\n                );\n\n                return matchingItem || prevItem;\n            });\n\n            return updatedItems.concat(\n                externalFileItems.filter(\n                    (newItem) =>\n                        !prevState.some(\n                            (prevItem) =>\n                                prevItem.uploadedFile &&\n                                newItem.uploadedFile &&\n                                prevItem.uploadedFile.url === newItem.uploadedFile.url,\n                        ),\n                ),\n            );\n        });\n    }, [files]);\n\n    const galleryItems = useMemo(() => {\n        const items = fileItems.map((file) => (\n            <GalleryEditorItem\n                key={file.id}\n                fileItem={file}\n                onClick={handleOpenFiles}\n                handleDeleteFile={handleDeleteFile}\n            />\n        ));\n\n        if (maxFiles && maxFiles <= fileItems.length) {\n            return items;\n        }\n\n        return [...items, <AddFile key=\"add_file\" onAdd={handleAddFiles} />];\n    }, [fileItems, handleAddFiles, handleDeleteFile, handleOpenFiles, maxFiles]);\n\n    return (\n        <StyledGalleryEditor>\n            <StyledGalleryEditorGrid\n                $fileMinWidth={fileMinWidth}\n                onDragOver={(event) => event.preventDefault()}\n                onDrop={(event) => void handleDrop(event)}\n            >\n                {galleryItems}\n            </StyledGalleryEditorGrid>\n        </StyledGalleryEditor>\n    );\n};\n\nGalleryEditor.displayName = 'GalleryEditor';\n\nexport default GalleryEditor;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/gallery-editor/GalleryEditor.styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledGalleryEditorGrid = exports.StyledGalleryEditor = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledGalleryEditor = exports.StyledGalleryEditor = _styledComponents.default.div`
+    width: 100%;
+`;
+const StyledGalleryEditorGrid = exports.StyledGalleryEditorGrid = _styledComponents.default.div`
+    display: grid;
+    grid-template-columns: ${({
+  $fileMinWidth
+}) => `repeat(auto-fill, minmax(${$fileMinWidth}px, 1fr))`};
+    grid-auto-rows: 1fr;
+    gap: 6px;
+`;
+//# sourceMappingURL=GalleryEditor.styles.js.map

package/lib/cjs/components/gallery-editor/GalleryEditor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditor.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledGalleryEditor","exports","styled","div","StyledGalleryEditorGrid","$fileMinWidth"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledGalleryEditor = styled.div`\n    width: 100%;\n`;\n\nexport const StyledGalleryEditorGrid = styled.div<{\n    $fileMinWidth: number;\n}>`\n    display: grid;\n    grid-template-columns: ${({ $fileMinWidth }) =>\n        `repeat(auto-fill, minmax(${$fileMinWidth}px, 1fr))`};\n    grid-auto-rows: 1fr;\n    gap: 6px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC7C;AACA,CAAC;AAEM,MAAMC,uBAAuB,GAAAH,OAAA,CAAAG,uBAAA,GAAGF,yBAAM,CAACC,GAE5C;AACF;AACA,6BAA6B,CAAC;EAAEE;AAAc,CAAC,KACvC,4BAA4BA,aAAa,WAAW;AAC5D;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/gallery-editor/GalleryEditor.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=GalleryEditor.types.js.map

package/lib/cjs/components/gallery-editor/GalleryEditor.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditor.types.js","names":[],"sources":["../../../../src/components/gallery-editor/GalleryEditor.types.ts"],"sourcesContent":["import type { FileItem } from '@chayns-components/core';\n\n/**\n * Props for the editable gallery component.\n */\nexport interface GalleryEditorProps {\n    /**\n     * Enables drag and drop file selection inside the editor grid.\n     * @description\n     * When enabled, users can drop local image or video files onto the editor grid to start the upload flow.\n     * @default false\n     * @example\n     * <GalleryEditor allowDragAndDrop files={files} />\n     * @optional\n     */\n    allowDragAndDrop?: boolean;\n    /**\n     * Defines the dialog message that is shown when a duplicate upload is detected.\n     * @description\n     * The message is shown when a newly uploaded file resolves to a URL that already exists in the editor state.\n     * @default 'Diese Datei ist bereits vorhanden'\n     * @example\n     * <GalleryEditor doubleFileDialogMessage=\"This file already exists.\" files={files} />\n     * @optional\n     */\n    doubleFileDialogMessage?: string;\n    /**\n     * Defines the minimum width of one tile in the editor grid.\n     * @description\n     * The editor uses this value to size the responsive grid columns that hold uploaded items and the add-tile.\n     * @default 100\n     * @example\n     * <GalleryEditor fileMinWidth={140} files={files} />\n     * @optional\n     */\n    fileMinWidth?: number;\n    /**\n     * Provides already uploaded media items that should be merged into the editor state.\n     * @description\n     * These files represent the externally known uploaded baseline. The editor may additionally hold local pending uploads.\n     * @example\n     * <GalleryEditor files={files} />\n     * @optional\n     */\n    files?: FileItem[];\n    /**\n     * Limits how many files can be managed by the editor.\n     * @description\n     * After the limit is reached, the add-tile is hidden and additional file selection is ignored.\n     * @example\n     * <GalleryEditor files={files} maxFiles={6} />\n     * @optional\n     */\n    maxFiles?: number;\n    /**\n     * Is called after a file has been uploaded successfully.\n     * @description\n     * The callback receives the uploaded file representation so the consuming state can persist it externally.\n     * @example\n     * <GalleryEditor onAdd={(file) => setFiles((prev) => [...prev, file])} />\n     * @optional\n     */\n    onAdd?: (file: FileItem) => void;\n    /**\n     * Is called whenever the internal item count changes, including local pending uploads.\n     * @description\n     * Use this callback when surrounding UI needs to react to the number of currently managed items.\n     * @example\n     * <GalleryEditor onFileCountChange={(count) => console.log(count)} />\n     * @optional\n     */\n    onFileCountChange?: (fileCount: number) => void;\n    /**\n     * Is called after an uploaded file has been removed.\n     * @description\n     * The callback receives the removed uploaded file so the consuming state can remove it from its controlled `files` array.\n     * @example\n     * <GalleryEditor onRemove={(file) => removeFile(file.id)} />\n     * @optional\n     */\n    onRemove?: (file: FileItem) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/gallery-editor/add-file/AddFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFile.js","names":["_core","require","_react","_interopRequireWildcard","_AddFile","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddFile","onAdd","openSelectDialog","useCallback","files","selectFiles","multiple","type","createElement","StyledAddFile","key","StyledAddFIleIconWrapper","onClick","Icon","size","icons","displayName","_default","exports"],"sources":["../../../../../src/components/gallery-editor/add-file/AddFile.tsx"],"sourcesContent":["import { Icon, selectFiles } from '@chayns-components/core';\nimport React, { FC, useCallback } from 'react';\nimport { StyledAddFile, StyledAddFIleIconWrapper } from './AddFile.styles';\nimport type { AddFileProps } from './AddFile.types';\n\nconst AddFile: FC<AddFileProps> = ({ onAdd }) => {\n    const openSelectDialog = useCallback(async () => {\n        const files = await selectFiles({\n            multiple: true,\n            type: 'image/*, video/*',\n        });\n\n        onAdd(files);\n    }, [onAdd]);\n\n    return (\n        <StyledAddFile key=\"addButton\">\n            <StyledAddFIleIconWrapper onClick={() => void openSelectDialog()}>\n                <Icon size={40} icons={['fa fa-plus']} />\n            </StyledAddFIleIconWrapper>\n        </StyledAddFile>\n    );\n};\n\nAddFile.displayName = 'AddFile';\n\nexport default AddFile;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAA2E,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG3E,MAAMkB,OAAyB,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC7C,MAAMC,KAAK,GAAG,MAAM,IAAAC,iBAAW,EAAC;MAC5BC,QAAQ,EAAE,IAAI;MACdC,IAAI,EAAE;IACV,CAAC,CAAC;IAEFN,KAAK,CAACG,KAAK,CAAC;EAChB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEX,oBACIvB,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC5B,QAAA,CAAA6B,aAAa;IAACC,GAAG,EAAC;EAAW,gBAC1BhC,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC5B,QAAA,CAAA+B,wBAAwB;IAACC,OAAO,EAAEA,CAAA,KAAM,KAAKV,gBAAgB,CAAC;EAAE,gBAC7DxB,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAChC,KAAA,CAAAqC,IAAI;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,YAAY;EAAE,CAAE,CAClB,CACf,CAAC;AAExB,CAAC;AAEDf,OAAO,CAACgB,WAAW,GAAG,SAAS;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEjBS,OAAO","ignoreList":[]}

package/lib/cjs/components/gallery-editor/add-file/AddFile.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFile.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledAddFile","exports","styled","div","StyledAddFIleIconWrapper","button","theme"],"sources":["../../../../../src/components/gallery-editor/add-file/AddFile.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\nexport const StyledAddFile = styled.div`\n    position: relative;\n`;\n\ntype StyledAddFIleIconWrapperProps = WithTheme<unknown>;\n\nexport const StyledAddFIleIconWrapper = styled.button<StyledAddFIleIconWrapperProps>`\n    background-color: ${({ theme }: StyledAddFIleIconWrapperProps) => theme['101']};\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledAddFIleIconWrapperProps) => theme['009-rgb']}, 0.08) inset;\n    width: 100%;\n    aspect-ratio: 1 / 1;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,yBAAM,CAACC,GAAG;AACvC;AACA,CAAC;AAIM,MAAMC,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAGF,yBAAM,CAACG,MAAqC;AACpF,wBAAwB,CAAC;EAAEC;AAAqC,CAAC,KAAKA,KAAK,CAAC,KAAK,CAAC;AAClF;AACA,eAAe,CAAC;EAAEA;AAAqC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC7E;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/gallery-editor/add-file/AddFile.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=AddFile.types.js.map

package/lib/cjs/components/gallery-editor/add-file/AddFile.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFile.types.js","names":[],"sources":["../../../../../src/components/gallery-editor/add-file/AddFile.types.ts"],"sourcesContent":["/**\n * Props for the add-file tile inside the gallery editor.\n */\nexport interface AddFileProps {\n    /**\n     * Is called with the selected local files.\n     * @description\n     * The editor add-tile uses this callback after the file picker resolves with the selected local image or video files.\n     * @example\n     * <AddFile onAdd={(files) => console.log(files)} />\n     */\n    onAdd: (files: File[]) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = require("motion/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _GalleryEditorItem = require("./GalleryEditorItem.styles");
+var _GalleryEditorMediaItem = _interopRequireDefault(require("./gallery-editor-media-item/GalleryEditorMediaItem"));
+var _GalleryEditorPreviewItem = _interopRequireDefault(require("./gallery-editor-preview-item/GalleryEditorPreviewItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GalleryEditorItem = ({
+  fileItem,
+  handleDeleteFile,
+  ratio = 1,
+  onClick
+}) => {
+  const mediaContent = !fileItem.state || fileItem.state === 'none' || !fileItem.previewUrl && !fileItem.uploadedFile ? null : fileItem.state === 'uploading' ? /*#__PURE__*/_react2.default.createElement(_GalleryEditorPreviewItem.default, {
+    ratio: ratio,
+    key: `uploading_${fileItem.id ?? ''}`,
+    fileItem: fileItem
+  }) : /*#__PURE__*/_react2.default.createElement(_GalleryEditorMediaItem.default, {
+    key: `uploaded_${fileItem.id ?? ''}`,
+    fileItem: fileItem,
+    ratio: ratio,
+    openSelectedFile: onClick
+  });
+  return /*#__PURE__*/_react2.default.createElement(_GalleryEditorItem.StyledGalleryEditorItem, null, /*#__PURE__*/_react2.default.createElement(_GalleryEditorItem.StyledGalleryEditorItemDeleteButton, {
+    onClick: () => handleDeleteFile(fileItem.id)
+  }, /*#__PURE__*/_react2.default.createElement(_core.Icon, {
+    size: 20,
+    icons: ['ts-wrong']
+  })), /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
+    initial: false
+  }, mediaContent));
+};
+GalleryEditorItem.displayName = 'GalleryEditorItem';
+var _default = exports.default = GalleryEditorItem;
+//# sourceMappingURL=GalleryEditorItem.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorItem.js","names":["_core","require","_react","_react2","_interopRequireDefault","_GalleryEditorItem","_GalleryEditorMediaItem","_GalleryEditorPreviewItem","e","__esModule","default","GalleryEditorItem","fileItem","handleDeleteFile","ratio","onClick","mediaContent","state","previewUrl","uploadedFile","createElement","key","id","openSelectedFile","StyledGalleryEditorItem","StyledGalleryEditorItemDeleteButton","Icon","size","icons","AnimatePresence","initial","displayName","_default","exports"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.tsx"],"sourcesContent":["import { Icon } from '@chayns-components/core';\nimport { AnimatePresence } from 'motion/react';\nimport React, { FC } from 'react';\nimport {\n    StyledGalleryEditorItem,\n    StyledGalleryEditorItemDeleteButton,\n} from './GalleryEditorItem.styles';\nimport GalleryEditorMediaItem from './gallery-editor-media-item/GalleryEditorMediaItem';\nimport GalleryEditorPreviewItem from './gallery-editor-preview-item/GalleryEditorPreviewItem';\nimport type { GalleryEditorItemProps } from './GalleryEditorItem.types';\n\nconst GalleryEditorItem: FC<GalleryEditorItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    ratio = 1,\n    onClick,\n}) => {\n    const mediaContent =\n        !fileItem.state ||\n        fileItem.state === 'none' ||\n        (!fileItem.previewUrl && !fileItem.uploadedFile) ? null : fileItem.state === 'uploading' ? (\n            <GalleryEditorPreviewItem\n                ratio={ratio}\n                key={`uploading_${fileItem.id ?? ''}`}\n                fileItem={fileItem}\n            />\n        ) : (\n            <GalleryEditorMediaItem\n                key={`uploaded_${fileItem.id ?? ''}`}\n                fileItem={fileItem}\n                ratio={ratio}\n                openSelectedFile={onClick}\n            />\n        );\n\n    return (\n        <StyledGalleryEditorItem>\n            <StyledGalleryEditorItemDeleteButton onClick={() => handleDeleteFile(fileItem.id)}>\n                <Icon size={20} icons={['ts-wrong']} />\n            </StyledGalleryEditorItemDeleteButton>\n            <AnimatePresence initial={false}>{mediaContent}</AnimatePresence>\n        </StyledGalleryEditorItem>\n    );\n};\n\nGalleryEditorItem.displayName = 'GalleryEditorItem';\n\nexport default GalleryEditorItem;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAIA,IAAAK,uBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,yBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAA8F,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG9F,MAAMG,iBAA6C,GAAGA,CAAC;EACnDC,QAAQ;EACRC,gBAAgB;EAChBC,KAAK,GAAG,CAAC;EACTC;AACJ,CAAC,KAAK;EACF,MAAMC,YAAY,GACd,CAACJ,QAAQ,CAACK,KAAK,IACfL,QAAQ,CAACK,KAAK,KAAK,MAAM,IACxB,CAACL,QAAQ,CAACM,UAAU,IAAI,CAACN,QAAQ,CAACO,YAAa,GAAG,IAAI,GAAGP,QAAQ,CAACK,KAAK,KAAK,WAAW,gBACpFd,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAACb,yBAAA,CAAAG,OAAwB;IACrBI,KAAK,EAAEA,KAAM;IACbO,GAAG,EAAE,aAAaT,QAAQ,CAACU,EAAE,IAAI,EAAE,EAAG;IACtCV,QAAQ,EAAEA;EAAS,CACtB,CAAC,gBAEFT,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAACd,uBAAA,CAAAI,OAAsB;IACnBW,GAAG,EAAE,YAAYT,QAAQ,CAACU,EAAE,IAAI,EAAE,EAAG;IACrCV,QAAQ,EAAEA,QAAS;IACnBE,KAAK,EAAEA,KAAM;IACbS,gBAAgB,EAAER;EAAQ,CAC7B,CACJ;EAEL,oBACIZ,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAACf,kBAAA,CAAAmB,uBAAuB,qBACpBrB,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAACf,kBAAA,CAAAoB,mCAAmC;IAACV,OAAO,EAAEA,CAAA,KAAMF,gBAAgB,CAACD,QAAQ,CAACU,EAAE;EAAE,gBAC9EnB,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAACpB,KAAA,CAAA0B,IAAI;IAACC,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,UAAU;EAAE,CAAE,CACL,CAAC,eACtCzB,OAAA,CAAAO,OAAA,CAAAU,aAAA,CAAClB,MAAA,CAAA2B,eAAe;IAACC,OAAO,EAAE;EAAM,GAAEd,YAA8B,CAC3C,CAAC;AAElC,CAAC;AAEDL,iBAAiB,CAACoB,WAAW,GAAG,mBAAmB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAErCC,iBAAiB","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledGalleryEditorItemDeleteButton = exports.StyledGalleryEditorItem = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledGalleryEditorItem = exports.StyledGalleryEditorItem = _styledComponents.default.div`
+    display: flex;
+    position: relative;
+    height: 100%;
+    width: 100%;
+`;
+const StyledGalleryEditorItemDeleteButton = exports.StyledGalleryEditorItemDeleteButton = _styledComponents.default.button`
+    background-color: rgba(
+        ${({
+  theme
+}) => theme['000-rgb']},
+        0.75
+    );
+    box-shadow: 0 0 0 1px
+        rgba(${({
+  theme
+}) => theme['009-rgb']}, 0.08)
+        inset;
+    position: absolute;
+    top: 0;
+    right: 0;
+    z-index: 2;
+    height: 30px;
+    width: 30px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+`;
+//# sourceMappingURL=GalleryEditorItem.styles.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledGalleryEditorItem","exports","styled","div","StyledGalleryEditorItemDeleteButton","button","theme"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\nexport const StyledGalleryEditorItem = styled.div`\n    display: flex;\n    position: relative;\n    height: 100%;\n    width: 100%;\n`;\n\ntype StyledGalleryEditorItemDeleteButtonProps = WithTheme<unknown>;\n\nexport const StyledGalleryEditorItemDeleteButton = styled.button<StyledGalleryEditorItemDeleteButtonProps>`\n    background-color: rgba(\n        ${({ theme }: StyledGalleryEditorItemDeleteButtonProps) => theme['000-rgb']},\n        0.75\n    );\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledGalleryEditorItemDeleteButtonProps) => theme['009-rgb']}, 0.08)\n        inset;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 2;\n    height: 30px;\n    width: 30px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAGE,yBAAM,CAACC,GAAG;AACjD;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAMC,mCAAmC,GAAAH,OAAA,CAAAG,mCAAA,GAAGF,yBAAM,CAACG,MAAgD;AAC1G;AACA,UAAU,CAAC;EAAEC;AAAgD,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACnF;AACA;AACA;AACA,eAAe,CAAC;EAAEA;AAAgD,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AACxF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=GalleryEditorItem.types.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/GalleryEditorItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorItem.types.js","names":[],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.types.ts"],"sourcesContent":["import type { InternalFileItem } from '@chayns-components/core';\n\n/**\n * Props for a single editable gallery tile.\n */\nexport interface GalleryEditorItemProps {\n    /**\n     * Provides the media item that should be rendered inside the tile.\n     * @description\n     * The item may represent a pending local upload or an already uploaded media file managed by the editor.\n     * @example\n     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} />\n     */\n    fileItem: InternalFileItem;\n    /**\n     * Is called when the delete button is clicked in edit mode.\n     * @description\n     * The callback receives the internal item identifier so the editor can remove the item from its local state.\n     * @example\n     * <GalleryEditorItem handleDeleteFile={(id) => console.log(id)} fileItem={fileItem} onClick={handleOpen} />\n     */\n    handleDeleteFile: (id?: string) => void;\n    /**\n     * Defines the aspect ratio that should be reserved for the rendered media.\n     * @description\n     * Use this when the editor item should reserve a fixed tile ratio for uploaded previews.\n     * @default 1\n     * @example\n     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} ratio={1.5} />\n     * @optional\n     */\n    ratio?: number;\n    /**\n     * Is called when the tile is clicked.\n     * @description\n     * The editor uses this callback to open the currently selected media within the slideshow flow.\n     * @example\n     * <GalleryEditorItem fileItem={fileItem} handleDeleteFile={handleDeleteFile} onClick={handleOpen} />\n     */\n    onClick: (file: InternalFileItem) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _MediaContent = _interopRequireDefault(require("../../../media-content/MediaContent"));
+var _GalleryEditorMediaItem = require("./GalleryEditorMediaItem.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GalleryEditorMediaItem = ({
+  fileItem,
+  openSelectedFile,
+  ratio
+}) => /*#__PURE__*/_react.default.createElement(_GalleryEditorMediaItem.StyledMotionGalleryEditorMediaItem, {
+  animate: {
+    opacity: 1
+  },
+  initial: {
+    opacity: 0
+  },
+  exit: {
+    opacity: 0
+  },
+  transition: {
+    duration: 3.2
+  }
+}, fileItem.uploadedFile && /*#__PURE__*/_react.default.createElement(_MediaContent.default, {
+  file: fileItem.uploadedFile,
+  onClick: () => openSelectedFile(fileItem),
+  playIconSize: 30,
+  ratio: ratio
+}));
+GalleryEditorMediaItem.displayName = 'GalleryEditorMediaItem';
+var _default = exports.default = GalleryEditorMediaItem;
+//# sourceMappingURL=GalleryEditorMediaItem.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorMediaItem.js","names":["_react","_interopRequireDefault","require","_MediaContent","_GalleryEditorMediaItem","e","__esModule","default","GalleryEditorMediaItem","fileItem","openSelectedFile","ratio","createElement","StyledMotionGalleryEditorMediaItem","animate","opacity","initial","exit","transition","duration","uploadedFile","file","onClick","playIconSize","displayName","_default","exports"],"sources":["../../../../../../src/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport MediaContent from '../../../media-content/MediaContent';\nimport { StyledMotionGalleryEditorMediaItem } from './GalleryEditorMediaItem.styles';\nimport type { GalleryEditorMediaItemProps } from './GalleryEditorMediaItem.types';\n\nconst GalleryEditorMediaItem: FC<GalleryEditorMediaItemProps> = ({\n    fileItem,\n    openSelectedFile,\n    ratio,\n}) => (\n    <StyledMotionGalleryEditorMediaItem\n        animate={{ opacity: 1 }}\n        initial={{ opacity: 0 }}\n        exit={{ opacity: 0 }}\n        transition={{ duration: 3.2 }}\n    >\n        {fileItem.uploadedFile && (\n            <MediaContent\n                file={fileItem.uploadedFile}\n                onClick={() => openSelectedFile(fileItem)}\n                playIconSize={30}\n                ratio={ratio}\n            />\n        )}\n    </StyledMotionGalleryEditorMediaItem>\n);\n\nGalleryEditorMediaItem.displayName = 'GalleryEditorMediaItem';\n\nexport default GalleryEditorMediaItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAqF,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGrF,MAAMG,sBAAuD,GAAGA,CAAC;EAC7DC,QAAQ;EACRC,gBAAgB;EAChBC;AACJ,CAAC,kBACGX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,uBAAA,CAAAS,kCAAkC;EAC/BC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAE;EACxBC,OAAO,EAAE;IAAED,OAAO,EAAE;EAAE,CAAE;EACxBE,IAAI,EAAE;IAAEF,OAAO,EAAE;EAAE,CAAE;EACrBG,UAAU,EAAE;IAAEC,QAAQ,EAAE;EAAI;AAAE,GAE7BV,QAAQ,CAACW,YAAY,iBAClBpB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,aAAA,CAAAI,OAAY;EACTc,IAAI,EAAEZ,QAAQ,CAACW,YAAa;EAC5BE,OAAO,EAAEA,CAAA,KAAMZ,gBAAgB,CAACD,QAAQ,CAAE;EAC1Cc,YAAY,EAAE,EAAG;EACjBZ,KAAK,EAAEA;AAAM,CAChB,CAE2B,CACvC;AAEDH,sBAAsB,CAACgB,WAAW,GAAG,wBAAwB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAE/CC,sBAAsB","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.styles.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMotionGalleryEditorMediaItem = void 0;
+var _react = require("motion/react");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledMotionGalleryEditorMediaItem = exports.StyledMotionGalleryEditorMediaItem = (0, _styledComponents.default)(_react.motion.div)`
+    display: flex;
+    width: 100%;
+    height: 100%;
+`;
+//# sourceMappingURL=GalleryEditorMediaItem.styles.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorMediaItem.styles.js","names":["_react","require","_styledComponents","_interopRequireDefault","e","__esModule","default","StyledMotionGalleryEditorMediaItem","exports","styled","motion","div"],"sources":["../../../../../../src/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled from 'styled-components';\n\nexport const StyledMotionGalleryEditorMediaItem = styled(motion.div)`\n    display: flex;\n    width: 100%;\n    height: 100%;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,yBAAM,EAACC,aAAM,CAACC,GAAG,CAAC;AACpE;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=GalleryEditorMediaItem.types.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorMediaItem.types.js","names":[],"sources":["../../../../../../src/components/gallery-editor/gallery-editor-item/gallery-editor-media-item/GalleryEditorMediaItem.types.ts"],"sourcesContent":["import type { InternalFileItem } from '@chayns-components/core';\n\n/**\n * Props for a rendered uploaded media item.\n */\nexport interface GalleryEditorMediaItemProps {\n    /**\n     * Provides the uploaded media item that should be rendered.\n     * @description\n     * This item is expected to contain an `uploadedFile` because pending uploads are rendered by the preview component instead.\n     * @example\n     * <GalleryEditorMediaItem fileItem={fileItem} onClick={handleOpen} ratio={1} />\n     */\n    fileItem: InternalFileItem;\n    /**\n     * Is called when the media tile is selected.\n     * @description\n     * The editor uses this callback to open the uploaded media in the slideshow flow.\n     * @example\n     * <GalleryEditorMediaItem fileItem={fileItem} openSelectedFile={handleOpen} ratio={1} />\n     */\n    openSelectedFile: (file: InternalFileItem) => void;\n    /**\n     * Defines the aspect ratio that should be reserved for the media.\n     * @description\n     * The media tile keeps this ratio reserved so the editor grid remains visually stable.\n     * @example\n     * <GalleryEditorMediaItem fileItem={fileItem} openSelectedFile={handleOpen} ratio={1.5} />\n     */\n    ratio: number;\n}\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-preview-item/GalleryEditorPreviewItem.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireDefault(require("react"));
+var _GalleryEditorPreviewItem = require("./GalleryEditorPreviewItem.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const GalleryEditorPreviewItem = ({
+  fileItem,
+  ratio
+}) => /*#__PURE__*/_react.default.createElement(_GalleryEditorPreviewItem.StyledMotionGalleryEditorPreviewItem, {
+  animate: {
+    opacity: 1
+  },
+  initial: {
+    opacity: 0
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      duration: 3.2,
+      delay: 3.2
+    }
+  },
+  transition: {
+    duration: 3.2
+  },
+  style: {
+    position: 'absolute'
+  }
+}, /*#__PURE__*/_react.default.createElement(_GalleryEditorPreviewItem.StyledGalleryEditorPreviewItemImageWrapper, {
+  $ratio: ratio
+}, /*#__PURE__*/_react.default.createElement(_GalleryEditorPreviewItem.StyledGalleryEditorPreviewItemLoadingIcon, null, /*#__PURE__*/_react.default.createElement(_core.SmallWaitCursor, {
+  shouldHideWaitCursor: false,
+  shouldHideBackground: true
+})), /*#__PURE__*/_react.default.createElement(_GalleryEditorPreviewItem.StyledGalleryEditorPreviewItemImage, {
+  draggable: false,
+  src: fileItem.previewUrl
+})));
+GalleryEditorPreviewItem.displayName = 'GalleryEditorPreviewItem';
+var _default = exports.default = GalleryEditorPreviewItem;
+//# sourceMappingURL=GalleryEditorPreviewItem.js.map

package/lib/cjs/components/gallery-editor/gallery-editor-item/gallery-editor-preview-item/GalleryEditorPreviewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GalleryEditorPreviewItem.js","names":["_core","require","_react","_interopRequireDefault","_GalleryEditorPreviewItem","e","__esModule","default","GalleryEditorPreviewItem","fileItem","ratio","createElement","StyledMotionGalleryEditorPreviewItem","animate","opacity","initial","exit","transition","duration","delay","style","position","StyledGalleryEditorPreviewItemImageWrapper","$ratio","StyledGalleryEditorPreviewItemLoadingIcon","SmallWaitCursor","shouldHideWaitCursor","shouldHideBackground","StyledGalleryEditorPreviewItemImage","draggable","src","previewUrl","displayName","_default","exports"],"sources":["../../../../../../src/components/gallery-editor/gallery-editor-item/gallery-editor-preview-item/GalleryEditorPreviewItem.tsx"],"sourcesContent":["import { SmallWaitCursor } from '@chayns-components/core';\nimport React, { FC } from 'react';\nimport {\n    StyledGalleryEditorPreviewItemImage,\n    StyledGalleryEditorPreviewItemImageWrapper,\n    StyledGalleryEditorPreviewItemLoadingIcon,\n    StyledMotionGalleryEditorPreviewItem,\n} from './GalleryEditorPreviewItem.styles';\nimport type { GalleryEditorPreviewItemProps } from './GalleryEditorPreviewItem.types';\n\nconst GalleryEditorPreviewItem: FC<GalleryEditorPreviewItemProps> = ({ fileItem, ratio }) => (\n    <StyledMotionGalleryEditorPreviewItem\n        animate={{ opacity: 1 }}\n        initial={{ opacity: 0 }}\n        exit={{\n            opacity: 0,\n            transition: { duration: 3.2, delay: 3.2 },\n        }}\n        transition={{ duration: 3.2 }}\n        style={{ position: 'absolute' }}\n    >\n        <StyledGalleryEditorPreviewItemImageWrapper $ratio={ratio}>\n            <StyledGalleryEditorPreviewItemLoadingIcon>\n                <SmallWaitCursor shouldHideWaitCursor={false} shouldHideBackground />\n            </StyledGalleryEditorPreviewItemLoadingIcon>\n            <StyledGalleryEditorPreviewItemImage draggable={false} src={fileItem.previewUrl} />\n        </StyledGalleryEditorPreviewItemImageWrapper>\n    </StyledMotionGalleryEditorPreviewItem>\n);\n\nGalleryEditorPreviewItem.displayName = 'GalleryEditorPreviewItem';\n\nexport default GalleryEditorPreviewItem;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAK2C,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG3C,MAAMG,wBAA2D,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,kBACpFR,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,yBAAA,CAAAQ,oCAAoC;EACjCC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAE;EACxBC,OAAO,EAAE;IAAED,OAAO,EAAE;EAAE,CAAE;EACxBE,IAAI,EAAE;IACFF,OAAO,EAAE,CAAC;IACVG,UAAU,EAAE;MAAEC,QAAQ,EAAE,GAAG;MAAEC,KAAK,EAAE;IAAI;EAC5C,CAAE;EACFF,UAAU,EAAE;IAAEC,QAAQ,EAAE;EAAI,CAAE;EAC9BE,KAAK,EAAE;IAAEC,QAAQ,EAAE;EAAW;AAAE,gBAEhCnB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,yBAAA,CAAAkB,0CAA0C;EAACC,MAAM,EAAEb;AAAM,gBACtDR,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,yBAAA,CAAAoB,yCAAyC,qBACtCtB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACX,KAAA,CAAAyB,eAAe;EAACC,oBAAoB,EAAE,KAAM;EAACC,oBAAoB;AAAA,CAAE,CAC7B,CAAC,eAC5CzB,MAAA,CAAAK,OAAA,CAAAI,aAAA,CAACP,yBAAA,CAAAwB,mCAAmC;EAACC,SAAS,EAAE,KAAM;EAACC,GAAG,EAAErB,QAAQ,CAACsB;AAAW,CAAE,CAC1C,CACV,CACzC;AAEDvB,wBAAwB,CAACwB,WAAW,GAAG,0BAA0B;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEnDC,wBAAwB","ignoreList":[]}