import * as React from 'react';
import { createContext } from 'react';
import { Query } from 'react-apollo';
// import {
// } from '@skava/graphql-bindings'
import { Placeholder } from '@skava/packages/ui';
import { GetAllList, } from './state/list/queries';
export const GetAllListContext = createContext({});
export class GetAllListProvider extends React.PureComponent {
    constructor() {
        super(...arguments);
        /**
         * @todo typings & split to dep
         */
        this.renderProps = gqlProps => {
            const getAllListData = gqlProps.data && gqlProps.data.getAllList;
            if (gqlProps.loading) {
                return React.createElement(Placeholder, null);
            }
            else if (getAllListData === undefined) {
                return React.createElement(Placeholder, null);
            }
            else {
                return (React.createElement(GetAllListContext.Provider, { value: getAllListData }, this.props.children));
            }
        };
    }
    render() {
        const variables = this.props.variables || {};
        return (React.createElement(Query, { query: GetAllList, variables: variables, "fetch-policy": 'network-only' }, this.renderProps));
    }
}
//# sourceMappingURL=GetAllListContext.js.map