@lyra/form-builder/lib/inputs/BlockEditor/nodes/CustomMarkers.js

Lyra form builder

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactTippy = require('react-tippy');

var _commentIcon = require('part:@lyra/base/comment-icon');

var _commentIcon2 = _interopRequireDefault(_commentIcon);

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

/*:: type marker = {}*/
/*:: type Props = {
  markers: marker[]
}*/
class Markers extends _react2.default.Component /*:: <Props>*/ {
  constructor(...args) {
    var _temp;

    return _temp = super(...args), this.handleCustomMarkerClick = event => {
      event.preventDefault();
      event.stopPropagation();
      const markers = this.props.markers;

      console.log(markers); // eslint-disable-line no-console
    }, _temp;
  }

  render() {
    const markers = this.props.markers;

    const text = `${markers.length === 1 ? 'One' : markers.length} custom ${markers.length > 1 ? 'markers' : 'marker'}, click to log to console.`;

    return _react2.default.createElement(
      _reactTippy.Tooltip,
      {
        title: text,
        trigger: 'mouseenter focus',
        animation: 'scale',
        arrow: true,
        theme: 'light',
        distance: '2',
        duration: 50
      },
      _react2.default.createElement(_commentIcon2.default, { onClick: this.handleCustomMarkerClick })
    );
  }
}
exports.default = Markers;
Markers.defaultProps = {
  markers: []
};