@chayns-components/gallery 5.5.31-alpha.0 → 5.5.34

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

@@ -11,6 +11,7 @@ var _GalleryEditor = require("./GalleryEditor.styles");
 var _GalleryEditorItem = _interopRequireDefault(require("./gallery-editor-item/GalleryEditorItem"));
 var _GalleryEditor2 = require("./GalleryEditor.constants");
 var _useGalleryEditorState = _interopRequireDefault(require("./useGalleryEditorState"));
+var _textstrings = require("@chayns/textstrings");
 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 = /*#__PURE__*/(0, _react2.forwardRef)(({
@@ -46,7 +47,9 @@ const GalleryEditor = /*#__PURE__*/(0, _react2.forwardRef)(({
     clear: handleClear
   }), [handleClear]);
   const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;
-  return /*#__PURE__*/_react2.default.createElement(_GalleryEditor.StyledGalleryEditor, null, /*#__PURE__*/_react2.default.createElement(_GalleryEditor.StyledGalleryEditorGrid, {
+  return /*#__PURE__*/_react2.default.createElement(_textstrings.TextStringProvider, {
+    libraries: "@chayns-components-gallery"
+  }, /*#__PURE__*/_react2.default.createElement(_GalleryEditor.StyledGalleryEditor, null, /*#__PURE__*/_react2.default.createElement(_GalleryEditor.StyledGalleryEditorGrid, {
     $fileMinWidth: fileMinWidth,
     $gap: _GalleryEditor2.GALLERY_EDITOR_GRID_GAP_PX,
     onDragOver: event => event.preventDefault(),
@@ -64,7 +67,7 @@ const GalleryEditor = /*#__PURE__*/(0, _react2.forwardRef)(({
     addFileIcon: addFileIcon,
     onAdd: handleAddFiles,
     shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
-  })));
+  }))));
 });
 GalleryEditor.displayName = 'GalleryEditor';
 var _default = exports.default = GalleryEditor;

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryEditor.js","names":["_react","require","_react2","_interopRequireWildcard","_AddFile","_interopRequireDefault","_GalleryEditor","_GalleryEditorItem","_GalleryEditor2","_useGalleryEditorState","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryEditor","forwardRef","allowDragAndDrop","addFileIcon","doubleFileDialogMessage","fileMinWidth","files","maxFiles","onAdd","onFileCountChange","onRemove","shouldLoadImages","shouldEnableKeyboardHighlighting","ref","fileItems","handleAddFiles","handleClear","handleDeleteFile","handleDrop","handleOpenFiles","useGalleryEditorState","useImperativeHandle","clear","shouldShowAddFileTile","length","createElement","StyledGalleryEditor","StyledGalleryEditorGrid","$fileMinWidth","$gap","GALLERY_EDITOR_GRID_GAP_PX","onDragOver","event","preventDefault","onDrop","AnimatePresence","initial","map","file","key","id","fileItem","onClick","displayName","_default","exports"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { forwardRef, useImperativeHandle } from 'react';\nimport AddFile from './add-file/AddFile';\nimport { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.styles';\nimport type { GalleryEditorProps, GalleryEditorRef } from './GalleryEditor.types';\nimport GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';\nimport { GALLERY_EDITOR_GRID_GAP_PX } from './GalleryEditor.constants';\nimport useGalleryEditorState from './useGalleryEditorState';\n\nconst GalleryEditor = forwardRef<GalleryEditorRef, GalleryEditorProps>(\n    (\n        {\n            allowDragAndDrop = false,\n            addFileIcon = 'fa fa-plus',\n            doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',\n            fileMinWidth = 100,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n            shouldLoadImages = true,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const {\n            fileItems,\n            handleAddFiles,\n            handleClear,\n            handleDeleteFile,\n            handleDrop,\n            handleOpenFiles,\n        } = useGalleryEditorState({\n            allowDragAndDrop,\n            doubleFileDialogMessage,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n        });\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleClear,\n            }),\n            [handleClear],\n        );\n\n        const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;\n\n        return (\n            <StyledGalleryEditor>\n                <StyledGalleryEditorGrid\n                    $fileMinWidth={fileMinWidth}\n                    $gap={GALLERY_EDITOR_GRID_GAP_PX}\n                    onDragOver={(event) => event.preventDefault()}\n                    onDrop={(event) => void handleDrop(event)}\n                >\n                    <AnimatePresence initial={false}>\n                        {fileItems.map((file) => (\n                            <GalleryEditorItem\n                                key={file.id}\n                                fileItem={file}\n                                handleDeleteFile={handleDeleteFile}\n                                onClick={handleOpenFiles}\n                                shouldLoadImages={shouldLoadImages}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                            />\n                        ))}\n                    </AnimatePresence>\n\n                    {shouldShowAddFileTile && (\n                        <AddFile\n                            addFileIcon={addFileIcon}\n                            onAdd={handleAddFiles}\n                            shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                        />\n                    )}\n                </StyledGalleryEditorGrid>\n            </StyledGalleryEditor>\n        );\n    },\n);\n\nGalleryEditor.displayName = 'GalleryEditor';\n\nexport default GalleryEditor;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GalleryEditor.js","names":["_react","require","_react2","_interopRequireWildcard","_AddFile","_interopRequireDefault","_GalleryEditor","_GalleryEditorItem","_GalleryEditor2","_useGalleryEditorState","_textstrings","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryEditor","forwardRef","allowDragAndDrop","addFileIcon","doubleFileDialogMessage","fileMinWidth","files","maxFiles","onAdd","onFileCountChange","onRemove","shouldLoadImages","shouldEnableKeyboardHighlighting","ref","fileItems","handleAddFiles","handleClear","handleDeleteFile","handleDrop","handleOpenFiles","useGalleryEditorState","useImperativeHandle","clear","shouldShowAddFileTile","length","createElement","TextStringProvider","libraries","StyledGalleryEditor","StyledGalleryEditorGrid","$fileMinWidth","$gap","GALLERY_EDITOR_GRID_GAP_PX","onDragOver","event","preventDefault","onDrop","AnimatePresence","initial","map","file","key","id","fileItem","onClick","displayName","_default","exports"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { forwardRef, useImperativeHandle } from 'react';\nimport AddFile from './add-file/AddFile';\nimport { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.styles';\nimport type { GalleryEditorProps, GalleryEditorRef } from './GalleryEditor.types';\nimport GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';\nimport { GALLERY_EDITOR_GRID_GAP_PX } from './GalleryEditor.constants';\nimport useGalleryEditorState from './useGalleryEditorState';\nimport { TextStringProvider } from '@chayns/textstrings';\n\nconst GalleryEditor = forwardRef<GalleryEditorRef, GalleryEditorProps>(\n    (\n        {\n            allowDragAndDrop = false,\n            addFileIcon = 'fa fa-plus',\n            doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',\n            fileMinWidth = 100,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n            shouldLoadImages = true,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const {\n            fileItems,\n            handleAddFiles,\n            handleClear,\n            handleDeleteFile,\n            handleDrop,\n            handleOpenFiles,\n        } = useGalleryEditorState({\n            allowDragAndDrop,\n            doubleFileDialogMessage,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n        });\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleClear,\n            }),\n            [handleClear],\n        );\n\n        const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;\n\n        return (\n            <TextStringProvider libraries=\"@chayns-components-gallery\">\n                <StyledGalleryEditor>\n                    <StyledGalleryEditorGrid\n                        $fileMinWidth={fileMinWidth}\n                        $gap={GALLERY_EDITOR_GRID_GAP_PX}\n                        onDragOver={(event) => event.preventDefault()}\n                        onDrop={(event) => void handleDrop(event)}\n                    >\n                        <AnimatePresence initial={false}>\n                            {fileItems.map((file) => (\n                                <GalleryEditorItem\n                                    key={file.id}\n                                    fileItem={file}\n                                    handleDeleteFile={handleDeleteFile}\n                                    onClick={handleOpenFiles}\n                                    shouldLoadImages={shouldLoadImages}\n                                    shouldEnableKeyboardHighlighting={\n                                        shouldEnableKeyboardHighlighting\n                                    }\n                                />\n                            ))}\n                        </AnimatePresence>\n\n                        {shouldShowAddFileTile && (\n                            <AddFile\n                                addFileIcon={addFileIcon}\n                                onAdd={handleAddFiles}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                            />\n                        )}\n                    </StyledGalleryEditorGrid>\n                </StyledGalleryEditor>\n            </TextStringProvider>\n        );\n    },\n);\n\nGalleryEditor.displayName = 'GalleryEditor';\n\nexport default GalleryEditor;\n"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,8 @@ var _GalleryEditorItem = require("./GalleryEditorItem.styles");
 var _GalleryEditorMediaItem = _interopRequireDefault(require("./gallery-editor-media-item/GalleryEditorMediaItem"));
 var _GalleryEditorPreviewItem = _interopRequireDefault(require("./gallery-editor-preview-item/GalleryEditorPreviewItem"));
 var _GalleryEditor = require("../GalleryEditor.constants");
+var _textstrings = require("@chayns/textstrings");
+var _textStrings = _interopRequireDefault(require("../../../constants/textStrings"));
 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 GalleryEditorItem = ({
@@ -20,6 +22,9 @@ const GalleryEditorItem = ({
   ratio = 1,
   onClick
 }) => {
+  const {
+    t
+  } = (0, _textstrings.useTranslation)();
   const deleteButtonRef = (0, _react.useRef)(null);
   const shouldShowKeyboardHighlighting = (0, _core.useKeyboardFocusHighlighting)(shouldEnableKeyboardHighlighting);
   (0, _core.useFocusRingPortal)(deleteButtonRef, {
@@ -68,7 +73,7 @@ const GalleryEditorItem = ({
       handleDeleteFile(fileItem.id);
     },
     $zIndex: _GalleryEditor.GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,
-    "aria-label": "Bild entfernen"
+    "aria-label": t(_textStrings.default.galleryEditor.accessibility.removeImage)
   }, /*#__PURE__*/_react.default.createElement(_core.Icon, {
     size: 20,
     icons: ['ts-wrong']

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryEditorItem.js","names":["_core","require","_react","_interopRequireWildcard","_GalleryEditorItem","_GalleryEditorMediaItem","_interopRequireDefault","_GalleryEditorPreviewItem","_GalleryEditor","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryEditorItem","fileItem","handleDeleteFile","shouldLoadImages","shouldEnableKeyboardHighlighting","ratio","onClick","deleteButtonRef","useRef","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","useFocusRingPortal","isEnabled","padding","shouldRenderPreview","state","shouldRenderMedia","Boolean","previewUrl","uploadedFile","mediaContent","createElement","openSelectedFile","StyledMotionGalleryEditorItem","initial","opacity","scale","animate","exit","transition","duration","GALLERY_EDITOR_ITEM_FADE_DURATION_S","StyledGalleryEditorItemDeleteButton","ref","type","event","stopPropagation","id","$zIndex","GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX","Icon","size","icons","displayName","_default","exports","memo"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.tsx"],"sourcesContent":["import { Icon, useFocusRingPortal, useKeyboardFocusHighlighting } from '@chayns-components/core';\nimport React, { FC, ReactNode, memo, useRef } from 'react';\nimport {\n    StyledMotionGalleryEditorItem,\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';\nimport {\n    GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,\n    GALLERY_EDITOR_ITEM_FADE_DURATION_S,\n} from '../GalleryEditor.constants';\n\nconst GalleryEditorItem: FC<GalleryEditorItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    shouldLoadImages = true,\n    shouldEnableKeyboardHighlighting,\n    ratio = 1,\n    onClick,\n}) => {\n    const deleteButtonRef = useRef<HTMLButtonElement>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlighting,\n    );\n    useFocusRingPortal(deleteButtonRef, { isEnabled: shouldShowKeyboardHighlighting, padding: -1 });\n\n    const shouldRenderPreview = fileItem.state === 'uploading';\n    const shouldRenderMedia =\n        fileItem.state !== 'none' &&\n        (Boolean(fileItem.previewUrl) || Boolean(fileItem.uploadedFile));\n\n    let mediaContent: ReactNode = null;\n\n    if (shouldRenderPreview) {\n        mediaContent = <GalleryEditorPreviewItem ratio={ratio} fileItem={fileItem} />;\n    } else if (shouldRenderMedia) {\n        mediaContent = (\n            <GalleryEditorMediaItem\n                fileItem={fileItem}\n                ratio={ratio}\n                openSelectedFile={onClick}\n                previewUrl={fileItem.previewUrl}\n                shouldLoadImages={shouldLoadImages}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            />\n        );\n    }\n\n    return (\n        <StyledMotionGalleryEditorItem\n            initial={{ opacity: 0, scale: 0.98 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.98 }}\n            transition={{ duration: GALLERY_EDITOR_ITEM_FADE_DURATION_S }}\n        >\n            {mediaContent}\n            <StyledGalleryEditorItemDeleteButton\n                ref={deleteButtonRef}\n                type=\"button\"\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleDeleteFile(fileItem.id);\n                }}\n                $zIndex={GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX}\n                aria-label=\"Bild entfernen\"\n            >\n                <Icon size={20} icons={['ts-wrong']} />\n            </StyledGalleryEditorItemDeleteButton>\n        </StyledMotionGalleryEditorItem>\n    );\n};\n\nGalleryEditorItem.displayName = 'GalleryEditorItem';\n\nexport default memo(GalleryEditorItem);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"GalleryEditorItem.js","names":["_core","require","_react","_interopRequireWildcard","_GalleryEditorItem","_GalleryEditorMediaItem","_interopRequireDefault","_GalleryEditorPreviewItem","_GalleryEditor","_textstrings","_textStrings","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GalleryEditorItem","fileItem","handleDeleteFile","shouldLoadImages","shouldEnableKeyboardHighlighting","ratio","onClick","useTranslation","deleteButtonRef","useRef","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","useFocusRingPortal","isEnabled","padding","shouldRenderPreview","state","shouldRenderMedia","Boolean","previewUrl","uploadedFile","mediaContent","createElement","openSelectedFile","StyledMotionGalleryEditorItem","initial","opacity","scale","animate","exit","transition","duration","GALLERY_EDITOR_ITEM_FADE_DURATION_S","StyledGalleryEditorItemDeleteButton","ref","type","event","stopPropagation","id","$zIndex","GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX","textStrings","galleryEditor","accessibility","removeImage","Icon","size","icons","displayName","_default","exports","memo"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.tsx"],"sourcesContent":["import { Icon, useFocusRingPortal, useKeyboardFocusHighlighting } from '@chayns-components/core';\nimport React, { FC, ReactNode, memo, useRef } from 'react';\nimport {\n    StyledMotionGalleryEditorItem,\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';\nimport {\n    GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,\n    GALLERY_EDITOR_ITEM_FADE_DURATION_S,\n} from '../GalleryEditor.constants';\nimport { useTranslation } from '@chayns/textstrings';\nimport textStrings from '../../../constants/textStrings';\n\nconst GalleryEditorItem: FC<GalleryEditorItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    shouldLoadImages = true,\n    shouldEnableKeyboardHighlighting,\n    ratio = 1,\n    onClick,\n}) => {\n    const { t } = useTranslation();\n    const deleteButtonRef = useRef<HTMLButtonElement>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlighting,\n    );\n    useFocusRingPortal(deleteButtonRef, { isEnabled: shouldShowKeyboardHighlighting, padding: -1 });\n\n    const shouldRenderPreview = fileItem.state === 'uploading';\n    const shouldRenderMedia =\n        fileItem.state !== 'none' &&\n        (Boolean(fileItem.previewUrl) || Boolean(fileItem.uploadedFile));\n\n    let mediaContent: ReactNode = null;\n\n    if (shouldRenderPreview) {\n        mediaContent = <GalleryEditorPreviewItem ratio={ratio} fileItem={fileItem} />;\n    } else if (shouldRenderMedia) {\n        mediaContent = (\n            <GalleryEditorMediaItem\n                fileItem={fileItem}\n                ratio={ratio}\n                openSelectedFile={onClick}\n                previewUrl={fileItem.previewUrl}\n                shouldLoadImages={shouldLoadImages}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            />\n        );\n    }\n\n    return (\n        <StyledMotionGalleryEditorItem\n            initial={{ opacity: 0, scale: 0.98 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.98 }}\n            transition={{ duration: GALLERY_EDITOR_ITEM_FADE_DURATION_S }}\n        >\n            {mediaContent}\n            <StyledGalleryEditorItemDeleteButton\n                ref={deleteButtonRef}\n                type=\"button\"\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleDeleteFile(fileItem.id);\n                }}\n                $zIndex={GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX}\n                aria-label={t(textStrings.galleryEditor.accessibility.removeImage)}\n            >\n                <Icon size={20} icons={['ts-wrong']} />\n            </StyledGalleryEditorItemDeleteButton>\n        </StyledMotionGalleryEditorItem>\n    );\n};\n\nGalleryEditorItem.displayName = 'GalleryEditorItem';\n\nexport default memo(GalleryEditorItem);\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/constants/textStrings.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  galleryEditor: {
+    accessibility: {
+      removeImage: {
+        stringName: 'txt_chayns_components_gallery_galleryEditor_accessibility_removeImage',
+        fallback: 'Bild entfernen'
+      }
+    }
+  }
+};
+//# sourceMappingURL=textStrings.js.map

package/lib/cjs/constants/textStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStrings.js","names":["galleryEditor","accessibility","removeImage","stringName","fallback"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    galleryEditor: {\n        accessibility: {\n            removeImage: {\n                stringName: 'txt_chayns_components_gallery_galleryEditor_accessibility_removeImage',\n                fallback: 'Bild entfernen',\n            },\n        },\n    },\n} as const;\n"],"mappings":";;;;;;iCAAe;EACXA,aAAa,EAAE;IACXC,aAAa,EAAE;MACXC,WAAW,EAAE;QACTC,UAAU,EAAE,uEAAuE;QACnFC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

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

@@ -5,6 +5,7 @@ import { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.st
 import GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';
 import { GALLERY_EDITOR_GRID_GAP_PX } from './GalleryEditor.constants';
 import useGalleryEditorState from './useGalleryEditorState';
+import { TextStringProvider } from '@chayns/textstrings';
 const GalleryEditor = /*#__PURE__*/forwardRef(({
   allowDragAndDrop = false,
   addFileIcon = 'fa fa-plus',
@@ -38,7 +39,9 @@ const GalleryEditor = /*#__PURE__*/forwardRef(({
     clear: handleClear
   }), [handleClear]);
   const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;
-  return /*#__PURE__*/React.createElement(StyledGalleryEditor, null, /*#__PURE__*/React.createElement(StyledGalleryEditorGrid, {
+  return /*#__PURE__*/React.createElement(TextStringProvider, {
+    libraries: "@chayns-components-gallery"
+  }, /*#__PURE__*/React.createElement(StyledGalleryEditor, null, /*#__PURE__*/React.createElement(StyledGalleryEditorGrid, {
     $fileMinWidth: fileMinWidth,
     $gap: GALLERY_EDITOR_GRID_GAP_PX,
     onDragOver: event => event.preventDefault(),
@@ -56,7 +59,7 @@ const GalleryEditor = /*#__PURE__*/forwardRef(({
     addFileIcon: addFileIcon,
     onAdd: handleAddFiles,
     shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
-  })));
+  }))));
 });
 GalleryEditor.displayName = 'GalleryEditor';
 export default GalleryEditor;

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryEditor.js","names":["AnimatePresence","React","forwardRef","useImperativeHandle","AddFile","StyledGalleryEditor","StyledGalleryEditorGrid","GalleryEditorItem","GALLERY_EDITOR_GRID_GAP_PX","useGalleryEditorState","GalleryEditor","allowDragAndDrop","addFileIcon","doubleFileDialogMessage","fileMinWidth","files","maxFiles","onAdd","onFileCountChange","onRemove","shouldLoadImages","shouldEnableKeyboardHighlighting","ref","fileItems","handleAddFiles","handleClear","handleDeleteFile","handleDrop","handleOpenFiles","clear","shouldShowAddFileTile","length","createElement","$fileMinWidth","$gap","onDragOver","event","preventDefault","onDrop","initial","map","file","key","id","fileItem","onClick","displayName"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { forwardRef, useImperativeHandle } from 'react';\nimport AddFile from './add-file/AddFile';\nimport { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.styles';\nimport type { GalleryEditorProps, GalleryEditorRef } from './GalleryEditor.types';\nimport GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';\nimport { GALLERY_EDITOR_GRID_GAP_PX } from './GalleryEditor.constants';\nimport useGalleryEditorState from './useGalleryEditorState';\n\nconst GalleryEditor = forwardRef<GalleryEditorRef, GalleryEditorProps>(\n    (\n        {\n            allowDragAndDrop = false,\n            addFileIcon = 'fa fa-plus',\n            doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',\n            fileMinWidth = 100,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n            shouldLoadImages = true,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const {\n            fileItems,\n            handleAddFiles,\n            handleClear,\n            handleDeleteFile,\n            handleDrop,\n            handleOpenFiles,\n        } = useGalleryEditorState({\n            allowDragAndDrop,\n            doubleFileDialogMessage,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n        });\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleClear,\n            }),\n            [handleClear],\n        );\n\n        const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;\n\n        return (\n            <StyledGalleryEditor>\n                <StyledGalleryEditorGrid\n                    $fileMinWidth={fileMinWidth}\n                    $gap={GALLERY_EDITOR_GRID_GAP_PX}\n                    onDragOver={(event) => event.preventDefault()}\n                    onDrop={(event) => void handleDrop(event)}\n                >\n                    <AnimatePresence initial={false}>\n                        {fileItems.map((file) => (\n                            <GalleryEditorItem\n                                key={file.id}\n                                fileItem={file}\n                                handleDeleteFile={handleDeleteFile}\n                                onClick={handleOpenFiles}\n                                shouldLoadImages={shouldLoadImages}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                            />\n                        ))}\n                    </AnimatePresence>\n\n                    {shouldShowAddFileTile && (\n                        <AddFile\n                            addFileIcon={addFileIcon}\n                            onAdd={handleAddFiles}\n                            shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                        />\n                    )}\n                </StyledGalleryEditorGrid>\n            </StyledGalleryEditor>\n        );\n    },\n);\n\nGalleryEditor.displayName = 'GalleryEditor';\n\nexport default GalleryEditor;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AAC9D,OAAOC,OAAO,MAAM,oBAAoB;AACxC,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,wBAAwB;AAErF,OAAOC,iBAAiB,MAAM,yCAAyC;AACvE,SAASC,0BAA0B,QAAQ,2BAA2B;AACtE,OAAOC,qBAAqB,MAAM,yBAAyB;AAE3D,MAAMC,aAAa,gBAAGR,UAAU,CAC5B,CACI;EACIS,gBAAgB,GAAG,KAAK;EACxBC,WAAW,GAAG,YAAY;EAC1BC,uBAAuB,GAAG,mCAAmC;EAC7DC,YAAY,GAAG,GAAG;EAClBC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,iBAAiB;EACjBC,QAAQ;EACRC,gBAAgB,GAAG,IAAI;EACvBC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM;IACFC,SAAS;IACTC,cAAc;IACdC,WAAW;IACXC,gBAAgB;IAChBC,UAAU;IACVC;EACJ,CAAC,GAAGnB,qBAAqB,CAAC;IACtBE,gBAAgB;IAChBE,uBAAuB;IACvBE,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,iBAAiB;IACjBC;EACJ,CAAC,CAAC;EAEFhB,mBAAmB,CACfmB,GAAG,EACH,OAAO;IACHO,KAAK,EAAEJ;EACX,CAAC,CAAC,EACF,CAACA,WAAW,CAChB,CAAC;EAED,MAAMK,qBAAqB,GAAG,CAACd,QAAQ,IAAIA,QAAQ,GAAGO,SAAS,CAACQ,MAAM;EAEtE,oBACI9B,KAAA,CAAA+B,aAAA,CAAC3B,mBAAmB,qBAChBJ,KAAA,CAAA+B,aAAA,CAAC1B,uBAAuB;IACpB2B,aAAa,EAAEnB,YAAa;IAC5BoB,IAAI,EAAE1B,0BAA2B;IACjC2B,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAE;IAC9CC,MAAM,EAAGF,KAAK,IAAK,KAAKT,UAAU,CAACS,KAAK;EAAE,gBAE1CnC,KAAA,CAAA+B,aAAA,CAAChC,eAAe;IAACuC,OAAO,EAAE;EAAM,GAC3BhB,SAAS,CAACiB,GAAG,CAAEC,IAAI,iBAChBxC,KAAA,CAAA+B,aAAA,CAACzB,iBAAiB;IACdmC,GAAG,EAAED,IAAI,CAACE,EAAG;IACbC,QAAQ,EAAEH,IAAK;IACff,gBAAgB,EAAEA,gBAAiB;IACnCmB,OAAO,EAAEjB,eAAgB;IACzBR,gBAAgB,EAAEA,gBAAiB;IACnCC,gCAAgC,EAAEA;EAAiC,CACtE,CACJ,CACY,CAAC,EAEjBS,qBAAqB,iBAClB7B,KAAA,CAAA+B,aAAA,CAAC5B,OAAO;IACJQ,WAAW,EAAEA,WAAY;IACzBK,KAAK,EAAEO,cAAe;IACtBH,gCAAgC,EAAEA;EAAiC,CACtE,CAEgB,CACR,CAAC;AAE9B,CACJ,CAAC;AAEDX,aAAa,CAACoC,WAAW,GAAG,eAAe;AAE3C,eAAepC,aAAa","ignoreList":[]}
+{"version":3,"file":"GalleryEditor.js","names":["AnimatePresence","React","forwardRef","useImperativeHandle","AddFile","StyledGalleryEditor","StyledGalleryEditorGrid","GalleryEditorItem","GALLERY_EDITOR_GRID_GAP_PX","useGalleryEditorState","TextStringProvider","GalleryEditor","allowDragAndDrop","addFileIcon","doubleFileDialogMessage","fileMinWidth","files","maxFiles","onAdd","onFileCountChange","onRemove","shouldLoadImages","shouldEnableKeyboardHighlighting","ref","fileItems","handleAddFiles","handleClear","handleDeleteFile","handleDrop","handleOpenFiles","clear","shouldShowAddFileTile","length","createElement","libraries","$fileMinWidth","$gap","onDragOver","event","preventDefault","onDrop","initial","map","file","key","id","fileItem","onClick","displayName"],"sources":["../../../../src/components/gallery-editor/GalleryEditor.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { forwardRef, useImperativeHandle } from 'react';\nimport AddFile from './add-file/AddFile';\nimport { StyledGalleryEditor, StyledGalleryEditorGrid } from './GalleryEditor.styles';\nimport type { GalleryEditorProps, GalleryEditorRef } from './GalleryEditor.types';\nimport GalleryEditorItem from './gallery-editor-item/GalleryEditorItem';\nimport { GALLERY_EDITOR_GRID_GAP_PX } from './GalleryEditor.constants';\nimport useGalleryEditorState from './useGalleryEditorState';\nimport { TextStringProvider } from '@chayns/textstrings';\n\nconst GalleryEditor = forwardRef<GalleryEditorRef, GalleryEditorProps>(\n    (\n        {\n            allowDragAndDrop = false,\n            addFileIcon = 'fa fa-plus',\n            doubleFileDialogMessage = 'Diese Datei ist bereits vorhanden',\n            fileMinWidth = 100,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n            shouldLoadImages = true,\n            shouldEnableKeyboardHighlighting,\n        },\n        ref,\n    ) => {\n        const {\n            fileItems,\n            handleAddFiles,\n            handleClear,\n            handleDeleteFile,\n            handleDrop,\n            handleOpenFiles,\n        } = useGalleryEditorState({\n            allowDragAndDrop,\n            doubleFileDialogMessage,\n            files,\n            maxFiles,\n            onAdd,\n            onFileCountChange,\n            onRemove,\n        });\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                clear: handleClear,\n            }),\n            [handleClear],\n        );\n\n        const shouldShowAddFileTile = !maxFiles || maxFiles > fileItems.length;\n\n        return (\n            <TextStringProvider libraries=\"@chayns-components-gallery\">\n                <StyledGalleryEditor>\n                    <StyledGalleryEditorGrid\n                        $fileMinWidth={fileMinWidth}\n                        $gap={GALLERY_EDITOR_GRID_GAP_PX}\n                        onDragOver={(event) => event.preventDefault()}\n                        onDrop={(event) => void handleDrop(event)}\n                    >\n                        <AnimatePresence initial={false}>\n                            {fileItems.map((file) => (\n                                <GalleryEditorItem\n                                    key={file.id}\n                                    fileItem={file}\n                                    handleDeleteFile={handleDeleteFile}\n                                    onClick={handleOpenFiles}\n                                    shouldLoadImages={shouldLoadImages}\n                                    shouldEnableKeyboardHighlighting={\n                                        shouldEnableKeyboardHighlighting\n                                    }\n                                />\n                            ))}\n                        </AnimatePresence>\n\n                        {shouldShowAddFileTile && (\n                            <AddFile\n                                addFileIcon={addFileIcon}\n                                onAdd={handleAddFiles}\n                                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                            />\n                        )}\n                    </StyledGalleryEditorGrid>\n                </StyledGalleryEditor>\n            </TextStringProvider>\n        );\n    },\n);\n\nGalleryEditor.displayName = 'GalleryEditor';\n\nexport default GalleryEditor;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,cAAc;AAC9C,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,QAAQ,OAAO;AAC9D,OAAOC,OAAO,MAAM,oBAAoB;AACxC,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,wBAAwB;AAErF,OAAOC,iBAAiB,MAAM,yCAAyC;AACvE,SAASC,0BAA0B,QAAQ,2BAA2B;AACtE,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,SAASC,kBAAkB,QAAQ,qBAAqB;AAExD,MAAMC,aAAa,gBAAGT,UAAU,CAC5B,CACI;EACIU,gBAAgB,GAAG,KAAK;EACxBC,WAAW,GAAG,YAAY;EAC1BC,uBAAuB,GAAG,mCAAmC;EAC7DC,YAAY,GAAG,GAAG;EAClBC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,iBAAiB;EACjBC,QAAQ;EACRC,gBAAgB,GAAG,IAAI;EACvBC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM;IACFC,SAAS;IACTC,cAAc;IACdC,WAAW;IACXC,gBAAgB;IAChBC,UAAU;IACVC;EACJ,CAAC,GAAGpB,qBAAqB,CAAC;IACtBG,gBAAgB;IAChBE,uBAAuB;IACvBE,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,iBAAiB;IACjBC;EACJ,CAAC,CAAC;EAEFjB,mBAAmB,CACfoB,GAAG,EACH,OAAO;IACHO,KAAK,EAAEJ;EACX,CAAC,CAAC,EACF,CAACA,WAAW,CAChB,CAAC;EAED,MAAMK,qBAAqB,GAAG,CAACd,QAAQ,IAAIA,QAAQ,GAAGO,SAAS,CAACQ,MAAM;EAEtE,oBACI/B,KAAA,CAAAgC,aAAA,CAACvB,kBAAkB;IAACwB,SAAS,EAAC;EAA4B,gBACtDjC,KAAA,CAAAgC,aAAA,CAAC5B,mBAAmB,qBAChBJ,KAAA,CAAAgC,aAAA,CAAC3B,uBAAuB;IACpB6B,aAAa,EAAEpB,YAAa;IAC5BqB,IAAI,EAAE5B,0BAA2B;IACjC6B,UAAU,EAAGC,KAAK,IAAKA,KAAK,CAACC,cAAc,CAAC,CAAE;IAC9CC,MAAM,EAAGF,KAAK,IAAK,KAAKV,UAAU,CAACU,KAAK;EAAE,gBAE1CrC,KAAA,CAAAgC,aAAA,CAACjC,eAAe;IAACyC,OAAO,EAAE;EAAM,GAC3BjB,SAAS,CAACkB,GAAG,CAAEC,IAAI,iBAChB1C,KAAA,CAAAgC,aAAA,CAAC1B,iBAAiB;IACdqC,GAAG,EAAED,IAAI,CAACE,EAAG;IACbC,QAAQ,EAAEH,IAAK;IACfhB,gBAAgB,EAAEA,gBAAiB;IACnCoB,OAAO,EAAElB,eAAgB;IACzBR,gBAAgB,EAAEA,gBAAiB;IACnCC,gCAAgC,EAC5BA;EACH,CACJ,CACJ,CACY,CAAC,EAEjBS,qBAAqB,iBAClB9B,KAAA,CAAAgC,aAAA,CAAC7B,OAAO;IACJS,WAAW,EAAEA,WAAY;IACzBK,KAAK,EAAEO,cAAe;IACtBH,gCAAgC,EAAEA;EAAiC,CACtE,CAEgB,CACR,CACL,CAAC;AAE7B,CACJ,CAAC;AAEDX,aAAa,CAACqC,WAAW,GAAG,eAAe;AAE3C,eAAerC,aAAa","ignoreList":[]}

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

@@ -4,6 +4,8 @@ import { StyledMotionGalleryEditorItem, StyledGalleryEditorItemDeleteButton } fr
 import GalleryEditorMediaItem from './gallery-editor-media-item/GalleryEditorMediaItem';
 import GalleryEditorPreviewItem from './gallery-editor-preview-item/GalleryEditorPreviewItem';
 import { GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX, GALLERY_EDITOR_ITEM_FADE_DURATION_S } from '../GalleryEditor.constants';
+import { useTranslation } from '@chayns/textstrings';
+import textStrings from '../../../constants/textStrings';
 const GalleryEditorItem = ({
   fileItem,
   handleDeleteFile,
@@ -12,6 +14,9 @@ const GalleryEditorItem = ({
   ratio = 1,
   onClick
 }) => {
+  const {
+    t
+  } = useTranslation();
   const deleteButtonRef = useRef(null);
   const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(shouldEnableKeyboardHighlighting);
   useFocusRingPortal(deleteButtonRef, {
@@ -60,7 +65,7 @@ const GalleryEditorItem = ({
       handleDeleteFile(fileItem.id);
     },
     $zIndex: GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,
-    "aria-label": "Bild entfernen"
+    "aria-label": t(textStrings.galleryEditor.accessibility.removeImage)
   }, /*#__PURE__*/React.createElement(Icon, {
     size: 20,
     icons: ['ts-wrong']

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

@@ -1 +1 @@
-{"version":3,"file":"GalleryEditorItem.js","names":["Icon","useFocusRingPortal","useKeyboardFocusHighlighting","React","memo","useRef","StyledMotionGalleryEditorItem","StyledGalleryEditorItemDeleteButton","GalleryEditorMediaItem","GalleryEditorPreviewItem","GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX","GALLERY_EDITOR_ITEM_FADE_DURATION_S","GalleryEditorItem","fileItem","handleDeleteFile","shouldLoadImages","shouldEnableKeyboardHighlighting","ratio","onClick","deleteButtonRef","shouldShowKeyboardHighlighting","isEnabled","padding","shouldRenderPreview","state","shouldRenderMedia","Boolean","previewUrl","uploadedFile","mediaContent","createElement","openSelectedFile","initial","opacity","scale","animate","exit","transition","duration","ref","type","event","stopPropagation","id","$zIndex","size","icons","displayName"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.tsx"],"sourcesContent":["import { Icon, useFocusRingPortal, useKeyboardFocusHighlighting } from '@chayns-components/core';\nimport React, { FC, ReactNode, memo, useRef } from 'react';\nimport {\n    StyledMotionGalleryEditorItem,\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';\nimport {\n    GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,\n    GALLERY_EDITOR_ITEM_FADE_DURATION_S,\n} from '../GalleryEditor.constants';\n\nconst GalleryEditorItem: FC<GalleryEditorItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    shouldLoadImages = true,\n    shouldEnableKeyboardHighlighting,\n    ratio = 1,\n    onClick,\n}) => {\n    const deleteButtonRef = useRef<HTMLButtonElement>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlighting,\n    );\n    useFocusRingPortal(deleteButtonRef, { isEnabled: shouldShowKeyboardHighlighting, padding: -1 });\n\n    const shouldRenderPreview = fileItem.state === 'uploading';\n    const shouldRenderMedia =\n        fileItem.state !== 'none' &&\n        (Boolean(fileItem.previewUrl) || Boolean(fileItem.uploadedFile));\n\n    let mediaContent: ReactNode = null;\n\n    if (shouldRenderPreview) {\n        mediaContent = <GalleryEditorPreviewItem ratio={ratio} fileItem={fileItem} />;\n    } else if (shouldRenderMedia) {\n        mediaContent = (\n            <GalleryEditorMediaItem\n                fileItem={fileItem}\n                ratio={ratio}\n                openSelectedFile={onClick}\n                previewUrl={fileItem.previewUrl}\n                shouldLoadImages={shouldLoadImages}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            />\n        );\n    }\n\n    return (\n        <StyledMotionGalleryEditorItem\n            initial={{ opacity: 0, scale: 0.98 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.98 }}\n            transition={{ duration: GALLERY_EDITOR_ITEM_FADE_DURATION_S }}\n        >\n            {mediaContent}\n            <StyledGalleryEditorItemDeleteButton\n                ref={deleteButtonRef}\n                type=\"button\"\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleDeleteFile(fileItem.id);\n                }}\n                $zIndex={GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX}\n                aria-label=\"Bild entfernen\"\n            >\n                <Icon size={20} icons={['ts-wrong']} />\n            </StyledGalleryEditorItemDeleteButton>\n        </StyledMotionGalleryEditorItem>\n    );\n};\n\nGalleryEditorItem.displayName = 'GalleryEditorItem';\n\nexport default memo(GalleryEditorItem);\n"],"mappings":"AAAA,SAASA,IAAI,EAAEC,kBAAkB,EAAEC,4BAA4B,QAAQ,yBAAyB;AAChG,OAAOC,KAAK,IAAmBC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC1D,SACIC,6BAA6B,EAC7BC,mCAAmC,QAChC,4BAA4B;AACnC,OAAOC,sBAAsB,MAAM,oDAAoD;AACvF,OAAOC,wBAAwB,MAAM,wDAAwD;AAE7F,SACIC,oCAAoC,EACpCC,mCAAmC,QAChC,4BAA4B;AAEnC,MAAMC,iBAA6C,GAAGA,CAAC;EACnDC,QAAQ;EACRC,gBAAgB;EAChBC,gBAAgB,GAAG,IAAI;EACvBC,gCAAgC;EAChCC,KAAK,GAAG,CAAC;EACTC;AACJ,CAAC,KAAK;EACF,MAAMC,eAAe,GAAGd,MAAM,CAAoB,IAAI,CAAC;EACvD,MAAMe,8BAA8B,GAAGlB,4BAA4B,CAC/Dc,gCACJ,CAAC;EACDf,kBAAkB,CAACkB,eAAe,EAAE;IAAEE,SAAS,EAAED,8BAA8B;IAAEE,OAAO,EAAE,CAAC;EAAE,CAAC,CAAC;EAE/F,MAAMC,mBAAmB,GAAGV,QAAQ,CAACW,KAAK,KAAK,WAAW;EAC1D,MAAMC,iBAAiB,GACnBZ,QAAQ,CAACW,KAAK,KAAK,MAAM,KACxBE,OAAO,CAACb,QAAQ,CAACc,UAAU,CAAC,IAAID,OAAO,CAACb,QAAQ,CAACe,YAAY,CAAC,CAAC;EAEpE,IAAIC,YAAuB,GAAG,IAAI;EAElC,IAAIN,mBAAmB,EAAE;IACrBM,YAAY,gBAAG1B,KAAA,CAAA2B,aAAA,CAACrB,wBAAwB;MAACQ,KAAK,EAAEA,KAAM;MAACJ,QAAQ,EAAEA;IAAS,CAAE,CAAC;EACjF,CAAC,MAAM,IAAIY,iBAAiB,EAAE;IAC1BI,YAAY,gBACR1B,KAAA,CAAA2B,aAAA,CAACtB,sBAAsB;MACnBK,QAAQ,EAAEA,QAAS;MACnBI,KAAK,EAAEA,KAAM;MACbc,gBAAgB,EAAEb,OAAQ;MAC1BS,UAAU,EAAEd,QAAQ,CAACc,UAAW;MAChCZ,gBAAgB,EAAEA,gBAAiB;MACnCC,gCAAgC,EAAEA;IAAiC,CACtE,CACJ;EACL;EAEA,oBACIb,KAAA,CAAA2B,aAAA,CAACxB,6BAA6B;IAC1B0B,OAAO,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAE;IACrCC,OAAO,EAAE;MAAEF,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAE;IAClCE,IAAI,EAAE;MAAEH,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAE;IAClCG,UAAU,EAAE;MAAEC,QAAQ,EAAE3B;IAAoC;EAAE,GAE7DkB,YAAY,eACb1B,KAAA,CAAA2B,aAAA,CAACvB,mCAAmC;IAChCgC,GAAG,EAAEpB,eAAgB;IACrBqB,IAAI,EAAC,QAAQ;IACbtB,OAAO,EAAGuB,KAAK,IAAK;MAChBA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvB5B,gBAAgB,CAACD,QAAQ,CAAC8B,EAAE,CAAC;IACjC,CAAE;IACFC,OAAO,EAAElC,oCAAqC;IAC9C,cAAW;EAAgB,gBAE3BP,KAAA,CAAA2B,aAAA,CAAC9B,IAAI;IAAC6C,IAAI,EAAE,EAAG;IAACC,KAAK,EAAE,CAAC,UAAU;EAAE,CAAE,CACL,CACV,CAAC;AAExC,CAAC;AAEDlC,iBAAiB,CAACmC,WAAW,GAAG,mBAAmB;AAEnD,4BAAe3C,IAAI,CAACQ,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"file":"GalleryEditorItem.js","names":["Icon","useFocusRingPortal","useKeyboardFocusHighlighting","React","memo","useRef","StyledMotionGalleryEditorItem","StyledGalleryEditorItemDeleteButton","GalleryEditorMediaItem","GalleryEditorPreviewItem","GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX","GALLERY_EDITOR_ITEM_FADE_DURATION_S","useTranslation","textStrings","GalleryEditorItem","fileItem","handleDeleteFile","shouldLoadImages","shouldEnableKeyboardHighlighting","ratio","onClick","t","deleteButtonRef","shouldShowKeyboardHighlighting","isEnabled","padding","shouldRenderPreview","state","shouldRenderMedia","Boolean","previewUrl","uploadedFile","mediaContent","createElement","openSelectedFile","initial","opacity","scale","animate","exit","transition","duration","ref","type","event","stopPropagation","id","$zIndex","galleryEditor","accessibility","removeImage","size","icons","displayName"],"sources":["../../../../../src/components/gallery-editor/gallery-editor-item/GalleryEditorItem.tsx"],"sourcesContent":["import { Icon, useFocusRingPortal, useKeyboardFocusHighlighting } from '@chayns-components/core';\nimport React, { FC, ReactNode, memo, useRef } from 'react';\nimport {\n    StyledMotionGalleryEditorItem,\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';\nimport {\n    GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX,\n    GALLERY_EDITOR_ITEM_FADE_DURATION_S,\n} from '../GalleryEditor.constants';\nimport { useTranslation } from '@chayns/textstrings';\nimport textStrings from '../../../constants/textStrings';\n\nconst GalleryEditorItem: FC<GalleryEditorItemProps> = ({\n    fileItem,\n    handleDeleteFile,\n    shouldLoadImages = true,\n    shouldEnableKeyboardHighlighting,\n    ratio = 1,\n    onClick,\n}) => {\n    const { t } = useTranslation();\n    const deleteButtonRef = useRef<HTMLButtonElement>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlighting,\n    );\n    useFocusRingPortal(deleteButtonRef, { isEnabled: shouldShowKeyboardHighlighting, padding: -1 });\n\n    const shouldRenderPreview = fileItem.state === 'uploading';\n    const shouldRenderMedia =\n        fileItem.state !== 'none' &&\n        (Boolean(fileItem.previewUrl) || Boolean(fileItem.uploadedFile));\n\n    let mediaContent: ReactNode = null;\n\n    if (shouldRenderPreview) {\n        mediaContent = <GalleryEditorPreviewItem ratio={ratio} fileItem={fileItem} />;\n    } else if (shouldRenderMedia) {\n        mediaContent = (\n            <GalleryEditorMediaItem\n                fileItem={fileItem}\n                ratio={ratio}\n                openSelectedFile={onClick}\n                previewUrl={fileItem.previewUrl}\n                shouldLoadImages={shouldLoadImages}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            />\n        );\n    }\n\n    return (\n        <StyledMotionGalleryEditorItem\n            initial={{ opacity: 0, scale: 0.98 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.98 }}\n            transition={{ duration: GALLERY_EDITOR_ITEM_FADE_DURATION_S }}\n        >\n            {mediaContent}\n            <StyledGalleryEditorItemDeleteButton\n                ref={deleteButtonRef}\n                type=\"button\"\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleDeleteFile(fileItem.id);\n                }}\n                $zIndex={GALLERY_EDITOR_DELETE_BUTTON_Z_INDEX}\n                aria-label={t(textStrings.galleryEditor.accessibility.removeImage)}\n            >\n                <Icon size={20} icons={['ts-wrong']} />\n            </StyledGalleryEditorItemDeleteButton>\n        </StyledMotionGalleryEditorItem>\n    );\n};\n\nGalleryEditorItem.displayName = 'GalleryEditorItem';\n\nexport default memo(GalleryEditorItem);\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/constants/textStrings.js

@@ -0,0 +1,11 @@
+export default {
+  galleryEditor: {
+    accessibility: {
+      removeImage: {
+        stringName: 'txt_chayns_components_gallery_galleryEditor_accessibility_removeImage',
+        fallback: 'Bild entfernen'
+      }
+    }
+  }
+};
+//# sourceMappingURL=textStrings.js.map

package/lib/esm/constants/textStrings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textStrings.js","names":["galleryEditor","accessibility","removeImage","stringName","fallback"],"sources":["../../../src/constants/textStrings.ts"],"sourcesContent":["export default {\n    galleryEditor: {\n        accessibility: {\n            removeImage: {\n                stringName: 'txt_chayns_components_gallery_galleryEditor_accessibility_removeImage',\n                fallback: 'Bild entfernen',\n            },\n        },\n    },\n} as const;\n"],"mappings":"AAAA,eAAe;EACXA,aAAa,EAAE;IACXC,aAAa,EAAE;MACXC,WAAW,EAAE;QACTC,UAAU,EAAE,uEAAuE;QACnFC,QAAQ,EAAE;MACd;IACJ;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/types/constants/textStrings.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    readonly galleryEditor: {
+        readonly accessibility: {
+            readonly removeImage: {
+                readonly stringName: "txt_chayns_components_gallery_galleryEditor_accessibility_removeImage";
+                readonly fallback: "Bild entfernen";
+            };
+        };
+    };
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/gallery",
-    "version": "5.5.31-alpha.0",
+    "version": "5.5.34",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,7 +69,8 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.5.31-alpha.0",
+        "@chayns-components/core": "^5.5.34",
+        "@chayns/textstrings": "^1.0.1",
         "react-compiler-runtime": "^1.0.0",
         "uuid": "^10.0.0"
     },
@@ -83,5 +84,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "7619ce466c615fadd5eb31f93c24a252683aff0e"
+    "gitHead": "ab87bd2ddf52043b3eb87219b04ea6721fe7c16f"
 }