UNPKG

@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
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 }; };