victory-chart/lib/components/victory-bar/bar-label.js

Chart Component for Victory

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();

var _defaults = require("lodash/defaults");

var _defaults2 = _interopRequireDefault(_defaults);

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _victoryCore = require("victory-core");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }

function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }

var BarLabel = function (_React$Component) {
  _inherits(BarLabel, _React$Component);

  function BarLabel() {
    _classCallCheck(this, BarLabel);

    return _possibleConstructorReturn(this, Object.getPrototypeOf(BarLabel).apply(this, arguments));
  }

  _createClass(BarLabel, [{
    key: "getLabelAnchors",
    value: function getLabelAnchors(props) {
      var sign = props.datum.y >= 0 ? 1 : -1;
      if (!props.horizontal) {
        return {
          vertical: sign >= 0 ? "end" : "start",
          text: "middle"
        };
      } else {
        return {
          vertical: "middle",
          text: sign >= 0 ? "start" : "end"
        };
      }
    }
  }, {
    key: "getlabelPadding",
    value: function getlabelPadding(props, style) {
      return {
        x: props.horizontal ? style.padding : 0,
        y: props.horizontal ? 0 : style.padding
      };
    }
  }, {
    key: "renderLabelComponent",
    value: function renderLabelComponent(props, position, anchors) {
      var component = props.labelComponent;
      var baseStyle = (0, _defaults2.default)({}, component.props.style, props.style, { padding: 0 });
      var style = _victoryCore.Helpers.evaluateStyle(baseStyle, props.datum);
      var padding = this.getlabelPadding(props, style);
      var labelText = props.labelText || props.datum.label;
      var index = [props.index.seriesIndex, props.index.barIndex];
      var baseEvents = component && component.props.events ? (0, _defaults2.default)({}, component.props.events, props.events) : props.events;
      var events = _victoryCore.Helpers.getPartialEvents(baseEvents, index, props);
      var newProps = {
        index: props.index,
        x: component.props.x || position.x + padding.x,
        y: component.props.y || position.y - padding.y,
        datum: props.datum, // Pass datum for custom label component to access
        text: labelText,
        textAnchor: component.props.textAnchor || anchors.text,
        verticalAnchor: component.props.verticalAnchor || anchors.vertical,
        style: style,
        events: events
      };
      return _react2.default.cloneElement(component, newProps);
    }
  }, {
    key: "renderVictoryLabel",
    value: function renderVictoryLabel(props, position, anchors) {
      var baseStyle = (0, _defaults2.default)({}, props.style, { padding: 0 });
      var style = _victoryCore.Helpers.evaluateStyle(baseStyle, props.datum);
      var padding = this.getlabelPadding(props, style);
      var index = props.index;
      var events = _victoryCore.Helpers.getPartialEvents(props.events, index, props);
      return _react2.default.createElement(_victoryCore.VictoryLabel, {
        x: position.x + padding.x,
        y: position.y - padding.y,
        datum: props.datum,
        index: [props.index.seriesIndex, props.index.barIndex],
        textAnchor: anchors.text,
        verticalAnchor: anchors.vertical,
        style: style,
        text: props.labelText,
        events: events
      });
    }
  }, {
    key: "renderLabel",
    value: function renderLabel(props) {
      var anchors = this.getLabelAnchors(props);
      var position = {
        x: props.horizontal ? props.position.y1 : props.position.x,
        y: props.horizontal ? props.position.x : props.position.y1
      };
      return props.labelComponent ? this.renderLabelComponent(props, position, anchors) : this.renderVictoryLabel(props, position, anchors);
    }
  }, {
    key: "render",
    value: function render() {
      return _react2.default.createElement(
        "g",
        null,
        this.renderLabel(this.props)
      );
    }
  }]);

  return BarLabel;
}(_react2.default.Component);

BarLabel.propTypes = {
  events: _react.PropTypes.object,
  position: _react.PropTypes.object,
  horizontal: _react.PropTypes.bool,
  style: _react.PropTypes.object,
  datum: _react.PropTypes.object,
  index: _react.PropTypes.number,
  labelText: _react.PropTypes.string,
  labelComponent: _react.PropTypes.any
};
exports.default = BarLabel;