index.js

'use strict';

var react = require('react');
var draftJs = require('draft-js');
var core = require('@djsp/core');

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

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 inherits = function (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 possibleConstructorReturn = function (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;
};

var InlineStyleToggle = function (_Component) {
  inherits(InlineStyleToggle, _Component);

  function InlineStyleToggle() {
    classCallCheck(this, InlineStyleToggle);
    return possibleConstructorReturn(this, (InlineStyleToggle.__proto__ || Object.getPrototypeOf(InlineStyleToggle)).apply(this, arguments));
  }

  createClass(InlineStyleToggle, [{
    key: 'render',
    value: function render() {
      var _props = this.props,
          _props$pluginProps = _props.pluginProps,
          setEditorState = _props$pluginProps.setEditorState,
          editorState = _props$pluginProps.editorState,
          inlineStyle = _props.inlineStyle,
          children = _props.children;


      var hasStyle = editorState != null && editorState.getCurrentInlineStyle().has(inlineStyle);

      var toggleStyle = function toggleStyle() {
        return setEditorState(draftJs.RichUtils.toggleInlineStyle(editorState, inlineStyle));
      };

      return children({ hasStyle: hasStyle, toggleStyle: toggleStyle });
    }
  }]);
  return InlineStyleToggle;
}(react.Component);

var index = core.withEditorContext(InlineStyleToggle);

module.exports = index;