@leav/ui 0.2.6 → 0.2.8

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/DocumentFile/DocumentFile.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFileViewerProps } from '../_types';
-declare function DocumentFile({ fileData, fallback }: IFileViewerProps): JSX.Element;
+import {IFileViewerProps} from '../_types';
+declare function DocumentFile({fileData, fallback}: IFileViewerProps): JSX.Element;
 export default DocumentFile;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/DocumentFile/DocumentFile.js

@@ -1,28 +1,47 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { ExpandOutlined } from '@ant-design/icons';
-import { Button } from 'antd';
-import { useRef } from 'react';
+import {ExpandOutlined} from '@ant-design/icons';
+import {Button} from 'antd';
+import {useRef} from 'react';
 import styled from 'styled-components';
-const FullscreenBtn = styled(Button) `
+const FullscreenBtn = styled(Button)`
     && {
         position: absolute;
         right: 0.5rem;
         bottom: 0.5rem;
     }
 `;
-function DocumentFile({ fileData, fallback }) {
+function DocumentFile({fileData, fallback}) {
     var _a, _b;
     const viewerRef = useRef();
-    if (!((_b = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0 ? void 0 : _a.preview) === null || _b === void 0 ? void 0 : _b.pdf)) {
+    if (
+        !((_b =
+            (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0
+                ? void 0
+                : _a.preview) === null || _b === void 0
+            ? void 0
+            : _b.pdf)
+    ) {
         return fallback;
     }
     const _handleFullScreen = () => {
         viewerRef.current.requestFullscreen();
     };
-    return (_jsxs(_Fragment, { children: [_jsx(FullscreenBtn, { onClick: _handleFullScreen, icon: _jsx(ExpandOutlined, {}), shape: "circle" }), _jsx("iframe", { "data-testid": "document-viewer", ref: viewerRef, src: `${fileData.whoAmI.preview.pdf}#toolbar=0`, width: "100%", height: "100%", allowFullScreen: true })] }));
+    return _jsxs(_Fragment, {
+        children: [
+            _jsx(FullscreenBtn, {onClick: _handleFullScreen, icon: _jsx(ExpandOutlined, {}), shape: 'circle'}),
+            _jsx('iframe', {
+                'data-testid': 'document-viewer',
+                ref: viewerRef,
+                src: `${fileData.whoAmI.preview.pdf}#toolbar=0`,
+                width: '100%',
+                height: '100%',
+                allowFullScreen: true
+            })
+        ]
+    });
 }
 export default DocumentFile;
-//# sourceMappingURL=DocumentFile.js.map
+//# sourceMappingURL=DocumentFile.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/DocumentFile/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import DocumentFile from './DocumentFile';
 export default DocumentFile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/FileModalContent.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IFileDataWithPreviewsStatus } from '../../../../_queries/records/getFileDataQuery';
+import {IFileDataWithPreviewsStatus} from '../../../../_queries/records/getFileDataQuery';
 interface IFileModalContentProps {
     fileData: IFileDataWithPreviewsStatus;
 }
-declare function FileModalContent({ fileData }: IFileModalContentProps): JSX.Element;
+declare function FileModalContent({fileData}: IFileModalContentProps): JSX.Element;
 export default FileModalContent;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/FileModalContent.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, jsxs as _jsxs} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { getFileType } from '@leav/utils';
+import {getFileType} from '@leav/utils';
 import styled from 'styled-components';
-import { themeVars } from '../../../../antdTheme';
-import { PreviewSize } from '../../../../constants';
-import { RecordCard } from '../../../RecordCard';
-import { fileModalSidebarWidth, fileModalWidth } from '../_constants';
+import {themeVars} from '../../../../antdTheme';
+import {PreviewSize} from '../../../../constants';
+import {RecordCard} from '../../../RecordCard';
+import {fileModalSidebarWidth, fileModalWidth} from '../_constants';
 import AudioFile from './AudioFile';
 import DocumentFile from './DocumentFile';
 import FileModalSidebar from './FileModalSidebar';
 import ImageFile from './ImageFile';
 import NoDisplayFile from './NoDisplayFile';
 import VideoFile from './VideoFile';
-const Container = styled.div `
+const Container = styled.div`
     height: calc(100vh - 12rem);
     display: grid;
     grid-template-columns: minmax(0, ${fileModalWidth - fileModalSidebarWidth}px) ${fileModalSidebarWidth}px;
@@ -25,14 +25,14 @@ const Container = styled.div `
     overflow: hidden;
     grid-gutter: 0;
 `;
-const Title = styled.div `
+const Title = styled.div`
     grid-area: title;
     align-self: center;
     font-size: 1rem;
     padding: 1rem;
     border-bottom: 1px solid ${themeVars.borderColor};
 `;
-const Content = styled.div `
+const Content = styled.div`
     position: relative;
     height: calc(100vh - 17rem);
     grid-area: content;
@@ -55,14 +55,21 @@ const Content = styled.div `
         }
     }
 `;
-function FileModalContent({ fileData }) {
+function FileModalContent({fileData}) {
     var _a, _b;
     let fileViewer;
     const viewerProps = {
         fileData,
-        fallback: _jsx(NoDisplayFile, { fileData: fileData, noPreviewMessage: true, fallback: null })
+        fallback: _jsx(NoDisplayFile, {fileData: fileData, noPreviewMessage: true, fallback: null})
     };
-    const fileType = getFileType((_b = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.file_name) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value);
+    const fileType = getFileType(
+        (_b =
+            (_a = fileData === null || fileData === void 0 ? void 0 : fileData.file_name) === null || _a === void 0
+                ? void 0
+                : _a[0]) === null || _b === void 0
+            ? void 0
+            : _b.value
+    );
     switch (fileType) {
         case 'image':
             fileViewer = _jsx(ImageFile, Object.assign({}, viewerProps));
@@ -77,9 +84,21 @@ function FileModalContent({ fileData }) {
             fileViewer = _jsx(DocumentFile, Object.assign({}, viewerProps));
             break;
         default:
-            fileViewer = _jsx(NoDisplayFile, { fileData: fileData, fallback: null });
+            fileViewer = _jsx(NoDisplayFile, {fileData: fileData, fallback: null});
     }
-    return (_jsxs(Container, { children: [_jsx(Title, Object.assign({ "data-testid": "title-section" }, { children: _jsx(RecordCard, { record: fileData.whoAmI, size: PreviewSize.small }) })), _jsx(Content, Object.assign({ "data-testid": "content-section" }, { children: fileViewer })), _jsx(FileModalSidebar, { fileData: fileData })] }));
+    return _jsxs(Container, {
+        children: [
+            _jsx(
+                Title,
+                Object.assign(
+                    {'data-testid': 'title-section'},
+                    {children: _jsx(RecordCard, {record: fileData.whoAmI, size: PreviewSize.small})}
+                )
+            ),
+            _jsx(Content, Object.assign({'data-testid': 'content-section'}, {children: fileViewer})),
+            _jsx(FileModalSidebar, {fileData: fileData})
+        ]
+    });
 }
 export default FileModalContent;
-//# sourceMappingURL=FileModalContent.js.map
+//# sourceMappingURL=FileModalContent.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/FileModalSidebar/FileModalSidebar.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IFileDataWithPreviewsStatus } from '../../../../../_queries/records/getFileDataQuery';
+import {IFileDataWithPreviewsStatus} from '../../../../../_queries/records/getFileDataQuery';
 interface IFileModalSidebarProps {
     fileData: IFileDataWithPreviewsStatus;
 }
-declare function FileModalSidebar({ fileData }: IFileModalSidebarProps): JSX.Element;
+declare function FileModalSidebar({fileData}: IFileModalSidebarProps): JSX.Element;
 export default FileModalSidebar;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/FileModalSidebar/FileModalSidebar.js

@@ -1,16 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { PictureOutlined } from '@ant-design/icons';
-import { Descriptions } from 'antd';
-import { useState } from 'react';
+import {PictureOutlined} from '@ant-design/icons';
+import {Descriptions} from 'antd';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { themeVars } from '../../../../../antdTheme';
-import { BasicButton } from '../../../../../components/BasicButton';
-import { TriggerPreviewsGenerationModal } from '../../../../../components/TriggerPreviewsGenerationModal';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-const Sidebar = styled.div `
+import {themeVars} from '../../../../../antdTheme';
+import {BasicButton} from '../../../../../components/BasicButton';
+import {TriggerPreviewsGenerationModal} from '../../../../../components/TriggerPreviewsGenerationModal';
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+const Sidebar = styled.div`
     position: relative;
     grid-area: sidebar;
     background: ${themeVars.secondaryBg};
@@ -20,7 +20,7 @@ const Sidebar = styled.div `
     justify-content: space-between;
     flex-direction: column;
 `;
-const Path = styled.div `
+const Path = styled.div`
     overflow-x: auto;
     height: 2em;
     white-space: nowrap;
@@ -30,14 +30,14 @@ const Path = styled.div `
     width: 135px;
     font-family: monospace;
 `;
-const ActionsWrapper = styled.div `
+const ActionsWrapper = styled.div`
     padding: 0.5rem 1rem;
     border-top: 1px solid ${themeVars.borderColor};
     text-align: center;
 `;
-function FileModalSidebar({ fileData }) {
+function FileModalSidebar({fileData}) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    const { t } = useSharedTranslation();
+    const {t} = useSharedTranslation();
     const [displayPreviewConfirm, setDisplayPreviewConfirm] = useState(false);
     const _handleClickGeneratePreviews = () => {
         setDisplayPreviewConfirm(true);
@@ -57,28 +57,100 @@ function FileModalSidebar({ fileData }) {
         {
             title: t('record_summary.created_at'),
             value: t('record_summary.created_at_value', {
-                date: (_b = (_a = fileData.created_at) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.value,
-                user: (_d = (_c = fileData.created_by) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.value.whoAmI.label,
-                interpolation: { escapeValue: false }
+                date:
+                    (_b = (_a = fileData.created_at) === null || _a === void 0 ? void 0 : _a[0]) === null ||
+                    _b === void 0
+                        ? void 0
+                        : _b.value,
+                user:
+                    (_d = (_c = fileData.created_by) === null || _c === void 0 ? void 0 : _c[0]) === null ||
+                    _d === void 0
+                        ? void 0
+                        : _d.value.whoAmI.label,
+                interpolation: {escapeValue: false}
             })
         },
         {
             title: t('record_summary.modified_at'),
             value: t('record_summary.modified_at_value', {
-                date: (_f = (_e = fileData.modified_at) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.value,
-                user: (_h = (_g = fileData.modified_by) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.value.whoAmI.label,
-                interpolation: { escapeValue: false }
+                date:
+                    (_f = (_e = fileData.modified_at) === null || _e === void 0 ? void 0 : _e[0]) === null ||
+                    _f === void 0
+                        ? void 0
+                        : _f.value,
+                user:
+                    (_h = (_g = fileData.modified_by) === null || _g === void 0 ? void 0 : _g[0]) === null ||
+                    _h === void 0
+                        ? void 0
+                        : _h.value.whoAmI.label,
+                interpolation: {escapeValue: false}
             })
         },
         {
             title: t('file_data.path'),
-            value: _jsx(Path, { children: '/' + ((_k = (_j = fileData.file_path) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.value) })
+            value: _jsx(Path, {
+                children:
+                    '/' +
+                    ((_k = (_j = fileData.file_path) === null || _j === void 0 ? void 0 : _j[0]) === null ||
+                    _k === void 0
+                        ? void 0
+                        : _k.value)
+            })
         }
     ];
-    return (_jsxs(_Fragment, { children: [_jsxs(Sidebar, Object.assign({ "data-testid": "sidebar-section" }, { children: [_jsx(Descriptions, Object.assign({ layout: "horizontal", column: 1, style: { padding: '1rem' } }, { children: summaryContent.map((item, index) => {
-                            const { title, value } = item;
-                            return (_jsx(Descriptions.Item, Object.assign({ label: title, style: { paddingBottom: '5px' }, labelStyle: { fontWeight: 'bold', width: '50%' } }, { children: value }), index));
-                        }) })), !fileData.isPreviewsGenerationPending && (_jsx(ActionsWrapper, { children: _jsx(BasicButton, Object.assign({ icon: _jsx(PictureOutlined, {}), onClick: _handleClickGeneratePreviews }, { children: t('files.generate_previews') })) }))] })), displayPreviewConfirm && (_jsx(TriggerPreviewsGenerationModal, { libraryId: fileData.whoAmI.library.id, recordIds: [fileData.id], onClose: _handleClosePreviewGenerationConfirm }))] }));
+    return _jsxs(_Fragment, {
+        children: [
+            _jsxs(
+                Sidebar,
+                Object.assign(
+                    {'data-testid': 'sidebar-section'},
+                    {
+                        children: [
+                            _jsx(
+                                Descriptions,
+                                Object.assign(
+                                    {layout: 'horizontal', column: 1, style: {padding: '1rem'}},
+                                    {
+                                        children: summaryContent.map((item, index) => {
+                                            const {title, value} = item;
+                                            return _jsx(
+                                                Descriptions.Item,
+                                                Object.assign(
+                                                    {
+                                                        label: title,
+                                                        style: {paddingBottom: '5px'},
+                                                        labelStyle: {fontWeight: 'bold', width: '50%'}
+                                                    },
+                                                    {children: value}
+                                                ),
+                                                index
+                                            );
+                                        })
+                                    }
+                                )
+                            ),
+                            !fileData.isPreviewsGenerationPending &&
+                                _jsx(ActionsWrapper, {
+                                    children: _jsx(
+                                        BasicButton,
+                                        Object.assign(
+                                            {icon: _jsx(PictureOutlined, {}), onClick: _handleClickGeneratePreviews},
+                                            {children: t('files.generate_previews')}
+                                        )
+                                    )
+                                })
+                        ]
+                    }
+                )
+            ),
+            displayPreviewConfirm &&
+                _jsx(TriggerPreviewsGenerationModal, {
+                    libraryId: fileData.whoAmI.library.id,
+                    recordIds: [fileData.id],
+                    onClose: _handleClosePreviewGenerationConfirm
+                })
+        ]
+    });
 }
 export default FileModalSidebar;
-//# sourceMappingURL=FileModalSidebar.js.map
+//# sourceMappingURL=FileModalSidebar.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/FileModalSidebar/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FileModalSidebar from './FileModalSidebar';
 export default FileModalSidebar;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/ImageFile/ImageFile.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFileViewerProps } from '../_types';
-declare function ImageFile({ fileData, fallback, showTransparency }: IFileViewerProps): JSX.Element;
+import {IFileViewerProps} from '../_types';
+declare function ImageFile({fileData, fallback, showTransparency}: IFileViewerProps): JSX.Element;
 export default ImageFile;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/ImageFile/ImageFile.js

@@ -1,19 +1,22 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Image } from 'antd';
-import { icons as defaultPreviewIcons } from 'antd/lib/image/PreviewGroup';
-import { useState } from 'react';
+import {Image} from 'antd';
+import {icons as defaultPreviewIcons} from 'antd/lib/image/PreviewGroup';
+import {useState} from 'react';
 import styled from 'styled-components';
-import { themeVars } from '../../../../../antdTheme';
-import { ImageLoading } from '../../../../ImageLoading';
-const PreviewImage = styled(Image) `
+import {themeVars} from '../../../../../antdTheme';
+import {ImageLoading} from '../../../../ImageLoading';
+const PreviewImage = styled(Image)`
     display: ${p => (p.$loaded ? 'block' : 'none')};
 `;
-function ImageFile({ fileData, fallback, showTransparency = false }) {
+function ImageFile({fileData, fallback, showTransparency = false}) {
     var _a;
-    const imagePreviews = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0 ? void 0 : _a.preview;
+    const imagePreviews =
+        (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0
+            ? void 0
+            : _a.preview;
     const [imageLoaded, setImageLoaded] = useState(false);
     const [hasFailed, setHasFailed] = useState(false);
     if (!(imagePreviews === null || imagePreviews === void 0 ? void 0 : imagePreviews.huge) || hasFailed) {
@@ -22,12 +25,27 @@ function ImageFile({ fileData, fallback, showTransparency = false }) {
     const _handleLoad = () => {
         setImageLoaded(true);
     };
-    return (_jsxs(_Fragment, { children: [!imageLoaded && _jsx(ImageLoading, { style: { height: '50%', width: '50%' } }), _jsx(PreviewImage, { "$loaded": imageLoaded, src: imagePreviews.huge, onLoad: _handleLoad, onError: () => {
+    return _jsxs(_Fragment, {
+        children: [
+            !imageLoaded && _jsx(ImageLoading, {style: {height: '50%', width: '50%'}}),
+            _jsx(PreviewImage, {
+                $loaded: imageLoaded,
+                src: imagePreviews.huge,
+                onLoad: _handleLoad,
+                onError: () => {
                     setImageLoaded(true);
                     setHasFailed(true);
-                }, style: { background: showTransparency ? themeVars.checkerBoard : themeVars.imageDefaultBackground }, preview: {
-                    icons: Object.assign(Object.assign({}, defaultPreviewIcons), { rotateLeft: false, rotateRight: false })
-                } })] }));
+                },
+                style: {background: showTransparency ? themeVars.checkerBoard : themeVars.imageDefaultBackground},
+                preview: {
+                    icons: Object.assign(Object.assign({}, defaultPreviewIcons), {
+                        rotateLeft: false,
+                        rotateRight: false
+                    })
+                }
+            })
+        ]
+    });
 }
 export default ImageFile;
-//# sourceMappingURL=ImageFile.js.map
+//# sourceMappingURL=ImageFile.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/ImageFile/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import ImageFile from './ImageFile';
 export default ImageFile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/NoDisplayFile/NoDisplayFile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { IFileViewerProps } from '../_types';
+import {IFileViewerProps} from '../_types';
 interface INoDisplayFileProps extends IFileViewerProps {
     noPreviewMessage?: boolean;
 }
-declare function NoDisplayFile({ fileData, noPreviewMessage }: INoDisplayFileProps): JSX.Element;
+declare function NoDisplayFile({fileData, noPreviewMessage}: INoDisplayFileProps): JSX.Element;
 export default NoDisplayFile;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/NoDisplayFile/NoDisplayFile.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import {jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { ClockCircleOutlined, FolderOutlined, FrownOutlined } from '@ant-design/icons';
-import { getInvertColor, stringToColor } from '@leav/utils';
-import { Space, theme } from 'antd';
+import {ClockCircleOutlined, FolderOutlined, FrownOutlined} from '@ant-design/icons';
+import {getInvertColor, stringToColor} from '@leav/utils';
+import {Space, theme} from 'antd';
 import styled from 'styled-components';
-import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-const Wrapper = styled.div `
+import {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';
+const Wrapper = styled.div`
     width: 80%;
     height: 80%;
     display: flex;
@@ -18,28 +18,50 @@ const Wrapper = styled.div `
     background-color: ${p => p.$background};
     color: ${p => p.$color};
 `;
-const ExtensionWrapper = styled.div `
+const ExtensionWrapper = styled.div`
     font-size: ${p => (p.$isDirectory ? '4em' : '7em')};
 `;
-const NoPreviewMessage = styled(Space) `
+const NoPreviewMessage = styled(Space)`
     font-size: 1.2em;
 `;
-function NoDisplayFile({ fileData, noPreviewMessage = false }) {
-    const { t } = useSharedTranslation();
+function NoDisplayFile({fileData, noPreviewMessage = false}) {
+    const {t} = useSharedTranslation();
     const fileName = fileData.file_name[0].value;
     const extension = fileName.split('.').pop().toUpperCase();
     const bgColor = fileData.whoAmI.color || stringToColor(fileData.whoAmI.label);
     const fontColor = getInvertColor(bgColor);
     const isDirectory = fileData.library.behavior === 'directories';
-    const { token } = theme.useToken();
+    const {token} = theme.useToken();
     let message;
     if (fileData.isPreviewsGenerationPending) {
-        message = (_jsxs(_Fragment, { children: [_jsx(ClockCircleOutlined, {}), t('file_data.previews_generation_pending')] }));
+        message = _jsxs(_Fragment, {
+            children: [_jsx(ClockCircleOutlined, {}), t('file_data.previews_generation_pending')]
+        });
+    } else if (noPreviewMessage) {
+        message = _jsxs(_Fragment, {children: [_jsx(FrownOutlined, {}), t('file_data.no_preview')]});
     }
-    else if (noPreviewMessage) {
-        message = (_jsxs(_Fragment, { children: [_jsx(FrownOutlined, {}), t('file_data.no_preview')] }));
-    }
-    return (_jsxs(Wrapper, Object.assign({ "$background": bgColor, "$color": fontColor, "$themeToken": token }, { children: [_jsx(ExtensionWrapper, Object.assign({ "$isDirectory": isDirectory }, { children: isDirectory ? (_jsxs(Space, { children: [_jsx(FolderOutlined, {}), t('file_data.directory')] })) : (extension) })), message && _jsx(NoPreviewMessage, { children: message })] })));
+    return _jsxs(
+        Wrapper,
+        Object.assign(
+            {$background: bgColor, $color: fontColor, $themeToken: token},
+            {
+                children: [
+                    _jsx(
+                        ExtensionWrapper,
+                        Object.assign(
+                            {$isDirectory: isDirectory},
+                            {
+                                children: isDirectory
+                                    ? _jsxs(Space, {children: [_jsx(FolderOutlined, {}), t('file_data.directory')]})
+                                    : extension
+                            }
+                        )
+                    ),
+                    message && _jsx(NoPreviewMessage, {children: message})
+                ]
+            }
+        )
+    );
 }
 export default NoDisplayFile;
-//# sourceMappingURL=NoDisplayFile.js.map
+//# sourceMappingURL=NoDisplayFile.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/NoDisplayFile/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import NoDisplayFile from './NoDisplayFile';
 export default NoDisplayFile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/VideoFile/VideoFile.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IFileViewerProps } from '../_types';
-declare function VideoFile({ fileData, fallback }: IFileViewerProps): JSX.Element;
+import {IFileViewerProps} from '../_types';
+declare function VideoFile({fileData, fallback}: IFileViewerProps): JSX.Element;
 export default VideoFile;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/VideoFile/VideoFile.js

@@ -1,22 +1,36 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import {jsx as _jsx} from 'react/jsx-runtime';
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { useState } from 'react';
+import {useState} from 'react';
 import styled from 'styled-components';
-const VideoPlayer = styled.video `
+const VideoPlayer = styled.video`
     max-height: 100%;
     max-width: 100%;
 `;
-function VideoFile({ fileData, fallback }) {
+function VideoFile({fileData, fallback}) {
     var _a, _b;
     const [hasFailed, setHasFailed] = useState(false);
-    if (!((_b = (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0 ? void 0 : _a.preview) === null || _b === void 0 ? void 0 : _b.original) || hasFailed) {
+    if (
+        !((_b =
+            (_a = fileData === null || fileData === void 0 ? void 0 : fileData.whoAmI) === null || _a === void 0
+                ? void 0
+                : _a.preview) === null || _b === void 0
+            ? void 0
+            : _b.original) ||
+        hasFailed
+    ) {
         return fallback;
     }
-    return (_jsx(VideoPlayer, { controls: true, src: fileData.whoAmI.preview.original, title: fileData.file_name[0].value, "data-testid": "video-player", onError: () => {
+    return _jsx(VideoPlayer, {
+        controls: true,
+        src: fileData.whoAmI.preview.original,
+        title: fileData.file_name[0].value,
+        'data-testid': 'video-player',
+        onError: () => {
             setHasFailed(true);
-        } }));
+        }
+    });
 }
 export default VideoFile;
-//# sourceMappingURL=VideoFile.js.map
+//# sourceMappingURL=VideoFile.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/VideoFile/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import VideoFile from './VideoFile';
 export default VideoFile;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/_types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { IFileDataWithPreviewsStatus } from '../../../../_queries/records/getFileDataQuery';
+import {ReactNode} from 'react';
+import {IFileDataWithPreviewsStatus} from '../../../../_queries/records/getFileDataQuery';
 export interface IFileViewerProps {
     fileData: IFileDataWithPreviewsStatus;
     fallback: ReactNode;

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/_types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=_types.js.map
+//# sourceMappingURL=_types.js.map

package/dist/components/RecordPreviewWithModal/FileModal/FileModalContent/index.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import FileModalContent from './FileModalContent';
 export default FileModalContent;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/RecordPreviewWithModal/FileModal/_constants.js

@@ -3,4 +3,4 @@
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 export const fileModalWidth = 1200;
 export const fileModalSidebarWidth = 300;
-//# sourceMappingURL=_constants.js.map
+//# sourceMappingURL=_constants.js.map