slate-editor-icons/lib/helpers/emojiNode.js

icons for slate editors

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

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

exports['default'] = function () {
  var EmojiComponent = function () {
    function EmojiComponent(_ref) {
      var attributes = _ref.attributes,
          node = _ref.node;

      return _react2['default'].createElement(
        'div',
        (0, _extends3['default'])({}, attributes, {
          style: { display: 'inline-block' },
          'data-slate-type': 'emoji' }),
        _react2['default'].createElement(_studpidEmoji2['default'], { emojiData: node.data.get('emojiData'), size: 18 })
      );
    }

    return EmojiComponent;
  }();

  EmojiComponent.displayName = 'emoji-node';

  EmojiComponent.propTypes = {
    attributes: _react.PropTypes.object,
    children: _react.PropTypes.any,
    node: _react.PropTypes.any
  };

  return EmojiComponent;
};

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _studpidEmoji = require('@canner/emoji-mart/dist/studpid-emoji');

var _studpidEmoji2 = _interopRequireDefault(_studpidEmoji);

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

module.exports = exports['default'];

/* eslint-disable require-jsdoc */