@secondstaxorg/sscomp 2.0.47 → 2.0.49
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 +100 -47
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +127 -27
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +120 -67
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/FileUpload/style.d.ts +2 -0
- package/types/components/FileUpload/type.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -32771,12 +32771,13 @@ const Container$2 = styled.div`
|
|
|
32771
32771
|
width: 100%;
|
|
32772
32772
|
.input-container{
|
|
32773
32773
|
opacity: 0;
|
|
32774
|
+
position: absolute;
|
|
32774
32775
|
}
|
|
32775
32776
|
}
|
|
32776
32777
|
|
|
32777
32778
|
.file-name {
|
|
32778
32779
|
color: ${theme.colors["neutral-400"]};
|
|
32779
|
-
padding-
|
|
32780
|
+
padding-inline: 16px;
|
|
32780
32781
|
display: flex;
|
|
32781
32782
|
align-items: center;
|
|
32782
32783
|
background: white;
|
|
@@ -32786,12 +32787,24 @@ const Container$2 = styled.div`
|
|
|
32786
32787
|
transition: 0.3s;
|
|
32787
32788
|
overflow: hidden;
|
|
32788
32789
|
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
|
+
}
|
|
32789
32798
|
}
|
|
32790
32799
|
|
|
32791
|
-
.file-name
|
|
32800
|
+
.file-name p{
|
|
32792
32801
|
margin-block: 0;
|
|
32793
32802
|
overflow-x: hidden;
|
|
32794
32803
|
text-overflow: ellipsis;
|
|
32804
|
+
text-wrap: nowrap;
|
|
32805
|
+
direction: rtl;
|
|
32806
|
+
text-align: left;
|
|
32807
|
+
width: 600px;
|
|
32795
32808
|
}
|
|
32796
32809
|
|
|
32797
32810
|
& .file-name > button{
|
|
@@ -32831,6 +32844,48 @@ const FileRequirementsText = styled.p`
|
|
|
32831
32844
|
&.text-error {
|
|
32832
32845
|
color: red;
|
|
32833
32846
|
}
|
|
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
|
+
}
|
|
32834
32889
|
`;
|
|
32835
32890
|
|
|
32836
32891
|
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; }
|
|
@@ -32838,7 +32893,7 @@ const _jsxFileName$g = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
32838
32893
|
/**
|
|
32839
32894
|
* This component is for uploading selecting files for upload
|
|
32840
32895
|
*/
|
|
32841
|
-
const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOverrides,customAcceptedFilesLabel,consolidateButton}) => {
|
|
32896
|
+
const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOverrides,customAcceptedFilesLabel,consolidateButton,canPreview}) => {
|
|
32842
32897
|
const [selectedFile,setSelectedFile] = React$1.useState(null);
|
|
32843
32898
|
const [selectionState,setSelectionState] = React$1.useState('');
|
|
32844
32899
|
const [firstRun,setFirstRun] = React$1.useState(true);
|
|
@@ -32846,6 +32901,9 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32846
32901
|
const [typeErr,setTypeErr] = React$1.useState(false);
|
|
32847
32902
|
const [acceptedTypes,setAcceptedTypes] = React$1.useState('');
|
|
32848
32903
|
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);
|
|
32849
32907
|
|
|
32850
32908
|
React$1.useEffect(()=>{
|
|
32851
32909
|
if (!firstRun){
|
|
@@ -32901,12 +32959,33 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32901
32959
|
}
|
|
32902
32960
|
}
|
|
32903
32961
|
|
|
32962
|
+
React$1.useEffect(()=>{
|
|
32963
|
+
if (selectedFile && canPreview){
|
|
32964
|
+
const reader = new FileReader();
|
|
32965
|
+
|
|
32966
|
+
reader.onload = (e) => {
|
|
32967
|
+
const dataUrl = e.target.result;
|
|
32968
|
+
setPreviewUrl(dataUrl);
|
|
32969
|
+
};
|
|
32970
|
+
|
|
32971
|
+
reader.readAsDataURL(selectedFile);
|
|
32972
|
+
|
|
32973
|
+
if (selectedFile.name.split('.').pop() === 'pdf'){
|
|
32974
|
+
setPreviewType('pdf');
|
|
32975
|
+
}else if (selectedFile.type.startsWith('image')){
|
|
32976
|
+
setPreviewType('image');
|
|
32977
|
+
}else {
|
|
32978
|
+
setPreviewType('');
|
|
32979
|
+
}
|
|
32980
|
+
}
|
|
32981
|
+
},[selectedFile,canPreview]);
|
|
32982
|
+
|
|
32904
32983
|
return (
|
|
32905
|
-
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32906
|
-
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32907
|
-
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32908
|
-
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32909
|
-
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32984
|
+
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 98}}
|
|
32985
|
+
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 99}}
|
|
32986
|
+
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 100}}, label)
|
|
32987
|
+
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 101}}
|
|
32988
|
+
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 102}}
|
|
32910
32989
|
, React$1.createElement('input', { type: "file", accept: accept, className: "file-input", ref: fileInputRef,
|
|
32911
32990
|
required: !selectedFile ? required : false, onInvalid: () => {
|
|
32912
32991
|
if (!selectedFile) {
|
|
@@ -32914,41 +32993,60 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32914
32993
|
}
|
|
32915
32994
|
}, onChange: (e) => {
|
|
32916
32995
|
if (e.target.files.length == 0) return
|
|
32917
|
-
|
|
32918
|
-
|
|
32919
|
-
|
|
32920
|
-
|
|
32996
|
+
const file = e.target.files[0];
|
|
32997
|
+
if (!fileValidation(file)) return
|
|
32998
|
+
setSelectedFile(file);
|
|
32999
|
+
onChange(file);
|
|
33000
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 103}})
|
|
32921
33001
|
)
|
|
32922
|
-
, React$1.createElement('div', {
|
|
32923
|
-
|
|
33002
|
+
, React$1.createElement('div', {
|
|
33003
|
+
className: `${selectionState} paragraph2Regular file-name ${consolidateButton ? 'consolidated' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 116}}
|
|
33004
|
+
, React$1.createElement('div', { className: "file-name-preview-btn", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 118}}
|
|
33005
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 119}}, selectedFile ? selectedFile.name : _optionalChain$9([labelOverrides, 'optionalAccess', _9 => _9.noFileSelected]) || 'No file selected')
|
|
33006
|
+
, selectedFile && canPreview && (selectedFile.name.split('.').pop() === 'pdf' || selectedFile.type.startsWith('image')) &&
|
|
33007
|
+
React$1.createElement(PreviewBtn, { type: "button", className: "preview-btn paragraph1Regular" , onClick: ()=>{setPreviewState(true);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 121}}, "Preview")
|
|
33008
|
+
|
|
33009
|
+
)
|
|
32924
33010
|
, consolidateButton &&
|
|
32925
33011
|
React$1.createElement('button', { type: "button", className: "paragraph1Medium", onClick: () => {
|
|
32926
33012
|
fileInputRef.current.click();
|
|
32927
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33013
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 125}}, _optionalChain$9([labelOverrides, 'optionalAccess', _10 => _10.selectFile]) || 'Select File')
|
|
32928
33014
|
|
|
32929
33015
|
)
|
|
33016
|
+
|
|
32930
33017
|
, !consolidateButton &&
|
|
32931
|
-
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32932
|
-
, React$1.createElement(Button$2, { type: "button", variant: "primary", size: "lg", width: "full", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33018
|
+
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 132}}
|
|
33019
|
+
, React$1.createElement(Button$2, { type: "button", variant: "primary", size: "lg", width: "full", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 133}}, _optionalChain$9([labelOverrides, 'optionalAccess', _11 => _11.selectFile]) || 'Select File')
|
|
32933
33020
|
)
|
|
32934
33021
|
|
|
32935
33022
|
)
|
|
32936
33023
|
)
|
|
32937
|
-
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32938
|
-
, 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:
|
|
32939
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32940
|
-
, 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:
|
|
33024
|
+
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 138}}
|
|
33025
|
+
, 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: 139}}
|
|
33026
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 140}}
|
|
33027
|
+
, 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: 141}})
|
|
32941
33028
|
)
|
|
32942
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32943
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32944
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33029
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 143}}
|
|
33030
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 144}}
|
|
33031
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 145}})
|
|
32945
33032
|
)
|
|
32946
33033
|
)
|
|
32947
33034
|
)
|
|
32948
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33035
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 149}}, _optionalChain$9([labelOverrides, 'optionalAccess', _12 => _12.requiredField]) || 'This field is required')
|
|
32949
33036
|
)
|
|
32950
|
-
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32951
|
-
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33037
|
+
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 151}}, 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: 151}}, acceptedTypes)))
|
|
33038
|
+
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 152}}, _optionalChain$9([labelOverrides, 'optionalAccess', _14 => _14.maxSize]) || 'Maximum file size', ": " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 152}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'))
|
|
33039
|
+
, previewState &&
|
|
33040
|
+
React$1.createElement(PreviewOverlay, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 154}}
|
|
33041
|
+
, React$1.createElement('button', { type: "button", className: "cls-btn paragraph2Medium" , onClick: ()=>{setPreviewState(false);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 155}}, "Close")
|
|
33042
|
+
, previewType === 'image' &&
|
|
33043
|
+
React$1.createElement('img', { src: previewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 157}})
|
|
33044
|
+
|
|
33045
|
+
, previewType === 'pdf' &&
|
|
33046
|
+
React$1.createElement('iframe', { src: `${previewUrl}#toolbar=0&navpanes=0`, frameBorder: "0", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 160}})
|
|
33047
|
+
|
|
33048
|
+
)
|
|
33049
|
+
|
|
32952
33050
|
)
|
|
32953
33051
|
)
|
|
32954
33052
|
};
|
|
@@ -34468,6 +34566,8 @@ const FilesList = styled.div`
|
|
|
34468
34566
|
text-overflow: ellipsis;
|
|
34469
34567
|
overflow: hidden;
|
|
34470
34568
|
text-wrap: nowrap;
|
|
34569
|
+
direction: rtl;
|
|
34570
|
+
text-align: left;
|
|
34471
34571
|
}
|
|
34472
34572
|
.file-item > button {
|
|
34473
34573
|
text-wrap: nowrap;
|