@secondstaxorg/sscomp 1.8.45 → 1.8.47
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 +8 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +23 -38
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +6 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/SignatureField/type.d.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -25513,7 +25513,7 @@ const TablePrimary = (props) => {
|
|
|
25513
25513
|
const [tbodyOri,setTbodyOri] = React$1.useState(tbody);
|
|
25514
25514
|
|
|
25515
25515
|
function sortByColumn(column){
|
|
25516
|
-
if (tbody){
|
|
25516
|
+
if (tbody && tbody.length > 0){
|
|
25517
25517
|
const sortedItems = [...tbody];
|
|
25518
25518
|
sortedItems.sort((a,b) => a[column].localeCompare(b[column]));
|
|
25519
25519
|
setTbodyOri(sortedItems);
|
|
@@ -25625,6 +25625,11 @@ const FieldContainer$2 = styled.div`
|
|
|
25625
25625
|
display:grid;
|
|
25626
25626
|
flex-direction: row;
|
|
25627
25627
|
}
|
|
25628
|
+
&.read-only button:hover{
|
|
25629
|
+
outline: 1px solid ${theme.colors["neutral-100"]};
|
|
25630
|
+
background: ${theme.colors.white};
|
|
25631
|
+
cursor: default;
|
|
25632
|
+
}
|
|
25628
25633
|
`;
|
|
25629
25634
|
|
|
25630
25635
|
const OtherContainer = styled.div`
|
|
@@ -25778,7 +25783,7 @@ const Selector = (props) => {
|
|
|
25778
25783
|
, subText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 96}}, subText)
|
|
25779
25784
|
)
|
|
25780
25785
|
|
|
25781
|
-
, React$1.createElement(FieldContainer$2, { className: arrangement
|
|
25786
|
+
, React$1.createElement(FieldContainer$2, { className: `${arrangement} ${readonly ? 'read-only' : ''}`, style: {width:width ? width : '100%',gridTemplateColumns:`repeat(${numCols ? numCols : itemsList.length},1fr)`}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 99}}
|
|
25782
25787
|
, React$1.createElement(React$1.Fragment, null
|
|
25783
25788
|
, itemsList.map((item,index) => (
|
|
25784
25789
|
React$1.createElement(SelectorItem, { type: "button", key: index, className: evaluateSelection(item) ? 'selected' : '', onClick: () => {
|
|
@@ -25812,7 +25817,7 @@ const Selector = (props) => {
|
|
|
25812
25817
|
, otherOption &&
|
|
25813
25818
|
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 131}}
|
|
25814
25819
|
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 132}}, "Other? Specify" )
|
|
25815
|
-
, React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{
|
|
25820
|
+
, React$1.createElement(TextField, { placeholder: otherPlaceholder, disabled: readonly, value: otherVal, onChange: (e)=>{
|
|
25816
25821
|
if (readonly) return
|
|
25817
25822
|
setOtherVal(e.target.value);
|
|
25818
25823
|
}, __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 133}})
|
|
@@ -32018,7 +32023,7 @@ const TypeFieldContent = styled.div`
|
|
|
32018
32023
|
const _jsxFileName = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SignatureField\\SignatureField.tsx";
|
|
32019
32024
|
|
|
32020
32025
|
const SignatureField = (props) => {
|
|
32021
|
-
const {onChange,required,value,maxFileSize,previewUrl,disableUploadField,disableTypeField
|
|
32026
|
+
const {onChange,required,value,maxFileSize,previewUrl,disableUploadField,disableTypeField} = props;
|
|
32022
32027
|
const [selIndex,setSelIndex] = React$1.useState(0);
|
|
32023
32028
|
const [typeErr,setTypeErr] = React$1.useState(false);
|
|
32024
32029
|
const [sizeErr,setSizeErr] = React$1.useState(false);
|
|
@@ -32147,20 +32152,8 @@ const SignatureField = (props) => {
|
|
|
32147
32152
|
)
|
|
32148
32153
|
|
|
32149
32154
|
)
|
|
32150
|
-
,
|
|
32151
|
-
|
|
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
|
-
|
|
32155
|
+
, React$1.createElement('p', { className: `captionBook ${typeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 138}}, "Only " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 138}}, "JPGs, JPEGs, PNGs" ), " are allowed" )
|
|
32156
|
+
, maxFileSize && React$1.createElement('p', { className: `captionBook ${sizeErr && 'text-error'}`, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 139}}, "Maximum " , React$1.createElement('b', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 139}}, maxFileSize >= 1000 ? Math.round(maxFileSize / 1000) : maxFileSize, " " , maxFileSize >= 1000 ? 'MB' : 'KB'), " allowed" )
|
|
32164
32157
|
)
|
|
32165
32158
|
)
|
|
32166
32159
|
)
|
|
@@ -32178,26 +32171,16 @@ const SignatureField = (props) => {
|
|
|
32178
32171
|
},[value]);
|
|
32179
32172
|
|
|
32180
32173
|
return (
|
|
32181
|
-
React$1.createElement(
|
|
32182
|
-
, React$1.createElement(
|
|
32183
|
-
, React$1.createElement(
|
|
32184
|
-
|
|
32185
|
-
, React$1.createElement(
|
|
32186
|
-
|
|
32187
|
-
|
|
32188
|
-
|
|
32189
|
-
|
|
32190
|
-
}, value: signature, disabled: disableTypeField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 174}})
|
|
32191
|
-
)
|
|
32174
|
+
React$1.createElement(FieldContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 157}}
|
|
32175
|
+
, React$1.createElement(TypeFieldContent, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 158}}
|
|
32176
|
+
, React$1.createElement('label', { className: "field-label paragraph2Medium" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 159}}, "Type Your Signature" )
|
|
32177
|
+
, React$1.createElement('div', { className: "signature", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 160}}
|
|
32178
|
+
, React$1.createElement(TextField, { placeholder: "Type your signature" , required: required, onChange: (e)=>{
|
|
32179
|
+
if (disableTypeField) return
|
|
32180
|
+
setSignature(e.target.value);
|
|
32181
|
+
onChange(e.target.value);
|
|
32182
|
+
}, value: signature, disabled: disableTypeField, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 161}})
|
|
32192
32183
|
)
|
|
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
|
-
|
|
32201
32184
|
)
|
|
32202
32185
|
)
|
|
32203
32186
|
)
|
|
@@ -32216,7 +32199,9 @@ const SignatureField = (props) => {
|
|
|
32216
32199
|
|
|
32217
32200
|
return (
|
|
32218
32201
|
React$1.createElement(React$1.Fragment, null
|
|
32219
|
-
, React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber:
|
|
32202
|
+
, !disableTypeField && !disableUploadField &&React$1.createElement(Tab, { tabs: tabs, initialTab: selIndex, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 185}})
|
|
32203
|
+
, disableTypeField && React$1.createElement(React$1.Fragment, null, uploadField())
|
|
32204
|
+
, disableUploadField && React$1.createElement(React$1.Fragment, null, typeField())
|
|
32220
32205
|
)
|
|
32221
32206
|
)
|
|
32222
32207
|
};
|