@secondstaxorg/sscomp 1.9.27 → 1.9.29
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 +5 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +50 -32
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +24 -22
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/BarChart/type.d.ts +2 -0
package/dist/index.js
CHANGED
|
@@ -32514,7 +32514,7 @@ const SwitcherContainer = styled.button`
|
|
|
32514
32514
|
&.rotate{
|
|
32515
32515
|
rotate: -180deg;
|
|
32516
32516
|
}
|
|
32517
|
-
}
|
|
32517
|
+
}
|
|
32518
32518
|
}
|
|
32519
32519
|
`;
|
|
32520
32520
|
|
|
@@ -32531,6 +32531,8 @@ const DropdownContainer = styled.div`
|
|
|
32531
32531
|
max-height: 150px;
|
|
32532
32532
|
animation: pull-down 0.3s ease-out;
|
|
32533
32533
|
opacity: 1;
|
|
32534
|
+
display:none;
|
|
32535
|
+
z-index: 10;
|
|
32534
32536
|
@keyframes pull-down{
|
|
32535
32537
|
from{
|
|
32536
32538
|
transform: scaleY(0);
|
|
@@ -32557,7 +32559,7 @@ const DropdownContainer = styled.div`
|
|
|
32557
32559
|
const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\LanguageSwitcher\\LanguageSwitcher.tsx";
|
|
32558
32560
|
const LanguageSwitcher = (props) => {
|
|
32559
32561
|
const {languages,onClick,initialLanguage} = props;
|
|
32560
|
-
const [toggleList,setToggleList] = React$1.useState(
|
|
32562
|
+
const [toggleList,setToggleList] = React$1.useState(true);
|
|
32561
32563
|
const [selectedLang,setSelectedLang] = React$1.useState({flag: "", language: "", shortName: ""});
|
|
32562
32564
|
|
|
32563
32565
|
React$1.useEffect(() => {
|
|
@@ -32574,6 +32576,19 @@ const LanguageSwitcher = (props) => {
|
|
|
32574
32576
|
return ()=>document.removeEventListener('click',clickOutside)
|
|
32575
32577
|
}, []);
|
|
32576
32578
|
|
|
32579
|
+
React$1.useEffect(()=>{
|
|
32580
|
+
function toggleFlyout(e){
|
|
32581
|
+
e.currentTarget.querySelector('.dropdown-container').style.display = toggleList ? 'block' : 'none';
|
|
32582
|
+
}
|
|
32583
|
+
|
|
32584
|
+
const dd = document.querySelectorAll('.lang-switcher');
|
|
32585
|
+
dd.forEach((dropdown) => {
|
|
32586
|
+
dropdown.addEventListener('click',toggleFlyout);
|
|
32587
|
+
});
|
|
32588
|
+
|
|
32589
|
+
return ()=>document.removeEventListener('click',toggleFlyout)
|
|
32590
|
+
},[toggleList]);
|
|
32591
|
+
|
|
32577
32592
|
React$1.useEffect(()=>{
|
|
32578
32593
|
if (initialLanguage) switchLanguage(initialLanguage);
|
|
32579
32594
|
},[initialLanguage]);
|
|
@@ -32584,42 +32599,45 @@ const LanguageSwitcher = (props) => {
|
|
|
32584
32599
|
}
|
|
32585
32600
|
|
|
32586
32601
|
return (
|
|
32587
|
-
React$1.createElement(
|
|
32588
|
-
, React$1.createElement(
|
|
32589
|
-
|
|
32590
|
-
|
|
32591
|
-
|
|
32592
|
-
|
|
32593
|
-
,
|
|
32594
|
-
, React$1.createElement('
|
|
32595
|
-
|
|
32596
|
-
|
|
32597
|
-
|
|
32598
|
-
, React$1.createElement('
|
|
32599
|
-
|
|
32600
|
-
|
|
32601
|
-
|
|
32602
|
-
|
|
32603
|
-
|
|
32602
|
+
React$1.createElement(React$1.Fragment, null
|
|
32603
|
+
, React$1.createElement('div', { className: "lang-switcher", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 51}}
|
|
32604
|
+
, React$1.createElement(SwitcherContainer, { type: "button", onClick: () => {
|
|
32605
|
+
setTimeout(() => {
|
|
32606
|
+
setToggleList(!toggleList);
|
|
32607
|
+
}, 0);
|
|
32608
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 52}}
|
|
32609
|
+
, React$1.createElement('div', { className: "selected-language", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 57}}
|
|
32610
|
+
, React$1.createElement('img', { src: selectedLang.flag || img, alt: selectedLang.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 58}})
|
|
32611
|
+
, React$1.createElement('span', { className: "paragraph1Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 59}}, selectedLang.language)
|
|
32612
|
+
/*caret icon*/
|
|
32613
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg",
|
|
32614
|
+
className: !toggleList ? 'rotate' : '', __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 61}}
|
|
32615
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2662_482)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 63}}
|
|
32616
|
+
, React$1.createElement('path', {
|
|
32617
|
+
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" ,
|
|
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
32624
|
)
|
|
32605
32625
|
)
|
|
32606
32626
|
)
|
|
32607
32627
|
)
|
|
32608
|
-
|
|
32609
|
-
|
|
32610
|
-
|
|
32611
|
-
, languages.map((language,index) => (
|
|
32612
|
-
React$1.createElement('button', { key: index, type: "button", className: "option-item", onClick: ()=>{
|
|
32628
|
+
, React$1.createElement(DropdownContainer, { className: "dropdown-container transition" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 76}}
|
|
32629
|
+
, languages.map((language, index) => (
|
|
32630
|
+
React$1.createElement('button', { key: index, type: "button", className: "option-item", onClick: () => {
|
|
32613
32631
|
switchLanguage(language.language);
|
|
32614
32632
|
setToggleList(false);
|
|
32615
32633
|
onClick(language);
|
|
32616
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
32617
|
-
, React$1.createElement('img', { src: language.flag || img, alt: language.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
32618
|
-
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
32634
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 78}}
|
|
32635
|
+
, React$1.createElement('img', { src: language.flag || img, alt: language.language, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 83}})
|
|
32636
|
+
, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 84}}, language.language)
|
|
32619
32637
|
)
|
|
32620
32638
|
))
|
|
32621
|
-
)
|
|
32622
|
-
|
|
32639
|
+
)
|
|
32640
|
+
)
|
|
32623
32641
|
)
|
|
32624
32642
|
)
|
|
32625
32643
|
};
|
|
@@ -32632,14 +32650,14 @@ const _jsxFileName$3 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
32632
32650
|
|
|
32633
32651
|
|
|
32634
32652
|
const BarChart = (props) => {
|
|
32635
|
-
const {labels,datasets} = props;
|
|
32653
|
+
const {labels,datasets,showGridMarkings,showLabels} = props;
|
|
32636
32654
|
|
|
32637
32655
|
let options = {
|
|
32638
32656
|
responsive: true,
|
|
32639
32657
|
maintainAspectRatio: false,
|
|
32640
32658
|
plugins: {
|
|
32641
32659
|
legend: {
|
|
32642
|
-
display:
|
|
32660
|
+
display: showLabels,
|
|
32643
32661
|
position: 'bottom',
|
|
32644
32662
|
labels: {
|
|
32645
32663
|
padding: 40,
|
|
@@ -32665,7 +32683,7 @@ const BarChart = (props) => {
|
|
|
32665
32683
|
},
|
|
32666
32684
|
scales: {
|
|
32667
32685
|
y: {
|
|
32668
|
-
display:
|
|
32686
|
+
display: showGridMarkings,
|
|
32669
32687
|
grid: {
|
|
32670
32688
|
color: '#E5E6EB',
|
|
32671
32689
|
borderDash: [5, 5],
|