cyclejs-modal
Version:
An easy way to open custom modals in a cyclejs app
34 lines • 984 B
JavaScript
import { run } from '@cycle/rxjs-run';
import { of as observableOf } from 'rxjs';
import { mapTo } from 'rxjs/operators';
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: observableOf(button('.button', ['open modal'])),
modal: DOM.select('.button')
.events('click')
.pipe(mapTo({
type: 'open',
component: isolate(modal)
}))
};
}
function modal(_a) {
var DOM = _a.DOM;
return {
DOM: observableOf(div('.div', [
span('.span', ['This is an rxjs modal! :)']),
button('.button', ['close'])
])),
modal: DOM.select('.button')
.events('click')
.pipe(mapTo({ type: 'close' }))
};
}
run(modalify(main), {
DOM: makeDOMDriver('#app')
});
//# sourceMappingURL=index.js.map