dante2-editor 0.3.6 → 0.4.0

data/docs/dante.js

@@ -1,84 +1,60 @@
 webpackJsonp([0],{
 
-/***/ 146:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(global) {
-
-module.exports = global["DanteEditor"] = __webpack_require__(263);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35)))
-
-/***/ }),
-
-/***/ 192:
+/***/ 135:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/dante.eot";
 
 /***/ }),
 
-/***/ 193:
+/***/ 136:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/fontello.eot";
 
 /***/ }),
 
-/***/ 224:
+/***/ 139:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _dante = __webpack_require__(248);
-
-var _dante2 = _interopRequireDefault(_dante);
-
-var _dante_editor = __webpack_require__(146);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DanteEditor = exports.Dante = undefined;
 
-var _dante_editor2 = _interopRequireDefault(_dante_editor);
+var _init = __webpack_require__(170);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+window.Dante = _init.Dante;
+window.DanteEditor = _init.DanteEditor;
 
-module.exports = {
-  Dante: _dante2['default'],
-  DanteEditor: _dante_editor2['default']
-};
+exports.Dante = _init.Dante;
+exports.DanteEditor = _init.DanteEditor;
 
 /***/ }),
 
-/***/ 228:
+/***/ 143:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 247:
+/***/ 162:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(228);
-
-var _index = __webpack_require__(224);
+__webpack_require__(143);
 
-/***/ }),
-
-/***/ 248:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-/* WEBPACK VAR INJECTION */(function(global) {
-
-module.exports = global["Dante"] = __webpack_require__(262);
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35)))
+var _index = __webpack_require__(139);
 
 /***/ }),
 
-/***/ 249:
+/***/ 163:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -88,41 +64,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _axios = __webpack_require__(65);
+var _axios = __webpack_require__(41);
 
 var _axios2 = _interopRequireDefault(_axios);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -197,8 +173,8 @@ var EmbedBlock = function (_React$Component) {
         url: '' + this.dataForUpdate().endpoint + this.dataForUpdate().provisory_text + '&scheme=https'
       }).then(function (result) {
 
-        return _this2.setState({ embed_data: result.data } //JSON.parse(data.responseText)
-        , _this2.updateData);
+        return _this2.setState({ embed_data: result.data //JSON.parse(data.responseText)
+        }, _this2.updateData);
       })['catch'](function (error) {
 
         _this2.setState({
@@ -276,7 +252,7 @@ exports['default'] = EmbedBlock;
 
 /***/ }),
 
-/***/ 250:
+/***/ 164:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -286,45 +262,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _assign = __webpack_require__(86);
+var _assign = __webpack_require__(59);
 
 var _assign2 = _interopRequireDefault(_assign);
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _axios = __webpack_require__(65);
+var _axios = __webpack_require__(41);
 
 var _axios2 = _interopRequireDefault(_axios);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -454,9 +430,9 @@ var ImageBlock = function (_React$Component) {
       }
 
       var fill_ratio = height / width * 100;
-      var result = { width: width, height: height, ratio: fill_ratio };
-      // console.log result
-      return result;
+      var result = { width: width, height: height, ratio: fill_ratio
+        // console.log result
+      };return result;
     }
 
     // will update block state
@@ -773,7 +749,7 @@ var Loader = function (_React$Component2) {
 
 /***/ }),
 
-/***/ 251:
+/***/ 165:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -783,39 +759,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _assign = __webpack_require__(86);
+var _assign = __webpack_require__(59);
 
 var _assign2 = _interopRequireDefault(_assign);
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -904,7 +880,7 @@ exports['default'] = PlaceholderBlock;
 
 /***/ }),
 
-/***/ 252:
+/***/ 166:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -914,43 +890,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _assign = __webpack_require__(86);
+var _assign = __webpack_require__(59);
 
 var _assign2 = _interopRequireDefault(_assign);
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
-var _axios = __webpack_require__(65);
+var _axios = __webpack_require__(41);
 
 var _axios2 = _interopRequireDefault(_axios);
 
@@ -1017,8 +993,8 @@ var VideoBlock = function (_React$Component) {
         method: 'get',
         url: '' + this.dataForUpdate().endpoint + this.dataForUpdate().provisory_text + '&scheme=https'
       }).then(function (result) {
-        return _this2.setState({ embed_data: result.data } //JSON.parse(data.responseText)
-        , _this2.updateData);
+        return _this2.setState({ embed_data: result.data //JSON.parse(data.responseText)
+        }, _this2.updateData);
       })['catch'](function (error) {
         return console.log("TODO: error");
       });
@@ -1055,7 +1031,320 @@ exports['default'] = VideoBlock;
 
 /***/ }),
 
-/***/ 253:
+/***/ 167:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _classCallCheck2 = __webpack_require__(7);
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = __webpack_require__(8);
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _react = __webpack_require__(1);
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = __webpack_require__(4);
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _immutable = __webpack_require__(40);
+
+var _editor = __webpack_require__(92);
+
+var _editor2 = _interopRequireDefault(_editor);
+
+var _image = __webpack_require__(172);
+
+var _image2 = _interopRequireDefault(_image);
+
+var _link = __webpack_require__(173);
+
+var _link2 = _interopRequireDefault(_link);
+
+var _addButton = __webpack_require__(171);
+
+var _addButton2 = _interopRequireDefault(_addButton);
+
+var _toolTip = __webpack_require__(174);
+
+var _toolTip2 = _interopRequireDefault(_toolTip);
+
+var _image3 = __webpack_require__(164);
+
+var _image4 = _interopRequireDefault(_image3);
+
+var _embed = __webpack_require__(163);
+
+var _embed2 = _interopRequireDefault(_embed);
+
+var _video = __webpack_require__(166);
+
+var _video2 = _interopRequireDefault(_video);
+
+var _placeholder = __webpack_require__(165);
+
+var _placeholder2 = _interopRequireDefault(_placeholder);
+
+var _index = __webpack_require__(19);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Dante = function () {
+  function Dante(options) {
+    (0, _classCallCheck3['default'])(this, Dante);
+
+    if (options == null) {
+      options = {};
+    }
+    console.log("init editor Dante!");
+
+    // deep merge on config
+    var config = (0, _immutable.Map)((0, _immutable.fromJS)(this.defaultOptions(options)));
+
+    this.options = config.mergeDeep(options).toJS();
+    console.log(this.options);
+  }
+
+  (0, _createClass3['default'])(Dante, [{
+    key: 'defaultOptions',
+    value: function defaultOptions(options) {
+      // default options
+      if (options == null) {
+        options = {};
+      }
+      var defaultOptions = {};
+      defaultOptions.el = 'app';
+      defaultOptions.content = "";
+      defaultOptions.read_only = false;
+      defaultOptions.spellcheck = false;
+      defaultOptions.title_placeholder = "Title";
+      defaultOptions.body_placeholder = "Write your story";
+
+      defaultOptions.widgets = [{
+        title: 'add an image',
+        icon: 'image',
+        type: 'image',
+        block: _image4['default'],
+        editable: true,
+        renderable: true,
+        breakOnContinuous: true,
+        wrapper_class: "graf graf--figure",
+        selected_class: "is-selected is-mediaFocused",
+        selectedFn: function selectedFn(block) {
+          var _block$getData$toJS = block.getData().toJS(),
+              direction = _block$getData$toJS.direction;
+
+          switch (direction) {
+            case "left":
+              return "graf--layoutOutsetLeft";
+            case "center":
+              return "";
+            case "wide":
+              return "sectionLayout--fullWidth";
+            case "fill":
+              return "graf--layoutFillWidth";
+          }
+        },
+        handleEnterWithoutText: function handleEnterWithoutText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        },
+        handleEnterWithText: function handleEnterWithText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        },
+
+        widget_options: {
+          displayOnInlineTooltip: true,
+          insertion: "upload",
+          insert_block: "image"
+        },
+        options: {
+          upload_url: options.upload_url,
+          upload_headers: options.upload_headers,
+          upload_formName: options.upload_formName,
+          upload_handler: options.image_upload_handler,
+          upload_callback: options.image_upload_callback,
+          image_delete_callback: options.image_delete_callback,
+          image_caption_placeholder: options.image_caption_placeholder || "Write caption for image (optional)"
+        }
+      }, {
+        icon: 'embed',
+        title: 'insert embed',
+        type: 'embed',
+        block: _embed2['default'],
+        editable: true,
+        renderable: true,
+        breakOnContinuous: true,
+        wrapper_class: "graf graf--mixtapeEmbed",
+        selected_class: "is-selected is-mediaFocused",
+        widget_options: {
+          displayOnInlineTooltip: true,
+          insertion: "placeholder",
+          insert_block: "embed"
+        },
+        options: {
+          endpoint: '//api.embed.ly/1/extract?key=' + options.api_key + '&url=',
+          placeholder: 'Paste a link to embed content from another site (e.g. Twitter) and press Enter'
+        },
+        handleEnterWithoutText: function handleEnterWithoutText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        },
+        handleEnterWithText: function handleEnterWithText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        }
+      }, {
+        icon: 'video',
+        title: 'insert video',
+        editable: true,
+        type: 'video',
+        block: _video2['default'],
+        renderable: true,
+        breakOnContinuous: true,
+        wrapper_class: "graf--figure graf--iframe",
+        selected_class: " is-selected is-mediaFocused",
+        widget_options: {
+          displayOnInlineTooltip: true,
+          insertion: "placeholder",
+          insert_block: "video"
+        },
+        options: {
+          endpoint: '//api.embed.ly/1/oembed?key=' + options.api_key + '&url=',
+          placeholder: 'Paste a YouTube, Vine, Vimeo, or other video link, and press Enter',
+          caption: 'Type caption for embed (optional)'
+        },
+
+        handleEnterWithoutText: function handleEnterWithoutText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        },
+        handleEnterWithText: function handleEnterWithText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          return ctx.onChange((0, _index.addNewBlockAt)(editorState, block.getKey()));
+        }
+      }, {
+        renderable: true,
+        editable: true,
+        block: _placeholder2['default'],
+        type: 'placeholder',
+        wrapper_class: "is-embedable",
+        selected_class: " is-selected is-mediaFocused",
+        widget_options: {
+          displayOnInlineTooltip: false
+        },
+        handleEnterWithText: function handleEnterWithText(ctx, block) {
+          var editorState = ctx.state.editorState;
+
+          var data = {
+            provisory_text: block.getText(),
+            endpoint: block.getData().get('endpoint'),
+            type: block.getData().get('type')
+          };
+
+          return ctx.onChange((0, _index.resetBlockWithType)(editorState, data.type, data));
+        }
+      }];
+
+      defaultOptions.tooltips = [{
+        ref: 'insert_tooltip',
+        component: _toolTip2['default'],
+        displayOnSelection: true,
+        selectionElements: ["unstyled", "blockquote", "ordered-list", "unordered-list", "unordered-list-item", "ordered-list-item", "code-block", 'header-one', 'header-two', 'header-three', 'header-four'],
+        widget_options: {
+          placeholder: "Paste or type a link",
+          block_types: [
+          // {label: 'p', style: 'unstyled'},
+          { label: 'h2', style: 'header-one', type: "block" }, { label: 'h3', style: 'header-two', type: "block" }, { label: 'h4', style: 'header-three', type: "block" }, { label: 'blockquote', style: 'blockquote', type: "block" }, { label: 'insertunorderedlist', style: 'unordered-list-item', type: "block" }, { label: 'insertorderedlist', style: 'ordered-list-item', type: "block" }, { label: 'code', style: 'code-block', type: "block" }, { label: 'bold', style: 'BOLD', type: "inline" }, { label: 'italic', style: 'ITALIC', type: "inline" }]
+        }
+      }, {
+        ref: 'add_tooltip',
+        component: _addButton2['default']
+      }, {
+        ref: 'anchor_popover',
+        component: _link2['default']
+      }, {
+        ref: 'image_popover',
+        component: _image2['default']
+      }];
+
+      defaultOptions.xhr = {
+        before_handler: null,
+        success_handler: null,
+        error_handler: null
+      };
+
+      defaultOptions.data_storage = {
+        url: null,
+        method: "POST",
+        success_handler: null,
+        failure_handler: null,
+        interval: 1500,
+        withCredentials: false,
+        crossDomain: false,
+        headers: {}
+      };
+
+      defaultOptions.default_wrappers = [{ className: 'graf--p', block: 'unstyled' }, { className: 'graf--h2', block: 'header-one' }, { className: 'graf--h3', block: 'header-two' }, { className: 'graf--h4', block: 'header-three' }, { className: 'graf--blockquote', block: 'blockquote' }, { className: 'graf--insertunorderedlist', block: 'unordered-list-item' }, { className: 'graf--insertorderedlist', block: 'ordered-list-item' }, { className: 'graf--code', block: 'code-block' }, { className: 'graf--bold', block: 'BOLD' }, { className: 'graf--italic', block: 'ITALIC' }];
+
+      defaultOptions.continuousBlocks = ["unstyled", "blockquote", "ordered-list", "unordered-list", "unordered-list-item", "ordered-list-item", "code-block"];
+
+      defaultOptions.key_commands = {
+        "alt-shift": [{ key: 65, cmd: 'add-new-block' }],
+        "alt-cmd": [{ key: 49, cmd: 'toggle_block:header-one' }, { key: 50, cmd: 'toggle_block:header-two' }, { key: 53, cmd: 'toggle_block:blockquote' }],
+        "cmd": [{ key: 66, cmd: 'toggle_inline:BOLD' }, { key: 73, cmd: 'toggle_inline:ITALIC' }, { key: 75, cmd: 'insert:link' }]
+      };
+
+      defaultOptions.character_convert_mapping = {
+        '> ': "blockquote",
+        '*.': "unordered-list-item",
+        '* ': "unordered-list-item",
+        '- ': "unordered-list-item",
+        '1.': "ordered-list-item",
+        '# ': 'header-one',
+        '##': 'header-two',
+        '==': "unstyled",
+        '` ': "code-block"
+      };
+
+      return defaultOptions;
+    }
+  }, {
+    key: 'getContent',
+    value: function getContent() {
+      return this.options.content;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      return this.editor = _reactDom2['default'].render(_react2['default'].createElement(_editor2['default'], { content: this.getContent(), config: this.options }), document.getElementById(this.options.el));
+    }
+  }]);
+  return Dante;
+}();
+
+exports['default'] = Dante;
+
+/***/ }),
+
+/***/ 168:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1065,31 +1354,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _stringify = __webpack_require__(85);
+var _stringify = __webpack_require__(58);
 
 var _stringify2 = _interopRequireDefault(_stringify);
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
@@ -1249,7 +1538,7 @@ exports["default"] = Debug;
 
 /***/ }),
 
-/***/ 254:
+/***/ 169:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1259,31 +1548,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -1343,7 +1632,8 @@ var Link = function (_React$Component) {
   }, {
     key: 'render',
     value: function render() {
-      this.data = _draftJs.Entity.get(this.props.entityKey).getData();
+      this.data = this.props.contentState.getEntity(this.props.entityKey).getData();
+      //Entity.get(this.props.entityKey).getData()
 
       return _react2['default'].createElement(
         'a',
@@ -1365,7 +1655,33 @@ exports['default'] = Link;
 
 /***/ }),
 
-/***/ 255:
+/***/ 170:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DanteEditor = exports.Dante = undefined;
+
+var _dante = __webpack_require__(167);
+
+var _dante2 = _interopRequireDefault(_dante);
+
+var _editor = __webpack_require__(92);
+
+var _editor2 = _interopRequireDefault(_editor);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+exports.Dante = _dante2['default'];
+exports.DanteEditor = _editor2['default'];
+
+/***/ }),
+
+/***/ 171:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1375,39 +1691,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
-var _selection = __webpack_require__(84);
+var _selection = __webpack_require__(57);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -1566,6 +1882,12 @@ var DanteInlineTooltip = function (_React$Component) {
       */
       return this.insertImage(fileList[0]);
     }
+  }, {
+    key: 'handleInsertion',
+    value: function handleInsertion(e) {
+      this.hide();
+      return this.props.onChange((0, _index.addNewBlock)(this.props.editorState, e.type, {}));
+    }
   }, {
     key: 'widgets',
     value: function widgets() {
@@ -1583,6 +1905,8 @@ var DanteInlineTooltip = function (_React$Component) {
           return this.clickOnFileUpload(e, request_block);
         case "placeholder":
           return this.handlePlaceholder(request_block);
+        case "insertion":
+          return this.handleInsertion(request_block);
         default:
           return console.log('WRONG TYPE FOR ' + request_block.widget_options.insertion);
       }
@@ -1764,7 +2088,7 @@ exports['default'] = DanteInlineTooltip;
 
 /***/ }),
 
-/***/ 256:
+/***/ 172:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1774,39 +2098,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _selection = __webpack_require__(84);
+var _selection = __webpack_require__(57);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -2027,7 +2351,7 @@ exports['default'] = DanteImagePopover;
 
 /***/ }),
 
-/***/ 257:
+/***/ 173:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2037,35 +2361,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -2191,7 +2515,7 @@ exports['default'] = DanteAnchorPopover;
 
 /***/ }),
 
-/***/ 258:
+/***/ 174:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2201,39 +2525,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _getPrototypeOf = __webpack_require__(18);
+var _getPrototypeOf = __webpack_require__(11);
 
 var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _possibleConstructorReturn2 = __webpack_require__(20);
+var _possibleConstructorReturn2 = __webpack_require__(13);
 
 var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
 
-var _inherits2 = __webpack_require__(19);
+var _inherits2 = __webpack_require__(12);
 
 var _inherits3 = _interopRequireDefault(_inherits2);
 
-var _react = __webpack_require__(4);
+var _react = __webpack_require__(1);
 
 var _react2 = _interopRequireDefault(_react);
 
-var _reactDom = __webpack_require__(8);
+var _reactDom = __webpack_require__(4);
 
 var _reactDom2 = _interopRequireDefault(_reactDom);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _selection = __webpack_require__(84);
+var _selection = __webpack_require__(57);
 
-var _index = __webpack_require__(27);
+var _index = __webpack_require__(19);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -2454,6 +2778,7 @@ var DanteTooltip = function (_React$Component) {
       };
 
       var entityKey = _draftJs.Entity.create('LINK', 'MUTABLE', opts);
+      //contentState.createEntity('LINK', 'MUTABLE', opts)
 
       if (selection.isCollapsed()) {
         console.log("COLLAPSED SKIPPING LINK");
@@ -2496,12 +2821,13 @@ var DanteTooltip = function (_React$Component) {
       var currentBlock = (0, _index.getCurrentBlock)(this.props.editorState);
       var blockType = currentBlock.getType();
       var selection = this.props.editor.state.editorState.getSelection();
+      var contentState = this.props.editorState.getCurrentContent();
       var selectedEntity = null;
       var defaultUrl = null;
       return currentBlock.findEntityRanges(function (character) {
         var entityKey = character.getEntity();
         selectedEntity = entityKey;
-        return entityKey !== null && _draftJs.Entity.get(entityKey).getType() === 'LINK';
+        return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
       }, function (start, end) {
         var selStart = selection.getAnchorOffset();
         var selEnd = selection.getFocusOffset();
@@ -2511,7 +2837,7 @@ var DanteTooltip = function (_React$Component) {
         }
 
         if (start === selStart && end === selEnd) {
-          defaultUrl = _draftJs.Entity.get(selectedEntity).getData().url;
+          defaultUrl = contentState.getEntity(selectedEntity).getData().url;
           return _this4.refs.dante_menu_input.value = defaultUrl;
         }
       });
@@ -2700,7 +3026,7 @@ exports['default'] = DanteTooltip;
 
 /***/ }),
 
-/***/ 259:
+/***/ 175:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2710,18 +3036,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
 //TODO: what the f*ck is happening here? ;-;
 var findEntities = function findEntities(entityType, instance, contentBlock, callback) {
   return contentBlock.findEntityRanges(function (_this) {
     return function (character) {
       var entityKey, opts, res;
+      var contentState = instance.state.editorState.getCurrentContent();
       entityKey = character.getEntity();
-      return res = entityKey !== null && _draftJs.Entity.get(entityKey).getType() === entityType, res ? (opts = {
+      return res = entityKey !== null && contentState.getEntity(entityKey).getType() === entityType, res ? (opts = {
         showPopLinkOver: instance.showPopLinkOver,
         hidePopLinkOver: instance.hidePopLinkOver
-      }, _draftJs.Entity.mergeData(entityKey, opts)) : void 0, res;
+      }, contentState.mergeEntityData(entityKey, opts)) : void 0, res;
     };
   }(undefined), callback);
 };
@@ -2730,7 +3057,7 @@ exports['default'] = findEntities;
 
 /***/ }),
 
-/***/ 260:
+/***/ 176:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2740,13 +3067,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _stringify = __webpack_require__(85);
+var _stringify = __webpack_require__(58);
 
 var _stringify2 = _interopRequireDefault(_stringify);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
-var _immutable = __webpack_require__(51);
+var _immutable = __webpack_require__(40);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -2840,7 +3167,9 @@ var customHTML2Content = function customHTML2Content(HTML, blockRn) {
   // use DraftJS converter to do initial conversion. I don't provide DOMBuilder and
   // blockRenderMap arguments here since it should fall back to its default ones, which are fine
   console.log(tempDoc.body.innerHTML);
-  var contentBlocks = (0, _draftJs.convertFromHTML)(tempDoc.body.innerHTML, _draftJs.getSafeBodyFromHTML, blockRn);
+  var content = (0, _draftJs.convertFromHTML)(tempDoc.body.innerHTML, _draftJs.getSafeBodyFromHTML, blockRn);
+
+  var contentBlocks = content.contentBlocks;
 
   // now replace <blockquote /> ContentBlocks with 'atomic' ones
   contentBlocks = contentBlocks.map(function (block) {
@@ -2875,7 +3204,7 @@ exports['default'] = customHTML2Content;
 
 /***/ }),
 
-/***/ 261:
+/***/ 177:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2885,23 +3214,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _stringify = __webpack_require__(85);
+var _stringify = __webpack_require__(58);
 
 var _stringify2 = _interopRequireDefault(_stringify);
 
-var _classCallCheck2 = __webpack_require__(13);
+var _classCallCheck2 = __webpack_require__(7);
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
 
-var _createClass2 = __webpack_require__(14);
+var _createClass2 = __webpack_require__(8);
 
 var _createClass3 = _interopRequireDefault(_createClass2);
 
-var _axios = __webpack_require__(65);
+var _axios = __webpack_require__(41);
 
 var _axios2 = _interopRequireDefault(_axios);
 
-var _immutable = __webpack_require__(51);
+var _immutable = __webpack_require__(40);
 
 var _immutable2 = _interopRequireDefault(_immutable);
 
@@ -3064,7 +3393,7 @@ exports["default"] = SaveBehavior;
 
 /***/ }),
 
-/***/ 27:
+/***/ 19:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3075,9 +3404,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.addNewBlockAt = exports.updateTextOfBlock = exports.updateDataOfBlock = exports.resetBlockWithType = exports.addNewBlock = exports.getCurrentBlock = exports.getNode = exports.getDefaultBlockData = undefined;
 
-var _immutable = __webpack_require__(51);
+var _immutable = __webpack_require__(40);
 
-var _draftJs = __webpack_require__(9);
+var _draftJs = __webpack_require__(5);
 
 /*
 Used from [react-rte](https://github.com/brijeshb42/medium-draft)
@@ -3277,49 +3606,49 @@ var addNewBlockAt = exports.addNewBlockAt = function addNewBlockAt(editorState,
 
 /***/ }),
 
-/***/ 399:
+/***/ 321:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/dante.svg";
 
 /***/ }),
 
-/***/ 400:
+/***/ 322:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/dante.ttf";
 
 /***/ }),
 
-/***/ 401:
+/***/ 323:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/dante.woff";
 
 /***/ }),
 
-/***/ 402:
+/***/ 324:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/fontello.svg";
 
 /***/ }),
 
-/***/ 403:
+/***/ 325:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/fontello.ttf";
 
 /***/ }),
 
-/***/ 404:
+/***/ 326:
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "fonts/fontello.woff";
 
 /***/ }),
 
-/***/ 84:
+/***/ 57:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3382,7 +3711,1092 @@ var getSelectedBlockNode = exports.getSelectedBlockNode = function getSelectedBl
   return null;
 };
 
+/***/ }),
+
+/***/ 92:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getPrototypeOf = __webpack_require__(11);
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = __webpack_require__(7);
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = __webpack_require__(8);
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = __webpack_require__(13);
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = __webpack_require__(12);
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = __webpack_require__(1);
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = __webpack_require__(4);
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _immutable = __webpack_require__(40);
+
+var _immutable2 = _interopRequireDefault(_immutable);
+
+var _draftJs = __webpack_require__(5);
+
+var _draftConvert = __webpack_require__(227);
+
+var _index = __webpack_require__(19);
+
+var _link = __webpack_require__(169);
+
+var _link2 = _interopRequireDefault(_link);
+
+var _debug = __webpack_require__(168);
+
+var _debug2 = _interopRequireDefault(_debug);
+
+var _find_entities = __webpack_require__(175);
+
+var _find_entities2 = _interopRequireDefault(_find_entities);
+
+var _save_content = __webpack_require__(177);
+
+var _save_content2 = _interopRequireDefault(_save_content);
+
+var _html2content = __webpack_require__(176);
+
+var _html2content2 = _interopRequireDefault(_html2content);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var DanteEditor = function (_React$Component) {
+  (0, _inherits3['default'])(DanteEditor, _React$Component);
+
+  function DanteEditor(props) {
+    (0, _classCallCheck3['default'])(this, DanteEditor);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, (DanteEditor.__proto__ || (0, _getPrototypeOf2['default'])(DanteEditor)).call(this, props));
+
+    _this.initializeState = _this.initializeState.bind(_this);
+    _this.refreshSelection = _this.refreshSelection.bind(_this);
+    _this.forceRender = _this.forceRender.bind(_this);
+    _this.onChange = _this.onChange.bind(_this);
+    _this.dispatchChangesToSave = _this.dispatchChangesToSave.bind(_this);
+    _this.setPreContent = _this.setPreContent.bind(_this);
+    _this.focus = _this.focus.bind(_this);
+    _this.getEditorState = _this.getEditorState.bind(_this);
+    _this.emitSerializedOutput = _this.emitSerializedOutput.bind(_this);
+    _this.decodeEditorContent = _this.decodeEditorContent.bind(_this);
+    _this.getTextFromEditor = _this.getTextFromEditor.bind(_this);
+    _this.getLocks = _this.getLocks.bind(_this);
+    _this.addLock = _this.addLock.bind(_this);
+    _this.removeLock = _this.removeLock.bind(_this);
+    _this.renderableBlocks = _this.renderableBlocks.bind(_this);
+    _this.defaultWrappers = _this.defaultWrappers.bind(_this);
+    _this.blockRenderer = _this.blockRenderer.bind(_this);
+    _this.handleBlockRenderer = _this.handleBlockRenderer.bind(_this);
+    _this.blockStyleFn = _this.blockStyleFn.bind(_this);
+    _this.getDataBlock = _this.getDataBlock.bind(_this);
+    _this.styleForBlock = _this.styleForBlock.bind(_this);
+    _this.handlePasteText = _this.handlePasteText.bind(_this);
+    _this.handleTXTPaste = _this.handleTXTPaste.bind(_this);
+    _this.handleHTMLPaste = _this.handleHTMLPaste.bind(_this);
+    _this.handlePasteImage = _this.handlePasteImage.bind(_this);
+    _this.handleDroppedFiles = _this.handleDroppedFiles.bind(_this);
+    _this.handleUpArrow = _this.handleUpArrow.bind(_this);
+    _this.handleDownArrow = _this.handleDownArrow.bind(_this);
+    _this.handleReturn = _this.handleReturn.bind(_this);
+    _this.handleBeforeInput = _this.handleBeforeInput.bind(_this);
+    _this.handleKeyCommand = _this.handleKeyCommand.bind(_this);
+    _this.findCommandKey = _this.findCommandKey.bind(_this);
+    _this.KeyBindingFn = _this.KeyBindingFn.bind(_this);
+    _this.updateBlockData = _this.updateBlockData.bind(_this);
+    _this.setDirection = _this.setDirection.bind(_this);
+    _this.toggleEditable = _this.toggleEditable.bind(_this);
+    _this.disableEditable = _this.disableEditable.bind(_this);
+    _this.enableEditable = _this.enableEditable.bind(_this);
+    _this.closePopOvers = _this.closePopOvers.bind(_this);
+    _this.relocateTooltips = _this.relocateTooltips.bind(_this);
+    _this.tooltipsWithProp = _this.tooltipsWithProp.bind(_this);
+    _this.tooltipHasSelectionElement = _this.tooltipHasSelectionElement.bind(_this);
+    _this.handleShowPopLinkOver = _this.handleShowPopLinkOver.bind(_this);
+    _this.handleHidePopLinkOver = _this.handleHidePopLinkOver.bind(_this);
+    _this.showPopLinkOver = _this.showPopLinkOver.bind(_this);
+    _this.hidePopLinkOver = _this.hidePopLinkOver.bind(_this);
+    _this.render = _this.render.bind(_this);
+
+    _this.decorator = new _draftJs.CompositeDecorator([{
+      strategy: _find_entities2['default'].bind(null, 'LINK', _this),
+      component: _link2['default']
+    }]);
+
+    _this.blockRenderMap = (0, _immutable.Map)({
+      "image": {
+        element: 'figure'
+      },
+      "video": {
+        element: 'figure'
+      },
+      "embed": {
+        element: 'div'
+      },
+      'unstyled': {
+        wrapper: null,
+        element: 'div'
+      },
+      'paragraph': {
+        wrapper: null,
+        element: 'div'
+      },
+      'placeholder': {
+        wrapper: null,
+        element: 'div'
+      }
+
+    });
+
+    _this.extendedBlockRenderMap = _draftJs.DefaultDraftBlockRenderMap.merge(_this.blockRenderMap);
+
+    _this.state = {
+      editorState: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)(_this.props.content)),
+      read_only: _this.props.config.read_only,
+      blockRenderMap: _this.extendedBlockRenderMap,
+      locks: 0,
+      debug: _this.props.config.debug
+    };
+
+    _this.widgets = _this.props.config.widgets;
+    _this.tooltips = _this.props.config.tooltips;
+
+    _this.key_commands = _this.props.config.key_commands;
+
+    _this.continuousBlocks = _this.props.config.continuousBlocks;
+
+    _this.block_types = _this.props.config.block_types;
+
+    _this.default_wrappers = _this.props.config.default_wrappers;
+
+    _this.character_convert_mapping = _this.props.config.character_convert_mapping;
+
+    _this.save = new _save_content2['default']({
+      getLocks: _this.getLocks,
+      config: {
+        xhr: _this.props.config.xhr,
+        data_storage: _this.props.config.data_storage
+      },
+      editorState: _this.state.editorState,
+      editorContent: _this.emitSerializedOutput()
+    });
+
+    // TODO: fix this amateur mode
+    // here we add a new contentstate with the decorator in order to get contentState
+    setTimeout(function () {
+      var newEditorState = _draftJs.EditorState.set(_this.decodeEditorContent(_this.props.content), { decorator: _this.decorator });
+      _this.onChange(newEditorState);
+    }, 0);
+
+    return _this;
+  }
+
+  (0, _createClass3['default'])(DanteEditor, [{
+    key: 'initializeState',
+    value: function initializeState() {
+      if (this.props.content) {
+        //and @.props.content.trim() isnt ""
+        return this.decodeEditorContent(this.props.content);
+      } else {
+        return _draftJs.EditorState.createEmpty(this.decorator);
+      }
+    }
+  }, {
+    key: 'decodeEditorContent',
+    value: function decodeEditorContent(raw_as_json) {
+      var new_content = (0, _draftJs.convertFromRaw)(raw_as_json);
+      var editorState = void 0;
+      return editorState = _draftJs.EditorState.createWithContent(new_content, this.decorator);
+    }
+  }, {
+    key: 'refreshSelection',
+    value: function refreshSelection(newEditorState) {
+      var editorState = this.state.editorState;
+      // Setting cursor position after inserting to content
+
+      var s = this.state.editorState.getSelection();
+      var c = editorState.getCurrentContent();
+      var focusOffset = s.getFocusOffset();
+      var anchorKey = s.getAnchorKey();
+
+      var selectionState = _draftJs.SelectionState.createEmpty(s.getAnchorKey());
+
+      // console.log anchorKey, focusOffset
+      selectionState = selectionState.merge({
+        anchorOffset: focusOffset,
+        focusKey: anchorKey,
+        focusOffset: focusOffset
+      });
+
+      var newState = _draftJs.EditorState.forceSelection(newEditorState, selectionState);
+
+      return this.onChange(newState);
+    }
+  }, {
+    key: 'forceRender',
+    value: function forceRender(editorState) {
+      var selection = this.state.editorState.getSelection();
+      var content = editorState.getCurrentContent();
+      var newEditorState = _draftJs.EditorState.createWithContent(content, this.decorator);
+
+      return this.refreshSelection(newEditorState);
+    }
+  }, {
+    key: 'onChange',
+    value: function onChange(editorState) {
+      var _this2 = this;
+
+      this.setPreContent();
+      this.setState({ editorState: editorState });
+
+      var currentBlock = (0, _index.getCurrentBlock)(this.state.editorState);
+      var blockType = currentBlock.getType();
+
+      if (!editorState.getSelection().isCollapsed()) {
+
+        var tooltip = this.tooltipsWithProp('displayOnSelection')[0];
+        if (!this.tooltipHasSelectionElement(tooltip, blockType)) {
+          return;
+        }
+        this.handleTooltipDisplayOn('displayOnSelection');
+      } else {
+        this.handleTooltipDisplayOn('displayOnSelection', false);
+      }
+
+      setTimeout(function () {
+        return _this2.relocateTooltips();
+      }, 0);
+
+      return this.dispatchChangesToSave();
+    }
+  }, {
+    key: 'dispatchChangesToSave',
+    value: function dispatchChangesToSave() {
+      var _this3 = this;
+
+      clearTimeout(this.saveTimeout);
+      return this.saveTimeout = setTimeout(function () {
+        return _this3.save.store(_this3.emitSerializedOutput());
+      }, 100);
+    }
+  }, {
+    key: 'setPreContent',
+    value: function setPreContent() {
+      var content = this.emitSerializedOutput();
+      return this.save.editorContent = content;
+    }
+  }, {
+    key: 'focus',
+    value: function focus() {}
+    //debugger
+
+    //@props.refs.richEditor.focus()
+
+  }, {
+    key: 'getEditorState',
+    value: function getEditorState() {
+      return this.state.editorState;
+    }
+  }, {
+    key: 'emitSerializedOutput',
+    value: function emitSerializedOutput() {
+      var raw = (0, _draftJs.convertToRaw)(this.state.editorState.getCurrentContent());
+
+      return raw;
+    }
+
+    //# title utils
+
+  }, {
+    key: 'getTextFromEditor',
+    value: function getTextFromEditor() {
+      var c = this.state.editorState.getCurrentContent();
+      var out = c.getBlocksAsArray().map(function (o) {
+        return o.getText();
+      }).join("\n");
+
+      return out;
+    }
+  }, {
+    key: 'emitHTML2',
+    value: function emitHTML2() {
+      var html = void 0;
+
+      return html = (0, _draftConvert.convertToHTML)({
+        entityToHTML: function entityToHTML(entity, originalText) {
+          if (entity.type === 'LINK') {
+            return '<a href="' + entity.data.url + '">' + originalText + '</a>';
+          } else {
+            return originalText;
+          }
+        }
+
+      })(this.state.editorState.getCurrentContent());
+    }
+  }, {
+    key: 'getLocks',
+    value: function getLocks() {
+      return this.state.locks;
+    }
+  }, {
+    key: 'addLock',
+    value: function addLock() {
+      return this.setState({
+        locks: this.state.locks += 1 });
+    }
+  }, {
+    key: 'removeLock',
+    value: function removeLock() {
+      return this.setState({
+        locks: this.state.locks -= 1 });
+    }
+  }, {
+    key: 'renderableBlocks',
+    value: function renderableBlocks() {
+      return this.widgets.filter(function (o) {
+        return o.renderable;
+      }).map(function (o) {
+        return o.type;
+      });
+    }
+  }, {
+    key: 'defaultWrappers',
+    value: function defaultWrappers(blockType) {
+      return this.default_wrappers.filter(function (o) {
+        return o.block === blockType;
+      }).map(function (o) {
+        return o.className;
+      });
+    }
+  }, {
+    key: 'blockRenderer',
+    value: function blockRenderer(block) {
+
+      switch (block.getType()) {
+
+        case "atomic":
+
+          var entity = block.getEntityAt(0);
+          var entity_type = _draftJs.Entity.get(entity).getType();
+
+          break;
+      }
+
+      if (this.renderableBlocks().includes(block.getType())) {
+        return this.handleBlockRenderer(block);
+      }
+
+      return null;
+    }
+  }, {
+    key: 'handleBlockRenderer',
+    value: function handleBlockRenderer(block) {
+      var dataBlock = this.getDataBlock(block);
+      if (!dataBlock) {
+        return null;
+      }
+
+      var read_only = this.state.read_only ? false : null;
+      var editable = read_only !== null ? read_only : dataBlock.editable;
+      return {
+        component: eval(dataBlock.block),
+        editable: editable,
+        props: {
+          data: block.getData(),
+          getEditorState: this.getEditorState,
+          setEditorState: this.onChange,
+          addLock: this.addLock,
+          toggleEditable: this.toggleEditable,
+          disableEditable: this.disableEditable,
+          enableEditable: this.enableEditable,
+          removeLock: this.removeLock,
+          getLocks: this.getLocks,
+          config: dataBlock.options
+        }
+      };
+
+      return null;
+    }
+  }, {
+    key: 'blockStyleFn',
+    value: function blockStyleFn(block) {
+      var currentBlock = (0, _index.getCurrentBlock)(this.state.editorState);
+      var is_selected = currentBlock.getKey() === block.getKey() ? "is-selected" : "";
+
+      if (this.renderableBlocks().includes(block.getType())) {
+        return this.styleForBlock(block, currentBlock, is_selected);
+      }
+
+      var defaultBlockClass = this.defaultWrappers(block.getType());
+      if (defaultBlockClass.length > 0) {
+        return 'graf ' + defaultBlockClass[0] + ' ' + is_selected;
+      } else {
+        return 'graf nana ' + is_selected;
+      }
+    }
+  }, {
+    key: 'getDataBlock',
+    value: function getDataBlock(block) {
+      return this.widgets.find(function (o) {
+        return o.type === block.getType();
+      });
+    }
+  }, {
+    key: 'styleForBlock',
+    value: function styleForBlock(block, currentBlock, is_selected) {
+      var dataBlock = this.getDataBlock(block);
+
+      if (!dataBlock) {
+        return null;
+      }
+
+      var selectedFn = dataBlock.selectedFn ? dataBlock.selectedFn(block) : null;
+      var selected_class = is_selected ? dataBlock.selected_class : '';
+
+      return dataBlock.wrapper_class + ' ' + selected_class + ' ' + selectedFn;
+    }
+  }, {
+    key: 'handleTooltipDisplayOn',
+    value: function handleTooltipDisplayOn(prop, display) {
+      var _this4 = this;
+
+      if (display == null) {
+        display = true;
+      }
+
+      return setTimeout(function () {
+        var items = _this4.tooltipsWithProp(prop);
+        console.log(items);
+        return items.map(function (o) {
+          _this4.refs[o.ref].display(display);
+          return _this4.refs[o.ref].relocate();
+        });
+      }, 20);
+    }
+  }, {
+    key: 'handlePasteText',
+    value: function handlePasteText(text, html) {
+
+      // https://github.com/facebook/draft-js/issues/685
+      /*
+      html = "<p>chao</p>
+      <avv>aaa</avv>
+      <p>oli</p>
+      <img src='x'/>"
+      */
+
+      // if not html then fallback to default handler
+
+      if (!html) {
+        return this.handleTXTPaste(text, html);
+      }
+      if (html) {
+        return this.handleHTMLPaste(text, html);
+      }
+    }
+  }, {
+    key: 'handleTXTPaste',
+    value: function handleTXTPaste(text, html) {
+      var currentBlock = (0, _index.getCurrentBlock)(this.state.editorState);
+
+      var editorState = this.state.editorState;
+
+
+      switch (currentBlock.getType()) {
+        case "image":case "video":case "placeholder":
+          var newContent = _draftJs.Modifier.replaceText(editorState.getCurrentContent(), new _draftJs.SelectionState({
+            anchorKey: currentBlock.getKey(),
+            anchorOffset: 0,
+            focusKey: currentBlock.getKey(),
+            focusOffset: 2
+          }), text);
+
+          editorState = _draftJs.EditorState.push(editorState, newContent, 'replace-text');
+
+          this.onChange(editorState);
+
+          return true;
+        default:
+          return false;
+      }
+    }
+  }, {
+    key: 'handleHTMLPaste',
+    value: function handleHTMLPaste(text, html) {
+
+      var currentBlock = (0, _index.getCurrentBlock)(this.state.editorState);
+
+      // TODO: make this configurable
+      switch (currentBlock.getType()) {
+        case "image":case "video":case "placeholder":
+          return this.handleTXTPaste(text, html);
+          break;
+      }
+
+      var newContentState = (0, _html2content2['default'])(html, this.extendedBlockRenderMap);
+
+      var selection = this.state.editorState.getSelection();
+      var endKey = selection.getEndKey();
+
+      var content = this.state.editorState.getCurrentContent();
+      var blocksBefore = content.blockMap.toSeq().takeUntil(function (v) {
+        return v.key === endKey;
+      });
+      var blocksAfter = content.blockMap.toSeq().skipUntil(function (v) {
+        return v.key === endKey;
+      }).rest();
+
+      var newBlockKey = newContentState.blockMap.first().getKey();
+
+      var newBlockMap = blocksBefore.concat(newContentState.blockMap, blocksAfter).toOrderedMap();
+
+      var newContent = content.merge({
+        blockMap: newBlockMap,
+        selectionBefore: selection,
+        selectionAfter: selection.merge({
+          anchorKey: newBlockKey,
+          anchorOffset: 0,
+          focusKey: newBlockKey,
+          focusOffset: 0,
+          isBackward: false
+        })
+      });
+
+      var pushedContentState = _draftJs.EditorState.push(this.state.editorState, newContent, 'insert-fragment');
+
+      this.onChange(pushedContentState);
+
+      return true;
+    }
+  }, {
+    key: 'handlePasteImage',
+    value: function handlePasteImage(files) {
+      var _this5 = this;
+
+      //TODO: check file types
+      return files.map(function (file) {
+        var opts = {
+          url: URL.createObjectURL(file),
+          file: file
+        };
+
+        return _this5.onChange((0, _index.addNewBlock)(_this5.state.editorState, 'image', opts));
+      });
+    }
+  }, {
+    key: 'handleDroppedFiles',
+    value: function handleDroppedFiles(state, files) {
+      var _this6 = this;
+
+      return files.map(function (file) {
+        var opts = {
+          url: URL.createObjectURL(file),
+          file: file
+        };
+
+        return _this6.onChange((0, _index.addNewBlock)(_this6.state.editorState, 'image', opts));
+      });
+    }
+  }, {
+    key: 'handleUpArrow',
+    value: function handleUpArrow(e) {
+      var _this7 = this;
+
+      return setTimeout(function () {
+        return _this7.forceRender(_this7.state.editorState);
+      }, 10);
+    }
+  }, {
+    key: 'handleDownArrow',
+    value: function handleDownArrow(e) {
+      var _this8 = this;
+
+      return setTimeout(function () {
+        return _this8.forceRender(_this8.state.editorState);
+      }, 10);
+    }
+  }, {
+    key: 'handleReturn',
+    value: function handleReturn(e) {
+      if (this.props.handleReturn) {
+        if (this.props.handleReturn()) {
+          return true;
+        }
+      }
+
+      var editorState = this.state.editorState;
+
+
+      if (!e.altKey && !e.metaKey && !e.ctrlKey) {
+        var currentBlock = (0, _index.getCurrentBlock)(editorState);
+        var blockType = currentBlock.getType();
+        var selection = editorState.getSelection();
+
+        var config_block = this.getDataBlock(currentBlock);
+
+        if (currentBlock.getText().length === 0) {
+
+          if (config_block && config_block.handleEnterWithoutText) {
+            config_block.handleEnterWithText(this, currentBlock);
+            this.closePopOvers();
+            return true;
+          }
+
+          //TODO turn this in configurable
+          switch (blockType) {
+            case "header-one":
+              this.onChange((0, _index.resetBlockWithType)(editorState, "unstyled"));
+              return true;
+              break;
+            default:
+              return false;
+          }
+        }
+
+        if (currentBlock.getText().length > 0) {
+
+          /*
+          if (blockType === "unstyled") {
+            // hack hackety hack
+            // https://github.com/facebook/draft-js/issues/304
+            const newContent = Modifier.splitBlock(
+              this.state.editorState.getCurrentContent(), 
+              this.state.editorState.getSelection())
+             const newEditorState = EditorState.push(this.state.editorState, 
+                                                    newContent, 'insert-characters')
+            this.onChange(newEditorState)
+             setTimeout(() => {
+              //TODO: check is element is in viewport
+              const a = document.getElementsByClassName("is-selected")
+              const pos = a[0].getBoundingClientRect()
+              return window.scrollTo(0, pos.top + window.scrollY - 100)
+            }, 0)
+             return true
+          }*/
+
+          if (config_block && config_block.handleEnterWithText) {
+            config_block.handleEnterWithText(this, currentBlock);
+            this.closePopOvers();
+            return true;
+          }
+
+          if (currentBlock.getLength() === selection.getStartOffset()) {
+            if (this.continuousBlocks.indexOf(blockType) < 0) {
+              this.onChange((0, _index.addNewBlockAt)(editorState, currentBlock.getKey()));
+              return true;
+            }
+          }
+
+          return false;
+        }
+
+        // selection.isCollapsed() and # should we check collapsed here?
+        if (currentBlock.getLength() === selection.getStartOffset()) {
+          //or (config_block && config_block.breakOnContinuous))
+          // it will match the unstyled for custom blocks
+          if (this.continuousBlocks.indexOf(blockType) < 0) {
+            this.onChange((0, _index.addNewBlockAt)(editorState, currentBlock.getKey()));
+            return true;
+          }
+          return false;
+        }
+
+        return false;
+      }
+    }
+
+    //return false
+
+    // TODO: make this configurable
+
+  }, {
+    key: 'handleBeforeInput',
+    value: function handleBeforeInput(chars) {
+      var currentBlock = (0, _index.getCurrentBlock)(this.state.editorState);
+      var blockType = currentBlock.getType();
+      var selection = this.state.editorState.getSelection();
+
+      var editorState = this.state.editorState;
+
+      // close popovers
+
+      if (currentBlock.getText().length !== 0) {
+        //@closeInlineButton()
+        this.closePopOvers();
+      }
+
+      // handle space on link
+      var endOffset = selection.getEndOffset();
+      var endKey = currentBlock.getEntityAt(endOffset - 1);
+      var endEntityType = endKey && _draftJs.Entity.get(endKey).getType();
+      var afterEndKey = currentBlock.getEntityAt(endOffset);
+      var afterEndEntityType = afterEndKey && _draftJs.Entity.get(afterEndKey).getType();
+
+      // will insert blank space when link found
+      if (chars === ' ' && endEntityType === 'LINK' && afterEndEntityType !== 'LINK') {
+        var newContentState = _draftJs.Modifier.insertText(editorState.getCurrentContent(), selection, ' ');
+        var newEditorState = _draftJs.EditorState.push(editorState, newContentState, 'insert-characters');
+        this.onChange(newEditorState);
+        return true;
+      }
+
+      // block transform
+      if (blockType.indexOf('atomic') === 0) {
+        return false;
+      }
+
+      var blockLength = currentBlock.getLength();
+      if (selection.getAnchorOffset() > 1 || blockLength > 1) {
+        return false;
+      }
+
+      var blockTo = this.character_convert_mapping[currentBlock.getText() + chars];
+
+      console.log('BLOCK TO SHOW: ' + blockTo);
+
+      if (!blockTo) {
+        return false;
+      }
+
+      this.onChange((0, _index.resetBlockWithType)(editorState, blockTo));
+
+      return true;
+    }
+
+    // TODO: make this configurable
+
+  }, {
+    key: 'handleKeyCommand',
+    value: function handleKeyCommand(command) {
+      var editorState = this.state.editorState;
+
+      var currentBlockType = void 0,
+          newBlockType = void 0;
+
+      if (this.props.handleKeyCommand && this.props.handleKeyCommand(command)) {
+        return true;
+      }
+
+      if (command === 'add-new-block') {
+        this.onChange((0, _index.addNewBlock)(editorState, 'blockquote'));
+        return true;
+      }
+
+      var block = (0, _index.getCurrentBlock)(editorState);
+
+      if (command.indexOf('toggle_inline:') === 0) {
+        newBlockType = command.split(':')[1];
+        currentBlockType = block.getType();
+        this.onChange(_draftJs.RichUtils.toggleInlineStyle(editorState, newBlockType));
+        return true;
+      }
+
+      if (command.indexOf('toggle_block:') === 0) {
+        newBlockType = command.split(':')[1];
+        currentBlockType = block.getType();
+
+        this.onChange(_draftJs.RichUtils.toggleBlockType(editorState, newBlockType));
+        return true;
+      }
+
+      var newState = _draftJs.RichUtils.handleKeyCommand(this.state.editorState, command);
+      if (newState) {
+        this.onChange(newState);
+        return true;
+      }
+
+      return false;
+    }
+  }, {
+    key: 'findCommandKey',
+    value: function findCommandKey(opt, command) {
+      // console.log "COMMAND find: #{opt} #{command}"
+      return this.key_commands[opt].find(function (o) {
+        return o.key === command;
+      });
+    }
+  }, {
+    key: 'KeyBindingFn',
+    value: function KeyBindingFn(e) {
+
+      //⌘ + B / Ctrl + B   Bold
+      //⌘ + I / Ctrl + I   Italic
+      //⌘ + K / Ctrl + K   Turn into link
+      //⌘ + Alt + 1 / Ctrl + Alt + 1   Header
+      //⌘ + Alt + 2 / Ctrl + Alt + 2   Sub-Header
+      //⌘ + Alt + 5 / Ctrl + Alt + 5   Quote (Press once for a block quote, again for a pull quote and a third time to turn off quote)
+
+      var cmd = void 0;
+      if (e.altKey) {
+        if (e.shiftKey) {
+          cmd = this.findCommandKey("alt-shift", e.which);
+          if (cmd) {
+            return cmd.cmd;
+          }
+
+          return (0, _draftJs.getDefaultKeyBinding)(e);
+        }
+
+        if (e.ctrlKey || e.metaKey) {
+          cmd = this.findCommandKey("alt-cmd", e.which);
+          if (cmd) {
+            return cmd.cmd;
+          }
+          return (0, _draftJs.getDefaultKeyBinding)(e);
+        }
+      } else if (e.ctrlKey || e.metaKey) {
+        cmd = this.findCommandKey("cmd", e.which);
+        if (cmd) {
+          return cmd.cmd;
+        }
+        return (0, _draftJs.getDefaultKeyBinding)(e);
+      }
+
+      return (0, _draftJs.getDefaultKeyBinding)(e);
+    }
+
+    // will update block state todo: movo to utils
+
+  }, {
+    key: 'updateBlockData',
+    value: function updateBlockData(block, options) {
+      var data = block.getData();
+      var newData = data.merge(options);
+      var newState = (0, _index.updateDataOfBlock)(this.state.editorState, block, newData);
+      // this fixes enter from image caption
+      return this.forceRender(newState);
+    }
+  }, {
+    key: 'setDirection',
+    value: function setDirection(direction_type) {
+      var contentState = this.state.editorState.getCurrentContent();
+      var selectionState = this.state.editorState.getSelection();
+      var block = contentState.getBlockForKey(selectionState.anchorKey);
+
+      return this.updateBlockData(block, { direction: direction_type });
+    }
+
+    //# read only utils
+
+  }, {
+    key: 'toggleEditable',
+    value: function toggleEditable() {
+      this.closePopOvers();
+      return this.setState({ read_only: !this.state.read_only }, this.testEmitAndDecode);
+    }
+  }, {
+    key: 'disableEditable',
+    value: function disableEditable() {
+      console.log("in !!");
+      this.closePopOvers();
+      return this.setState({ read_only: true }, this.testEmitAndDecode);
+    }
+  }, {
+    key: 'enableEditable',
+    value: function enableEditable() {
+      this.closePopOvers();
+      console.log("out !!");
+
+      return this.setState({ read_only: false }, this.testEmitAndDecode);
+    }
+  }, {
+    key: 'closePopOvers',
+    value: function closePopOvers() {
+      var _this9 = this;
+
+      return this.tooltips.map(function (o) {
+        return _this9.refs[o.ref].hide();
+      });
+    }
+  }, {
+    key: 'relocateTooltips',
+    value: function relocateTooltips() {
+      var _this10 = this;
+
+      if (this.state.read_only) return;
+
+      return this.tooltips.map(function (o) {
+        return _this10.refs[o.ref].relocate();
+      });
+    }
+  }, {
+    key: 'tooltipsWithProp',
+    value: function tooltipsWithProp(prop) {
+      return this.tooltips.filter(function (o) {
+        return o[prop];
+      });
+    }
+  }, {
+    key: 'tooltipHasSelectionElement',
+    value: function tooltipHasSelectionElement(tooltip, element) {
+      return tooltip.selectionElements.includes(element);
+    }
+
+    //################################
+    // TODO: this methods belongs to popovers/link
+    //################################
+
+  }, {
+    key: 'handleShowPopLinkOver',
+    value: function handleShowPopLinkOver(e) {
+      return this.showPopLinkOver();
+    }
+  }, {
+    key: 'handleHidePopLinkOver',
+    value: function handleHidePopLinkOver(e) {
+      return this.hidePopLinkOver();
+    }
+  }, {
+    key: 'showPopLinkOver',
+    value: function showPopLinkOver(el) {
+      // handles popover display
+      // using anchor or from popover
+
+      var parent_el = _reactDom2['default'].findDOMNode(this);
+
+      // set url first in order to calculate popover width
+      var coords = void 0;
+      this.refs.anchor_popover.setState({ url: el ? el.href : this.refs.anchor_popover.state.url });
+
+      if (el) {
+        coords = this.refs.anchor_popover.relocate(el);
+      }
+
+      if (coords) {
+        this.refs.anchor_popover.setPosition(coords);
+      }
+
+      this.refs.anchor_popover.setState({ show: true });
+
+      this.isHover = true;
+      return this.cancelHide();
+    }
+  }, {
+    key: 'hidePopLinkOver',
+    value: function hidePopLinkOver() {
+      var _this11 = this;
+
+      return this.hideTimeout = setTimeout(function () {
+        return _this11.refs.anchor_popover.hide();
+      }, 300);
+    }
+  }, {
+    key: 'cancelHide',
+    value: function cancelHide() {
+      // console.log "Cancel Hide"
+      return clearTimeout(this.hideTimeout);
+    }
+
+    //##############################
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this12 = this;
+
+      return _react2['default'].createElement(
+        'div',
+        { id: 'content', suppressContentEditableWarning: true },
+        _react2['default'].createElement(
+          'article',
+          { className: 'postArticle' },
+          _react2['default'].createElement(
+            'div',
+            { className: 'postContent' },
+            _react2['default'].createElement(
+              'div',
+              { className: 'notesSource' },
+              _react2['default'].createElement(
+                'div',
+                { id: 'editor', className: 'postField postField--body' },
+                _react2['default'].createElement(
+                  'section',
+                  { className: 'section--first section--last' },
+                  _react2['default'].createElement(
+                    'div',
+                    { className: 'section-divider layoutSingleColumn' },
+                    _react2['default'].createElement('hr', { className: 'section-divider' })
+                  ),
+                  _react2['default'].createElement(
+                    'div',
+                    { className: 'section-content' },
+                    _react2['default'].createElement(
+                      'div',
+                      { ref: 'richEditor',
+                        className: 'section-inner layoutSingleColumn',
+                        onClick: this.focus },
+                      _react2['default'].createElement(_draftJs.Editor, {
+                        blockRendererFn: this.blockRenderer,
+                        editorState: this.state.editorState,
+                        onChange: this.onChange,
+                        onUpArrow: this.handleUpArrow,
+                        onDownArrow: this.handleDownArrow,
+                        handleReturn: this.handleReturn,
+                        blockRenderMap: this.state.blockRenderMap,
+                        blockStyleFn: this.blockStyleFn,
+                        handlePastedText: this.handlePasteText,
+                        handlePastedFiles: this.handlePasteImage,
+                        handleDroppedFiles: this.handleDroppedFiles,
+                        handleKeyCommand: this.handleKeyCommand,
+                        keyBindingFn: this.KeyBindingFn,
+                        handleBeforeInput: this.handleBeforeInput,
+                        readOnly: this.state.read_only,
+                        placeholder: this.props.config.body_placeholder,
+                        ref: 'editor'
+                      })
+                    )
+                  )
+                )
+              )
+            )
+          )
+        ),
+        this.tooltips.map(function (o, i) {
+          return _react2['default'].createElement(o.component, {
+            ref: o.ref,
+            key: i,
+            editor: _this12,
+            editorState: _this12.state.editorState,
+            onChange: _this12.onChange,
+            configTooltip: o,
+            widget_options: o.widget_options,
+            showPopLinkOver: _this12.showPopLinkOver,
+            hidePopLinkOver: _this12.hidePopLinkOver,
+            handleOnMouseOver: _this12.handleShowPopLinkOver,
+            handleOnMouseOut: _this12.handleHidePopLinkOver
+          });
+        }),
+        this.state.debug ? _react2['default'].createElement(_debug2['default'], { locks: this.state.locks, editor: this }) : undefined
+      );
+    }
+  }]);
+  return DanteEditor;
+}(_react2['default'].Component);
+
+exports['default'] = DanteEditor;
+
 /***/ })
 
-},[247]);
+},[162]);
 //# sourceMappingURL=dante.js.map