@secondstaxorg/sscomp 1.7.69 → 1.7.71
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 +4 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +39 -38
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -22086,16 +22086,15 @@ const TextField = (props) => {
|
|
|
22086
22086
|
let {label,subtext,errMsg,disabled,required,width,value,readonly} = props;
|
|
22087
22087
|
|
|
22088
22088
|
const [borderColor,setBorderColor] = React$1.useState('');
|
|
22089
|
-
const [inputVal,setInputVal] = React$1.useState(value);
|
|
22089
|
+
const [inputVal,setInputVal] = React$1.useState(value );
|
|
22090
22090
|
const [err,setErr] = React$1.useState(false);
|
|
22091
22091
|
const textFieldRef = React$1.useRef();
|
|
22092
22092
|
|
|
22093
22093
|
React$1.useEffect(()=>{
|
|
22094
|
-
if (
|
|
22095
|
-
setInputVal(value);
|
|
22094
|
+
if (inputVal && inputVal.length > 0){
|
|
22096
22095
|
setBorderColor('success');
|
|
22097
22096
|
}
|
|
22098
|
-
},[
|
|
22097
|
+
},[inputVal]);
|
|
22099
22098
|
|
|
22100
22099
|
function validate(){
|
|
22101
22100
|
if (inputVal){
|
|
@@ -22117,26 +22116,26 @@ const TextField = (props) => {
|
|
|
22117
22116
|
};
|
|
22118
22117
|
|
|
22119
22118
|
return (
|
|
22120
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22119
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 44}}
|
|
22121
22120
|
, label &&
|
|
22122
|
-
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22123
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22124
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22121
|
+
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 46}}
|
|
22122
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 47}}, label)
|
|
22123
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 48}}, subtext)
|
|
22125
22124
|
)
|
|
22126
22125
|
|
|
22127
|
-
, React$1.createElement(InputContainer$3, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22126
|
+
, React$1.createElement(InputContainer$3, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 51}}
|
|
22128
22127
|
, React$1.createElement(InputField$2, { ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{
|
|
22129
22128
|
if (readonly) return
|
|
22130
22129
|
setInputVal(e.target.value);
|
|
22131
|
-
}, ...props, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22130
|
+
}, ...props, __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 52}})
|
|
22132
22131
|
)
|
|
22133
22132
|
, !inputVal && required && err &&
|
|
22134
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22133
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 58}}
|
|
22135
22134
|
/*exclamation-triangle*/
|
|
22136
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22137
|
-
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22135
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 60}}
|
|
22136
|
+
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 61}})
|
|
22138
22137
|
)
|
|
22139
|
-
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber:
|
|
22138
|
+
, errMsg ? React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 63}}, errMsg) : React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$t, lineNumber: 63}}, "This field is required" )
|
|
22140
22139
|
)
|
|
22141
22140
|
|
|
22142
22141
|
)
|
|
@@ -25531,35 +25530,34 @@ const Selector = (props) => {
|
|
|
25531
25530
|
)
|
|
25532
25531
|
)
|
|
25533
25532
|
)
|
|
25534
|
-
|
|
25535
|
-
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 126}})
|
|
25533
|
+
, React$1.createElement(SrInput, { type: "checkbox", name: inputName, value: item.value, onChange: ()=>{}, checked: selectedOptions.some((option) => option.label === item.label), __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 125}})
|
|
25536
25534
|
)
|
|
25537
25535
|
))
|
|
25538
25536
|
)
|
|
25539
25537
|
)
|
|
25540
25538
|
, otherOption &&
|
|
25541
|
-
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25542
|
-
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25539
|
+
React$1.createElement(OtherContainer, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 131}}
|
|
25540
|
+
, React$1.createElement('p', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 132}}, "Other? Specify" )
|
|
25543
25541
|
, React$1.createElement(TextField, { placeholder: otherPlaceholder, value: otherVal, onChange: (e)=>{
|
|
25544
25542
|
if (readonly) return
|
|
25545
25543
|
setOtherVal(e.target.value);
|
|
25546
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25544
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 133}})
|
|
25547
25545
|
)
|
|
25548
25546
|
|
|
25549
25547
|
|
|
25550
25548
|
, React$1.createElement(SrInput, { className: "sr-only", value: srSel.toString(), required: required, onInvalid: (e)=>{
|
|
25551
25549
|
setSelStatus('error');
|
|
25552
25550
|
// e.target.setCustomValidity('This field is required')
|
|
25553
|
-
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25551
|
+
}, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 140}})
|
|
25554
25552
|
, selStatus === 'error' &&
|
|
25555
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25553
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 145}}
|
|
25556
25554
|
/*exclamation-triangle*/
|
|
25557
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25558
|
-
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25555
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 147}}
|
|
25556
|
+
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 148}})
|
|
25559
25557
|
)
|
|
25560
25558
|
, errMsg ?
|
|
25561
|
-
React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25562
|
-
: React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber:
|
|
25559
|
+
React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 151}}, errMsg)
|
|
25560
|
+
: React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$7, lineNumber: 152}}, "Select an option" )
|
|
25563
25561
|
)
|
|
25564
25562
|
|
|
25565
25563
|
)
|
|
@@ -25714,6 +25712,7 @@ const DropdownField = styled.div`
|
|
|
25714
25712
|
display: flex;
|
|
25715
25713
|
align-items: center;
|
|
25716
25714
|
gap: 4px;
|
|
25715
|
+
width: max-content;
|
|
25717
25716
|
}
|
|
25718
25717
|
.search-field{
|
|
25719
25718
|
position: relative;
|
|
@@ -31193,14 +31192,16 @@ const EmailField = (props) => {
|
|
|
31193
31192
|
let {label,subtext,disabled,required,width,value} = props;
|
|
31194
31193
|
|
|
31195
31194
|
const [borderColor,setBorderColor] = React$1.useState('');
|
|
31196
|
-
const [inputVal,setInputVal] = React$1.useState(value);
|
|
31195
|
+
const [inputVal,setInputVal] = React$1.useState(value );
|
|
31197
31196
|
const [err,setErr] = React$1.useState(false);
|
|
31198
31197
|
const [validationMsg,setValidationMsg] = React$1.useState('');
|
|
31199
31198
|
const textFieldRef = React$1.useRef();
|
|
31200
31199
|
|
|
31201
31200
|
React$1.useEffect(()=>{
|
|
31202
|
-
|
|
31203
|
-
|
|
31201
|
+
if (inputVal && inputVal.length > 0){
|
|
31202
|
+
setBorderColor('success');
|
|
31203
|
+
}
|
|
31204
|
+
},[inputVal]);
|
|
31204
31205
|
|
|
31205
31206
|
function validate(){
|
|
31206
31207
|
const emailRegex = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)*(\.[a-zA-Z]{2,})$/;
|
|
@@ -31232,23 +31233,23 @@ const EmailField = (props) => {
|
|
|
31232
31233
|
};
|
|
31233
31234
|
|
|
31234
31235
|
return (
|
|
31235
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31236
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 54}}
|
|
31236
31237
|
, label &&
|
|
31237
|
-
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31238
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31239
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31238
|
+
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 56}}
|
|
31239
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 57}}, label)
|
|
31240
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 58}}, subtext)
|
|
31240
31241
|
)
|
|
31241
31242
|
|
|
31242
|
-
, React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31243
|
-
, React$1.createElement(InputField$1, { type: "email", ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31243
|
+
, React$1.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, style: {width:width ? width : '100%',border:disabled ? `1px solid ${theme.colors["neutral-100"]}` : ''}, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 61}}
|
|
31244
|
+
, React$1.createElement(InputField$1, { type: "email", ref: textFieldRef, onBlur: validate, onInvalid: validate, value: inputVal, onChange: (e)=>{setInputVal(e.target.value);}, ...props, __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 62}})
|
|
31244
31245
|
)
|
|
31245
31246
|
, validationMsg &&
|
|
31246
|
-
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31247
|
+
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 65}}
|
|
31247
31248
|
/*exclamation-triangle*/
|
|
31248
|
-
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31249
|
-
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31249
|
+
, React$1.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 67}}
|
|
31250
|
+
, React$1.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 68}})
|
|
31250
31251
|
)
|
|
31251
|
-
, validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber:
|
|
31252
|
+
, validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$1, lineNumber: 70}}, validationMsg)
|
|
31252
31253
|
)
|
|
31253
31254
|
|
|
31254
31255
|
)
|