tycho-components 0.11.7 → 0.12.0

package/dist/AppDropzone/AppDropzone.d.ts

@@ -1,4 +1,3 @@
-import './style.scss';
 import { UploadedFile } from './UploadedFile';
 type Props = {
     folder: string;

package/dist/AppDropzone/AppDropzone.js

@@ -1,31 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useState } from 'react';
-import Dropzone from 'react-dropzone';
 import { useTranslation } from 'react-i18next';
 import AppModal from '../AppModal';
 import CommonContext from '../configs/CommonContext';
 import { toastLoading } from '../configs/store/actions';
 import { useMessageUtils } from '../configs/useMessageUtils';
-import './style.scss';
+import AppDropzoneBody from './AppDropzoneBody';
 import UploadService from './UploadService';
 export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, onDrop, keepName, title, alternativeButton, }) {
     const { t } = useTranslation('upload');
     const { state, dispatch } = useContext(CommonContext);
     const { dispatchError } = useMessageUtils();
     const [file, setFile] = useState();
-    const [preview, setPreview] = useState();
-    const isImageFile = (file) => {
-        return file.type?.startsWith('image/') ?? false;
-    };
-    const handleDrop = async (files) => {
-        if (files.length === 0)
-            return;
-        const file = files[0];
-        setFile(file);
-        if (isImageFile(file))
-            setPreview(URL.createObjectURL(file));
-        onDrop && onDrop();
-    };
     const upload = async () => {
         if (!file || state.toastLoading)
             return;
@@ -46,7 +32,5 @@ export default function AppDropzone({ folder, onClose, onSuccess, onError, accep
             dispatch(toastLoading(false));
         });
     };
-    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload", close: onClose, confirm: upload, alternativeButton: alternativeButton, children: _jsxs("div", { className: "dropzone-container", children: [!file && (_jsx(Dropzone, { onDrop: (acceptedFiles) => handleDrop(acceptedFiles), accept: accept, maxFiles: 1, children: ({ getRootProps, getInputProps }) => (_jsxs("div", { ...getRootProps(), className: "dropzone", children: [_jsx("input", { ...getInputProps() }), _jsx("span", { children: t('label.dropzone') })] })) })), file && preview && (_jsx("img", { className: "preview", src: preview, onLoad: () => {
-                        URL.revokeObjectURL(preview);
-                    } })), file && !preview && (_jsxs("div", { className: "uploaded-message", children: [_jsx("b", { children: t('label.uploaded.file') }), _jsx("span", { children: file.name }), _jsx("b", { children: t('label.confirm') })] }))] }) }));
+    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload", close: onClose, confirm: upload, alternativeButton: alternativeButton, children: _jsx(AppDropzoneBody, { accept: accept, file: file, onFileChange: setFile, onDrop: onDrop }) }));
 }

package/dist/AppDropzone/AppDropzoneBody.d.ts

@@ -0,0 +1,9 @@
+import './style.scss';
+type Props = {
+    accept: Record<string, string[]>;
+    file?: File;
+    onFileChange: (file: File | undefined) => void;
+    onDrop?: () => void;
+};
+export default function AppDropzoneBody({ accept, file, onFileChange, onDrop, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/AppDropzone/AppDropzoneBody.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Dropzone from 'react-dropzone';
+import { useTranslation } from 'react-i18next';
+import './style.scss';
+export default function AppDropzoneBody({ accept, file, onFileChange, onDrop, }) {
+    const { t } = useTranslation('upload');
+    const [preview, setPreview] = useState();
+    const isImageFile = (f) => {
+        return f.type?.startsWith('image/') ?? false;
+    };
+    useEffect(() => {
+        if (!file) {
+            setPreview(undefined);
+            return;
+        }
+        if (isImageFile(file)) {
+            const url = URL.createObjectURL(file);
+            setPreview(url);
+            return () => URL.revokeObjectURL(url);
+        }
+        setPreview(undefined);
+    }, [file]);
+    const handleDrop = (files) => {
+        if (files.length === 0)
+            return;
+        const droppedFile = files[0];
+        onFileChange(droppedFile);
+        onDrop?.();
+    };
+    return (_jsxs("div", { className: "dropzone-container", children: [!file && (_jsx(Dropzone, { onDrop: (acceptedFiles) => handleDrop(acceptedFiles), accept: accept, maxFiles: 1, children: ({ getRootProps, getInputProps }) => (_jsxs("div", { ...getRootProps(), className: "dropzone", children: [_jsx("input", { ...getInputProps() }), _jsx("span", { children: t('label.dropzone') })] })) })), file && preview && _jsx("img", { className: "preview", src: preview, alt: "" }), file && !preview && (_jsxs("div", { className: "uploaded-message", children: [_jsx("b", { children: t('label.uploaded.file') }), _jsx("span", { children: file.name }), _jsx("b", { children: t('label.confirm') })] }))] }));
+}

package/dist/AppDropzone/index.d.ts

@@ -1,2 +1,4 @@
 import AppDropzone from './AppDropzone';
+import AppDropzoneBody from './AppDropzoneBody';
 export default AppDropzone;
+export { AppDropzoneBody };

package/dist/AppDropzone/index.js

@@ -1,2 +1,4 @@
 import AppDropzone from './AppDropzone';
+import AppDropzoneBody from './AppDropzoneBody';
 export default AppDropzone;
+export { AppDropzoneBody };

package/dist/configs/types/Corpus.d.ts

@@ -10,12 +10,8 @@ export type Corpus = {
     parameters: Record<string, any>;
     status: CorpusStatus;
     opened: boolean;
-    papers?: RelatedPaper[];
     owner?: User;
     github?: Github;
-    descriptions?: Record<string, string>;
-    featuredDescriptions?: Record<string, string>;
-    details?: Record<string, string>;
     images?: CorpusImage[];
     keyboardLayout?: string;
     catalog?: string[];
@@ -38,12 +34,5 @@ export type Github = {
     branch: string;
     commit: string;
 };
-export type RelatedPaper = {
-    uid?: string;
-    title: string;
-    author: string;
-    link: string;
-    resume: string;
-};
 export declare const EMPTY_CORPUS: Corpus;
 export {};

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppCard } from './AppCard/AppCard';
 export { default as AppClipboard } from './AppClipboard';
 export { default as AppColorpicker } from './AppColorpicker';
-export { default as AppDropzone } from './AppDropzone';
+export { default as AppDropzone, AppDropzoneBody } from './AppDropzone';
 export type { UploadedFile } from './AppDropzone/UploadedFile';
 export { default as AppEditable } from './AppEditable';
 export type { AppEditableField } from './AppEditable/AppEditableField';

package/dist/index.js

@@ -2,7 +2,7 @@ export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppCard } from './AppCard/AppCard';
 export { default as AppClipboard } from './AppClipboard';
 export { default as AppColorpicker } from './AppColorpicker';
-export { default as AppDropzone } from './AppDropzone';
+export { default as AppDropzone, AppDropzoneBody } from './AppDropzone';
 export { default as AppEditable } from './AppEditable';
 export { validateFormField } from './AppEditable/FormField';
 export { default as AppForm } from './AppForm/AppForm';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.11.7",
+  "version": "0.12.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {