gridjs-svelte/plugins.js

A Svelte wrapper component for Grid.js

import { h, createRef as gCreateRef, Component as gComponent } from "gridjs";
function isFn(val) {
    return typeof val === "function";
}
export class SvelteWrapper extends gComponent {
    constructor() {
        super(...arguments);
        this.ref = gCreateRef();
        this.instance = null;
    }
    componentDidMount() {
        const { component: Component, parentElement: _parentElement, parentProps: _parentProps, plugin: _plugin, ...props } = this.props;
        this.instance = new Component({ target: this.ref.current, props });
    }
    componentDidUpdate() {
        if (isFn(this.instance.set)) {
            this.instance.set(this.props);
        }
    }
    componentWillUnmount() {
        if (isFn(this.instance.destroy)) {
            this.instance.destroy();
        }
    }
    render() {
        return h(this.props.parentElement, { ...this.props.parentProps, ref: this.ref });
    }
}
SvelteWrapper.defaultProps = {
    parentElement: "div",
    parentProps: {},
};