@pie-lib/editable-html 7.17.4-next.45 → 7.17.4-next.450

package/lib/plugins/toolbar/index.js

@@ -1,18 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = ToolbarPlugin;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _editorAndToolbar = _interopRequireDefault(require("./editor-and-toolbar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 /**
  * Adds a toolbar which is shown when the editor is focused.
  * @param {*} opts
@@ -21,7 +21,7 @@ function ToolbarPlugin(opts) {
   return {
     /* eslint-disable-next-line */
     renderEditor: function renderEditor(props) {
-      return _react["default"].createElement(_editorAndToolbar["default"], _extends({}, props, {
+      return /*#__PURE__*/_react["default"].createElement(_editorAndToolbar["default"], (0, _extends2["default"])({}, props, {
         mainEditorRef: opts.mainEditorRef,
         disableUnderline: opts.disableUnderline,
         onDone: opts.onDone

package/lib/plugins/toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/index.jsx"],"names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableUnderline","onDone"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA;;;;AAIe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC1C,SAAO;AACL;AACAC,IAAAA,YAAY,EAAE,sBAAAC,KAAK;AAAA,aACjB,gCAAC,4BAAD,eACMA,KADN;AAEE,QAAA,aAAa,EAAEF,IAAI,CAACG,aAFtB;AAGE,QAAA,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;AAIE,QAAA,MAAM,EAAEJ,IAAI,CAACK;AAJf,SADiB;AAAA;AAFd,GAAP;AAWD","sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: props => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableUnderline={opts.disableUnderline}\n        onDone={opts.onDone}\n      />\n    )\n  };\n}\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableUnderline","onDone"],"sources":["../../../src/plugins/toolbar/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: props => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableUnderline={opts.disableUnderline}\n        onDone={opts.onDone}\n      />\n    )\n  };\n}\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;EAC1C,OAAO;IACL;IACAC,YAAY,EAAE,sBAAAC,KAAK;MAAA,oBACjB,gCAAC,4BAAD,gCACMA,KADN;QAEE,aAAa,EAAEF,IAAI,CAACG,aAFtB;QAGE,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;QAIE,MAAM,EAAEJ,IAAI,CAACK;MAJf,GADiB;IAAA;EAFd,CAAP;AAWD"}

package/lib/plugins/toolbar/toolbar-buttons.js

@@ -1,41 +1,39 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MarkButton = exports.RawMarkButton = exports.Button = exports.RawButton = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _debug = _interopRequireDefault(require("debug"));
+exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = void 0;
 
-var _reactJss = _interopRequireDefault(require("react-jss"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-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); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _react = _interopRequireDefault(require("react"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _debug = _interopRequireDefault(require("debug"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _reactJss = _interopRequireDefault(require("react-jss"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var styles = function styles() {
   return {
@@ -49,89 +47,91 @@ var styles = function styles() {
     },
     active: {
       color: 'black'
+    },
+    disabled: {
+      opacity: 0.7,
+      cursor: 'not-allowed',
+      '& :hover': {
+        color: 'grey'
+      }
     }
   };
 };
 
 var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
 
-var RawButton =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(RawButton, _React$Component);
+var RawButton = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawButton, _React$Component);
+
+  var _super = _createSuper(RawButton);
 
   function RawButton(props) {
     var _this;
 
-    _classCallCheck(this, RawButton);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(RawButton).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+    (0, _classCallCheck2["default"])(this, RawButton);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
       log('[onClick]');
       e.preventDefault();
       var onClick = _this.props.onClick;
       onClick(e);
     });
-
     return _this;
   }
 
-  _createClass(RawButton, [{
+  (0, _createClass2["default"])(RawButton, [{
     key: "render",
     value: function render() {
+      var _classNames;
+
       var _this$props = this.props,
           active = _this$props.active,
           classes = _this$props.classes,
           children = _this$props.children,
+          disabled = _this$props.disabled,
           extraStyles = _this$props.extraStyles;
-      var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return _react["default"].createElement("div", {
+      var names = (0, _classnames["default"])(classes.button, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.active, active), (0, _defineProperty2["default"])(_classNames, classes.disabled, disabled), _classNames));
+      return /*#__PURE__*/_react["default"].createElement("div", {
         style: extraStyles,
         className: names,
         onMouseDown: this.onClick
       }, children);
     }
   }]);
-
   return RawButton;
 }(_react["default"].Component);
 
 exports.RawButton = RawButton;
-
-_defineProperty(RawButton, "propTypes", {
+(0, _defineProperty2["default"])(RawButton, "propTypes", {
   onClick: _propTypes["default"].func.isRequired,
   classes: _propTypes["default"].object.isRequired,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   active: _propTypes["default"].bool,
+  disabled: _propTypes["default"].bool,
   extraStyles: _propTypes["default"].object
 });
-
 var Button = (0, _reactJss["default"])(styles())(RawButton);
 exports.Button = Button;
 
-var RawMarkButton =
-/*#__PURE__*/
-function (_React$Component2) {
-  _inherits(RawMarkButton, _React$Component2);
+var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
+  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
+
+  var _super2 = _createSuper(RawMarkButton);
 
   function RawMarkButton(props) {
     var _this2;
 
-    _classCallCheck(this, RawMarkButton);
-
-    _this2 = _possibleConstructorReturn(this, _getPrototypeOf(RawMarkButton).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this2), "onToggle", function (e) {
+    (0, _classCallCheck2["default"])(this, RawMarkButton);
+    _this2 = _super2.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onToggle", function (e) {
       e.preventDefault();
 
       _this2.props.onToggle(_this2.props.mark);
     });
-
     return _this2;
   }
 
-  _createClass(RawMarkButton, [{
+  (0, _createClass2["default"])(RawMarkButton, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -139,26 +139,23 @@ function (_React$Component2) {
           children = _this$props2.children,
           active = _this$props2.active;
       var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return _react["default"].createElement("span", {
+      return /*#__PURE__*/_react["default"].createElement("span", {
         className: names,
         onMouseDown: this.onToggle
       }, children);
     }
   }]);
-
   return RawMarkButton;
 }(_react["default"].Component);
 
 exports.RawMarkButton = RawMarkButton;
-
-_defineProperty(RawMarkButton, "propTypes", {
+(0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
   onToggle: _propTypes["default"].func.isRequired,
   mark: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
   classes: _propTypes["default"].object.isRequired,
   active: _propTypes["default"].bool
 });
-
 var MarkButton = (0, _reactJss["default"])(styles())(RawMarkButton);
 exports.MarkButton = MarkButton;
 //# sourceMappingURL=toolbar-buttons.js.map

package/lib/plugins/toolbar/toolbar-buttons.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"names":["styles","button","color","display","padding","active","log","RawButton","props","e","preventDefault","onClick","classes","children","extraStyles","names","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","RawMarkButton","onToggle","mark","string","MarkButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport injectSheet from 'react-jss';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = () => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    '& :hover': {\n      color: 'black'\n    }\n  },\n  active: {\n    color: 'black'\n  }\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    extraStyles: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  render() {\n    const { active, classes, children, extraStyles } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n\n    return (\n      <div style={extraStyles} className={names} onMouseDown={this.onClick}>\n        {children}\n      </div>\n    );\n  }\n}\n\nexport const Button = injectSheet(styles())(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = e => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  render() {\n    const { classes, children, active } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <span className={names} onMouseDown={this.onToggle}>\n        {children}\n      </span>\n    );\n  }\n}\n\nexport const MarkButton = injectSheet(styles())(RawMarkButton);\n"],"file":"toolbar-buttons.js"}
+{"version":3,"file":"toolbar-buttons.js","names":["styles","button","color","display","padding","active","disabled","opacity","cursor","log","debug","RawButton","props","e","preventDefault","onClick","classes","children","extraStyles","names","classNames","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","injectSheet","RawMarkButton","onToggle","mark","string","MarkButton"],"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport injectSheet from 'react-jss';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = () => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    '& :hover': {\n      color: 'black'\n    }\n  },\n  active: {\n    color: 'black'\n  },\n  disabled: {\n    opacity: 0.7,\n    cursor: 'not-allowed',\n    '& :hover': {\n      color: 'grey'\n    }\n  }\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles } = this.props;\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled\n    });\n\n    return (\n      <div style={extraStyles} className={names} onMouseDown={this.onClick}>\n        {children}\n      </div>\n    );\n  }\n}\n\nexport const Button = injectSheet(styles())(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = e => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  render() {\n    const { classes, children, active } = this.props;\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <span className={names} onMouseDown={this.onToggle}>\n        {children}\n      </span>\n    );\n  }\n}\n\nexport const MarkButton = injectSheet(styles())(RawMarkButton);\n"],"mappings":"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"}

package/lib/plugins/toolbar/toolbar.js

@@ -1,11 +1,29 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Toolbar = void 0;
 
-var _doneButton = require("./done-button");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _slate = require("slate");
 
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
 
@@ -13,8 +31,6 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _debug = _interopRequireDefault(require("debug"));
@@ -23,37 +39,21 @@ var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
 
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
+var _doneButton = require("./done-button");
+
 var _utils = require("../utils");
 
 var _styles = require("@material-ui/core/styles");
 
 var _defaultToolbar = _interopRequireDefault(require("./default-toolbar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:toolbar');
 
@@ -80,33 +80,29 @@ var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone
   }
 };
 
-var Toolbar =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(Toolbar, _React$Component);
+var Toolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Toolbar, _React$Component);
+
+  var _super = _createSuper(Toolbar);
 
   function Toolbar(props) {
     var _this;
 
-    _classCallCheck(this, Toolbar);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(Toolbar).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "hasMark", function (type) {
+    (0, _classCallCheck2["default"])(this, Toolbar);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasMark", function (type) {
       var value = _this.props.value;
       return value.marks.some(function (mark) {
         return mark.type == type;
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "hasBlock", function (type) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "hasBlock", function (type) {
       var value = _this.props.value;
       return value.blocks.some(function (node) {
         return node.type == type;
       });
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onToggle", function (plugin) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToggle", function (plugin) {
       var _this$props = _this.props,
           value = _this$props.value,
           onChange = _this$props.onChange;
@@ -114,20 +110,17 @@ function (_React$Component) {
       var change = plugin.onToggle(value.change());
       onChange(change);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", function (e) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
       log('[onClick]');
       e.preventDefault();
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onButtonClick", function (fn) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onButtonClick", function (fn) {
       return function (e) {
         e.preventDefault();
         fn();
       };
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onToolbarDone", function (change, finishEditing) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToolbarDone", function (change, finishEditing) {
       log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);
       var _this$props2 = _this.props,
           onChange = _this$props2.onChange,
@@ -146,24 +139,21 @@ function (_React$Component) {
         }
       }
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onDeleteClick", (0, _debounce["default"])(function (e, plugin, node, value, onChange) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteClick", (0, _debounce["default"])(function (e, plugin, node, value, onChange) {
       return plugin.deleteNode(e, node, value, onChange);
     }, 500));
-
-    _defineProperty(_assertThisInitialized(_this), "onDeleteMouseDown", function (e, plugin, node, value, onChange) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onDeleteMouseDown", function (e, plugin, node, value, onChange) {
       e.persist();
 
       _this.onDeleteClick(e, plugin, node, value, onChange);
     });
-
     _this.state = {
       change: null
     };
     return _this;
   }
 
-  _createClass(Toolbar, [{
+  (0, _createClass2["default"])(Toolbar, [{
     key: "render",
     value: function render() {
       var _this2 = this,
@@ -178,7 +168,8 @@ function (_React$Component) {
           autoWidth = _this$props3.autoWidth,
           onChange = _this$props3.onChange,
           isFocused = _this$props3.isFocused,
-          onDone = _this$props3.onDone;
+          onDone = _this$props3.onDone,
+          toolbarRef = _this$props3.toolbarRef;
       var node = (0, _utils.findSingleNode)(value);
       var parentNode = (0, _utils.findParentNode)(value, node);
       log(' --------------> [render] node: ', node);
@@ -204,6 +195,11 @@ function (_React$Component) {
       log('[render] plugin: ', plugin);
 
       var handleDone = function handleDone(change, done) {
+        // use handler only if this is an actual Slate Change
+        if (!(change instanceof _slate.Change)) {
+          return;
+        }
+
         var handler = onDone;
 
         if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
@@ -227,25 +223,26 @@ function (_React$Component) {
       var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
       var pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
 
-      var extraStyles = _objectSpread({}, pluginExtraStyles, {}, parentExtraStyles);
+      var extraStyles = _objectSpread(_objectSpread({}, pluginExtraStyles), parentExtraStyles);
 
       var deletable = node && plugin && plugin.deleteNode;
       var customToolbarShowDone = node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible; // If there is a toolbarOpts we check if the showDone is not equal to false
 
       var defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;
       var hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;
-      var names = (0, _classnames["default"])(classes.toolbar, (_classNames = {}, _defineProperty(_classNames, classes.toolbarWithNoDone, !hasDoneButton), _defineProperty(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), _defineProperty(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), _defineProperty(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), _defineProperty(_classNames, classes.autoWidth, autoWidth), _defineProperty(_classNames, classes.fullWidth, !autoWidth), _classNames));
-      return _react["default"].createElement("div", {
+      var names = (0, _classnames["default"])(classes.toolbar, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.toolbarWithNoDone, !hasDoneButton), (0, _defineProperty2["default"])(_classNames, classes.toolbarTop, toolbarOpts.position === 'top'), (0, _defineProperty2["default"])(_classNames, classes.toolbarRight, toolbarOpts.alignment === 'right'), (0, _defineProperty2["default"])(_classNames, classes.focused, toolbarOpts.alwaysVisible || isFocused), (0, _defineProperty2["default"])(_classNames, classes.autoWidth, autoWidth), (0, _defineProperty2["default"])(_classNames, classes.fullWidth, !autoWidth), _classNames));
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: names,
         style: extraStyles,
-        onClick: this.onClick
-      }, CustomToolbar ? _react["default"].createElement(CustomToolbar, {
+        onClick: this.onClick,
+        ref: toolbarRef
+      }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
         node: node,
         value: value,
         onToolbarDone: this.onToolbarDone,
         onDataChange: handleDataChange,
         pluginProps: pluginProps
-      }) : _react["default"].createElement(_defaultToolbar["default"], {
+      }) : /*#__PURE__*/_react["default"].createElement(_defaultToolbar["default"], {
         plugins: filteredPlugins,
         pluginProps: pluginProps,
         value: value,
@@ -253,9 +250,9 @@ function (_React$Component) {
         showDone: defaultToolbarShowDone,
         onDone: handleDone,
         deletable: deletable
-      }), _react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.shared
-      }, deletable && _react["default"].createElement(_IconButton["default"], {
+      }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
         "aria-label": "Delete",
         className: classes.iconRoot,
         onMouseDown: function onMouseDown(e) {
@@ -264,24 +261,23 @@ function (_React$Component) {
         classes: {
           root: classes.iconRoot
         }
-      }, _react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && _react["default"].createElement(_doneButton.DoneButton, {
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
         onClick: handleDone
       })));
     }
   }]);
-
   return Toolbar;
 }(_react["default"].Component);
 
 exports.Toolbar = Toolbar;
-
-_defineProperty(Toolbar, "propTypes", {
+(0, _defineProperty2["default"])(Toolbar, "propTypes", {
   zIndex: _propTypes["default"].number,
   value: _slatePropTypes["default"].value.isRequired,
   plugins: _propTypes["default"].array,
   plugin: _propTypes["default"].object,
   onImageClick: _propTypes["default"].func,
   onDone: _propTypes["default"].func.isRequired,
+  toolbarRef: _propTypes["default"].func.isRequired,
   classes: _propTypes["default"].object.isRequired,
   isFocused: _propTypes["default"].bool,
   autoWidth: _propTypes["default"].bool,
@@ -291,11 +287,11 @@ _defineProperty(Toolbar, "propTypes", {
     position: _propTypes["default"].oneOf(['bottom', 'top']),
     alignment: _propTypes["default"].oneOf(['left', 'right']),
     alwaysVisible: _propTypes["default"].bool,
+    ref: _propTypes["default"].func,
     showDone: _propTypes["default"].bool
   }),
   onDataChange: _propTypes["default"].func
 });
-
 var style = {
   toolbar: {
     position: 'absolute',