@secondstaxorg/sscomp 2.0.51 → 2.0.53
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/index.es.js +48 -91
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +25 -115
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +68 -111
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/FileUpload/style.d.ts +0 -2
- package/types/components/FileUpload/type.d.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -27437,6 +27437,9 @@ const DropdownField$1 = styled.div`
|
|
|
27437
27437
|
width: 100%;
|
|
27438
27438
|
padding: 0 16px 0 0;
|
|
27439
27439
|
font-size: 16px;
|
|
27440
|
+
::placeholder{
|
|
27441
|
+
color: ${theme.colors["neutral-400"]};
|
|
27442
|
+
}
|
|
27440
27443
|
}
|
|
27441
27444
|
|
|
27442
27445
|
button {
|
|
@@ -32787,14 +32790,6 @@ const Container$2 = styled.div`
|
|
|
32787
32790
|
transition: 0.3s;
|
|
32788
32791
|
overflow: hidden;
|
|
32789
32792
|
min-width: 70px;
|
|
32790
|
-
|
|
32791
|
-
.file-name-preview-btn{
|
|
32792
|
-
display: flex;
|
|
32793
|
-
justify-content: space-between;
|
|
32794
|
-
align-items: center;
|
|
32795
|
-
width: 100%;
|
|
32796
|
-
gap: 4px;
|
|
32797
|
-
}
|
|
32798
32793
|
}
|
|
32799
32794
|
|
|
32800
32795
|
.file-name p{
|
|
@@ -32844,48 +32839,6 @@ const FileRequirementsText = styled.p`
|
|
|
32844
32839
|
&.text-error {
|
|
32845
32840
|
color: red;
|
|
32846
32841
|
}
|
|
32847
|
-
`;
|
|
32848
|
-
|
|
32849
|
-
const PreviewBtn = styled.button`
|
|
32850
|
-
color: ${theme.colors["primary-500"]};
|
|
32851
|
-
cursor: pointer;
|
|
32852
|
-
width: fit-content;
|
|
32853
|
-
background: transparent;
|
|
32854
|
-
border: none;
|
|
32855
|
-
padding: 0;
|
|
32856
|
-
`;
|
|
32857
|
-
|
|
32858
|
-
const PreviewOverlay = styled.div`
|
|
32859
|
-
position: absolute;
|
|
32860
|
-
inset: 0;
|
|
32861
|
-
background: rgba(0,0,0,0.4);
|
|
32862
|
-
overflow-y: auto;
|
|
32863
|
-
display: flex;
|
|
32864
|
-
justify-content: center;
|
|
32865
|
-
align-items: center;
|
|
32866
|
-
|
|
32867
|
-
iframe{
|
|
32868
|
-
border: none;
|
|
32869
|
-
width: 100%;
|
|
32870
|
-
height: 100vh;
|
|
32871
|
-
}
|
|
32872
|
-
img{
|
|
32873
|
-
width: 80%;
|
|
32874
|
-
height: 100vh;
|
|
32875
|
-
object-fit: contain;
|
|
32876
|
-
}
|
|
32877
|
-
.cls-btn{
|
|
32878
|
-
position: absolute;
|
|
32879
|
-
top: 10px;
|
|
32880
|
-
right: 20px;
|
|
32881
|
-
background: white;
|
|
32882
|
-
border: none;
|
|
32883
|
-
height: 40px;
|
|
32884
|
-
width: 60px;
|
|
32885
|
-
border-radius: 4px;
|
|
32886
|
-
color: ${theme.colors["error-500"]};
|
|
32887
|
-
cursor: pointer;
|
|
32888
|
-
}
|
|
32889
32842
|
`;
|
|
32890
32843
|
|
|
32891
32844
|
const _jsxFileName$g = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\FileUpload\\FileUpdload.tsx"; function _optionalChain$9(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
@@ -32893,7 +32846,7 @@ const _jsxFileName$g = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
32893
32846
|
/**
|
|
32894
32847
|
* This component is for uploading selecting files for upload
|
|
32895
32848
|
*/
|
|
32896
|
-
const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOverrides,customAcceptedFilesLabel,consolidateButton
|
|
32849
|
+
const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOverrides,customAcceptedFilesLabel,consolidateButton}) => {
|
|
32897
32850
|
const [selectedFile,setSelectedFile] = React$1.useState(null);
|
|
32898
32851
|
const [selectionState,setSelectionState] = React$1.useState('');
|
|
32899
32852
|
const [firstRun,setFirstRun] = React$1.useState(true);
|
|
@@ -32901,10 +32854,6 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32901
32854
|
const [typeErr,setTypeErr] = React$1.useState(false);
|
|
32902
32855
|
const [acceptedTypes,setAcceptedTypes] = React$1.useState('');
|
|
32903
32856
|
const [sizeErr,setSizeErr] = React$1.useState(false);
|
|
32904
|
-
const [previewUrl,setPreviewUrl] = React$1.useState('');
|
|
32905
|
-
const [previewType,setPreviewType] = React$1.useState('');
|
|
32906
|
-
const [previewState,setPreviewState] = React$1.useState(false);
|
|
32907
|
-
const [previewFile,setPreviewFile] = React$1.useState(null);
|
|
32908
32857
|
|
|
32909
32858
|
React$1.useEffect(()=>{
|
|
32910
32859
|
if (!firstRun){
|
|
@@ -32960,33 +32909,12 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32960
32909
|
}
|
|
32961
32910
|
}
|
|
32962
32911
|
|
|
32963
|
-
React$1.useEffect(()=>{
|
|
32964
|
-
if (previewFile && canPreview){
|
|
32965
|
-
const reader = new FileReader();
|
|
32966
|
-
|
|
32967
|
-
reader.onload = (e) => {
|
|
32968
|
-
const dataUrl = e.target.result;
|
|
32969
|
-
setPreviewUrl(dataUrl);
|
|
32970
|
-
};
|
|
32971
|
-
|
|
32972
|
-
reader.readAsDataURL(previewFile);
|
|
32973
|
-
|
|
32974
|
-
if (previewFile.name.split('.').pop() === 'pdf'){
|
|
32975
|
-
setPreviewType('pdf');
|
|
32976
|
-
}else if (previewFile.type.startsWith('image')){
|
|
32977
|
-
setPreviewType('image');
|
|
32978
|
-
}else {
|
|
32979
|
-
setPreviewType('');
|
|
32980
|
-
}
|
|
32981
|
-
}
|
|
32982
|
-
},[previewFile,canPreview]);
|
|
32983
|
-
|
|
32984
32912
|
return (
|
|
32985
|
-
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32986
|
-
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32987
|
-
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32988
|
-
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32989
|
-
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32913
|
+
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 74}}
|
|
32914
|
+
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 75}}
|
|
32915
|
+
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 76}}, label)
|
|
32916
|
+
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 77}}
|
|
32917
|
+
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 78}}
|
|
32990
32918
|
, React$1.createElement('input', { type: "file", accept: accept, className: "file-input", ref: fileInputRef,
|
|
32991
32919
|
required: !selectedFile ? required : false, onInvalid: () => {
|
|
32992
32920
|
if (!selectedFile) {
|
|
@@ -32997,58 +32925,40 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32997
32925
|
const file = e.target.files[0];
|
|
32998
32926
|
if (!fileValidation(file)) return
|
|
32999
32927
|
setSelectedFile(file);
|
|
33000
|
-
setPreviewFile(file);
|
|
33001
32928
|
onChange(file);
|
|
33002
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32929
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 79}})
|
|
33003
32930
|
)
|
|
33004
32931
|
, React$1.createElement('div', {
|
|
33005
|
-
className: `${selectionState} paragraph2Regular file-name ${consolidateButton ? 'consolidated' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33006
|
-
, React$1.createElement('
|
|
33007
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 121}}, selectedFile ? selectedFile.name : _optionalChain$9([labelOverrides, 'optionalAccess', _9 => _9.noFileSelected]) || 'No file selected')
|
|
33008
|
-
, selectedFile && canPreview && (selectedFile.name.split('.').pop() === 'pdf' || selectedFile.type.startsWith('image')) &&
|
|
33009
|
-
React$1.createElement(PreviewBtn, { type: "button", className: "preview-btn paragraph1Regular" , onClick: ()=>{setPreviewState(true);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 123}}, "Preview")
|
|
33010
|
-
|
|
33011
|
-
)
|
|
32932
|
+
className: `${selectionState} paragraph2Regular file-name ${consolidateButton ? 'consolidated' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 92}}
|
|
32933
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 94}}, selectedFile ? selectedFile.name : _optionalChain$9([labelOverrides, 'optionalAccess', _9 => _9.noFileSelected]) || 'No file selected')
|
|
33012
32934
|
, consolidateButton &&
|
|
33013
32935
|
React$1.createElement('button', { type: "button", className: "paragraph1Medium", onClick: () => {
|
|
33014
32936
|
fileInputRef.current.click();
|
|
33015
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32937
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 96}}, _optionalChain$9([labelOverrides, 'optionalAccess', _10 => _10.selectFile]) || 'Select File')
|
|
33016
32938
|
|
|
33017
32939
|
)
|
|
33018
|
-
|
|
33019
32940
|
, !consolidateButton &&
|
|
33020
|
-
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33021
|
-
|
|
32941
|
+
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 102}}
|
|
32942
|
+
, React$1.createElement(Button$2, { type: "button", variant: "primary", size: "lg", width: "full", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 103}}, _optionalChain$9([labelOverrides, 'optionalAccess', _11 => _11.selectFile]) || 'Select File')
|
|
33022
32943
|
)
|
|
33023
32944
|
|
|
33024
32945
|
)
|
|
33025
32946
|
)
|
|
33026
|
-
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33027
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33028
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33029
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32947
|
+
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 108}}
|
|
32948
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 109}}
|
|
32949
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 110}}
|
|
32950
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 111}})
|
|
33030
32951
|
)
|
|
33031
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33032
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33033
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32952
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 113}}
|
|
32953
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 114}}
|
|
32954
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 115}})
|
|
33034
32955
|
)
|
|
33035
32956
|
)
|
|
33036
32957
|
)
|
|
33037
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32958
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 119}}, _optionalChain$9([labelOverrides, 'optionalAccess', _12 => _12.requiredField]) || 'This field is required')
|
|
33038
32959
|
)
|
|
33039
|
-
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33040
|
-
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33041
|
-
, previewState &&
|
|
33042
|
-
React$1.createElement(PreviewOverlay, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 156}}
|
|
33043
|
-
, React$1.createElement('button', { type: "button", className: "cls-btn paragraph2Medium" , onClick: ()=>{setPreviewState(false);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 157}}, "Close")
|
|
33044
|
-
, previewType === 'image' &&
|
|
33045
|
-
React$1.createElement('img', { src: previewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 159}})
|
|
33046
|
-
|
|
33047
|
-
, previewType === 'pdf' &&
|
|
33048
|
-
React$1.createElement('iframe', { src: `${previewUrl}#toolbar=0&navpanes=0`, frameBorder: "0", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 162}})
|
|
33049
|
-
|
|
33050
|
-
)
|
|
33051
|
-
|
|
32960
|
+
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 121}}, customAcceptedFilesLabel || React$1.createElement(React$1.Fragment, null, _optionalChain$9([labelOverrides, 'optionalAccess', _13 => _13.acceptedFiles]) || 'Accepted file types', ": " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 121}}, acceptedTypes)))
|
|
32961
|
+
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 122}}, _optionalChain$9([labelOverrides, 'optionalAccess', _14 => _14.maxSize]) || 'Maximum file size', ": " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 122}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'))
|
|
33052
32962
|
)
|
|
33053
32963
|
)
|
|
33054
32964
|
};
|