@secondstaxorg/sscomp 2.0.45 → 2.0.47
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 +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +29 -22
- 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
|
@@ -24093,22 +24093,25 @@ const _jsxFileName$C = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
24093
24093
|
const SideModal = (props) => {
|
|
24094
24094
|
const {disabledNav,modalTitle,modalSubText,closeModal,children,navAreaText,showNavigation,navButtonAction,labelOverrides,showModal} = props;
|
|
24095
24095
|
const [modalState,setModalState] = React$1.useState(false);
|
|
24096
|
-
React$1.useEffect(()=>{
|
|
24097
24096
|
|
|
24098
|
-
|
|
24097
|
+
React$1.useEffect(()=>{
|
|
24098
|
+
setTimeout(()=>{
|
|
24099
|
+
const backdrop = document.querySelector('.backdrop');
|
|
24099
24100
|
const mouseEv = function (e){
|
|
24100
24101
|
if(e.target === backdrop) {
|
|
24101
|
-
|
|
24102
|
+
rmOverflow();
|
|
24102
24103
|
closeModal(false);
|
|
24103
24104
|
setModalState(false);
|
|
24104
24105
|
}
|
|
24105
24106
|
};
|
|
24106
24107
|
|
|
24107
24108
|
if (backdrop) backdrop.addEventListener('click', mouseEv);
|
|
24109
|
+
|
|
24108
24110
|
return ()=>{
|
|
24109
24111
|
if (backdrop) backdrop.removeEventListener('click',mouseEv);
|
|
24110
24112
|
}
|
|
24111
|
-
|
|
24113
|
+
},100);
|
|
24114
|
+
},[showModal]);
|
|
24112
24115
|
|
|
24113
24116
|
React$1.useEffect(()=>{
|
|
24114
24117
|
setModalState(showModal);
|
|
@@ -24122,50 +24125,54 @@ const SideModal = (props) => {
|
|
|
24122
24125
|
}
|
|
24123
24126
|
},[modalState]);
|
|
24124
24127
|
|
|
24128
|
+
function rmOverflow(){
|
|
24129
|
+
(document ).querySelector('body').style.removeProperty('overflow');
|
|
24130
|
+
}
|
|
24131
|
+
|
|
24125
24132
|
return (
|
|
24126
24133
|
React$1.createElement(React$1.Fragment, null
|
|
24127
24134
|
, modalState &&
|
|
24128
|
-
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24129
|
-
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24130
|
-
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24131
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24135
|
+
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 48}}
|
|
24136
|
+
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 49}}
|
|
24137
|
+
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 50}}
|
|
24138
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 51}}
|
|
24132
24139
|
, showNavigation && !navAreaText &&
|
|
24133
24140
|
React$1.createElement(Button$1, { disabled: disabledNav, onClick: ()=>{
|
|
24134
24141
|
if (navButtonAction){
|
|
24135
24142
|
navButtonAction();
|
|
24136
24143
|
}
|
|
24137
|
-
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24144
|
+
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 53}}
|
|
24138
24145
|
/*arrow-left*/
|
|
24139
24146
|
, !disabledNav &&
|
|
24140
|
-
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$C, lineNumber:
|
|
24141
|
-
, 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$C, lineNumber:
|
|
24147
|
+
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$C, lineNumber: 60}}
|
|
24148
|
+
, 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$C, lineNumber: 61}})
|
|
24142
24149
|
)
|
|
24143
24150
|
|
|
24144
24151
|
, disabledNav &&
|
|
24145
|
-
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$C, lineNumber:
|
|
24146
|
-
, 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$C, lineNumber:
|
|
24152
|
+
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$C, lineNumber: 65}}
|
|
24153
|
+
, 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$C, lineNumber: 66}})
|
|
24147
24154
|
)
|
|
24148
24155
|
|
|
24149
24156
|
, _optionalChain$m([labelOverrides, 'optionalAccess', _ => _.goBack]) || 'Go Back')
|
|
24150
24157
|
|
|
24151
|
-
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24158
|
+
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 71}}, navAreaText)
|
|
24152
24159
|
)
|
|
24153
24160
|
, React$1.createElement(Button$1, { onClick: ()=>{
|
|
24154
|
-
|
|
24161
|
+
rmOverflow();
|
|
24155
24162
|
closeModal(false);
|
|
24156
24163
|
setModalState(false);
|
|
24157
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24164
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 73}}
|
|
24158
24165
|
/*times*/
|
|
24159
|
-
, 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$C, lineNumber:
|
|
24160
|
-
, 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$C, lineNumber:
|
|
24166
|
+
, 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$C, lineNumber: 79}}
|
|
24167
|
+
, 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$C, lineNumber: 80}})
|
|
24161
24168
|
)
|
|
24162
24169
|
)
|
|
24163
24170
|
)
|
|
24164
|
-
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24171
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 84}}
|
|
24165
24172
|
, modalTitle &&
|
|
24166
|
-
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24167
|
-
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24168
|
-
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24173
|
+
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 86}}
|
|
24174
|
+
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 87}}, modalTitle)
|
|
24175
|
+
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 88}}, modalSubText)
|
|
24169
24176
|
)
|
|
24170
24177
|
|
|
24171
24178
|
, children
|