kepler.gl.geoiq/dist/components/side-panel/widget-panel/widget-bar-chart.js

kepler.gl is a webgl based application to visualize large scale location data in the browser

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _react = _interopRequireDefault(require("react"));

var _reactVis = require("react-vis");

var Example =
/*#__PURE__*/
function (_React$Component) {
  (0, _inherits2["default"])(Example, _React$Component);

  function Example() {
    var _getPrototypeOf2;

    var _this;

    (0, _classCallCheck2["default"])(this, Example);

    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    _this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Example)).call.apply(_getPrototypeOf2, [this].concat(args)));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
      useCanvas: false
    });
    return _this;
  }

  (0, _createClass2["default"])(Example, [{
    key: "render",
    value: function render() {
      var useCanvas = this.state.useCanvas;
      var data = this.props.data; // console.log(data);

      data.length = 4;
      var BarSeries = useCanvas ? _reactVis.HorizontalBarSeriesCanvas : _reactVis.HorizontalBarSeries;
      var content = useCanvas ? 'TOGGLE TO SVG' : 'TOGGLE TO CANVAS';
      return _react["default"].createElement(_reactVis.XYPlot, {
        xType: "ordinal",
        width: 250,
        height: 250,
        xDistance: 10
      }, _react["default"].createElement(_reactVis.VerticalGridLines, null), _react["default"].createElement(_reactVis.HorizontalGridLines, null), _react["default"].createElement(_reactVis.XAxis, null), _react["default"].createElement(_reactVis.HorizontalBarSeriesCanvas, {
        className: "vertical-bar-series-example",
        data: data
      }), _react["default"].createElement(_reactVis.LabelSeries, {
        data: data,
        getLabel: function getLabel(d) {
          return d.x;
        }
      }));
    }
  }]);
  return Example;
}(_react["default"].Component);

exports["default"] = Example;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NpZGUtcGFuZWwvd2lkZ2V0LXBhbmVsL3dpZGdldC1iYXItY2hhcnQuanMiXSwibmFtZXMiOlsiRXhhbXBsZSIsInVzZUNhbnZhcyIsInN0YXRlIiwiZGF0YSIsInByb3BzIiwibGVuZ3RoIiwiQmFyU2VyaWVzIiwiSG9yaXpvbnRhbEJhclNlcmllc0NhbnZhcyIsIkhvcml6b250YWxCYXJTZXJpZXMiLCJjb250ZW50IiwiZCIsIngiLCJSZWFjdCIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7SUFZcUJBLE87Ozs7Ozs7Ozs7Ozs7Ozs7OzhGQUNYO0FBQ05DLE1BQUFBLFNBQVMsRUFBRTtBQURMLEs7Ozs7Ozs2QkFHQztBQUFBLFVBQ0FBLFNBREEsR0FDYSxLQUFLQyxLQURsQixDQUNBRCxTQURBO0FBQUEsVUFFQUUsSUFGQSxHQUVRLEtBQUtDLEtBRmIsQ0FFQUQsSUFGQSxFQUdQOztBQUNBQSxNQUFBQSxJQUFJLENBQUNFLE1BQUwsR0FBYyxDQUFkO0FBQ0EsVUFBTUMsU0FBUyxHQUFHTCxTQUFTLEdBQ3ZCTSxtQ0FEdUIsR0FFdkJDLDZCQUZKO0FBR0EsVUFBTUMsT0FBTyxHQUFHUixTQUFTLEdBQUcsZUFBSCxHQUFxQixrQkFBOUM7QUFDQSxhQUNFLGdDQUFDLGdCQUFEO0FBQVEsUUFBQSxLQUFLLEVBQUMsU0FBZDtBQUF3QixRQUFBLEtBQUssRUFBRSxHQUEvQjtBQUFvQyxRQUFBLE1BQU0sRUFBRSxHQUE1QztBQUFpRCxRQUFBLFNBQVMsRUFBRTtBQUE1RCxTQUNFLGdDQUFDLDJCQUFELE9BREYsRUFFRSxnQ0FBQyw2QkFBRCxPQUZGLEVBR0UsZ0NBQUMsZUFBRCxPQUhGLEVBSUUsZ0NBQUMsbUNBQUQ7QUFDRSxRQUFBLFNBQVMsRUFBQyw2QkFEWjtBQUVFLFFBQUEsSUFBSSxFQUFFRTtBQUZSLFFBSkYsRUFRRSxnQ0FBQyxxQkFBRDtBQUFhLFFBQUEsSUFBSSxFQUFFQSxJQUFuQjtBQUF5QixRQUFBLFFBQVEsRUFBRSxrQkFBQU8sQ0FBQztBQUFBLGlCQUFJQSxDQUFDLENBQUNDLENBQU47QUFBQTtBQUFwQyxRQVJGLENBREY7QUFZRDs7O0VBekJrQ0Msa0JBQU1DLFMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgWFlQbG90LFxuICBYQXhpcyxcbiAgWUF4aXMsXG4gIFZlcnRpY2FsR3JpZExpbmVzLFxuICBIb3Jpem9udGFsR3JpZExpbmVzLFxuICBIb3Jpem9udGFsQmFyU2VyaWVzLFxuICBIb3Jpem9udGFsQmFyU2VyaWVzQ2FudmFzLFxuICBMYWJlbFNlcmllcyxcbiAgVmVydGljYWxCYXJTZXJpZXNcbn0gZnJvbSAncmVhY3QtdmlzJztcblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgRXhhbXBsZSBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRlID0ge1xuICAgIHVzZUNhbnZhczogZmFsc2VcbiAgfTtcbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHt1c2VDYW52YXN9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCB7ZGF0YX0gPSB0aGlzLnByb3BzO1xuICAgIC8vIGNvbnNvbGUubG9nKGRhdGEpO1xuICAgIGRhdGEubGVuZ3RoID0gNDtcbiAgICBjb25zdCBCYXJTZXJpZXMgPSB1c2VDYW52YXNcbiAgICAgID8gSG9yaXpvbnRhbEJhclNlcmllc0NhbnZhc1xuICAgICAgOiBIb3Jpem9udGFsQmFyU2VyaWVzO1xuICAgIGNvbnN0IGNvbnRlbnQgPSB1c2VDYW52YXMgPyAnVE9HR0xFIFRPIFNWRycgOiAnVE9HR0xFIFRPIENBTlZBUyc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxYWVBsb3QgeFR5cGU9XCJvcmRpbmFsXCIgd2lkdGg9ezI1MH0gaGVpZ2h0PXsyNTB9IHhEaXN0YW5jZT17MTB9PlxuICAgICAgICA8VmVydGljYWxHcmlkTGluZXMgLz5cbiAgICAgICAgPEhvcml6b250YWxHcmlkTGluZXMgLz5cbiAgICAgICAgPFhBeGlzIC8+XG4gICAgICAgIDxIb3Jpem9udGFsQmFyU2VyaWVzQ2FudmFzXG4gICAgICAgICAgY2xhc3NOYW1lPVwidmVydGljYWwtYmFyLXNlcmllcy1leGFtcGxlXCJcbiAgICAgICAgICBkYXRhPXtkYXRhfVxuICAgICAgICAvPlxuICAgICAgICA8TGFiZWxTZXJpZXMgZGF0YT17ZGF0YX0gZ2V0TGFiZWw9e2QgPT4gZC54fSAvPlxuICAgICAgPC9YWVBsb3Q+XG4gICAgKTtcbiAgfVxufVxuIl19