@secondstaxorg/sscomp 2.0.46 → 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 +23 -19
- 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,8 +24093,10 @@ 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
|
+
|
|
24096
24097
|
React$1.useEffect(()=>{
|
|
24097
|
-
|
|
24098
|
+
setTimeout(()=>{
|
|
24099
|
+
const backdrop = document.querySelector('.backdrop');
|
|
24098
24100
|
const mouseEv = function (e){
|
|
24099
24101
|
if(e.target === backdrop) {
|
|
24100
24102
|
rmOverflow();
|
|
@@ -24104,10 +24106,12 @@ const SideModal = (props) => {
|
|
|
24104
24106
|
};
|
|
24105
24107
|
|
|
24106
24108
|
if (backdrop) backdrop.addEventListener('click', mouseEv);
|
|
24109
|
+
|
|
24107
24110
|
return ()=>{
|
|
24108
24111
|
if (backdrop) backdrop.removeEventListener('click',mouseEv);
|
|
24109
24112
|
}
|
|
24110
|
-
|
|
24113
|
+
},100);
|
|
24114
|
+
},[showModal]);
|
|
24111
24115
|
|
|
24112
24116
|
React$1.useEffect(()=>{
|
|
24113
24117
|
setModalState(showModal);
|
|
@@ -24128,47 +24132,47 @@ const SideModal = (props) => {
|
|
|
24128
24132
|
return (
|
|
24129
24133
|
React$1.createElement(React$1.Fragment, null
|
|
24130
24134
|
, modalState &&
|
|
24131
|
-
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24132
|
-
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24133
|
-
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24134
|
-
, 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}}
|
|
24135
24139
|
, showNavigation && !navAreaText &&
|
|
24136
24140
|
React$1.createElement(Button$1, { disabled: disabledNav, onClick: ()=>{
|
|
24137
24141
|
if (navButtonAction){
|
|
24138
24142
|
navButtonAction();
|
|
24139
24143
|
}
|
|
24140
|
-
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24144
|
+
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 53}}
|
|
24141
24145
|
/*arrow-left*/
|
|
24142
24146
|
, !disabledNav &&
|
|
24143
|
-
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:
|
|
24144
|
-
, 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}})
|
|
24145
24149
|
)
|
|
24146
24150
|
|
|
24147
24151
|
, disabledNav &&
|
|
24148
|
-
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:
|
|
24149
|
-
, 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}})
|
|
24150
24154
|
)
|
|
24151
24155
|
|
|
24152
24156
|
, _optionalChain$m([labelOverrides, 'optionalAccess', _ => _.goBack]) || 'Go Back')
|
|
24153
24157
|
|
|
24154
|
-
, 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)
|
|
24155
24159
|
)
|
|
24156
24160
|
, React$1.createElement(Button$1, { onClick: ()=>{
|
|
24157
24161
|
rmOverflow();
|
|
24158
24162
|
closeModal(false);
|
|
24159
24163
|
setModalState(false);
|
|
24160
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24164
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 73}}
|
|
24161
24165
|
/*times*/
|
|
24162
|
-
, 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:
|
|
24163
|
-
, 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}})
|
|
24164
24168
|
)
|
|
24165
24169
|
)
|
|
24166
24170
|
)
|
|
24167
|
-
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24171
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 84}}
|
|
24168
24172
|
, modalTitle &&
|
|
24169
|
-
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24170
|
-
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber:
|
|
24171
|
-
, 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)
|
|
24172
24176
|
)
|
|
24173
24177
|
|
|
24174
24178
|
, children
|