@secondstaxorg/sscomp 1.9.31 → 1.9.32
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 -927
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +31 -41
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -32505,6 +32505,7 @@ const SwitcherContainer = styled.button`
|
|
|
32505
32505
|
border: none;
|
|
32506
32506
|
cursor: pointer;
|
|
32507
32507
|
.selected-language{
|
|
32508
|
+
pointer-events: none;
|
|
32508
32509
|
display: flex;
|
|
32509
32510
|
gap: 4px;
|
|
32510
32511
|
align-items: center;
|
|
@@ -32578,8 +32579,7 @@ const LanguageSwitcher = (props) => {
|
|
|
32578
32579
|
return ()=>document.removeEventListener('click',clickOutside)
|
|
32579
32580
|
}, []);
|
|
32580
32581
|
|
|
32581
|
-
React$1.
|
|
32582
|
-
function toggleFlyout(e){
|
|
32582
|
+
const toggleFlyout = React$1.useCallback((e)=>{
|
|
32583
32583
|
const caret = e.currentTarget.querySelector('.caret-icon');
|
|
32584
32584
|
const ddContainer = e.currentTarget.querySelector('.dropdown-container');
|
|
32585
32585
|
if (ddContainer.style.display == 'none'){
|
|
@@ -32589,17 +32589,8 @@ const LanguageSwitcher = (props) => {
|
|
|
32589
32589
|
ddContainer.style.display = 'none';
|
|
32590
32590
|
caret.classList.remove('rotate');
|
|
32591
32591
|
}
|
|
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
32592
|
},[]);
|
|
32601
32593
|
|
|
32602
|
-
|
|
32603
32594
|
React$1.useEffect(()=>{
|
|
32604
32595
|
if (initialLanguage) switchLanguage(initialLanguage);
|
|
32605
32596
|
},[initialLanguage]);
|
|
@@ -32610,40 +32601,39 @@ const LanguageSwitcher = (props) => {
|
|
|
32610
32601
|
}
|
|
32611
32602
|
|
|
32612
32603
|
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
|
-
)
|
|
32604
|
+
React$1.createElement('div', { className: "lang-switcher", onClick: toggleFlyout, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 52}}
|
|
32605
|
+
, React$1.createElement(SwitcherContainer, { type: "button", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 53}}
|
|
32606
|
+
, React$1.createElement('div', { className: "selected-language", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 54}}
|
|
32607
|
+
, React$1.createElement('img', { src: selectedLang.flag || img, alt: selectedLang.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 55}})
|
|
32608
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 56}}, selectedLang.language)
|
|
32609
|
+
/*caret icon*/
|
|
32610
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg",
|
|
32611
|
+
className: `caret-icon`, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 58}}
|
|
32612
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2662_482)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 60}}
|
|
32613
|
+
, React$1.createElement('path', {
|
|
32614
|
+
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" ,
|
|
32615
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 61}})
|
|
32616
|
+
)
|
|
32617
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 65}}
|
|
32618
|
+
, React$1.createElement('clipPath', { id: "clip0_2662_482", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 66}}
|
|
32619
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 67}})
|
|
32631
32620
|
)
|
|
32632
32621
|
)
|
|
32633
32622
|
)
|
|
32634
32623
|
)
|
|
32635
|
-
|
|
32636
|
-
|
|
32637
|
-
|
|
32638
|
-
|
|
32639
|
-
|
|
32640
|
-
|
|
32641
|
-
|
|
32642
|
-
|
|
32643
|
-
|
|
32644
|
-
)
|
|
32645
|
-
|
|
32646
|
-
|
|
32624
|
+
)
|
|
32625
|
+
, React$1.createElement(DropdownContainer, { className: "dropdown-container transition" , style: {display:'none'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 73}}
|
|
32626
|
+
, languages.map((language, index) => (
|
|
32627
|
+
React$1.createElement('button', { key: index, type: "button", className: "option-item", onClick: (e) => {
|
|
32628
|
+
setTimeout(()=>{
|
|
32629
|
+
switchLanguage(language.language);
|
|
32630
|
+
onClick(language);
|
|
32631
|
+
},0);
|
|
32632
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 75}}
|
|
32633
|
+
, React$1.createElement('img', { src: language.flag || img, alt: language.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 81}})
|
|
32634
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 82}}, language.language)
|
|
32635
|
+
)
|
|
32636
|
+
))
|
|
32647
32637
|
)
|
|
32648
32638
|
)
|
|
32649
32639
|
)
|