tycho-components 0.16.2 → 0.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AppDropzone/AppDropzone.d.ts +2 -1
- package/dist/AppDropzone/AppDropzone.js +2 -2
- package/dist/AppDropzone/AppDropzoneBody.d.ts +1 -0
- package/dist/AppDropzone/AppDropzoneBody.js +6 -2
- package/dist/AppDropzone/style.scss +6 -4
- package/dist/configs/Localization.d.ts +201 -195
- package/dist/configs/localization/CommonTexts.d.ts +202 -196
- package/dist/configs/localization/CommonTexts.js +202 -196
- package/dist/configs/localization/UploadTexts.js +6 -6
- package/package.json +1 -1
|
@@ -5,6 +5,7 @@ type Props = {
|
|
|
5
5
|
onSuccess: (response: UploadedFile) => void;
|
|
6
6
|
onError?: (err: any) => void;
|
|
7
7
|
accept: Record<string, string[]>;
|
|
8
|
+
messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
|
|
8
9
|
onDrop?: () => void;
|
|
9
10
|
keepName?: boolean;
|
|
10
11
|
title?: string;
|
|
@@ -14,5 +15,5 @@ type Props = {
|
|
|
14
15
|
};
|
|
15
16
|
disableConfirm?: boolean;
|
|
16
17
|
};
|
|
17
|
-
export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, onDrop, keepName, title, alternativeButton, disableConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -3,11 +3,11 @@ import { useRef } from 'react';
|
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
4
|
import AppModal from '../AppModal';
|
|
5
5
|
import AppDropzoneBody from './AppDropzoneBody';
|
|
6
|
-
export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, onDrop, keepName, title, alternativeButton, disableConfirm = false, }) {
|
|
6
|
+
export default function AppDropzone({ folder, onClose, onSuccess, onError, accept, messages, onDrop, keepName, title, alternativeButton, disableConfirm = false, }) {
|
|
7
7
|
const { t } = useTranslation('upload');
|
|
8
8
|
const bodyRef = useRef(null);
|
|
9
9
|
const handleConfirm = () => {
|
|
10
10
|
bodyRef.current?.upload();
|
|
11
11
|
};
|
|
12
|
-
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 }) }));
|
|
12
|
+
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 }) }));
|
|
13
13
|
}
|
|
@@ -5,6 +5,7 @@ export type AppDropzoneBodyProps = {
|
|
|
5
5
|
onSuccess: (response: UploadedFile) => void;
|
|
6
6
|
onError?: (err: any) => void;
|
|
7
7
|
accept: Record<string, string[]>;
|
|
8
|
+
messages?: Partial<Record<'label.dropzone' | 'label.uploaded.file', string>>;
|
|
8
9
|
onDrop?: () => void;
|
|
9
10
|
keepName?: boolean;
|
|
10
11
|
/** When false, the confirm button is hidden (e.g. when used inside modal with its own confirm) */
|
|
@@ -8,7 +8,7 @@ import { toastLoading } from '../configs/store/actions';
|
|
|
8
8
|
import { useMessageUtils } from '../configs/useMessageUtils';
|
|
9
9
|
import UploadService from './UploadService';
|
|
10
10
|
import './style.scss';
|
|
11
|
-
function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {
|
|
11
|
+
function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, messages, onDrop, keepName, showConfirmButton = true, disablePreview = false, disableConfirm = false, }, ref) {
|
|
12
12
|
const { t } = useTranslation('upload');
|
|
13
13
|
const { state, dispatch } = useContext(CommonContext);
|
|
14
14
|
const { dispatchError } = useMessageUtils();
|
|
@@ -64,7 +64,11 @@ function AppDropzoneBodyInner({ folder, onSuccess, onError, accept, onDrop, keep
|
|
|
64
64
|
const handleCancel = () => {
|
|
65
65
|
setFile(undefined);
|
|
66
66
|
};
|
|
67
|
-
|
|
67
|
+
const resolveMessage = (key) => {
|
|
68
|
+
const customMessage = messages?.[key]?.trim();
|
|
69
|
+
return customMessage || t(key);
|
|
70
|
+
};
|
|
71
|
+
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 })] }))] }))] }));
|
|
68
72
|
}
|
|
69
73
|
const AppDropzoneBody = forwardRef(AppDropzoneBodyInner);
|
|
70
74
|
export default AppDropzoneBody;
|
|
@@ -46,71 +46,73 @@ export declare const commonResources: {
|
|
|
46
46
|
'label.edited': string;
|
|
47
47
|
};
|
|
48
48
|
common: {
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
49
|
+
"button.confirm": string;
|
|
50
|
+
"button.continue": string;
|
|
51
|
+
"button.cancel": string;
|
|
52
|
+
"button.remove": string;
|
|
53
|
+
"button.save": string;
|
|
54
|
+
"button.clone": string;
|
|
55
|
+
"button.apply": string;
|
|
56
|
+
"button.search": string;
|
|
57
|
+
"button.edit": string;
|
|
58
|
+
"button.open": string;
|
|
59
|
+
"button.close": string;
|
|
60
|
+
"button.add": string;
|
|
61
|
+
"button.filter": string;
|
|
62
|
+
"button.clear": string;
|
|
63
|
+
"button.play": string;
|
|
64
|
+
"button.pause": string;
|
|
65
|
+
"button.view": string;
|
|
66
|
+
"button.next": string;
|
|
67
|
+
"button.back": string;
|
|
68
|
+
"label.public": string;
|
|
69
|
+
"label.private": string;
|
|
70
|
+
"label.notavailable": string;
|
|
71
|
+
"generic.boolean.true": string;
|
|
72
|
+
"generic.boolean.false": string;
|
|
73
|
+
"select.empty": string;
|
|
74
|
+
"pagination.label.showing": string;
|
|
75
|
+
"pagination.label.results": string;
|
|
76
|
+
"pagination.label.total": string;
|
|
77
|
+
"generic.loading": string;
|
|
78
|
+
"generic.placeholder": string;
|
|
79
|
+
"generic.placeholder.comma.separated": string;
|
|
80
|
+
"generic.placeholder.select": string;
|
|
81
|
+
"validation.required": string;
|
|
82
|
+
"placeholder.check": string;
|
|
83
|
+
"placeholder.input": string;
|
|
84
|
+
"user.status.active": string;
|
|
85
|
+
"user.status.inactive": string;
|
|
86
|
+
"user.status.super": string;
|
|
87
|
+
"user.status.visitor": string;
|
|
88
|
+
"update.success": string;
|
|
89
|
+
"internal.server.error": string;
|
|
90
|
+
"table.label.rows-page": string;
|
|
91
|
+
"table.label.pages": string;
|
|
92
|
+
"table.label.items": string;
|
|
93
|
+
"tooltip.copy": string;
|
|
94
|
+
"tooltip.copied": string;
|
|
95
|
+
"document.status.deleted": string;
|
|
96
|
+
"document.status.editing": string;
|
|
97
|
+
"document.status.edited": string;
|
|
98
|
+
"document.status.revision": string;
|
|
99
|
+
"document.status.completed": string;
|
|
100
|
+
"document.status.syntactic": string;
|
|
101
|
+
"document.status.copying": string;
|
|
102
|
+
"document.status.error": string;
|
|
103
|
+
"sentence.status.todo": string;
|
|
104
|
+
"sentence.status.done": string;
|
|
105
|
+
"sentence.status.ignore": string;
|
|
106
|
+
"sentence.status.tagged": string;
|
|
107
|
+
"sentence.status.review": string;
|
|
108
|
+
"sentence.status.error": string;
|
|
109
|
+
"sentence.status.auto": string;
|
|
110
|
+
"corpus.status.active": string;
|
|
111
|
+
"corpus.status.inactive": string;
|
|
112
|
+
"corpus.status.archived": string;
|
|
113
|
+
"corpus.status.demo": string;
|
|
114
|
+
"corpus.status.pending": string;
|
|
115
|
+
"corpus.status.rejected": string;
|
|
114
116
|
};
|
|
115
117
|
header: {
|
|
116
118
|
"label.platform": string;
|
|
@@ -364,71 +366,73 @@ export declare const commonResources: {
|
|
|
364
366
|
'label.edited': string;
|
|
365
367
|
};
|
|
366
368
|
common: {
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
369
|
+
"button.confirm": string;
|
|
370
|
+
"button.continue": string;
|
|
371
|
+
"button.cancel": string;
|
|
372
|
+
"button.remove": string;
|
|
373
|
+
"button.save": string;
|
|
374
|
+
"button.clone": string;
|
|
375
|
+
"button.apply": string;
|
|
376
|
+
"button.search": string;
|
|
377
|
+
"button.edit": string;
|
|
378
|
+
"button.open": string;
|
|
379
|
+
"button.add": string;
|
|
380
|
+
"button.close": string;
|
|
381
|
+
"button.filter": string;
|
|
382
|
+
"button.clear": string;
|
|
383
|
+
"button.play": string;
|
|
384
|
+
"button.pause": string;
|
|
385
|
+
"button.view": string;
|
|
386
|
+
"button.next": string;
|
|
387
|
+
"button.back": string;
|
|
388
|
+
"label.public": string;
|
|
389
|
+
"label.private": string;
|
|
390
|
+
"label.notavailable": string;
|
|
391
|
+
"generic.boolean.true": string;
|
|
392
|
+
"generic.boolean.false": string;
|
|
393
|
+
"select.empty": string;
|
|
394
|
+
"pagination.label.showing": string;
|
|
395
|
+
"pagination.label.results": string;
|
|
396
|
+
"pagination.label.total": string;
|
|
397
|
+
"generic.loading": string;
|
|
398
|
+
"generic.placeholder": string;
|
|
399
|
+
"generic.placeholder.select": string;
|
|
400
|
+
"generic.placeholder.comma.separated": string;
|
|
401
|
+
"validation.required": string;
|
|
402
|
+
"placeholder.check": string;
|
|
403
|
+
"placeholder.input": string;
|
|
404
|
+
"user.status.active": string;
|
|
405
|
+
"user.status.inactive": string;
|
|
406
|
+
"user.status.super": string;
|
|
407
|
+
"user.status.visitor": string;
|
|
408
|
+
"update.success": string;
|
|
409
|
+
"internal.server.error": string;
|
|
410
|
+
"table.label.rows-page": string;
|
|
411
|
+
"table.label.pages": string;
|
|
412
|
+
"table.label.items": string;
|
|
413
|
+
"tooltip.copy": string;
|
|
414
|
+
"tooltip.copied": string;
|
|
415
|
+
"document.status.deleted": string;
|
|
416
|
+
"document.status.editing": string;
|
|
417
|
+
"document.status.edited": string;
|
|
418
|
+
"document.status.revision": string;
|
|
419
|
+
"document.status.completed": string;
|
|
420
|
+
"document.status.syntactic": string;
|
|
421
|
+
"document.status.copying": string;
|
|
422
|
+
"document.status.error": string;
|
|
423
|
+
"sentence.status.todo": string;
|
|
424
|
+
"sentence.status.done": string;
|
|
425
|
+
"sentence.status.ignore": string;
|
|
426
|
+
"sentence.status.tagged": string;
|
|
427
|
+
"sentence.status.review": string;
|
|
428
|
+
"sentence.status.error": string;
|
|
429
|
+
"sentence.status.auto": string;
|
|
430
|
+
"corpus.status.active": string;
|
|
431
|
+
"corpus.status.inactive": string;
|
|
432
|
+
"corpus.status.archived": string;
|
|
433
|
+
"corpus.status.demo": string;
|
|
434
|
+
"corpus.status.pending": string;
|
|
435
|
+
"corpus.status.rejected": string;
|
|
432
436
|
};
|
|
433
437
|
header: {
|
|
434
438
|
"label.platform": string;
|
|
@@ -679,71 +683,73 @@ export declare const commonResources: {
|
|
|
679
683
|
'label.edited': string;
|
|
680
684
|
};
|
|
681
685
|
common: {
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
|
|
701
|
-
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
686
|
+
"button.confirm": string;
|
|
687
|
+
"button.continue": string;
|
|
688
|
+
"button.cancel": string;
|
|
689
|
+
"button.remove": string;
|
|
690
|
+
"button.save": string;
|
|
691
|
+
"button.clone": string;
|
|
692
|
+
"button.search": string;
|
|
693
|
+
"button.edit": string;
|
|
694
|
+
"button.open": string;
|
|
695
|
+
"button.apply": string;
|
|
696
|
+
"button.add": string;
|
|
697
|
+
"button.close": string;
|
|
698
|
+
"button.filter": string;
|
|
699
|
+
"button.clear": string;
|
|
700
|
+
"button.play": string;
|
|
701
|
+
"button.pause": string;
|
|
702
|
+
"button.view": string;
|
|
703
|
+
"button.back": string;
|
|
704
|
+
"button.next": string;
|
|
705
|
+
"label.public": string;
|
|
706
|
+
"label.private": string;
|
|
707
|
+
"label.notavailable": string;
|
|
708
|
+
"generic.boolean.true": string;
|
|
709
|
+
"generic.boolean.false": string;
|
|
710
|
+
"select.empty": string;
|
|
711
|
+
"pagination.label.showing": string;
|
|
712
|
+
"pagination.label.results": string;
|
|
713
|
+
"pagination.label.total": string;
|
|
714
|
+
"generic.loading": string;
|
|
715
|
+
"generic.placeholder": string;
|
|
716
|
+
"generic.placeholder.select": string;
|
|
717
|
+
"generic.placeholder.comma.separated": string;
|
|
718
|
+
"validation.required": string;
|
|
719
|
+
"placeholder.check": string;
|
|
720
|
+
"placeholder.input": string;
|
|
721
|
+
"user.status.active": string;
|
|
722
|
+
"user.status.inactive": string;
|
|
723
|
+
"user.status.super": string;
|
|
724
|
+
"user.status.visitor": string;
|
|
725
|
+
"update.success": string;
|
|
726
|
+
"internal.server.error": string;
|
|
727
|
+
"table.label.rows-page": string;
|
|
728
|
+
"table.label.pages": string;
|
|
729
|
+
"table.label.items": string;
|
|
730
|
+
"tooltip.copy": string;
|
|
731
|
+
"tooltip.copied": string;
|
|
732
|
+
"document.status.deleted": string;
|
|
733
|
+
"document.status.editing": string;
|
|
734
|
+
"document.status.edited": string;
|
|
735
|
+
"document.status.revision": string;
|
|
736
|
+
"document.status.completed": string;
|
|
737
|
+
"document.status.syntactic": string;
|
|
738
|
+
"document.status.copying": string;
|
|
739
|
+
"document.status.error": string;
|
|
740
|
+
"sentence.status.todo": string;
|
|
741
|
+
"sentence.status.done": string;
|
|
742
|
+
"sentence.status.ignore": string;
|
|
743
|
+
"sentence.status.tagged": string;
|
|
744
|
+
"sentence.status.review": string;
|
|
745
|
+
"sentence.status.error": string;
|
|
746
|
+
"sentence.status.auto": string;
|
|
747
|
+
"corpus.status.active": string;
|
|
748
|
+
"corpus.status.inactive": string;
|
|
749
|
+
"corpus.status.archived": string;
|
|
750
|
+
"corpus.status.demo": string;
|
|
751
|
+
"corpus.status.pending": string;
|
|
752
|
+
"corpus.status.rejected": string;
|
|
747
753
|
};
|
|
748
754
|
header: {
|
|
749
755
|
"label.platform": string;
|