@secondstaxorg/sscomp 1.9.98 → 2.0.0
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/README.md +1 -1
- package/dist/index.es.js +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +22 -13
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +737 -737
- package/dist/index.min.js.map +1 -1
- package/package.json +2 -1
- package/types/components/DatePicker/index.d.ts +1 -0
- package/types/components/EmailField/type.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -32951,7 +32951,7 @@ const _jsxFileName$e = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
32951
32951
|
* This component is used to render an email field. The email field validates the value of the input against a valid email address.
|
|
32952
32952
|
*/
|
|
32953
32953
|
const EmailField = (props) => {
|
|
32954
|
-
let {label,subtext,disabled,required,width,value,labelOverrides} = props;
|
|
32954
|
+
let {label,subtext,disabled,required,width,value,labelOverrides,isValidEmail} = props;
|
|
32955
32955
|
|
|
32956
32956
|
const [borderColor,setBorderColor] = React$1.useState('');
|
|
32957
32957
|
const [inputVal,setInputVal] = React$1.useState('');
|
|
@@ -32971,13 +32971,22 @@ const EmailField = (props) => {
|
|
|
32971
32971
|
setBorderColor('success');
|
|
32972
32972
|
setErr(false);
|
|
32973
32973
|
setValidationMsg('');
|
|
32974
|
+
if (isValidEmail){
|
|
32975
|
+
isValidEmail(true);
|
|
32976
|
+
}
|
|
32974
32977
|
}else {
|
|
32975
32978
|
setBorderColor('error');
|
|
32976
32979
|
setErr(true);
|
|
32977
32980
|
setValidationMsg(_optionalChain$8([labelOverrides, 'optionalAccess', _ => _.enterValidEmail]) || 'Enter a valid email address');
|
|
32981
|
+
if (isValidEmail){
|
|
32982
|
+
isValidEmail(false);
|
|
32983
|
+
}
|
|
32978
32984
|
}
|
|
32979
32985
|
}else {
|
|
32980
32986
|
setBorderColor('');
|
|
32987
|
+
if (isValidEmail){
|
|
32988
|
+
isValidEmail(false);
|
|
32989
|
+
}
|
|
32981
32990
|
if (required) {
|
|
32982
32991
|
setBorderColor('error');
|
|
32983
32992
|
setErr(true);
|
|
@@ -32993,23 +33002,23 @@ const EmailField = (props) => {
|
|
|
32993
33002
|
};
|
|
32994
33003
|
|
|
32995
33004
|
return (
|
|
32996
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33005
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 61}}
|
|
32997
33006
|
, label &&
|
|
32998
|
-
React$1.createElement(InputLabel$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
32999
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33000
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33007
|
+
React$1.createElement(InputLabel$2, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 63}}
|
|
33008
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 64}}, label)
|
|
33009
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 65}}, subtext)
|
|
33001
33010
|
)
|
|
33002
33011
|
|
|
33003
|
-
, 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$e, lineNumber:
|
|
33004
|
-
, 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$e, lineNumber:
|
|
33012
|
+
, 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$e, lineNumber: 68}}
|
|
33013
|
+
, 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$e, lineNumber: 69}})
|
|
33005
33014
|
)
|
|
33006
33015
|
, validationMsg &&
|
|
33007
|
-
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33016
|
+
React$1.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 72}}
|
|
33008
33017
|
/*exclamation-triangle*/
|
|
33009
|
-
, 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$e, lineNumber:
|
|
33010
|
-
, 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$e, lineNumber:
|
|
33018
|
+
, 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$e, lineNumber: 74}}
|
|
33019
|
+
, 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$e, lineNumber: 75}})
|
|
33011
33020
|
)
|
|
33012
|
-
, validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber:
|
|
33021
|
+
, validationMsg && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$e, lineNumber: 77}}, validationMsg)
|
|
33013
33022
|
)
|
|
33014
33023
|
|
|
33015
33024
|
)
|
|
@@ -36121,7 +36130,7 @@ const ForgotPasswordForm = (props) => {
|
|
|
36121
36130
|
, stage === 2 &&
|
|
36122
36131
|
React$1.createElement('div', { className: "stage2", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 82}}
|
|
36123
36132
|
, React$1.createElement('div', { className: "action-res", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 83}}
|
|
36124
|
-
, React$1.createElement(ActionSuccess, { headingText: _optionalChain$2([labelOverrides, 'optionalAccess', _9 => _9.resetLinkSentHeader]) || 'Reset Link Sent!', subText:
|
|
36133
|
+
, React$1.createElement(ActionSuccess, { headingText: _optionalChain$2([labelOverrides, 'optionalAccess', _9 => _9.resetLinkSentHeader]) || 'Reset Link Sent!', subText: _optionalChain$2([labelOverrides, 'optionalAccess', _10 => _10.resetLinkSentInfo]) || `A password reset link has been sent to ${email}`, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 84}})
|
|
36125
36134
|
)
|
|
36126
36135
|
, React$1.createElement(PrimaryButtonSm, { onClick: ()=> redirectToSetPasswordFxn(), type: "button", className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 86}}, _optionalChain$2([labelOverrides, 'optionalAccess', _11 => _11.soundsGood]) || 'Sounds Good')
|
|
36127
36136
|
, React$1.createElement('button', { type: "button", className: "paragraph1Regular change-email" , onClick: ()=>{setStage(stage - 1);}, __self: undefined, __source: {fileName: _jsxFileName$2, lineNumber: 87}}, _optionalChain$2([labelOverrides, 'optionalAccess', _12 => _12.changeEmailLink]) || 'Change email address')
|
|
@@ -37255,7 +37264,7 @@ const SetPassword = (props) => {
|
|
|
37255
37264
|
)
|
|
37256
37265
|
:
|
|
37257
37266
|
React$1.createElement(React$1.Fragment, null
|
|
37258
|
-
, React$1.createElement(ActionFailed, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _13 => _13.responseFailHeadingText]) || 'Could Not Save Password', subText: _optionalChain([labelOverrides, 'optionalAccess', _14 => _14.responseFailSubText]) ||
|
|
37267
|
+
, React$1.createElement(ActionFailed, { headingText: _optionalChain([labelOverrides, 'optionalAccess', _13 => _13.responseFailHeadingText]) || 'Could Not Save Password', subText: _optionalChain([labelOverrides, 'optionalAccess', _14 => _14.responseFailSubText]) || resp.Message, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 117}})
|
|
37259
37268
|
, React$1.createElement(Button$1, { size: "md", variant: "primary", type: "submit", onClick: ()=>{setStep(step - 1);}, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 118}}, _optionalChain([labelOverrides, 'optionalAccess', _15 => _15.tryAgain]) || 'Try Again')
|
|
37260
37269
|
)
|
|
37261
37270
|
|