@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
46 lines (45 loc) • 1.92 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "ModalFooter", {
enumerable: true,
get: function() {
return ModalFooter;
}
});
var _define_property = require("@swc/helpers/_/_define_property");
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
var _object_spread = require("@swc/helpers/_/_object_spread");
var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
var _jsxruntime = require("react/jsx-runtime");
var _react = require("react");
var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
var _core = require("@mantine/core");
var _stickyfooter = require("../sticky-footer");
var _Modalmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Modal.module.css"));
var ensuresFooterHasEvenHeight = function(footer) {
var remainder = footer.offsetHeight % 2;
footer.style.height = "".concat(footer.offsetHeight - remainder + 2, "px");
};
var ModalFooter = (0, _core.factory)(function(_param, ref) {
var sticky = _param.sticky, props = _object_without_properties._(_param, [
"sticky"
]);
var _ref = (0, _react.useRef)();
var footerRef = ref || _ref;
(0, _react.useEffect)(function() {
if (typeof footerRef !== 'function' && footerRef.current) {
ensuresFooterHasEvenHeight(footerRef.current);
}
// if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case
}, [
ref,
props.h
]);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread._({
className: (0, _clsx.default)(_Modalmodulecss.default.footer, _define_property._({}, _Modalmodulecss.default.modalFooterSticky, !!sticky)),
ref: footerRef
}, props));
});
//# sourceMappingURL=ModalFooter.js.map