@secondstaxorg/sscomp 1.8.31 → 1.8.32

package/dist/index.js

@@ -17331,12 +17331,12 @@ const DatePicker = (props) => {
 
     const calendarRef = React$1.useRef(null);
 
-    React$1.useEffect(()=>{
-        console.log('past days',disablePastDays);
-        console.log('future days',disableFutureDays);
-        console.log('numInFYears',numInvalidFutureYears);
-        console.log('numInPYears',numInvalidPastYears);
-    },[]);
+    /*useEffect(()=>{
+        console.log('past days',disablePastDays)
+        console.log('future days',disableFutureDays)
+        console.log('numInFYears',numInvalidFutureYears)
+        console.log('numInPYears',numInvalidPastYears)
+    },[])*/
 
     React$1.useEffect(() => {
         if (value) {
@@ -31917,7 +31917,7 @@ const TypeFieldContent = styled.div`
 const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SignatureField\\SignatureField.tsx";
 
 const SignatureField = (props) => {
-    const {onChange,required,value,maxFileSize} = props;
+    const {onChange,required,value,maxFileSize,previewUrl} = props;
     const [selIndex,setSelIndex] = React$1.useState(0);
     const [typeErr,setTypeErr] = React$1.useState(false);
     const [sizeErr,setSizeErr] = React$1.useState(false);
@@ -31946,6 +31946,25 @@ const SignatureField = (props) => {
             }
         },[value]);
 
+        React$1.useEffect(()=>{
+            let imgFile;
+
+            if (previewUrl){
+                fetch(previewUrl)
+                    .then(res => res.blob())
+                    .then(fileBlob => {
+                        imgFile = new File([fileBlob],`signature-file${fileBlob.type.toLowerCase().includes('png') ? '.png' : '.jpg'}`,{
+                            type:fileBlob.type
+                        });
+                        setSelectedFile(imgFile);
+                        generateFilePreview(imgFile);
+                    })
+                    .catch(err => {
+                        console.log(err);
+                    });
+            }
+        },[previewUrl]);
+
         React$1.useEffect(()=>{
             if (!firstRun){
                 if (required){
@@ -31994,10 +32013,10 @@ const SignatureField = (props) => {
         const acceptedFileTypes = ['image/jpeg', 'image/png'];
 
         return (
-            React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 86}}
-                , React$1.createElement(UploadFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 87}}
-                    , React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 88}}, "Upload Your Signature"  )
-                    , React$1.createElement('div', { className: `upload-field-container ${selectionState}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 89}}
+            React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 105}}
+                , React$1.createElement(UploadFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 106}}
+                    , React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 107}}, "Upload Your Signature"  )
+                    , React$1.createElement('div', { className: `upload-field-container ${selectionState}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 108}}
                         , !selectedFile &&
                             React$1.createElement(React$1.Fragment, null
                                 , React$1.createElement('input', { type: "file", accept: "image/jpeg, image/png" , className: "file-input", ref: fileInputRef, required: !selectedFile ? required : false, onInvalid: ()=>{
@@ -32008,28 +32027,28 @@ const SignatureField = (props) => {
                                     if (!fileValidation(e.target.files[0])) return
                                     setSelectedFile(e.target.files[0]);
                                     generateFilePreview(e.target.files[0]);
-                                }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 92}})
-                                , React$1.createElement('span', { className: "field-placeholder paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 101}}, "Nothing selected" )
-                                , React$1.createElement('button', { type: "button", className: "file-selector paragraph1Medium" , onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 102}}, "Choose File" )
+                                }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 111}})
+                                , React$1.createElement('span', { className: "field-placeholder paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 120}}, "Nothing selected" )
+                                , React$1.createElement('button', { type: "button", className: "file-selector paragraph1Medium" , onClick: ()=>{fileInputRef.current.click();}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 121}}, "Choose File" )
                             )
                         
                         , selectedFile &&
-                            React$1.createElement('div', { className: "signature-preview-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 106}}
-                                , React$1.createElement('div', { className: "signature-preview", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 107}}
-                                    , React$1.createElement('img', { src: imgPreviewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 108}})
+                            React$1.createElement('div', { className: "signature-preview-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 125}}
+                                , React$1.createElement('div', { className: "signature-preview", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 126}}
+                                    , React$1.createElement('img', { src: imgPreviewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 127}})
                                 )
-                                , React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 110}}
-                                    , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 111}}, selectedFile.name)
+                                , React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 129}}
+                                    , React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 130}}, selectedFile.name)
                                     , React$1.createElement('button', { className: "rm-btn paragraph1Medium" , type: "button", onClick: ()=>{
                                         setSelectedFile(null);
                                         setImgPreviewUrl('');
-                                    }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 112}}, "Remove File" )
+                                    }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 131}}, "Remove File" )
                                 )
                             )
                         
                     )
-                    , React$1.createElement('p', { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 120}}, "Only " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 120}}, "JPGs, JPEGs, PNGs"  ), " are allowed"  )
-                    , maxFileSize && React$1.createElement('p', { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 121}}, "Maximum " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 121}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'), " allowed" )
+                    , React$1.createElement('p', { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 139}}, "Only " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 139}}, "JPGs, JPEGs, PNGs"  ), " are allowed"  )
+                    , maxFileSize && React$1.createElement('p', { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 140}}, "Maximum " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 140}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'), " allowed" )
                 )
             )
         )
@@ -32048,14 +32067,14 @@ const SignatureField = (props) => {
 
         return (
             React$1.createElement(React$1.Fragment, null
-                , React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 140}}
-                    , React$1.createElement(TypeFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 141}}
-                        , React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 142}}, "Type Your Signature"  )
-                        , React$1.createElement('div', { className: "signature", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 143}}
+                , React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 159}}
+                    , React$1.createElement(TypeFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 160}}
+                        , React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 161}}, "Type Your Signature"  )
+                        , React$1.createElement('div', { className: "signature", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 162}}
                             , React$1.createElement(TextField, { placeholder: "Type your signature"  , required: required, onChange: (e)=>{
                                 setSignature(e.target.value);
                                 onChange(e.target.value);
-                            }, value: signature, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 144}})
+                            }, value: signature, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 163}})
                         )
                     )
                 )
@@ -32076,7 +32095,7 @@ const SignatureField = (props) => {
 
     return (
         React$1.createElement(React$1.Fragment, null
-            , React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 168}})
+            , React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 187}})
         )
     )
 };