keen-dashboard-builder/lib/builder/components/Explorer.js

Dashboard builder for Keen.io

import React, { useEffect, useContext } from 'react';
import PropTypes from 'prop-types';
import KeenExplorer from 'keen-explorer';

import KeenAnalysisContext from '../../contexts/keenAnalysis';

const Explorer = props => {
  const client = useContext(KeenAnalysisContext);
  useEffect(() => {
    new KeenExplorer({
      container: '#dashboard-builder-explorer',
      keenAnalysis: {
        config: {
          projectId: client.projectId(),
          masterKey: client.masterKey(),
          readKey: client.readKey()
        }
      },
      components: {
        results: false
      },
      ...props
    });
  }, []);

  return <div id="dashboard-builder-explorer" />;
};

export default Explorer;

Explorer.propTypes = {
  container: PropTypes.string,
  keenAnalysis: PropTypes.shape({
    projectId: PropTypes.string,
    masterKey: PropTypes.string,
    readKey: PropTypes.string
  })
};