@leav/ui 0.2.8 → 0.3.0-0c71091

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,100 +57,28 @@ 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,22 +1,19 @@
-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) {
@@ -25,27 +22,12 @@ 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,50 +18,28 @@ 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')]
-        });
-    } else if (noPreviewMessage) {
-        message = _jsxs(_Fragment, {children: [_jsx(FrownOutlined, {}), t('file_data.no_preview')]});
+        message = (_jsxs(_Fragment, { children: [_jsx(ClockCircleOutlined, {}), t('file_data.previews_generation_pending')] }));
     }
-    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})
-                ]
-            }
-        )
-    );
+    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 })] })));
 }
 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,36 +1,22 @@
-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

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

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

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

@@ -1,6 +1,6 @@
-import {IPreviewScalar} from '@leav/utils';
-import {FunctionComponent} from 'react';
-import {IEntityPreviewProps} from '../EntityPreview';
+import { IPreviewScalar } from '@leav/utils';
+import { FunctionComponent } from 'react';
+import { IEntityPreviewProps } from '../EntityPreview';
 interface IRecordPreviewWithModalProps extends Omit<IEntityPreviewProps, 'onClick'> {
     previewFile: IPreviewScalar['file'];
     showTransparency?: boolean;

package/dist/components/RecordPreviewWithModal/RecordPreviewWithModal.js

@@ -1,33 +1,33 @@
-var __rest =
-    (this && this.__rest) ||
-    function (s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === 'function')
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-            }
-        return t;
-    };
-import {jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment} from 'react/jsx-runtime';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 {EyeOutlined} from '@ant-design/icons';
-import {useState} from 'react';
+import { EyeOutlined } from '@ant-design/icons';
+import { useState } from 'react';
 import styled from 'styled-components';
-import {themeVars} from '../../antdTheme';
-import {EntityPreview} from '../EntityPreview';
+import { themeVars } from '../../antdTheme';
+import { EntityPreview } from '../EntityPreview';
 import FileModal from './FileModal';
-import {useSharedTranslation} from '../../hooks/useSharedTranslation';
-const DivClickHandler = styled.div`
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+const DivClickHandler = styled.div `
     position: relative;
-    cursor: ${({$isClickable}) => ($isClickable ? 'pointer' : 'default')};
+    cursor: ${({ $isClickable }) => ($isClickable ? 'pointer' : 'default')};
     width: fit-content;
     height: fit-content;
     margin: auto;
 `;
-const DivOverlay = styled.div`
+const DivOverlay = styled.div `
     background: ${themeVars.secondaryBg}99; // Hexadecimal color + opacity
     position: absolute;
     top: 0;
@@ -43,10 +43,9 @@ const DivOverlay = styled.div`
         display: flex;
     }
 `;
-const RecordPreviewWithModal = _a => {
-    var {previewFile, imageStyle, showTransparency = false} = _a,
-        recordPreviewProps = __rest(_a, ['previewFile', 'imageStyle', 'showTransparency']);
-    const {t} = useSharedTranslation();
+const RecordPreviewWithModal = (_a) => {
+    var { previewFile, imageStyle, showTransparency = false } = _a, recordPreviewProps = __rest(_a, ["previewFile", "imageStyle", "showTransparency"]);
+    const { t } = useSharedTranslation();
     const [isPreviewModalOpen, setPreviewModalOpen] = useState(false);
     const fileId = previewFile === null || previewFile === void 0 ? void 0 : previewFile.id;
     const fileLibraryId = previewFile === null || previewFile === void 0 ? void 0 : previewFile.library;
@@ -57,47 +56,7 @@ const RecordPreviewWithModal = _a => {
         }
     };
     const _handleClosePreviewModal = () => setPreviewModalOpen(false);
-    return _jsxs(_Fragment, {
-        children: [
-            _jsxs(
-                DivClickHandler,
-                Object.assign(
-                    {$isClickable: isPreviewClickable, onClick: _handlePreviewClick, 'data-testid': 'click-handler'},
-                    {
-                        children: [
-                            _jsx(
-                                EntityPreview,
-                                Object.assign(
-                                    {
-                                        imageStyle: Object.assign(
-                                            {background: showTransparency ? themeVars.checkerBoard : 'transparent'},
-                                            imageStyle
-                                        )
-                                    },
-                                    recordPreviewProps
-                                )
-                            ),
-                            isPreviewClickable &&
-                                _jsx(
-                                    DivOverlay,
-                                    Object.assign(
-                                        {title: t('record_summary.preview_title')},
-                                        {children: _jsx(EyeOutlined, {})}
-                                    )
-                                )
-                        ]
-                    }
-                )
-            ),
-            isPreviewModalOpen &&
-                _jsx(FileModal, {
-                    open: isPreviewModalOpen,
-                    fileId: fileId,
-                    libraryId: fileLibraryId,
-                    onClose: _handleClosePreviewModal
-                })
-        ]
-    });
+    return (_jsxs(_Fragment, { children: [_jsxs(DivClickHandler, Object.assign({ "$isClickable": isPreviewClickable, onClick: _handlePreviewClick, "data-testid": "click-handler" }, { children: [_jsx(EntityPreview, Object.assign({ imageStyle: Object.assign({ background: showTransparency ? themeVars.checkerBoard : 'transparent' }, imageStyle) }, recordPreviewProps)), isPreviewClickable && (_jsx(DivOverlay, Object.assign({ title: t('record_summary.preview_title') }, { children: _jsx(EyeOutlined, {}) })))] })), isPreviewModalOpen && (_jsx(FileModal, { open: isPreviewModalOpen, fileId: fileId, libraryId: fileLibraryId, onClose: _handleClosePreviewModal }))] }));
 };
 export default RecordPreviewWithModal;
-//# sourceMappingURL=RecordPreviewWithModal.js.map
+//# sourceMappingURL=RecordPreviewWithModal.js.map

package/dist/components/RecordPreviewWithModal/index.d.ts

@@ -1 +1 @@
-export {default as RecordPreviewWithModal} from './RecordPreviewWithModal';
+export { default as RecordPreviewWithModal } from './RecordPreviewWithModal';

package/dist/components/RecordPreviewWithModal/index.js

@@ -1,5 +1,5 @@
 // Copyright LEAV Solutions 2017
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-export {default as RecordPreviewWithModal} from './RecordPreviewWithModal';
-//# sourceMappingURL=index.js.map
+export { default as RecordPreviewWithModal } from './RecordPreviewWithModal';
+//# sourceMappingURL=index.js.map

package/dist/components/SearchModal/SearchModal.d.ts

@@ -1,5 +1,5 @@
-import {FunctionComponent} from 'react';
-import {ISearchSelection} from '../../types';
+import { FunctionComponent } from 'react';
+import { ISearchSelection } from '../../types';
 interface ISearchModalProps {
     libId: string;
     visible: boolean;