@leav/ui 0.2.8 → 0.3.0

package/dist/components/RecordEdition/editRecordModalReducer/index.js

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

package/dist/components/RecordEdition/editRecordModalReducer/useEditRecordModalReducer.d.ts

@@ -1 +1 @@
-export declare const useEditRecordModalReducer: () => import('./editRecordModalReducerContext').IEditRecordModalReducerContext;
+export declare const useEditRecordModalReducer: () => import("./editRecordModalReducerContext").IEditRecordModalReducerContext;

package/dist/components/RecordEdition/editRecordModalReducer/useEditRecordModalReducer.js

@@ -1,7 +1,7 @@
 // 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 {useContext} from 'react';
-import {EditRecordModalReducerContext} from './editRecordModalReducerContext';
+import { useContext } from 'react';
+import { EditRecordModalReducerContext } from './editRecordModalReducerContext';
 export const useEditRecordModalReducer = () => useContext(EditRecordModalReducerContext);
-//# sourceMappingURL=useEditRecordModalReducer.js.map
+//# sourceMappingURL=useEditRecordModalReducer.js.map

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/index.d.ts

@@ -0,0 +1 @@
+export { useCreateCancelConfirm } from './useCreateCancelConfirm';

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/index.js

@@ -0,0 +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 { useCreateCancelConfirm } from './useCreateCancelConfirm';
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/hooks/useCreateCancelConfirm/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,sBAAsB,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/useCreateCancelConfirm.d.ts

@@ -0,0 +1,2 @@
+export declare type UseCreateCancelConfirmHook = (onConfirm: () => void) => () => void;
+export declare const useCreateCancelConfirm: UseCreateCancelConfirmHook;

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/useCreateCancelConfirm.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { KitModal, KitSpace, KitTypography } from 'aristid-ds';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const useCreateCancelConfirm = onConfirm => {
+    const { t } = useSharedTranslation();
+    const confirmContent = (_jsxs(KitSpace, Object.assign({ direction: "vertical" }, { children: [_jsx("span", { children: t('record_edition.cancel_confirm_modal_content') }), _jsx(KitTypography.Text, Object.assign({ weight: "medium" }, { children: t('record_edition.cancel_confirm_modal_question') }))] })));
+    return () => {
+        KitModal.confirm({
+            title: t('record_edition.cancel_confirm_modal_title'),
+            content: confirmContent,
+            icon: false,
+            showSecondaryCta: true,
+            showCloseIcon: false,
+            dangerConfirm: true,
+            type: 'confirm',
+            okText: t('global.confirm'),
+            cancelText: t('global.cancel'),
+            onOk: onConfirm
+        });
+    };
+};
+//# sourceMappingURL=useCreateCancelConfirm.js.map

package/dist/components/RecordEdition/hooks/useCreateCancelConfirm/useCreateCancelConfirm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateCancelConfirm.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/hooks/useCreateCancelConfirm/useCreateCancelConfirm.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGpE,MAAM,CAAC,MAAM,sBAAsB,GAA+B,SAAS,CAAC,EAAE;IAC1E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,cAAc,GAAG,CACnB,MAAC,QAAQ,kBAAC,SAAS,EAAC,UAAU,iBAC1B,yBAAO,CAAC,CAAC,6CAA6C,CAAC,GAAQ,EAC/D,KAAC,aAAa,CAAC,IAAI,kBAAC,MAAM,EAAC,QAAQ,gBAAE,CAAC,CAAC,8CAA8C,CAAC,IAAsB,KACrG,CACd,CAAC;IAEF,OAAO,GAAG,EAAE;QACR,QAAQ,CAAC,OAAO,CAAC;YACb,KAAK,EAAE,CAAC,CAAC,2CAA2C,CAAC;YACrD,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,KAAK;YACX,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,IAAI;YACnB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC;YAC3B,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC;YAC9B,IAAI,EAAE,SAAS;SAClB,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.d.ts

@@ -0,0 +1,2 @@
+import { possibleSubmitButtons, submitButtonsName } from '../_types';
+export declare const useGetSubmitButtons: (buttons: possibleSubmitButtons, isInCreateMode: boolean, onClickSubmit: (button: submitButtonsName) => void) => any[];

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js

@@ -0,0 +1,24 @@
+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 { KitButton } from 'aristid-ds';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faPenToSquare, faCheck } from '@fortawesome/free-solid-svg-icons';
+import { EDIT_OR_CREATE_RECORD_FORM_ID } from '../EditRecordContent/formConstants';
+export const useGetSubmitButtons = (buttons, isInCreateMode, onClickSubmit) => {
+    const { t } = useSharedTranslation();
+    const headerSubmitButtons = [];
+    if (!isInCreateMode) {
+        return [];
+    }
+    if (buttons.includes('create')) {
+        headerSubmitButtons.push(_jsx(KitButton, Object.assign({ form: EDIT_OR_CREATE_RECORD_FORM_ID, type: !buttons.includes('createAndEdit') ? 'primary' : 'secondary', htmlType: "submit", icon: _jsx(FontAwesomeIcon, { icon: faCheck }), onClick: () => onClickSubmit('create') }, { children: t('record_edition.create') }), "create"));
+    }
+    if (buttons.includes('createAndEdit')) {
+        headerSubmitButtons.push(_jsx(KitButton, Object.assign({ form: EDIT_OR_CREATE_RECORD_FORM_ID, type: "primary", htmlType: "submit", icon: _jsx(FontAwesomeIcon, { icon: faPenToSquare }), onClick: () => onClickSubmit('createAndEdit') }, { children: t('record_edition.create_and_edit') }), "createAndEdit"));
+    }
+    return headerSubmitButtons;
+};
+//# sourceMappingURL=useGetSubmitButtons.js.map

package/dist/components/RecordEdition/hooks/useGetSubmitButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetSubmitButtons.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/hooks/useGetSubmitButtons.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,YAAY,CAAC;AACrC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAC,6BAA6B,EAAC,MAAM,oCAAoC,CAAC;AAEjF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAC/B,OAA8B,EAC9B,cAAuB,EACvB,aAAkD,EACpD,EAAE;IACA,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,mBAAmB,GAAG,EAAE,CAAC;IAE/B,IAAI,CAAC,cAAc,EAAE;QACjB,OAAO,EAAE,CAAC;KACb;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAC5B,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,kBAEN,IAAI,EAAE,6BAA6B,EACnC,IAAI,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAClE,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAErC,CAAC,CAAC,uBAAuB,CAAC,KAPvB,QAAQ,CAQJ,CACf,CAAC;KACL;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;QACnC,mBAAmB,CAAC,IAAI,CACpB,KAAC,SAAS,kBAEN,IAAI,EAAE,6BAA6B,EACnC,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,gBAE5C,CAAC,CAAC,gCAAgC,CAAC,KAPhC,eAAe,CAQX,CACf,CAAC;KACL;IAED,OAAO,mBAAmB,CAAC;AAC/B,CAAC,CAAC"}

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

@@ -5,5 +5,5 @@ interface IFileModalProps {
     open: boolean;
     onClose: () => void;
 }
-declare function FileModal({fileId, libraryId, open, onClose}: IFileModalProps): JSX.Element;
+declare function FileModal({ fileId, libraryId, open, onClose }: IFileModalProps): JSX.Element;
 export default FileModal;

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

@@ -1,16 +1,16 @@
-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 {Button, Modal} from 'antd';
+import { Button, Modal } from 'antd';
 import styled from 'styled-components';
-import {useSharedTranslation} from '../../../hooks/useSharedTranslation';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import useGetPreparedFileData from '../../../hooks/useGetPreparedFileData/useGetPreparedFileData';
-import {ErrorDisplay} from '../../ErrorDisplay';
-import {Loading} from '../../Loading';
+import { ErrorDisplay } from '../../ErrorDisplay';
+import { Loading } from '../../Loading';
 import FileModalContent from './FileModalContent';
-import {fileModalWidth} from './_constants';
-const StyledModal = styled(Modal)`
+import { fileModalWidth } from './_constants';
+const StyledModal = styled(Modal) `
     .ant-modal-close {
         top: 0;
         right: 0;
@@ -23,52 +23,18 @@ const StyledModal = styled(Modal)`
         padding: 0;
     }
 `;
-const ModalFooter = styled.div`
+const ModalFooter = styled.div `
     padding: 0.5rem 1rem;
 `;
-function FileModal({fileId, libraryId, open, onClose}) {
+function FileModal({ fileId, libraryId, open, onClose }) {
     var _a;
-    const {t} = useSharedTranslation();
-    const {loading, error, fileData} = useGetPreparedFileData(libraryId, fileId);
+    const { t } = useSharedTranslation();
+    const { loading, error, fileData } = useGetPreparedFileData(libraryId, fileId);
     const footerButtons = [
-        _jsx(
-            Button,
-            Object.assign({'aria-label': t('global.close'), onClick: onClose}, {children: t('global.close')}),
-            'close'
-        )
+        _jsx(Button, Object.assign({ "aria-label": t('global.close'), onClick: onClose }, { children: t('global.close') }), "close")
     ];
-    const footer = _jsx(ModalFooter, {children: footerButtons});
-    return _jsxs(
-        StyledModal,
-        Object.assign(
-            {
-                open: open,
-                destroyOnClose: true,
-                okText: t('global.close'),
-                onCancel: onClose,
-                width: '90vw',
-                centered: true,
-                style: {padding: 0, maxWidth: `${fileModalWidth}px`},
-                styles: {body: {height: 'calc(100vh - 12rem)', overflowY: 'auto', padding: 0}},
-                footer: footer
-            },
-            {
-                children: [
-                    loading && _jsx(Loading, {}),
-                    !loading &&
-                        (error || !fileData) &&
-                        _jsx(ErrorDisplay, {
-                            message:
-                                (_a = error === null || error === void 0 ? void 0 : error.message) !== null &&
-                                _a !== void 0
-                                    ? _a
-                                    : t('global.element_not_found')
-                        }),
-                    !loading && !error && fileData && _jsx(FileModalContent, {fileData: fileData})
-                ]
-            }
-        )
-    );
+    const footer = _jsx(ModalFooter, { children: footerButtons });
+    return (_jsxs(StyledModal, Object.assign({ open: open, destroyOnClose: true, okText: t('global.close'), onCancel: onClose, width: "90vw", centered: true, style: { padding: 0, maxWidth: `${fileModalWidth}px` }, styles: { body: { height: 'calc(100vh - 12rem)', overflowY: 'auto', padding: 0 } }, footer: footer }, { children: [loading && _jsx(Loading, {}), !loading && (error || !fileData) && (_jsx(ErrorDisplay, { message: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : t('global.element_not_found') })), !loading && !error && fileData && _jsx(FileModalContent, { fileData: fileData })] })));
 }
 export default FileModal;
-//# sourceMappingURL=FileModal.js.map
+//# sourceMappingURL=FileModal.js.map

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

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

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

@@ -1,31 +1,17 @@
-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';
-function AudioFile({fileData, fallback}) {
+import { useState } from 'react';
+function AudioFile({ 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('audio', {
-        controls: true,
-        src: fileData.whoAmI.preview.original,
-        title: fileData.file_name[0].value,
-        'data-testid': 'audio-player',
-        onError: () => {
+    return (_jsx("audio", { controls: true, src: fileData.whoAmI.preview.original, title: fileData.file_name[0].value, "data-testid": "audio-player", onError: () => {
             setHasFailed(true);
-        }
-    });
+        } }));
 }
 export default AudioFile;
-//# sourceMappingURL=AudioFile.js.map
+//# sourceMappingURL=AudioFile.js.map

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

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

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,47 +1,28 @@
-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,21 +55,14 @@ 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));
@@ -84,21 +77,9 @@ 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,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;