@secondstaxorg/sscomp 2.0.49 → 2.0.51
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 +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +34 -32
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -32904,6 +32904,7 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32904
32904
|
const [previewUrl,setPreviewUrl] = React$1.useState('');
|
|
32905
32905
|
const [previewType,setPreviewType] = React$1.useState('');
|
|
32906
32906
|
const [previewState,setPreviewState] = React$1.useState(false);
|
|
32907
|
+
const [previewFile,setPreviewFile] = React$1.useState(null);
|
|
32907
32908
|
|
|
32908
32909
|
React$1.useEffect(()=>{
|
|
32909
32910
|
if (!firstRun){
|
|
@@ -32960,7 +32961,7 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32960
32961
|
}
|
|
32961
32962
|
|
|
32962
32963
|
React$1.useEffect(()=>{
|
|
32963
|
-
if (
|
|
32964
|
+
if (previewFile && canPreview){
|
|
32964
32965
|
const reader = new FileReader();
|
|
32965
32966
|
|
|
32966
32967
|
reader.onload = (e) => {
|
|
@@ -32968,24 +32969,24 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32968
32969
|
setPreviewUrl(dataUrl);
|
|
32969
32970
|
};
|
|
32970
32971
|
|
|
32971
|
-
reader.readAsDataURL(
|
|
32972
|
+
reader.readAsDataURL(previewFile);
|
|
32972
32973
|
|
|
32973
|
-
if (
|
|
32974
|
+
if (previewFile.name.split('.').pop() === 'pdf'){
|
|
32974
32975
|
setPreviewType('pdf');
|
|
32975
|
-
}else if (
|
|
32976
|
+
}else if (previewFile.type.startsWith('image')){
|
|
32976
32977
|
setPreviewType('image');
|
|
32977
32978
|
}else {
|
|
32978
32979
|
setPreviewType('');
|
|
32979
32980
|
}
|
|
32980
32981
|
}
|
|
32981
|
-
},[
|
|
32982
|
+
},[previewFile,canPreview]);
|
|
32982
32983
|
|
|
32983
32984
|
return (
|
|
32984
|
-
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32985
|
-
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32986
|
-
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32987
|
-
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32988
|
-
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
32985
|
+
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 99}}
|
|
32986
|
+
, React$1.createElement(Container$2, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 100}}
|
|
32987
|
+
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 101}}, label)
|
|
32988
|
+
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 102}}
|
|
32989
|
+
, React$1.createElement('div', { className: "input-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 103}}
|
|
32989
32990
|
, React$1.createElement('input', { type: "file", accept: accept, className: "file-input", ref: fileInputRef,
|
|
32990
32991
|
required: !selectedFile ? required : false, onInvalid: () => {
|
|
32991
32992
|
if (!selectedFile) {
|
|
@@ -32996,54 +32997,55 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
32996
32997
|
const file = e.target.files[0];
|
|
32997
32998
|
if (!fileValidation(file)) return
|
|
32998
32999
|
setSelectedFile(file);
|
|
33000
|
+
setPreviewFile(file);
|
|
32999
33001
|
onChange(file);
|
|
33000
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33002
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 104}})
|
|
33001
33003
|
)
|
|
33002
33004
|
, React$1.createElement('div', {
|
|
33003
|
-
className: `${selectionState} paragraph2Regular file-name ${consolidateButton ? 'consolidated' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33004
|
-
, React$1.createElement('div', { className: "file-name-preview-btn", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33005
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33005
|
+
className: `${selectionState} paragraph2Regular file-name ${consolidateButton ? 'consolidated' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 118}}
|
|
33006
|
+
, React$1.createElement('div', { className: "file-name-preview-btn", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 120}}
|
|
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')
|
|
33006
33008
|
, 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:
|
|
33009
|
+
React$1.createElement(PreviewBtn, { type: "button", className: "preview-btn paragraph1Regular" , onClick: ()=>{setPreviewState(true);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 123}}, "Preview")
|
|
33008
33010
|
|
|
33009
33011
|
)
|
|
33010
33012
|
, consolidateButton &&
|
|
33011
33013
|
React$1.createElement('button', { type: "button", className: "paragraph1Medium", onClick: () => {
|
|
33012
33014
|
fileInputRef.current.click();
|
|
33013
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33015
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 127}}, _optionalChain$9([labelOverrides, 'optionalAccess', _10 => _10.selectFile]) || 'Select File')
|
|
33014
33016
|
|
|
33015
33017
|
)
|
|
33016
33018
|
|
|
33017
33019
|
, !consolidateButton &&
|
|
33018
|
-
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
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:
|
|
33020
|
+
React$1.createElement('div', { className: "button-container", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 134}}
|
|
33021
|
+
, React$1.createElement(Button$2, { type: "button", variant: "primary", size: "lg", width: "full", onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 135}}, _optionalChain$9([labelOverrides, 'optionalAccess', _11 => _11.selectFile]) || 'Select File')
|
|
33020
33022
|
)
|
|
33021
33023
|
|
|
33022
33024
|
)
|
|
33023
33025
|
)
|
|
33024
|
-
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
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:
|
|
33026
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
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:
|
|
33026
|
+
, selectionState === 'error' && React$1.createElement(ErrorText, { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 140}}
|
|
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: 141}}
|
|
33028
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 142}}
|
|
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: 143}})
|
|
33028
33030
|
)
|
|
33029
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33030
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33031
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33031
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 145}}
|
|
33032
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 146}}
|
|
33033
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 147}})
|
|
33032
33034
|
)
|
|
33033
33035
|
)
|
|
33034
33036
|
)
|
|
33035
|
-
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33037
|
+
, React$1.createElement('p', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 151}}, _optionalChain$9([labelOverrides, 'optionalAccess', _12 => _12.requiredField]) || 'This field is required')
|
|
33036
33038
|
)
|
|
33037
|
-
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33038
|
-
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33039
|
+
, React$1.createElement(FileRequirementsText, { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 153}}, 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: 153}}, acceptedTypes)))
|
|
33040
|
+
, maxFileSize && React$1.createElement(FileRequirementsText, { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 154}}, _optionalChain$9([labelOverrides, 'optionalAccess', _14 => _14.maxSize]) || 'Maximum file size', ": " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 154}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'))
|
|
33039
33041
|
, previewState &&
|
|
33040
|
-
React$1.createElement(PreviewOverlay, {__self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33041
|
-
, React$1.createElement('button', { type: "button", className: "cls-btn paragraph2Medium" , onClick: ()=>{setPreviewState(false);}, __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
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")
|
|
33042
33044
|
, previewType === 'image' &&
|
|
33043
|
-
React$1.createElement('img', { src: previewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33045
|
+
React$1.createElement('img', { src: previewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 159}})
|
|
33044
33046
|
|
|
33045
33047
|
, previewType === 'pdf' &&
|
|
33046
|
-
React$1.createElement('iframe', { src: `${previewUrl}#toolbar=0&navpanes=0`, frameBorder: "0", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber:
|
|
33048
|
+
React$1.createElement('iframe', { src: `${previewUrl}#toolbar=0&navpanes=0`, frameBorder: "0", __self: undefined, __source: {fileName: _jsxFileName$g, lineNumber: 162}})
|
|
33047
33049
|
|
|
33048
33050
|
)
|
|
33049
33051
|
|