@scrumble-nl/react-quick-modal
Version:
A quick and easy wrapper around react-bootstrap modal, you can add or remove a modal from anywhere in your application with a few simple steps.
27 lines (26 loc) • 1.1 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 React, { useContext } from 'react';
import { ModalContext } from './modal-provider';
export var ModalConsumer = function (_a) {
var children = _a.children;
return (React.createElement(ModalContext.Consumer, null, function (context) { return children(context); }));
};
export var withModal = function (Component) {
return function (props) {
return React.createElement(ModalConsumer, null, function (context) { return React.createElement(Component, __assign({ modal: context }, props)); });
};
};
export var useModal = function () {
var _a = useContext(ModalContext), showModal = _a.showModal, hideModal = _a.hideModal;
return { showModal: showModal, hideModal: hideModal };
};