@secondstaxorg/sscomp 2.0.39 → 2.0.42
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 +72 -60
- 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/types/components/SideModal/type.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -24093,80 +24093,92 @@ const ModalTitleArea = styled.div`
|
|
|
24093
24093
|
|
|
24094
24094
|
const _jsxFileName$C = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SideModal\\SideModal.tsx"; function _optionalChain$m(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
24095
24095
|
const SideModal = (props) => {
|
|
24096
|
-
const {disabledNav,modalTitle,modalSubText,closeModal,children,navAreaText,showNavigation,navButtonAction,labelOverrides} = props;
|
|
24097
|
-
|
|
24096
|
+
const {disabledNav,modalTitle,modalSubText,closeModal,children,navAreaText,showNavigation,navButtonAction,labelOverrides,showModal} = props;
|
|
24097
|
+
const [modalState,setModalState] = React$1.useState(false);
|
|
24098
24098
|
React$1.useEffect(()=>{
|
|
24099
24099
|
const backdrop = document.querySelector('.backdrop');
|
|
24100
24100
|
|
|
24101
|
-
|
|
24102
|
-
|
|
24103
|
-
|
|
24104
|
-
|
|
24105
|
-
|
|
24106
|
-
|
|
24101
|
+
if (document){
|
|
24102
|
+
const mouseEv = function (e){
|
|
24103
|
+
if(e.target === backdrop) {
|
|
24104
|
+
// rmOverflow()
|
|
24105
|
+
closeModal(false);
|
|
24106
|
+
setModalState(false);
|
|
24107
|
+
}
|
|
24108
|
+
};
|
|
24107
24109
|
|
|
24108
|
-
|
|
24109
|
-
|
|
24110
|
-
|
|
24111
|
-
|
|
24112
|
-
|
|
24110
|
+
if (backdrop){
|
|
24111
|
+
backdrop.addEventListener('click', mouseEv);
|
|
24112
|
+
}
|
|
24113
|
+
return ()=>{
|
|
24114
|
+
backdrop.removeEventListener('click',mouseEv);
|
|
24115
|
+
}
|
|
24113
24116
|
}
|
|
24114
24117
|
},[]);
|
|
24115
24118
|
|
|
24116
24119
|
React$1.useEffect(()=>{
|
|
24117
|
-
(
|
|
24118
|
-
},[]);
|
|
24120
|
+
setModalState(showModal);
|
|
24121
|
+
},[showModal]);
|
|
24119
24122
|
|
|
24120
|
-
|
|
24121
|
-
|
|
24122
|
-
|
|
24123
|
+
React$1.useEffect(()=>{
|
|
24124
|
+
if (modalState){
|
|
24125
|
+
(document ).querySelector('body').style.overflow = 'hidden';
|
|
24126
|
+
}else {
|
|
24127
|
+
(document ).querySelector('body').style.removeProperty('overflow');
|
|
24128
|
+
}
|
|
24129
|
+
},[modalState]);
|
|
24123
24130
|
|
|
24124
24131
|
return (
|
|
24125
|
-
React$1.createElement(
|
|
24126
|
-
,
|
|
24127
|
-
|
|
24128
|
-
, React$1.createElement(
|
|
24129
|
-
,
|
|
24130
|
-
React$1.createElement(
|
|
24131
|
-
|
|
24132
|
-
|
|
24133
|
-
|
|
24134
|
-
|
|
24135
|
-
|
|
24136
|
-
|
|
24137
|
-
|
|
24138
|
-
,
|
|
24139
|
-
|
|
24140
|
-
|
|
24141
|
-
|
|
24142
|
-
|
|
24143
|
-
,
|
|
24144
|
-
|
|
24132
|
+
React$1.createElement(React$1.Fragment, null
|
|
24133
|
+
, modalState &&
|
|
24134
|
+
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 45}}
|
|
24135
|
+
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 46}}
|
|
24136
|
+
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 47}}
|
|
24137
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 48}}
|
|
24138
|
+
, showNavigation && !navAreaText &&
|
|
24139
|
+
React$1.createElement(Button$1, { disabled: disabledNav, onClick: ()=>{
|
|
24140
|
+
if (navButtonAction){
|
|
24141
|
+
navButtonAction();
|
|
24142
|
+
}
|
|
24143
|
+
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 50}}
|
|
24144
|
+
/*arrow-left*/
|
|
24145
|
+
, !disabledNav &&
|
|
24146
|
+
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: 57}}
|
|
24147
|
+
, 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: 58}})
|
|
24148
|
+
)
|
|
24149
|
+
|
|
24150
|
+
, disabledNav &&
|
|
24151
|
+
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: 62}}
|
|
24152
|
+
, 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: 63}})
|
|
24153
|
+
)
|
|
24154
|
+
|
|
24155
|
+
, _optionalChain$m([labelOverrides, 'optionalAccess', _ => _.goBack]) || 'Go Back')
|
|
24145
24156
|
|
|
24146
|
-
,
|
|
24147
|
-
|
|
24148
|
-
|
|
24149
|
-
|
|
24150
|
-
|
|
24151
|
-
|
|
24152
|
-
|
|
24153
|
-
|
|
24154
|
-
|
|
24155
|
-
|
|
24156
|
-
|
|
24157
|
+
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 68}}, navAreaText)
|
|
24158
|
+
)
|
|
24159
|
+
, React$1.createElement(Button$1, { onClick: ()=>{
|
|
24160
|
+
// rmOverflow()
|
|
24161
|
+
closeModal(false);
|
|
24162
|
+
setModalState(false);
|
|
24163
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 70}}
|
|
24164
|
+
/*times*/
|
|
24165
|
+
, 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: 76}}
|
|
24166
|
+
, 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: 77}})
|
|
24167
|
+
)
|
|
24168
|
+
)
|
|
24169
|
+
)
|
|
24170
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 81}}
|
|
24171
|
+
, modalTitle &&
|
|
24172
|
+
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 83}}
|
|
24173
|
+
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 84}}, modalTitle)
|
|
24174
|
+
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 85}}, modalSubText)
|
|
24175
|
+
)
|
|
24176
|
+
|
|
24177
|
+
, children
|
|
24157
24178
|
)
|
|
24158
24179
|
)
|
|
24159
|
-
)
|
|
24160
|
-
|
|
24161
|
-
, modalTitle &&
|
|
24162
|
-
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 73}}
|
|
24163
|
-
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 74}}, modalTitle)
|
|
24164
|
-
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 75}}, modalSubText)
|
|
24165
|
-
)
|
|
24166
|
-
|
|
24167
|
-
, children
|
|
24168
|
-
)
|
|
24169
|
-
)
|
|
24180
|
+
)
|
|
24181
|
+
|
|
24170
24182
|
)
|
|
24171
24183
|
)
|
|
24172
24184
|
};
|