synapse-react-client/dist/containers/PlotlyWrapper.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var plotly_js_basic_dist_1 = (0, tslib_1.__importDefault)(require("plotly.js-basic-dist"));
var React = (0, tslib_1.__importStar)(require("react"));
var factory_1 = (0, tslib_1.__importDefault)(require("react-plotly.js/factory"));
// We must use the createPlotlyComponent factory method because we use plotly.js-basic-dist and not plotly.js
var Plot = (0, factory_1.default)(plotly_js_basic_dist_1.default);
var PlotlyWrapper = function (props) {
    var data = props.data, layout = props.layout, config = props.config, className = props.className, containerWidth = props.containerWidth, useResizeHandler = props.useResizeHandler, plotStyle = props.plotStyle;
    var hasData = !!(data && data.length);
    return (React.createElement("div", { className: className },
        !hasData && (React.createElement(React.Fragment, null,
            React.createElement("div", { className: 'chart-nodata', style: { width: containerWidth } },
                React.createElement("span", null, "Data Unavailable")))),
        hasData && (React.createElement(Plot, { data: data, layout: layout !== null && layout !== void 0 ? layout : {}, config: config, useResizeHandler: useResizeHandler, style: plotStyle }))));
};
exports.default = PlotlyWrapper;
//# sourceMappingURL=PlotlyWrapper.js.map