pixel-priya 0.0.52 → 0.0.53
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/lib/components/Modal/Modal.js +23 -23
- package/lib/components/Modal/Modal.js.map +1 -1
- package/lib/index.d.ts +150 -5051
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useContext, useRef } from 'react';
|
|
2
|
+
import { useContext, useRef, useEffect } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
import './modal.scss';
|
|
5
5
|
import { ThemeContext } from '../ThemeProvider/ThemeProvider';
|
|
@@ -8,41 +8,41 @@ import { useKeyboardActions } from '../../utils/keyBoardActionUtil/UseKeyboardAc
|
|
|
8
8
|
import useClickOutside from '../../hooks/useClickOutside';
|
|
9
9
|
const Modal = ({ isOpen, onClose, contentLabel, isHeaderDisplayed, headerContent, footerContent, contentClassName, isFooterDisplayed, overlayClassName, shouldCloseOnEsc = true, ariaHideApp = true, shouldCloseOnOverlayClick = true, customWidth = '660px', customHeight = 'auto', children, zIndex = 1500, boxShadow = '', border = '', background = '', ignoreRefs }) => {
|
|
10
10
|
const modalRef = useRef(null);
|
|
11
|
-
useKeyboardActions(shouldCloseOnEsc
|
|
12
|
-
? [
|
|
13
|
-
{
|
|
14
|
-
key: 'Escape',
|
|
15
|
-
action: onClose,
|
|
16
|
-
},
|
|
17
|
-
]
|
|
11
|
+
useKeyboardActions(shouldCloseOnEsc
|
|
12
|
+
? [{ key: 'Escape', action: onClose }]
|
|
18
13
|
: []);
|
|
19
|
-
if (!isOpen)
|
|
20
|
-
return null;
|
|
21
|
-
if (ariaHideApp) {
|
|
22
|
-
document.body.style.overflow = isOpen ? 'hidden' : '';
|
|
23
|
-
}
|
|
24
|
-
if (!isOpen)
|
|
25
|
-
return null;
|
|
26
14
|
const themeContext = useContext(ThemeContext);
|
|
27
15
|
const currentTheme = themeContext?.currentTheme;
|
|
28
|
-
const
|
|
16
|
+
const handleClickOutside = () => {
|
|
29
17
|
if (shouldCloseOnOverlayClick) {
|
|
30
18
|
onClose();
|
|
31
19
|
}
|
|
32
20
|
};
|
|
33
|
-
useClickOutside(modalRef,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
21
|
+
useClickOutside(modalRef, handleClickOutside, ignoreRefs);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
if (ariaHideApp && isOpen) {
|
|
24
|
+
document.body.style.overflow = 'hidden';
|
|
25
|
+
}
|
|
26
|
+
return () => {
|
|
27
|
+
if (ariaHideApp) {
|
|
28
|
+
document.body.style.overflow = '';
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
}, [ariaHideApp, isOpen]);
|
|
32
|
+
if (!isOpen)
|
|
33
|
+
return null;
|
|
34
|
+
return createPortal(_jsx("div", { className: `ff-modal-overlay ${overlayClassName || ''}`, style: { zIndex }, children: _jsxs("div", { ref: modalRef, className: "ff-modal-container", style: {
|
|
35
|
+
boxShadow,
|
|
36
|
+
border,
|
|
37
37
|
borderRadius: '8px',
|
|
38
|
-
background
|
|
39
|
-
},
|
|
38
|
+
background,
|
|
39
|
+
}, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: classNames(`ff-modal-content ${currentTheme} ${contentClassName}`, {
|
|
40
40
|
'modal-bottom-border': !isFooterDisplayed,
|
|
41
41
|
'modal-top-border': !isHeaderDisplayed,
|
|
42
42
|
}), style: {
|
|
43
43
|
width: customWidth,
|
|
44
44
|
height: customHeight,
|
|
45
|
-
},
|
|
45
|
+
}, "aria-label": contentLabel, children: [isHeaderDisplayed && (_jsx("div", { className: "ff-modal-header", children: headerContent })), children] }), isFooterDisplayed && (_jsx("div", { className: "ff-modal-footer", style: { width: customWidth }, children: footerContent }))] }) }), document.body);
|
|
46
46
|
};
|
|
47
47
|
export default Modal;
|
|
48
48
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
|