@slate-editor/link-plugin/dist/LinkButton.js

SlateJS link node plugin.

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactFontawesome = require('react-fontawesome');

var _reactFontawesome2 = _interopRequireDefault(_reactFontawesome);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _components = require('@slate-editor/components');

var _LinkUtils = require('./LinkUtils');

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

var LinkButton = function LinkButton(_ref) {
  var value = _ref.value,
      onChange = _ref.onChange,
      className = _ref.className,
      style = _ref.style,
      type = _ref.type;
  return _react2.default.createElement(
    _components.Button,
    {
      style: style,
      type: type,
      onMouseDown: function onMouseDown(e) {
        return onChange((0, _LinkUtils.insertLinkStrategy)(value.change()));
      },
      className: (0, _classnames2.default)('slate-link-plugin--button', { active: (0, _LinkUtils.hasLinks)(value) }, className)
    },
    _react2.default.createElement(_reactFontawesome2.default, { name: 'link' })
  );
};

exports.default = LinkButton;