@secondstaxorg/sscomp 1.9.56 → 1.9.57
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 +3 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +66 -77
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +3 -3
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/TextField/type.d.ts +7 -0
- package/types/components/TextField_ori/style.d.ts +5 -0
- package/types/components/TextField_ori/type.d.ts +26 -0
package/dist/index.js
CHANGED
|
@@ -16717,33 +16717,23 @@ const CountrySelector = (props) => {
|
|
|
16717
16717
|
selectedOption(country);
|
|
16718
16718
|
setSrVal(country.optionName);
|
|
16719
16719
|
setOpened(false);
|
|
16720
|
-
}, onMouseDown: ()=>{
|
|
16721
|
-
setTimeout(()=>{
|
|
16722
|
-
setPassedOption(country);
|
|
16723
|
-
selectedOption(country);
|
|
16724
|
-
setSrVal(country.optionName);
|
|
16725
|
-
},200);
|
|
16726
16720
|
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 201}}
|
|
16727
|
-
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16728
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16721
|
+
, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 208}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 208}})
|
|
16722
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 209}}, country.optionName)
|
|
16729
16723
|
)
|
|
16730
16724
|
|
|
16731
16725
|
/*if there's no subname provided*/
|
|
16732
16726
|
, country.subName && country.optionFlag &&
|
|
16733
16727
|
React$1.createElement(DropdownOptionAlt, { key: index, onClick: ()=>{
|
|
16728
|
+
setInitText(country.optionName);
|
|
16734
16729
|
setPassedOption(country);
|
|
16735
16730
|
selectedOption(country);
|
|
16736
16731
|
setSelStatus('success');
|
|
16737
|
-
|
|
16738
|
-
|
|
16739
|
-
|
|
16740
|
-
|
|
16741
|
-
|
|
16742
|
-
},200);
|
|
16743
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 220}}
|
|
16744
|
-
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 231}}, country.optionName)
|
|
16745
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 232}}
|
|
16746
|
-
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 233}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 233}})
|
|
16732
|
+
setSrVal(country.optionName);
|
|
16733
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 214}}
|
|
16734
|
+
, country.optionName && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 221}}, country.optionName)
|
|
16735
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 222}}
|
|
16736
|
+
, country.subName, country.optionFlag ? React$1.createElement('img', { src: country.optionFlag, alt: "Flag", onError: (e)=>{e.currentTarget.classList.add('empty-flag');}, __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 223}}) : React$1.createElement('div', { className: "empty-flag", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 223}})
|
|
16747
16737
|
)
|
|
16748
16738
|
)
|
|
16749
16739
|
|
|
@@ -16755,18 +16745,18 @@ const CountrySelector = (props) => {
|
|
|
16755
16745
|
|
|
16756
16746
|
)
|
|
16757
16747
|
, selStatus === 'error' &&
|
|
16758
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16759
|
-
, 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$10, lineNumber:
|
|
16760
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16761
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16748
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 235}}
|
|
16749
|
+
, 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$10, lineNumber: 236}}
|
|
16750
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 237}}
|
|
16751
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 238}})
|
|
16762
16752
|
)
|
|
16763
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16764
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16765
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16753
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 240}}
|
|
16754
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 241}}
|
|
16755
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 242}})
|
|
16766
16756
|
)
|
|
16767
16757
|
)
|
|
16768
16758
|
)
|
|
16769
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber:
|
|
16759
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$10, lineNumber: 246}}, _optionalChain$z([labelOverrides, 'optionalAccess', _11 => _11.requiredField]) || 'This field is required')
|
|
16770
16760
|
)
|
|
16771
16761
|
|
|
16772
16762
|
)
|
|
@@ -18891,10 +18881,6 @@ const DropdownList = (props) => {
|
|
|
18891
18881
|
}
|
|
18892
18882
|
},[srVal]);
|
|
18893
18883
|
|
|
18894
|
-
React$1.useEffect(()=>{
|
|
18895
|
-
console.log(selStatus);
|
|
18896
|
-
},[selStatus]);
|
|
18897
|
-
|
|
18898
18884
|
function filterList(qry){
|
|
18899
18885
|
setQryStr(qry);
|
|
18900
18886
|
setOptionsRec(optionsOri.filter((option)=>option.label.toLowerCase().includes(qry.toLowerCase())));
|
|
@@ -18909,19 +18895,19 @@ const DropdownList = (props) => {
|
|
|
18909
18895
|
}
|
|
18910
18896
|
|
|
18911
18897
|
return (
|
|
18912
|
-
React$1.createElement(FieldContainer$4, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18898
|
+
React$1.createElement(FieldContainer$4, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 120}}
|
|
18913
18899
|
, !disabled &&
|
|
18914
18900
|
React$1.createElement(React$1.Fragment, null
|
|
18915
18901
|
, label &&
|
|
18916
|
-
React$1.createElement(InputLabel$7, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18917
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18902
|
+
React$1.createElement(InputLabel$7, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 124}}
|
|
18903
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 125}}, label)
|
|
18918
18904
|
)
|
|
18919
18905
|
|
|
18920
18906
|
, React$1.createElement(DropdownField$1, { ref: ddRef, className: `dropdown-field-container ${selStatus}`, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, onClick: ()=>{
|
|
18921
18907
|
if (readonly) return
|
|
18922
18908
|
setOpened(!opened);
|
|
18923
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18924
|
-
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18909
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 128}}
|
|
18910
|
+
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: ()=>{setSelStatus('error');}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 132}})
|
|
18925
18911
|
/*<button ref={buttonRef} type="button" className={`dropdown-field ${err ? 'error' : ''}`} onBlur={()=>{
|
|
18926
18912
|
if (!searchable){
|
|
18927
18913
|
setTimeout(()=>{
|
|
@@ -18938,37 +18924,37 @@ const DropdownList = (props) => {
|
|
|
18938
18924
|
setOpened(true)
|
|
18939
18925
|
}
|
|
18940
18926
|
}}/>*/
|
|
18941
|
-
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18942
|
-
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18943
|
-
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18927
|
+
, React$1.createElement('input', { className: "input-field", name: inputName, value: srVal, onChange: ()=>{}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 149}})
|
|
18928
|
+
, React$1.createElement('div', { style: {overflowX:'hidden'}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 150}}
|
|
18929
|
+
, initText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 151}}, initText)
|
|
18944
18930
|
, !initText &&
|
|
18945
18931
|
React$1.createElement(React$1.Fragment, null
|
|
18946
|
-
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18932
|
+
, placeholder && React$1.createElement('span', { className: "paragraph2Regular placeholder" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 154}}, placeholder)
|
|
18947
18933
|
)
|
|
18948
18934
|
|
|
18949
18935
|
)
|
|
18950
|
-
, React$1.createElement(DropdownIcon$1, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18951
|
-
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18952
|
-
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18936
|
+
, React$1.createElement(DropdownIcon$1, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 158}}
|
|
18937
|
+
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 159}}
|
|
18938
|
+
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 160}})
|
|
18953
18939
|
)
|
|
18954
18940
|
)
|
|
18955
18941
|
, opened &&
|
|
18956
18942
|
React$1.createElement(React$1.Fragment, null
|
|
18957
18943
|
, options && options.length > 0 &&
|
|
18958
|
-
React$1.createElement(OptionsList$1, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18944
|
+
React$1.createElement(OptionsList$1, { className: "dropdown-list", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 166}}
|
|
18959
18945
|
, searchable && opened &&
|
|
18960
|
-
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18961
|
-
, 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$X, lineNumber:
|
|
18962
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18963
|
-
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18946
|
+
React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 168}}
|
|
18947
|
+
, 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$X, lineNumber: 169}}
|
|
18948
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 170}}
|
|
18949
|
+
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 171}})
|
|
18964
18950
|
)
|
|
18965
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18966
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18967
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18951
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 173}}
|
|
18952
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 174}}
|
|
18953
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 175}})
|
|
18968
18954
|
)
|
|
18969
18955
|
)
|
|
18970
18956
|
)
|
|
18971
|
-
, React$1.createElement('input', { type: "text", placeholder: _optionalChain$v([labelOverrides, 'optionalAccess', _5 => _5.search]) || "Search", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-input ${err ? 'error' : ''}`, autoFocus: true, onFocus: ()=>{setOpened(true);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18957
|
+
, React$1.createElement('input', { type: "text", placeholder: _optionalChain$v([labelOverrides, 'optionalAccess', _5 => _5.search]) || "Search", value: qryStr, onChange: (e)=>{filterList(e.target.value);}, className: `dropdown-field search-input ${err ? 'error' : ''}`, autoFocus: true, onFocus: ()=>{setOpened(true);}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 179}})
|
|
18972
18958
|
)
|
|
18973
18959
|
|
|
18974
18960
|
, optionsRec.map((option, index) => (
|
|
@@ -18976,7 +18962,7 @@ const DropdownList = (props) => {
|
|
|
18976
18962
|
setInitText(option.label);
|
|
18977
18963
|
setSrVal(option.value);
|
|
18978
18964
|
returnedSelection(option);
|
|
18979
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18965
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 183}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 187}}, option.label))
|
|
18980
18966
|
))
|
|
18981
18967
|
)
|
|
18982
18968
|
|
|
@@ -18984,27 +18970,27 @@ const DropdownList = (props) => {
|
|
|
18984
18970
|
|
|
18985
18971
|
)
|
|
18986
18972
|
, selStatus === 'error' &&
|
|
18987
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18988
|
-
, 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$X, lineNumber:
|
|
18989
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18990
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18973
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 195}}
|
|
18974
|
+
, 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$X, lineNumber: 196}}
|
|
18975
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 197}}
|
|
18976
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 198}})
|
|
18991
18977
|
)
|
|
18992
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18993
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18994
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18978
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 200}}
|
|
18979
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 201}}
|
|
18980
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 202}})
|
|
18995
18981
|
)
|
|
18996
18982
|
)
|
|
18997
18983
|
)
|
|
18998
|
-
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18984
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 206}}, _optionalChain$v([labelOverrides, 'optionalAccess', _6 => _6.requiredField]) || 'This field is required')
|
|
18999
18985
|
)
|
|
19000
18986
|
|
|
19001
18987
|
)
|
|
19002
18988
|
|
|
19003
18989
|
, disabled &&
|
|
19004
|
-
React$1.createElement(DisabledContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
19005
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
19006
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
19007
|
-
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber:
|
|
18990
|
+
React$1.createElement(DisabledContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 212}}
|
|
18991
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 213}}, initText)
|
|
18992
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 214}}
|
|
18993
|
+
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 215}})
|
|
19008
18994
|
)
|
|
19009
18995
|
)
|
|
19010
18996
|
|
|
@@ -22353,7 +22339,7 @@ const _jsxFileName$B = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
22353
22339
|
* Component to display an input field component in a form. This mimics the behavior of a regular HTML <code><input></code> element and accepts the same props as it along with the custom ones defined.
|
|
22354
22340
|
*/
|
|
22355
22341
|
const TextField = (props) => {
|
|
22356
|
-
const {label,subtext,errMsg,disabled,required,width,value,readOnly,onChange,labelOverrides} = props;
|
|
22342
|
+
const {label,subtext,errMsg,disabled,required,width,value,readOnly,onChange,labelOverrides,fixCursorMovement} = props;
|
|
22357
22343
|
|
|
22358
22344
|
const [borderColor,setBorderColor] = React$1.useState('');
|
|
22359
22345
|
const [err,setErr] = React$1.useState(false);
|
|
@@ -22361,12 +22347,15 @@ const TextField = (props) => {
|
|
|
22361
22347
|
const textFieldRef = React$1.useRef();
|
|
22362
22348
|
|
|
22363
22349
|
React$1.useEffect(() => {
|
|
22364
|
-
|
|
22365
|
-
|
|
22366
|
-
|
|
22350
|
+
if (fixCursorMovement){
|
|
22351
|
+
const inputRef = textFieldRef.current;
|
|
22352
|
+
if (inputRef) inputRef.setSelectionRange(cursorPos,cursorPos);
|
|
22353
|
+
if(value || inputRef.value) validate();
|
|
22354
|
+
}
|
|
22367
22355
|
}, [cursorPos,textFieldRef,value]);
|
|
22368
22356
|
|
|
22369
22357
|
function validate(){
|
|
22358
|
+
console.log('validator run');
|
|
22370
22359
|
if (value || textFieldRef.current.value){
|
|
22371
22360
|
setBorderColor('success');
|
|
22372
22361
|
setErr(false);
|
|
@@ -22386,25 +22375,25 @@ const TextField = (props) => {
|
|
|
22386
22375
|
};
|
|
22387
22376
|
|
|
22388
22377
|
return (
|
|
22389
|
-
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22378
|
+
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 46}}
|
|
22390
22379
|
, label &&
|
|
22391
|
-
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22392
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22393
|
-
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22380
|
+
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 48}}
|
|
22381
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 49}}, label)
|
|
22382
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 50}}, subtext)
|
|
22394
22383
|
)
|
|
22395
22384
|
|
|
22396
|
-
, 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$B, lineNumber:
|
|
22385
|
+
, 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$B, lineNumber: 53}}
|
|
22397
22386
|
, React$1.createElement(InputField$2, { ref: textFieldRef, onBlur: validate, onInvalid: validate, value: value, onInput: (e)=>{
|
|
22398
22387
|
if (readOnly) return
|
|
22399
22388
|
setCursorPos(e.target.selectionStart);
|
|
22400
22389
|
if (onChange) onChange(e);
|
|
22401
|
-
}, ...props, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22390
|
+
}, ...props, __self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 54}})
|
|
22402
22391
|
)
|
|
22403
22392
|
, !value && required && err &&
|
|
22404
|
-
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber:
|
|
22393
|
+
React$1.createElement(ErrorMessage$3, {__self: undefined, __source: {fileName: _jsxFileName$B, lineNumber: 61}}
|
|
22405
22394
|
/*exclamation-triangle*/
|
|
22406
|
-
, 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$B, lineNumber:
|
|
22407
|
-
, 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$B, lineNumber:
|
|
22395
|
+
, 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$B, lineNumber: 63}}
|
|
22396
|
+
, 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$B, lineNumber: 64}})
|
|
22408
22397
|
)
|
|
22409
22398
|
, errMsg ? errMsg : _optionalChain$k([labelOverrides, 'optionalAccess', _ => _.errMsg]) || 'This field is required'
|
|
22410
22399
|
)
|