Jesus sucks
This commit is contained in:
57
backend/frontend/node_modules/react-bootstrap/esm/BootstrapModalManager.js
generated
vendored
Normal file
57
backend/frontend/node_modules/react-bootstrap/esm/BootstrapModalManager.js
generated
vendored
Normal file
@@ -0,0 +1,57 @@
|
||||
import addClass from 'dom-helpers/addClass';
|
||||
import css from 'dom-helpers/css';
|
||||
import qsa from 'dom-helpers/querySelectorAll';
|
||||
import removeClass from 'dom-helpers/removeClass';
|
||||
import ModalManager from '@restart/ui/ModalManager';
|
||||
const Selector = {
|
||||
FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
|
||||
STICKY_CONTENT: '.sticky-top',
|
||||
NAVBAR_TOGGLER: '.navbar-toggler'
|
||||
};
|
||||
class BootstrapModalManager extends ModalManager {
|
||||
adjustAndStore(prop, element, adjust) {
|
||||
const actual = element.style[prop];
|
||||
// TODO: DOMStringMap and CSSStyleDeclaration aren't strictly compatible
|
||||
// @ts-ignore
|
||||
element.dataset[prop] = actual;
|
||||
css(element, {
|
||||
[prop]: `${parseFloat(css(element, prop)) + adjust}px`
|
||||
});
|
||||
}
|
||||
restore(prop, element) {
|
||||
const value = element.dataset[prop];
|
||||
if (value !== undefined) {
|
||||
delete element.dataset[prop];
|
||||
css(element, {
|
||||
[prop]: value
|
||||
});
|
||||
}
|
||||
}
|
||||
setContainerStyle(containerState) {
|
||||
super.setContainerStyle(containerState);
|
||||
const container = this.getElement();
|
||||
addClass(container, 'modal-open');
|
||||
if (!containerState.scrollBarWidth) return;
|
||||
const paddingProp = this.isRTL ? 'paddingLeft' : 'paddingRight';
|
||||
const marginProp = this.isRTL ? 'marginLeft' : 'marginRight';
|
||||
qsa(container, Selector.FIXED_CONTENT).forEach(el => this.adjustAndStore(paddingProp, el, containerState.scrollBarWidth));
|
||||
qsa(container, Selector.STICKY_CONTENT).forEach(el => this.adjustAndStore(marginProp, el, -containerState.scrollBarWidth));
|
||||
qsa(container, Selector.NAVBAR_TOGGLER).forEach(el => this.adjustAndStore(marginProp, el, containerState.scrollBarWidth));
|
||||
}
|
||||
removeContainerStyle(containerState) {
|
||||
super.removeContainerStyle(containerState);
|
||||
const container = this.getElement();
|
||||
removeClass(container, 'modal-open');
|
||||
const paddingProp = this.isRTL ? 'paddingLeft' : 'paddingRight';
|
||||
const marginProp = this.isRTL ? 'marginLeft' : 'marginRight';
|
||||
qsa(container, Selector.FIXED_CONTENT).forEach(el => this.restore(paddingProp, el));
|
||||
qsa(container, Selector.STICKY_CONTENT).forEach(el => this.restore(marginProp, el));
|
||||
qsa(container, Selector.NAVBAR_TOGGLER).forEach(el => this.restore(marginProp, el));
|
||||
}
|
||||
}
|
||||
let sharedManager;
|
||||
export function getSharedManager(options) {
|
||||
if (!sharedManager) sharedManager = new BootstrapModalManager(options);
|
||||
return sharedManager;
|
||||
}
|
||||
export default BootstrapModalManager;
|
||||
Reference in New Issue
Block a user