@secondstaxorg/sscomp 1.8.44 → 1.8.45
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 +7 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +48 -23
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +7 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/SignatureField/type.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -31926,6 +31926,11 @@ const FieldContainer = styled.div`
|
|
|
31926
31926
|
border-radius: 8px;
|
|
31927
31927
|
border: 1px solid ${theme.colors["neutral-200"]};
|
|
31928
31928
|
margin-block: 8px;
|
|
31929
|
+
.info-area{
|
|
31930
|
+
display: flex;
|
|
31931
|
+
align-items: center;
|
|
31932
|
+
gap: 4px;
|
|
31933
|
+
}
|
|
31929
31934
|
`;
|
|
31930
31935
|
|
|
31931
31936
|
const UploadFieldContent = styled.div`
|
|
@@ -32007,12 +32012,13 @@ const TypeFieldContent = styled.div`
|
|
|
32007
32012
|
flex-direction: column;
|
|
32008
32013
|
gap: 12px;
|
|
32009
32014
|
color: ${theme.colors["neutral-900"]};
|
|
32015
|
+
margin-bottom: 8px;
|
|
32010
32016
|
`;
|
|
32011
32017
|
|
|
32012
32018
|
const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SignatureField\\SignatureField.tsx";
|
|
32013
32019
|
|
|
32014
32020
|
const SignatureField = (props) => {
|
|
32015
|
-
const {onChange,required,value,maxFileSize,previewUrl,disableUploadField,disableTypeField} = props;
|
|
32021
|
+
const {onChange,required,value,maxFileSize,previewUrl,disableUploadField,disableTypeField,disableReason} = props;
|
|
32016
32022
|
const [selIndex,setSelIndex] = React$1.useState(0);
|
|
32017
32023
|
const [typeErr,setTypeErr] = React$1.useState(false);
|
|
32018
32024
|
const [sizeErr,setSizeErr] = React$1.useState(false);
|
|
@@ -32100,17 +32106,16 @@ const SignatureField = (props) => {
|
|
|
32100
32106
|
setSizeErr(true);
|
|
32101
32107
|
passed = false;
|
|
32102
32108
|
}
|
|
32103
|
-
|
|
32104
32109
|
return passed
|
|
32105
32110
|
}
|
|
32106
32111
|
|
|
32107
32112
|
const acceptedFileTypes = ['image/jpeg', 'image/png'];
|
|
32108
32113
|
|
|
32109
32114
|
return (
|
|
32110
|
-
React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32111
|
-
, React$1.createElement(UploadFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32112
|
-
, React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32113
|
-
, React$1.createElement('div', { className: `upload-field-container ${selectionState}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32115
|
+
React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 103}}
|
|
32116
|
+
, React$1.createElement(UploadFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 104}}
|
|
32117
|
+
, React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 105}}, "Upload Your Signature" )
|
|
32118
|
+
, React$1.createElement('div', { className: `upload-field-container ${selectionState}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 106}}
|
|
32114
32119
|
, !selectedFile &&
|
|
32115
32120
|
React$1.createElement(React$1.Fragment, null
|
|
32116
32121
|
, React$1.createElement('input', { type: "file", accept: "image/jpeg, image/png" , className: "file-input", ref: fileInputRef, required: !selectedFile ? required : false, onInvalid: ()=>{
|
|
@@ -32122,28 +32127,40 @@ const SignatureField = (props) => {
|
|
|
32122
32127
|
if (!fileValidation(e.target.files[0])) return
|
|
32123
32128
|
setSelectedFile(e.target.files[0]);
|
|
32124
32129
|
generateFilePreview(e.target.files[0]);
|
|
32125
|
-
}, disabled: disableUploadField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32126
|
-
, React$1.createElement('span', { className: "field-placeholder paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32127
|
-
, React$1.createElement('button', { type: "button", className: "file-selector paragraph1Medium" , onClick: ()=>{fileInputRef.current.click();}, disabled: disableUploadField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32130
|
+
}, disabled: disableUploadField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 109}})
|
|
32131
|
+
, React$1.createElement('span', { className: "field-placeholder paragraph2Regular" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 119}}, "Nothing selected" )
|
|
32132
|
+
, React$1.createElement('button', { type: "button", className: "file-selector paragraph1Medium" , onClick: ()=>{fileInputRef.current.click();}, disabled: disableUploadField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 120}}, "Choose File" )
|
|
32128
32133
|
)
|
|
32129
32134
|
|
|
32130
32135
|
, selectedFile &&
|
|
32131
|
-
React$1.createElement('div', { className: "signature-preview-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32132
|
-
, React$1.createElement('div', { className: "signature-preview", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32133
|
-
, React$1.createElement('img', { src: imgPreviewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32136
|
+
React$1.createElement('div', { className: "signature-preview-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 124}}
|
|
32137
|
+
, React$1.createElement('div', { className: "signature-preview", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 125}}
|
|
32138
|
+
, React$1.createElement('img', { src: imgPreviewUrl, alt: "", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 126}})
|
|
32134
32139
|
)
|
|
32135
|
-
, React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32136
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32140
|
+
, React$1.createElement('div', { className: "action-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 128}}
|
|
32141
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 129}}, selectedFile.name)
|
|
32137
32142
|
, React$1.createElement('button', { className: "rm-btn paragraph1Medium" , type: "button", onClick: ()=>{
|
|
32138
32143
|
setSelectedFile(null);
|
|
32139
32144
|
setImgPreviewUrl('');
|
|
32140
|
-
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32145
|
+
}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 130}}, "Remove File" )
|
|
32141
32146
|
)
|
|
32142
32147
|
)
|
|
32143
32148
|
|
|
32144
32149
|
)
|
|
32145
|
-
,
|
|
32146
|
-
|
|
32150
|
+
, disableUploadField && disableReason &&
|
|
32151
|
+
React$1.createElement('div', { className: "info-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 139}}
|
|
32152
|
+
, 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, lineNumber: 140}}
|
|
32153
|
+
, React$1.createElement('path', { d: "M7.99992 1.33337C6.68138 1.33337 5.39245 1.72437 4.29612 2.45691C3.19979 3.18945 2.34531 4.23064 1.84072 5.44882C1.33614 6.66699 1.20412 8.00744 1.46135 9.30064C1.71859 10.5938 2.35353 11.7817 3.28588 12.7141C4.21823 13.6464 5.40611 14.2814 6.69932 14.5386C7.99253 14.7958 9.33297 14.6638 10.5511 14.1592C11.7693 13.6547 12.8105 12.8002 13.5431 11.7038C14.2756 10.6075 14.6666 9.31858 14.6666 8.00004C14.6646 6.23253 13.9616 4.53798 12.7118 3.28817C11.462 2.03835 9.76743 1.33534 7.99992 1.33337ZM7.99992 13.3334C6.94509 13.3334 5.91394 13.0206 5.03688 12.4345C4.15982 11.8485 3.47623 11.0156 3.07256 10.041C2.6689 9.06648 2.56328 7.99412 2.76907 6.95956C2.97485 5.92499 3.48281 4.97468 4.22869 4.2288C4.97457 3.48292 5.92487 2.97497 6.95944 2.76919C7.99401 2.5634 9.06636 2.66902 10.0409 3.07268C11.0154 3.47635 11.8484 4.15994 12.4344 5.037C13.0205 5.91406 13.3333 6.94521 13.3333 8.00004C13.3316 9.41403 12.7692 10.7696 11.7694 11.7695C10.7695 12.7693 9.41391 13.3318 7.99992 13.3334ZM7.99992 7.66671C7.82311 7.66671 7.65354 7.73695 7.52852 7.86197C7.40349 7.98699 7.33326 8.15656 7.33326 8.33337V10.3334C7.33326 10.5102 7.40349 10.6798 7.52852 10.8048C7.65354 10.9298 7.82311 11 7.99992 11C8.17673 11 8.3463 10.9298 8.47133 10.8048C8.59635 10.6798 8.66659 10.5102 8.66659 10.3334V8.33337C8.66659 8.15656 8.59635 7.98699 8.47133 7.86197C8.3463 7.73695 8.17673 7.66671 7.99992 7.66671ZM7.99992 5.00004C7.8351 5.00004 7.67399 5.04891 7.53695 5.14048C7.39991 5.23205 7.2931 5.3622 7.23002 5.51447C7.16695 5.66674 7.15045 5.8343 7.1826 5.99595C7.21476 6.1576 7.29412 6.30609 7.41067 6.42263C7.52721 6.53917 7.6757 6.61854 7.83735 6.65069C7.999 6.68285 8.16655 6.66635 8.31882 6.60327C8.4711 6.5402 8.60125 6.43339 8.69281 6.29635C8.78438 6.15931 8.83326 5.99819 8.83326 5.83337C8.83326 5.61236 8.74546 5.4004 8.58918 5.24412C8.4329 5.08784 8.22094 5.00004 7.99992 5.00004Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 141}})
|
|
32154
|
+
)
|
|
32155
|
+
, React$1.createElement('p', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 143}}, disableReason)
|
|
32156
|
+
)
|
|
32157
|
+
|
|
32158
|
+
, !disableUploadField &&
|
|
32159
|
+
React$1.createElement(React$1.Fragment, null
|
|
32160
|
+
, React$1.createElement('p', { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 148}}, "Only " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 148}}, "JPGs, JPEGs, PNGs" ), " are allowed" )
|
|
32161
|
+
, maxFileSize && React$1.createElement('p', { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 149}}, "Maximum " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 149}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'), " allowed" )
|
|
32162
|
+
)
|
|
32163
|
+
|
|
32147
32164
|
)
|
|
32148
32165
|
)
|
|
32149
32166
|
)
|
|
@@ -32162,17 +32179,25 @@ const SignatureField = (props) => {
|
|
|
32162
32179
|
|
|
32163
32180
|
return (
|
|
32164
32181
|
React$1.createElement(React$1.Fragment, null
|
|
32165
|
-
, React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32166
|
-
, React$1.createElement(TypeFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32167
|
-
, React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32168
|
-
, React$1.createElement('div', { className: "signature", __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32182
|
+
, React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 170}}
|
|
32183
|
+
, React$1.createElement(TypeFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 171}}
|
|
32184
|
+
, React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 172}}, "Type Your Signature" )
|
|
32185
|
+
, React$1.createElement('div', { className: "signature", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 173}}
|
|
32169
32186
|
, React$1.createElement(TextField, { placeholder: "Type your signature" , required: required, onChange: (e)=>{
|
|
32170
32187
|
if (disableTypeField) return
|
|
32171
32188
|
setSignature(e.target.value);
|
|
32172
32189
|
onChange(e.target.value);
|
|
32173
|
-
}, value: signature, disabled: disableTypeField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32190
|
+
}, value: signature, disabled: disableTypeField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 174}})
|
|
32174
32191
|
)
|
|
32175
32192
|
)
|
|
32193
|
+
, disableTypeField && disableReason &&
|
|
32194
|
+
React$1.createElement('div', { className: "info-area", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 182}}
|
|
32195
|
+
, 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, lineNumber: 183}}
|
|
32196
|
+
, React$1.createElement('path', { d: "M7.99992 1.33337C6.68138 1.33337 5.39245 1.72437 4.29612 2.45691C3.19979 3.18945 2.34531 4.23064 1.84072 5.44882C1.33614 6.66699 1.20412 8.00744 1.46135 9.30064C1.71859 10.5938 2.35353 11.7817 3.28588 12.7141C4.21823 13.6464 5.40611 14.2814 6.69932 14.5386C7.99253 14.7958 9.33297 14.6638 10.5511 14.1592C11.7693 13.6547 12.8105 12.8002 13.5431 11.7038C14.2756 10.6075 14.6666 9.31858 14.6666 8.00004C14.6646 6.23253 13.9616 4.53798 12.7118 3.28817C11.462 2.03835 9.76743 1.33534 7.99992 1.33337ZM7.99992 13.3334C6.94509 13.3334 5.91394 13.0206 5.03688 12.4345C4.15982 11.8485 3.47623 11.0156 3.07256 10.041C2.6689 9.06648 2.56328 7.99412 2.76907 6.95956C2.97485 5.92499 3.48281 4.97468 4.22869 4.2288C4.97457 3.48292 5.92487 2.97497 6.95944 2.76919C7.99401 2.5634 9.06636 2.66902 10.0409 3.07268C11.0154 3.47635 11.8484 4.15994 12.4344 5.037C13.0205 5.91406 13.3333 6.94521 13.3333 8.00004C13.3316 9.41403 12.7692 10.7696 11.7694 11.7695C10.7695 12.7693 9.41391 13.3318 7.99992 13.3334ZM7.99992 7.66671C7.82311 7.66671 7.65354 7.73695 7.52852 7.86197C7.40349 7.98699 7.33326 8.15656 7.33326 8.33337V10.3334C7.33326 10.5102 7.40349 10.6798 7.52852 10.8048C7.65354 10.9298 7.82311 11 7.99992 11C8.17673 11 8.3463 10.9298 8.47133 10.8048C8.59635 10.6798 8.66659 10.5102 8.66659 10.3334V8.33337C8.66659 8.15656 8.59635 7.98699 8.47133 7.86197C8.3463 7.73695 8.17673 7.66671 7.99992 7.66671ZM7.99992 5.00004C7.8351 5.00004 7.67399 5.04891 7.53695 5.14048C7.39991 5.23205 7.2931 5.3622 7.23002 5.51447C7.16695 5.66674 7.15045 5.8343 7.1826 5.99595C7.21476 6.1576 7.29412 6.30609 7.41067 6.42263C7.52721 6.53917 7.6757 6.61854 7.83735 6.65069C7.999 6.68285 8.16655 6.66635 8.31882 6.60327C8.4711 6.5402 8.60125 6.43339 8.69281 6.29635C8.78438 6.15931 8.83326 5.99819 8.83326 5.83337C8.83326 5.61236 8.74546 5.4004 8.58918 5.24412C8.4329 5.08784 8.22094 5.00004 7.99992 5.00004Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 184}})
|
|
32197
|
+
)
|
|
32198
|
+
, React$1.createElement('p', { className: "captionBook", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 186}}, disableReason)
|
|
32199
|
+
)
|
|
32200
|
+
|
|
32176
32201
|
)
|
|
32177
32202
|
)
|
|
32178
32203
|
)
|
|
@@ -32191,7 +32216,7 @@ const SignatureField = (props) => {
|
|
|
32191
32216
|
|
|
32192
32217
|
return (
|
|
32193
32218
|
React$1.createElement(React$1.Fragment, null
|
|
32194
|
-
, React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32219
|
+
, React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 207}})
|
|
32195
32220
|
)
|
|
32196
32221
|
)
|
|
32197
32222
|
};
|