tycho-components 0.16.3 → 0.16.4

package/dist/AppDropzone/AppDropzone.d.ts

@@ -5,6 +5,7 @@ type Props = {
     onSuccess: (response: UploadedFile) => void;
     onError?: (err: any) => void;
     accept: Record<string, string[]>;
+    messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
     onDrop?: () => void;
     keepName?: boolean;
     title?: string;
@@ -14,5 +15,5 @@ type Props = {
     };
     disableConfirm?: boolean;
 };
-export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, onDrop, keepName, title, alternativeButton, disableConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppDropzone/AppDropzone.js

@@ -3,11 +3,11 @@ import { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import AppModal from '../AppModal';
 import AppDropzoneBody from './AppDropzoneBody';
-export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, onDrop, keepName, title, alternativeButton, disableConfirm = false, }) {
+export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm = false, }) {
     const { t } = useTranslation('upload');
     const bodyRef = useRef(null);
     const handleConfirm = () => {
         bodyRef.current?.upload();
     };
-    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload", close: onClose, confirm: handleConfirm, disableConfirm: disableConfirm, alternativeButton: alternativeButton, children: _jsx(AppDropzoneBody, { ref: bodyRef, folder: folder, onSuccess: onSuccess, onError: onError, accept: accept, onDrop: onDrop, keepName: keepName, showConfirmButton: false }) }));
+    return (_jsx(AppModal, { title: title || t('modal.title'), className: "modal-upload", close: onClose, confirm: handleConfirm, disableConfirm: disableConfirm, alternativeButton: alternativeButton, children: _jsx(AppDropzoneBody, { ref: bodyRef, folder: folder, onSuccess: onSuccess, onError: onError, accept: accept, messages: messages, onDrop: onDrop, keepName: keepName, showConfirmButton: false }) }));
 }

package/dist/AppDropzone/AppDropzoneBody.d.ts

@@ -5,6 +5,7 @@ export type AppDropzoneBodyProps = {
     onSuccess: (response: UploadedFile) => void;
     onError?: (err: any) => void;
     accept: Record<string, string[]>;
+    messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
     onDrop?: () => void;
     keepName?: boolean;
     /** When false, the confirm button is hidden (e.g. when used inside modal with its own confirm) */

package/dist/AppDropzone/AppDropzoneBody.js

@@ -8,7 +8,7 @@ import { toastLoading } from '../configs/store/actions';
 import { useMessageUtils } from '../configs/useMessageUtils';
 import UploadService from './UploadService';
 import './style.scss';
-function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {
+function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, messages, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {
     const { t } = useTranslation('upload');
     const { state, dispatch } = useContext(CommonContext);
     const { dispatchError } = useMessageUtils();
@@ -64,7 +64,11 @@ function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, onDrop, keep
     const handleCancel = () => {
         setFile(undefined);
     };
-    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 && (_jsxs("div", { className: "uploaded-file", children: [preview && _jsx("img", { className: "preview", src: preview, alt: "" }), !preview && (_jsxs(_Fragment, { children: [_jsx("b", { children: t('label.uploaded.file') }), _jsx("span", { children: file.name })] })), showConfirmButton && (_jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: handleCancel, text: t('common:button.cancel'), size: "small", mode: "outlined", color: "danger" }), _jsx(Button, { onClick: upload, text: t('label.confirm'), size: "small", mode: "outlined", disabled: disableConfirm })] }))] }))] }));
+    const resolveMessage = (key) => {
+        const customMessage = messages?.[key]?.trim();
+        return customMessage || t(key);
+    };
+    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: resolveMessage('label.dropzone') })] })) })), file && (_jsxs("div", { className: "uploaded-file", children: [preview && _jsx("img", { className: "preview", src: preview, alt: "" }), !preview && (_jsxs(_Fragment, { children: [_jsx("b", { children: resolveMessage('label.uploaded.file') }), _jsx("span", { children: file.name })] })), showConfirmButton && (_jsxs("div", { className: "buttons", children: [_jsx(Button, { onClick: handleCancel, text: t('common:button.cancel'), size: "small", mode: "outlined", color: "danger" }), _jsx(Button, { onClick: upload, text: t('label.confirm'), size: "small", mode: "outlined", disabled: disableConfirm })] }))] }))] }));
 }
 const AppDropzoneBody = forwardRef(AppDropzoneBodyInner);
 export default AppDropzoneBody;

package/dist/AppDropzone/style.scss

@@ -31,10 +31,12 @@
     border: 1px solid var(--border-subtle-3);
     border-radius: var(--radius-100);
     padding: 16px;
-  }
-
-  .buttons {
-    display: flex;
     gap: 16px;
+
+    .buttons {
+      display: flex;
+      gap: 16px;
+      margin-top: 16px;
+    }
   }
 }

package/dist/configs/localization/UploadTexts.js

@@ -1,22 +1,22 @@
 export const UploadTexts = {
     en: {
         'label.dropzone': 'Drag and drop or click to upload a file',
-        'label.uploaded.file': 'You are uploading the following file',
-        'label.confirm': 'Confirm to upload the file',
+        'label.uploaded.file': 'You are uploading the following file:',
+        'label.confirm': 'Confirm',
         'modal.title': 'Upload a file',
         'error.uploading.image': 'An error occurred while uploading a file. Contact the administrator.',
     },
     'pt-BR': {
         'label.dropzone': 'Arraste e solte ou clique para enviar um arquivo.',
-        'label.uploaded.file': 'Você está enviando o seguinte arquivo',
-        'label.confirm': 'Confirme para enviar o arquivo',
+        'label.uploaded.file': 'Você está enviando o seguinte arquivo:',
+        'label.confirm': 'Confirme',
         'modal.title': 'Upload de arquivo',
         'error.uploading.image': 'Ocorreu um erro ao enviar o arquivo. Entre em contato com o administrador.',
     },
     it: {
         'label.dropzone': 'Trascina e rilascia o clicca per caricare un file',
-        'label.uploaded.file': 'Stai caricando il seguente file',
-        'label.confirm': 'Conferma per caricare il file',
+        'label.uploaded.file': 'Stai caricando il seguente file:',
+        'label.confirm': 'Conferma',
         'modal.title': 'Carica un file',
         'error.uploading.image': "Si è verificato un errore durante il caricamento del file. Contatta l'amministratore.",
     },

package/package.json

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