popperWrapper.js

import Popper from 'popper.js';
import m from 'mithril';

class PopperWrapper {
    onupdate({state}) {
        if (state.popper) state.popper.update()
    }

    view(vnode) {
        let {attrs, children, state} = vnode;

        return m('div',
            m('div#popper', {
                style: {display: state.popper ? 'block' : 'none', width: 'auto'},
                key: "popper",
                oncreate({dom}) {state.popperDom = dom},
            }, attrs.content),
            m('div', {
                key: "children",
                onmouseover: !state.popper &&
                    (() => state.popper = new Popper(vnode.dom, state.popperDom, attrs.options)),
                onmouseout: () => delete state.popper
            }, children)
        )
    }

    onremove({state}) {
        state.popper && state.popper.destroy()
    }
}