@secondstaxorg/sscomp 1.9.29 → 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 -928
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +51 -54
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +2 -2
- 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;
|
|
@@ -32531,7 +32532,6 @@ const DropdownContainer = styled.div`
|
|
|
32531
32532
|
max-height: 150px;
|
|
32532
32533
|
animation: pull-down 0.3s ease-out;
|
|
32533
32534
|
opacity: 1;
|
|
32534
|
-
display:none;
|
|
32535
32535
|
z-index: 10;
|
|
32536
32536
|
@keyframes pull-down{
|
|
32537
32537
|
from{
|
|
@@ -32559,35 +32559,37 @@ const DropdownContainer = styled.div`
|
|
|
32559
32559
|
const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\LanguageSwitcher\\LanguageSwitcher.tsx";
|
|
32560
32560
|
const LanguageSwitcher = (props) => {
|
|
32561
32561
|
const {languages,onClick,initialLanguage} = props;
|
|
32562
|
-
const [toggleList,setToggleList] = React$1.useState(true);
|
|
32563
32562
|
const [selectedLang,setSelectedLang] = React$1.useState({flag: "", language: "", shortName: ""});
|
|
32564
32563
|
|
|
32565
32564
|
React$1.useEffect(() => {
|
|
32566
32565
|
document.addEventListener('click',clickOutside);
|
|
32567
32566
|
|
|
32568
32567
|
function clickOutside(e){
|
|
32569
|
-
const
|
|
32570
|
-
|
|
32571
|
-
|
|
32572
|
-
|
|
32573
|
-
|
|
32568
|
+
const ddContainers = document.querySelectorAll('.lang-switcher');
|
|
32569
|
+
ddContainers.forEach((ddContainer) => {
|
|
32570
|
+
if (ddContainer){
|
|
32571
|
+
const contains = ddContainer.contains((e.target) );
|
|
32572
|
+
if (!contains){
|
|
32573
|
+
ddContainer.querySelector('.caret-icon').classList.remove('rotate');
|
|
32574
|
+
ddContainer.querySelector('.dropdown-container').style.display = 'none';
|
|
32575
|
+
}
|
|
32576
|
+
}
|
|
32577
|
+
});
|
|
32574
32578
|
}
|
|
32575
|
-
|
|
32576
32579
|
return ()=>document.removeEventListener('click',clickOutside)
|
|
32577
32580
|
}, []);
|
|
32578
32581
|
|
|
32579
|
-
React$1.
|
|
32580
|
-
|
|
32581
|
-
e.currentTarget.querySelector('.dropdown-container')
|
|
32582
|
-
|
|
32583
|
-
|
|
32584
|
-
|
|
32585
|
-
|
|
32586
|
-
|
|
32587
|
-
|
|
32588
|
-
|
|
32589
|
-
|
|
32590
|
-
},[toggleList]);
|
|
32582
|
+
const toggleFlyout = React$1.useCallback((e)=>{
|
|
32583
|
+
const caret = e.currentTarget.querySelector('.caret-icon');
|
|
32584
|
+
const ddContainer = e.currentTarget.querySelector('.dropdown-container');
|
|
32585
|
+
if (ddContainer.style.display == 'none'){
|
|
32586
|
+
ddContainer.style.display = 'block';
|
|
32587
|
+
caret.classList.add('rotate');
|
|
32588
|
+
}else {
|
|
32589
|
+
ddContainer.style.display = 'none';
|
|
32590
|
+
caret.classList.remove('rotate');
|
|
32591
|
+
}
|
|
32592
|
+
},[]);
|
|
32591
32593
|
|
|
32592
32594
|
React$1.useEffect(()=>{
|
|
32593
32595
|
if (initialLanguage) switchLanguage(initialLanguage);
|
|
@@ -32599,44 +32601,39 @@ const LanguageSwitcher = (props) => {
|
|
|
32599
32601
|
}
|
|
32600
32602
|
|
|
32601
32603
|
return (
|
|
32602
|
-
React$1.createElement(
|
|
32603
|
-
, React$1.createElement(
|
|
32604
|
-
, React$1.createElement(
|
|
32605
|
-
|
|
32606
|
-
|
|
32607
|
-
|
|
32608
|
-
|
|
32609
|
-
|
|
32610
|
-
, React$1.createElement('
|
|
32611
|
-
|
|
32612
|
-
|
|
32613
|
-
|
|
32614
|
-
|
|
32615
|
-
|
|
32616
|
-
|
|
32617
|
-
|
|
32618
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 64}})
|
|
32619
|
-
)
|
|
32620
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 68}}
|
|
32621
|
-
, React$1.createElement('clipPath', { id: "clip0_2662_482", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 69}}
|
|
32622
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 70}})
|
|
32623
|
-
)
|
|
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}})
|
|
32624
32620
|
)
|
|
32625
32621
|
)
|
|
32626
32622
|
)
|
|
32627
32623
|
)
|
|
32628
|
-
|
|
32629
|
-
|
|
32630
|
-
|
|
32631
|
-
|
|
32632
|
-
|
|
32633
|
-
|
|
32634
|
-
|
|
32635
|
-
|
|
32636
|
-
|
|
32637
|
-
)
|
|
32638
|
-
|
|
32639
|
-
|
|
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
|
+
))
|
|
32640
32637
|
)
|
|
32641
32638
|
)
|
|
32642
32639
|
)
|