@secondstaxorg/sscomp 2.0.39 → 2.0.41
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 +60 -50
- 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,15 +24093,16 @@ 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
24101
|
const mouseEv = function (e){
|
|
24102
24102
|
if(e.target === backdrop) {
|
|
24103
|
-
rmOverflow()
|
|
24103
|
+
// rmOverflow()
|
|
24104
24104
|
closeModal(false);
|
|
24105
|
+
setModalState(false);
|
|
24105
24106
|
}
|
|
24106
24107
|
};
|
|
24107
24108
|
|
|
@@ -24114,59 +24115,68 @@ const SideModal = (props) => {
|
|
|
24114
24115
|
},[]);
|
|
24115
24116
|
|
|
24116
24117
|
React$1.useEffect(()=>{
|
|
24117
|
-
(
|
|
24118
|
-
},[]);
|
|
24118
|
+
setModalState(showModal);
|
|
24119
|
+
},[showModal]);
|
|
24119
24120
|
|
|
24120
|
-
|
|
24121
|
-
|
|
24122
|
-
|
|
24121
|
+
React$1.useEffect(()=>{
|
|
24122
|
+
if (modalState){
|
|
24123
|
+
(document ).querySelector('body').style.overflow = 'hidden';
|
|
24124
|
+
}else {
|
|
24125
|
+
(document ).querySelector('body').style.removeProperty('overflow');
|
|
24126
|
+
}
|
|
24127
|
+
},[modalState]);
|
|
24123
24128
|
|
|
24124
24129
|
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
|
-
|
|
24130
|
+
React$1.createElement(React$1.Fragment, null
|
|
24131
|
+
, modalState &&
|
|
24132
|
+
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 43}}
|
|
24133
|
+
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 44}}
|
|
24134
|
+
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 45}}
|
|
24135
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 46}}
|
|
24136
|
+
, showNavigation && !navAreaText &&
|
|
24137
|
+
React$1.createElement(Button$1, { disabled: disabledNav, onClick: ()=>{
|
|
24138
|
+
if (navButtonAction){
|
|
24139
|
+
navButtonAction();
|
|
24140
|
+
}
|
|
24141
|
+
}, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 48}}
|
|
24142
|
+
/*arrow-left*/
|
|
24143
|
+
, !disabledNav &&
|
|
24144
|
+
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: 55}}
|
|
24145
|
+
, 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: 56}})
|
|
24146
|
+
)
|
|
24147
|
+
|
|
24148
|
+
, disabledNav &&
|
|
24149
|
+
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}}
|
|
24150
|
+
, 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: 61}})
|
|
24151
|
+
)
|
|
24152
|
+
|
|
24153
|
+
, _optionalChain$m([labelOverrides, 'optionalAccess', _ => _.goBack]) || 'Go Back')
|
|
24145
24154
|
|
|
24146
|
-
,
|
|
24147
|
-
|
|
24148
|
-
|
|
24149
|
-
|
|
24150
|
-
|
|
24151
|
-
|
|
24152
|
-
|
|
24153
|
-
|
|
24154
|
-
|
|
24155
|
-
|
|
24156
|
-
|
|
24155
|
+
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 66}}, navAreaText)
|
|
24156
|
+
)
|
|
24157
|
+
, React$1.createElement(Button$1, { onClick: ()=>{
|
|
24158
|
+
// rmOverflow()
|
|
24159
|
+
closeModal(false);
|
|
24160
|
+
setModalState(false);
|
|
24161
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 68}}
|
|
24162
|
+
/*times*/
|
|
24163
|
+
, 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: 74}}
|
|
24164
|
+
, 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: 75}})
|
|
24165
|
+
)
|
|
24166
|
+
)
|
|
24167
|
+
)
|
|
24168
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 79}}
|
|
24169
|
+
, modalTitle &&
|
|
24170
|
+
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 81}}
|
|
24171
|
+
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 82}}, modalTitle)
|
|
24172
|
+
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$C, lineNumber: 83}}, modalSubText)
|
|
24173
|
+
)
|
|
24174
|
+
|
|
24175
|
+
, children
|
|
24157
24176
|
)
|
|
24158
24177
|
)
|
|
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
|
-
)
|
|
24178
|
+
)
|
|
24179
|
+
|
|
24170
24180
|
)
|
|
24171
24181
|
)
|
|
24172
24182
|
};
|