@abbl/material-calendar
Version:
Calendar component build with React and Material-UI
43 lines • 1.54 kB
JavaScript
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
import { Popover } from '@material-ui/core';
import React, { useEffect } from 'react';
import useEventPopover from '../../hooks/eventPopover/useEventPopover';
import bindPopover from '../../hooks/popover/bindPopover';
export default function EventPopover(props) {
var eventPopover = useEventPopover();
/*
* Prevent opening of popover if eventPopover is missing.
*/
useEffect(function () {
if (!eventPopover) {
props.popoverState.closePopover();
}
}, [props.popoverState.isOpen]);
function getPopoverContent() {
if (eventPopover) {
return React.createElement(eventPopover, {
popoverState: props.popoverState,
calendarEvent: props.calendarEvent,
});
}
return null;
}
return (React.createElement(Popover, __assign({}, bindPopover(props.popoverState), { anchorOrigin: {
vertical: 'center',
horizontal: 'center',
}, transformOrigin: {
vertical: 'center',
horizontal: 'center',
} }), getPopoverContent()));
}
//# sourceMappingURL=EventPopover.js.map