@secondstaxorg/sscomp 1.9.57 → 1.9.58
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 +934 -934
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +39 -51
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -32586,36 +32586,20 @@ const _jsxFileName$5 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
32586
32586
|
const LanguageSwitcher = (props) => {
|
|
32587
32587
|
const {languages,onClick,initialLanguage} = props;
|
|
32588
32588
|
const [selectedLang,setSelectedLang] = React$1.useState({flag: "", language: "", shortName: ""});
|
|
32589
|
+
const [opened,setOpened] = React$1.useState(false);
|
|
32590
|
+
const ddRef = React$1.useRef();
|
|
32589
32591
|
|
|
32590
|
-
|
|
32591
|
-
|
|
32592
|
-
|
|
32593
|
-
function clickOutside(e:MouseEvent){
|
|
32594
|
-
const ddContainers = document.querySelectorAll('.lang-switcher')
|
|
32595
|
-
ddContainers.forEach((ddContainer:any) => {
|
|
32596
|
-
if (ddContainer){
|
|
32597
|
-
const contains = ddContainer.contains((e.target) as Node)
|
|
32598
|
-
if (!contains){
|
|
32599
|
-
ddContainer.querySelector('.caret-icon').classList.remove('rotate')
|
|
32600
|
-
ddContainer.querySelector('.dropdown-container').style.display = 'none'
|
|
32601
|
-
}
|
|
32602
|
-
}
|
|
32603
|
-
})
|
|
32592
|
+
React$1.useEffect(()=>{
|
|
32593
|
+
function handleClick(e){
|
|
32594
|
+
setOpened(ddRef.current.contains(e.target));
|
|
32604
32595
|
}
|
|
32605
|
-
|
|
32606
|
-
|
|
32607
|
-
|
|
32608
|
-
|
|
32609
|
-
const caret = e.currentTarget.querySelector('.caret-icon');
|
|
32610
|
-
const ddContainer = e.currentTarget.querySelector('.dropdown-container');
|
|
32611
|
-
if (ddContainer.style.display == 'none'){
|
|
32612
|
-
ddContainer.style.display = 'block';
|
|
32613
|
-
caret.classList.add('rotate');
|
|
32614
|
-
}else {
|
|
32615
|
-
ddContainer.style.display = 'none';
|
|
32616
|
-
caret.classList.remove('rotate');
|
|
32596
|
+
if (opened){
|
|
32597
|
+
document.addEventListener('click',handleClick);
|
|
32598
|
+
return ()=>{
|
|
32599
|
+
document.removeEventListener('click',handleClick);
|
|
32617
32600
|
}
|
|
32618
|
-
|
|
32601
|
+
}
|
|
32602
|
+
},[opened]);
|
|
32619
32603
|
|
|
32620
32604
|
React$1.useEffect(()=>{
|
|
32621
32605
|
if (initialLanguage) switchLanguage(initialLanguage);
|
|
@@ -32627,40 +32611,44 @@ const LanguageSwitcher = (props) => {
|
|
|
32627
32611
|
}
|
|
32628
32612
|
|
|
32629
32613
|
return (
|
|
32630
|
-
React$1.createElement('div', { className: "lang-switcher",
|
|
32631
|
-
|
|
32632
|
-
|
|
32633
|
-
|
|
32634
|
-
|
|
32614
|
+
React$1.createElement('div', { className: "lang-switcher", ref: ddRef, onClick: ()=>{
|
|
32615
|
+
setOpened(!opened);
|
|
32616
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 36}}
|
|
32617
|
+
, React$1.createElement(SwitcherContainer, { type: "button", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 39}}
|
|
32618
|
+
, React$1.createElement('div', { className: "selected-language", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 40}}
|
|
32619
|
+
, React$1.createElement('img', { src: selectedLang.flag || img, alt: selectedLang.language, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 41}})
|
|
32620
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 42}}, selectedLang.language)
|
|
32635
32621
|
/*caret icon*/
|
|
32636
32622
|
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg",
|
|
32637
|
-
className: `caret-icon`, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32638
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2662_482)", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32623
|
+
className: `caret-icon ${opened && 'rotate'}`, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 44}}
|
|
32624
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2662_482)", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 46}}
|
|
32639
32625
|
, React$1.createElement('path', {
|
|
32640
32626
|
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" ,
|
|
32641
|
-
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32627
|
+
fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 47}})
|
|
32642
32628
|
)
|
|
32643
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32644
|
-
, React$1.createElement('clipPath', { id: "clip0_2662_482", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32645
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber:
|
|
32629
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 51}}
|
|
32630
|
+
, React$1.createElement('clipPath', { id: "clip0_2662_482", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 52}}
|
|
32631
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 53}})
|
|
32646
32632
|
)
|
|
32647
32633
|
)
|
|
32648
32634
|
)
|
|
32649
32635
|
)
|
|
32650
32636
|
)
|
|
32651
|
-
,
|
|
32652
|
-
|
|
32653
|
-
|
|
32654
|
-
|
|
32655
|
-
|
|
32656
|
-
|
|
32657
|
-
|
|
32658
|
-
|
|
32659
|
-
,
|
|
32660
|
-
|
|
32661
|
-
|
|
32662
|
-
|
|
32663
|
-
|
|
32637
|
+
, opened &&
|
|
32638
|
+
React$1.createElement(DropdownContainer, { className: "dropdown-container transition" , __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 60}}
|
|
32639
|
+
, languages.map((language, index) => (
|
|
32640
|
+
React$1.createElement('button', { key: index, type: "button", className: "option-item", onClick: (e) => {
|
|
32641
|
+
setTimeout(()=>{
|
|
32642
|
+
switchLanguage(language.language);
|
|
32643
|
+
onClick(language);
|
|
32644
|
+
},0);
|
|
32645
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 62}}
|
|
32646
|
+
, React$1.createElement('img', { src: language.flag || img, alt: language.language, __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 68}})
|
|
32647
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$5, lineNumber: 69}}, language.language)
|
|
32648
|
+
)
|
|
32649
|
+
))
|
|
32650
|
+
)
|
|
32651
|
+
|
|
32664
32652
|
)
|
|
32665
32653
|
)
|
|
32666
32654
|
};
|