@secondstaxorg/sscomp 1.7.82 → 1.7.84
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 +14 -2
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +48 -18
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +14 -2
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -22539,6 +22539,7 @@ const SearchResultsBar = (props) => {
|
|
|
22539
22539
|
|
|
22540
22540
|
const ModalBackdrop = styled.div`
|
|
22541
22541
|
position: absolute;
|
|
22542
|
+
overflow: clip;
|
|
22542
22543
|
width: 100%;
|
|
22543
22544
|
height: 100%;
|
|
22544
22545
|
left: 0;
|
|
@@ -22547,15 +22548,27 @@ const ModalBackdrop = styled.div`
|
|
|
22547
22548
|
z-index: 9999;
|
|
22548
22549
|
`;
|
|
22549
22550
|
|
|
22551
|
+
const panelWidth = 510;
|
|
22550
22552
|
const SideModalContainer = styled.div`
|
|
22551
22553
|
position: absolute;
|
|
22552
22554
|
right: 0;
|
|
22553
22555
|
top: 0;
|
|
22554
|
-
width:
|
|
22556
|
+
width: ${panelWidth}px;
|
|
22555
22557
|
height:100%;
|
|
22556
22558
|
background: ${theme.colors.white};
|
|
22557
22559
|
padding: 0;
|
|
22558
22560
|
margin: 0;
|
|
22561
|
+
animation: 0.3s slideIn ease-out;
|
|
22562
|
+
@keyframes slideIn{
|
|
22563
|
+
from{
|
|
22564
|
+
right: -${panelWidth}px;
|
|
22565
|
+
opacity: 0.5;
|
|
22566
|
+
}
|
|
22567
|
+
to{
|
|
22568
|
+
right: 0;
|
|
22569
|
+
opacity: 1;
|
|
22570
|
+
}
|
|
22571
|
+
}
|
|
22559
22572
|
`;
|
|
22560
22573
|
|
|
22561
22574
|
const NavSection = styled.div`
|
|
@@ -22610,40 +22623,57 @@ const ModalTitleArea = styled.div`
|
|
|
22610
22623
|
const _jsxFileName$o = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SideModal\\SideModal.tsx";
|
|
22611
22624
|
const SideModal = (props) => {
|
|
22612
22625
|
const {disabledNav,modalTitle,modalSubText,closeModal,children,navAreaText,showNavigation,navButtonAction} = props;
|
|
22626
|
+
|
|
22627
|
+
React$1.useEffect(()=>{
|
|
22628
|
+
const backdrop = document.querySelector('.backdrop');
|
|
22629
|
+
|
|
22630
|
+
const mouseEv = function (e){
|
|
22631
|
+
if(e.target === backdrop) closeModal(false);
|
|
22632
|
+
};
|
|
22633
|
+
|
|
22634
|
+
if (backdrop){
|
|
22635
|
+
backdrop.addEventListener('click', mouseEv);
|
|
22636
|
+
|
|
22637
|
+
return ()=>{
|
|
22638
|
+
backdrop.removeEventListener('click',mouseEv);
|
|
22639
|
+
}
|
|
22640
|
+
}
|
|
22641
|
+
},[]);
|
|
22642
|
+
|
|
22613
22643
|
return (
|
|
22614
|
-
React$1.createElement(ModalBackdrop, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22615
|
-
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22616
|
-
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22617
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22644
|
+
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 26}}
|
|
22645
|
+
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 27}}
|
|
22646
|
+
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 28}}
|
|
22647
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 29}}
|
|
22618
22648
|
, showNavigation && !navAreaText &&
|
|
22619
|
-
React$1.createElement(Button, { disabled: disabledNav, onClick: navButtonAction, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22649
|
+
React$1.createElement(Button, { disabled: disabledNav, onClick: navButtonAction, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 31}}
|
|
22620
22650
|
/*arrow-left*/
|
|
22621
22651
|
, !disabledNav &&
|
|
22622
|
-
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22623
|
-
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22652
|
+
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 34}}
|
|
22653
|
+
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 35}})
|
|
22624
22654
|
)
|
|
22625
22655
|
|
|
22626
22656
|
, disabledNav &&
|
|
22627
|
-
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22628
|
-
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22657
|
+
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 39}}
|
|
22658
|
+
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 40}})
|
|
22629
22659
|
)
|
|
22630
22660
|
, "Go Back"
|
|
22631
22661
|
)
|
|
22632
22662
|
|
|
22633
|
-
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22663
|
+
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 45}}, navAreaText)
|
|
22634
22664
|
)
|
|
22635
|
-
, React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22665
|
+
, React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 47}}
|
|
22636
22666
|
/*times*/
|
|
22637
|
-
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22638
|
-
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22667
|
+
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 49}}
|
|
22668
|
+
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 50}})
|
|
22639
22669
|
)
|
|
22640
22670
|
)
|
|
22641
22671
|
)
|
|
22642
|
-
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22672
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 54}}
|
|
22643
22673
|
, modalTitle &&
|
|
22644
|
-
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22645
|
-
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22646
|
-
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22674
|
+
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 56}}
|
|
22675
|
+
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 57}}, modalTitle)
|
|
22676
|
+
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 58}}, modalSubText)
|
|
22647
22677
|
)
|
|
22648
22678
|
|
|
22649
22679
|
, children
|