cyclejs-modal/build/es6/examples/simple/src/index.js

An easy way to open custom modals in a cyclejs app

import xs from 'xstream';
import { run } from '@cycle/run';
import { button, div, span, makeDOMDriver } from '@cycle/dom';
import isolate from '@cycle/isolate';
import { modalify } from '../../../src/modalify';
function main(_a) {
    var DOM = _a.DOM;
    return {
        DOM: xs.of(button('.button', ['open modal'])),
        modal: DOM.select('.button')
            .events('click')
            .mapTo({
            type: 'open',
            component: isolate(modal)
        })
    };
}
function modal(_a) {
    var DOM = _a.DOM;
    return {
        DOM: xs.of(div('.div', [
            span('.span', ['This is a modal. Yeah? :)']),
            button('.button', ['close'])
        ])),
        modal: DOM.select('.button')
            .events('click')
            .mapTo({ type: 'close' })
    };
}
var modalifiedMain = modalify(main, {
    name: 'modal',
    DOMDriverKey: 'DOM',
    center: true,
    modalContainerClass: null,
    background: 'rgba(0,0,0,0.8)',
    zIndex: 500
});
run(modalifiedMain, {
    DOM: makeDOMDriver('#app')
});
//# sourceMappingURL=index.js.map