@secondstaxorg/sscomp 1.9.31 → 1.9.33
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 +928 -932
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +44 -59
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +23 -27
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -22277,14 +22277,9 @@ const InputLabel$5 = styled.div`
|
|
|
22277
22277
|
gap: 4px;
|
|
22278
22278
|
label{
|
|
22279
22279
|
color:${theme.colors["primary-900"]};
|
|
22280
|
-
font-weight: 500;
|
|
22281
|
-
font-family: "Circular Book Medium", sans-serif;
|
|
22282
22280
|
}
|
|
22283
22281
|
span{
|
|
22284
22282
|
color: ${theme.colors["neutral-600"]};
|
|
22285
|
-
font-size: 14px;
|
|
22286
|
-
line-height: 17px;
|
|
22287
|
-
font-weight: 400;
|
|
22288
22283
|
}
|
|
22289
22284
|
`;
|
|
22290
22285
|
|
|
@@ -22398,8 +22393,8 @@ const TextField = (props) => {
|
|
|
22398
22393
|
React$1.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 43}}
|
|
22399
22394
|
, label &&
|
|
22400
22395
|
React$1.createElement(InputLabel$5, {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 45}}
|
|
22401
|
-
, React$1.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 46}}, label)
|
|
22402
|
-
, subtext && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 47}}, subtext)
|
|
22396
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 46}}, label)
|
|
22397
|
+
, subtext && React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$A, lineNumber: 47}}, subtext)
|
|
22403
22398
|
)
|
|
22404
22399
|
|
|
22405
22400
|
, 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$A, lineNumber: 50}}
|
|
@@ -31543,7 +31538,7 @@ const FileUpdload = ({label,required,value,onChange,accept,maxFileSize,labelOver
|
|
|
31543
31538
|
}
|
|
31544
31539
|
|
|
31545
31540
|
return (
|
|
31546
|
-
React$1.createElement(
|
|
31541
|
+
React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 67}}
|
|
31547
31542
|
, React$1.createElement(Container$1, {__self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 68}}
|
|
31548
31543
|
, label && React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 69}}, label)
|
|
31549
31544
|
, React$1.createElement('div', { className: "file-selector-field success" , __self: undefined, __source: {fileName: _jsxFileName$9, lineNumber: 70}}
|
|
@@ -32505,6 +32500,7 @@ const SwitcherContainer = styled.button`
|
|
|
32505
32500
|
border: none;
|
|
32506
32501
|
cursor: pointer;
|
|
32507
32502
|
.selected-language{
|
|
32503
|
+
pointer-events: none;
|
|
32508
32504
|
display: flex;
|
|
32509
32505
|
gap: 4px;
|
|
32510
32506
|
align-items: center;
|
|
@@ -32560,26 +32556,25 @@ const LanguageSwitcher = (props) => {
|
|
|
32560
32556
|
const {languages,onClick,initialLanguage} = props;
|
|
32561
32557
|
const [selectedLang,setSelectedLang] = React$1.useState({flag: "", language: "", shortName: ""});
|
|
32562
32558
|
|
|
32563
|
-
|
|
32564
|
-
document.addEventListener('click',clickOutside)
|
|
32559
|
+
/*useEffect(() => {
|
|
32560
|
+
document.addEventListener('click',clickOutside)
|
|
32565
32561
|
|
|
32566
|
-
function clickOutside(e){
|
|
32567
|
-
const ddContainers = document.querySelectorAll('.lang-switcher')
|
|
32568
|
-
ddContainers.forEach((ddContainer) => {
|
|
32562
|
+
function clickOutside(e:MouseEvent){
|
|
32563
|
+
const ddContainers = document.querySelectorAll('.lang-switcher')
|
|
32564
|
+
ddContainers.forEach((ddContainer:any) => {
|
|
32569
32565
|
if (ddContainer){
|
|
32570
|
-
const contains = ddContainer.contains((e.target) )
|
|
32566
|
+
const contains = ddContainer.contains((e.target) as Node)
|
|
32571
32567
|
if (!contains){
|
|
32572
|
-
ddContainer.querySelector('.caret-icon').classList.remove('rotate')
|
|
32573
|
-
ddContainer.querySelector('.dropdown-container').style.display = 'none'
|
|
32568
|
+
ddContainer.querySelector('.caret-icon').classList.remove('rotate')
|
|
32569
|
+
ddContainer.querySelector('.dropdown-container').style.display = 'none'
|
|
32574
32570
|
}
|
|
32575
32571
|
}
|
|
32576
|
-
})
|
|
32572
|
+
})
|
|
32577
32573
|
}
|
|
32578
32574
|
return ()=>document.removeEventListener('click',clickOutside)
|
|
32579
|
-
}, [])
|
|
32575
|
+
}, [])*/
|
|
32580
32576
|
|
|
32581
|
-
React$1.
|
|
32582
|
-
function toggleFlyout(e){
|
|
32577
|
+
const toggleFlyout = React$1.useCallback((e)=>{
|
|
32583
32578
|
const caret = e.currentTarget.querySelector('.caret-icon');
|
|
32584
32579
|
const ddContainer = e.currentTarget.querySelector('.dropdown-container');
|
|
32585
32580
|
if (ddContainer.style.display == 'none'){
|
|
@@ -32589,17 +32584,8 @@ const LanguageSwitcher = (props) => {
|
|
|
32589
32584
|
ddContainer.style.display = 'none';
|
|
32590
32585
|
caret.classList.remove('rotate');
|
|
32591
32586
|
}
|
|
32592
|
-
}
|
|
32593
|
-
|
|
32594
|
-
const langSwitchers = document.querySelectorAll('.lang-switcher');
|
|
32595
|
-
langSwitchers.forEach((langSwitcher) => {
|
|
32596
|
-
langSwitcher.addEventListener('click',toggleFlyout);
|
|
32597
|
-
});
|
|
32598
|
-
|
|
32599
|
-
return ()=>document.removeEventListener('click',toggleFlyout)
|
|
32600
32587
|
},[]);
|
|
32601
32588
|
|
|
32602
|
-
|
|
32603
32589
|
React$1.useEffect(()=>{
|
|
32604
32590
|
if (initialLanguage) switchLanguage(initialLanguage);
|
|
32605
32591
|
},[initialLanguage]);
|
|
@@ -32610,40 +32596,39 @@ const LanguageSwitcher = (props) => {
|
|
|
32610
32596
|
}
|
|
32611
32597
|
|
|
32612
32598
|
return (
|
|
32613
|
-
React$1.createElement('div', {
|
|
32614
|
-
, React$1.createElement(
|
|
32615
|
-
, React$1.createElement(
|
|
32616
|
-
, React$1.createElement('
|
|
32617
|
-
|
|
32618
|
-
|
|
32619
|
-
|
|
32620
|
-
|
|
32621
|
-
|
|
32622
|
-
, React$1.createElement('
|
|
32623
|
-
|
|
32624
|
-
|
|
32625
|
-
|
|
32626
|
-
|
|
32627
|
-
, React$1.createElement('
|
|
32628
|
-
, React$1.createElement('
|
|
32629
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}})
|
|
32630
|
-
)
|
|
32599
|
+
React$1.createElement('div', { className: "lang-switcher", onClick: toggleFlyout, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 52}}
|
|
32600
|
+
, React$1.createElement(SwitcherContainer, { type: "button", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 53}}
|
|
32601
|
+
, React$1.createElement('div', { className: "selected-language", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 54}}
|
|
32602
|
+
, React$1.createElement('img', { src: selectedLang.flag || img, alt: selectedLang.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 55}})
|
|
32603
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 56}}, selectedLang.language)
|
|
32604
|
+
/*caret icon*/
|
|
32605
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg",
|
|
32606
|
+
className: `caret-icon`, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 58}}
|
|
32607
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2662_482)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 60}}
|
|
32608
|
+
, React$1.createElement('path', {
|
|
32609
|
+
d: "M11.3333 6.11336C11.2084 5.98919 11.0395 5.91949 10.8633 5.91949C10.6872 5.91949 10.5182 5.98919 10.3933 6.11336L8.00001 8.47336L5.64001 6.11336C5.5151 5.98919 5.34613 5.91949 5.17001 5.91949C4.99388 5.91949 4.82491 5.98919 4.70001 6.11336C4.63752 6.17533 4.58792 6.24907 4.55408 6.33031C4.52023 6.41154 4.50281 6.49868 4.50281 6.58669C4.50281 6.6747 4.52023 6.76183 4.55408 6.84307C4.58792 6.92431 4.63752 6.99805 4.70001 7.06002L7.52667 9.88669C7.58865 9.94918 7.66238 9.99877 7.74362 10.0326C7.82486 10.0665 7.912 10.0839 8.00001 10.0839C8.08801 10.0839 8.17515 10.0665 8.25639 10.0326C8.33763 9.99877 8.41136 9.94918 8.47334 9.88669L11.3333 7.06002C11.3958 6.99805 11.4454 6.92431 11.4793 6.84307C11.5131 6.76183 11.5305 6.6747 11.5305 6.58669C11.5305 6.49868 11.5131 6.41154 11.4793 6.33031C11.4454 6.24907 11.3958 6.17533 11.3333 6.11336Z" ,
|
|
32610
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 61}})
|
|
32611
|
+
)
|
|
32612
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 65}}
|
|
32613
|
+
, React$1.createElement('clipPath', { id: "clip0_2662_482", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 66}}
|
|
32614
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 67}})
|
|
32631
32615
|
)
|
|
32632
32616
|
)
|
|
32633
32617
|
)
|
|
32634
32618
|
)
|
|
32635
|
-
|
|
32636
|
-
|
|
32637
|
-
|
|
32638
|
-
|
|
32639
|
-
|
|
32640
|
-
|
|
32641
|
-
|
|
32642
|
-
|
|
32643
|
-
|
|
32644
|
-
)
|
|
32645
|
-
|
|
32646
|
-
|
|
32619
|
+
)
|
|
32620
|
+
, React$1.createElement(DropdownContainer, { className: "dropdown-container transition" , style: {display:'none'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 73}}
|
|
32621
|
+
, languages.map((language, index) => (
|
|
32622
|
+
React$1.createElement('button', { key: index, type: "button", className: "option-item", onClick: (e) => {
|
|
32623
|
+
setTimeout(()=>{
|
|
32624
|
+
switchLanguage(language.language);
|
|
32625
|
+
onClick(language);
|
|
32626
|
+
},0);
|
|
32627
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}
|
|
32628
|
+
, React$1.createElement('img', { src: language.flag || img, alt: language.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 81}})
|
|
32629
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 82}}, language.language)
|
|
32630
|
+
)
|
|
32631
|
+
))
|
|
32647
32632
|
)
|
|
32648
32633
|
)
|
|
32649
32634
|
)
|