@pie-lib/editable-html 7.17.4-next.50 → 7.17.4-next.501

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,23 @@ 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; }
+var _characters = require("../characters");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+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 _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+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 _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+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 _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 +82,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 +112,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 +141,26 @@ 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: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      (0, _characters.removeDialogs)();
+    }
+  }, {
     key: "render",
     value: function render() {
       var _this2 = this,
@@ -177,8 +174,10 @@ function (_React$Component) {
           value = _this$props3.value,
           autoWidth = _this$props3.autoWidth,
           onChange = _this$props3.onChange,
+          getFocusedValue = _this$props3.getFocusedValue,
           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 +203,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,35 +231,37 @@ 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,
         onChange: onChange,
+        getFocusedValue: getFocusedValue,
         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,38 +270,38 @@ 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,
   onChange: _propTypes["default"].func.isRequired,
+  getFocusedValue: _propTypes["default"].func.isRequired,
   pluginProps: _propTypes["default"].object,
   toolbarOpts: _propTypes["default"].shape({
     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',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"names":["log","getCustomToolbar","plugin","node","value","handleDone","onDataChange","toolbar","CustomToolbarComp","customToolbar","Toolbar","props","type","marks","some","mark","blocks","onChange","onToggle","change","e","preventDefault","fn","finishEditing","onDone","deleteNode","persist","onDeleteClick","state","classes","plugins","pluginProps","toolbarOpts","autoWidth","isFocused","parentNode","find","p","supports","parentPlugin","done","handler","onToolbarDone","handleDataChange","key","data","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","toolbarWithNoDone","toolbarTop","position","toolbarRight","alignment","focused","fullWidth","onClick","shared","iconRoot","onDeleteMouseDown","root","React","Component","zIndex","PropTypes","number","SlatePropTypes","isRequired","array","object","onImageClick","func","bool","shape","oneOf","style","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","top","right","width","height","verticalAlign","label","color","index"],"mappings":"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","sourcesContent":["import { DoneButton } from './done-button';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport debounce from 'lodash/debounce';\n\nimport { findSingleNode, findParentNode } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\nimport DefaultToolbar from './default-toolbar';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {\n  if (!plugin) {\n    return;\n  }\n  if (!plugin.toolbar) {\n    return;\n  }\n  if (plugin.toolbar.CustomToolbarComp) {\n    /**\n     * Using a pre-defined Component should be preferred\n     * as the rendering of it (and it's children) can be optimized by React.\n     * If you keep re-defining the comp with an inline function\n     * then react will have to re-render.\n     */\n    return plugin.toolbar.CustomToolbarComp;\n  } else if (typeof plugin.toolbar.customToolbar === 'function') {\n    log('deprecated - use CustomToolbarComp');\n    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);\n  }\n};\n\nexport class Toolbar extends React.Component {\n  static propTypes = {\n    zIndex: PropTypes.number,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array,\n    plugin: PropTypes.object,\n    onImageClick: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    isFocused: PropTypes.bool,\n    autoWidth: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    pluginProps: PropTypes.object,\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      showDone: PropTypes.bool\n    }),\n    onDataChange: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      change: null\n    };\n  }\n\n  hasMark = type => {\n    const { value } = this.props;\n    return value.marks.some(mark => mark.type == type);\n  };\n\n  hasBlock = type => {\n    const { value } = this.props;\n    return value.blocks.some(node => node.type == type);\n  };\n\n  onToggle = plugin => {\n    const { value, onChange } = this.props;\n\n    if (!plugin.onToggle) return;\n\n    const change = plugin.onToggle(value.change());\n    onChange(change);\n  };\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n  };\n\n  onButtonClick = fn => {\n    return e => {\n      e.preventDefault();\n      fn();\n    };\n  };\n\n  onToolbarDone = (change, finishEditing) => {\n    log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);\n    const { onChange, onDone } = this.props;\n\n    if (change) {\n      onChange(change, () => {\n        if (finishEditing) {\n          onDone();\n        }\n      });\n    } else {\n      if (finishEditing) {\n        log('[onToolbarChange] call onDone');\n        onDone();\n      }\n    }\n  };\n\n  onDeleteClick = debounce(\n    (e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange),\n    500\n  );\n\n  onDeleteMouseDown = (e, plugin, node, value, onChange) => {\n    e.persist();\n    this.onDeleteClick(e, plugin, node, value, onChange);\n  };\n\n  render() {\n    const {\n      classes,\n      plugins,\n      pluginProps,\n      toolbarOpts,\n      value,\n      autoWidth,\n      onChange,\n      isFocused,\n      onDone\n    } = this.props;\n\n    const node = findSingleNode(value);\n    const parentNode = findParentNode(value, node);\n\n    log(' --------------> [render] node: ', node);\n    log('[render] node: ', node);\n\n    const plugin = plugins.find(p => {\n      if (!node) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(node, value);\n      }\n    });\n    const parentPlugin = plugins.find(p => {\n      if (!parentNode) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(parentNode, value);\n      }\n    });\n\n    log('[render] plugin: ', plugin);\n\n    const handleDone = (change, done) => {\n      let handler = onDone;\n\n      if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n        handler = this.onToolbarDone;\n      }\n\n      handler(change, done);\n\n      if (parentPlugin && parentPlugin.handleDone) {\n        parentPlugin.handleDone(value, node, plugin, onChange);\n      }\n    };\n\n    const handleDataChange = (key, data) => {\n      this.props.onDataChange(key, data);\n    };\n\n    const CustomToolbar = getCustomToolbar(\n      plugin,\n      node,\n      value,\n      handleDone,\n      this.props.onDataChange\n    );\n\n    const filteredPlugins =\n      plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n    log('[render] CustomToolbar: ', CustomToolbar);\n    const parentExtraStyles =\n      parentPlugin && parentPlugin.pluginStyles\n        ? parentPlugin.pluginStyles(node, parentNode, plugin)\n        : {};\n    const pluginExtraStyles =\n      plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};\n    const extraStyles = {\n      ...pluginExtraStyles,\n      ...parentExtraStyles\n    };\n\n    const deletable = node && plugin && plugin.deleteNode;\n    const customToolbarShowDone =\n      node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;\n\n    // If there is a toolbarOpts we check if the showDone is not equal to false\n    const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;\n\n    const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;\n\n    const names = classNames(classes.toolbar, {\n      [classes.toolbarWithNoDone]: !hasDoneButton,\n      [classes.toolbarTop]: toolbarOpts.position === 'top',\n      [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n      [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n      [classes.autoWidth]: autoWidth,\n      [classes.fullWidth]: !autoWidth\n    });\n\n    return (\n      <div className={names} style={extraStyles} onClick={this.onClick}>\n        {CustomToolbar ? (\n          <CustomToolbar\n            node={node}\n            value={value}\n            onToolbarDone={this.onToolbarDone}\n            onDataChange={handleDataChange}\n            pluginProps={pluginProps}\n          />\n        ) : (\n          <DefaultToolbar\n            plugins={filteredPlugins}\n            pluginProps={pluginProps}\n            value={value}\n            onChange={onChange}\n            showDone={defaultToolbarShowDone}\n            onDone={handleDone}\n            deletable={deletable}\n          />\n        )}\n\n        <div className={classes.shared}>\n          {deletable && (\n            <IconButton\n              aria-label=\"Delete\"\n              className={classes.iconRoot}\n              onMouseDown={e => this.onDeleteMouseDown(e, plugin, node, value, onChange)}\n              classes={{\n                root: classes.iconRoot\n              }}\n            >\n              <Delete />\n            </IconButton>\n          )}\n          {customToolbarShowDone && <DoneButton onClick={handleDone} />}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst style = {\n  toolbar: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    background: 'var(--editable-html-toolbar-bg, #efefef)',\n    minWidth: '280px',\n    margin: '5px 0 0 0',\n    padding: '2px',\n    boxShadow:\n      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n    boxSizing: 'border-box',\n    display: 'none'\n  },\n  toolbarWithNoDone: {\n    minWidth: '265px'\n  },\n  toolbarTop: {\n    top: '-45px'\n  },\n  toolbarRight: {\n    right: 0\n  },\n  fullWidth: {\n    width: '100%'\n  },\n  autoWidth: {\n    width: 'auto'\n  },\n  focused: {\n    display: 'flex'\n  },\n  iconRoot: {\n    width: '28px',\n    height: '28px',\n    padding: '4px',\n    verticalAlign: 'top'\n  },\n  label: {\n    color: 'var(--editable-html-toolbar-check, #00bb00)'\n  },\n  shared: {\n    display: 'flex'\n  }\n};\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"file":"toolbar.js"}
+{"version":3,"file":"toolbar.js","names":["log","debug","getCustomToolbar","plugin","node","value","handleDone","onDataChange","toolbar","CustomToolbarComp","customToolbar","Toolbar","props","type","marks","some","mark","blocks","onChange","onToggle","change","e","preventDefault","fn","finishEditing","onDone","debounce","deleteNode","persist","onDeleteClick","state","removeCharacterDialogs","classes","plugins","pluginProps","toolbarOpts","autoWidth","getFocusedValue","isFocused","toolbarRef","findSingleNode","parentNode","findParentNode","find","p","supports","parentPlugin","done","Change","handler","onToolbarDone","handleDataChange","key","data","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","classNames","toolbarWithNoDone","toolbarTop","position","toolbarRight","alignment","focused","fullWidth","onClick","shared","iconRoot","onDeleteMouseDown","root","React","Component","zIndex","PropTypes","number","SlatePropTypes","isRequired","array","object","onImageClick","func","bool","shape","oneOf","ref","style","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","top","right","width","height","verticalAlign","label","color","withStyles","index"],"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"sourcesContent":["import React from 'react';\nimport { Change } from 'slate';\nimport Delete from '@material-ui/icons/Delete';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport SlatePropTypes from 'slate-prop-types';\nimport debounce from 'lodash/debounce';\n\nimport { DoneButton } from './done-button';\n\nimport { findSingleNode, findParentNode } from '../utils';\nimport { withStyles } from '@material-ui/core/styles';\nimport DefaultToolbar from './default-toolbar';\nimport { removeDialogs as removeCharacterDialogs } from '../characters';\n\nconst log = debug('@pie-lib:editable-html:plugins:toolbar');\n\nconst getCustomToolbar = (plugin, node, value, handleDone, onDataChange) => {\n  if (!plugin) {\n    return;\n  }\n  if (!plugin.toolbar) {\n    return;\n  }\n  if (plugin.toolbar.CustomToolbarComp) {\n    /**\n     * Using a pre-defined Component should be preferred\n     * as the rendering of it (and it's children) can be optimized by React.\n     * If you keep re-defining the comp with an inline function\n     * then react will have to re-render.\n     */\n    return plugin.toolbar.CustomToolbarComp;\n  } else if (typeof plugin.toolbar.customToolbar === 'function') {\n    log('deprecated - use CustomToolbarComp');\n    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);\n  }\n};\n\nexport class Toolbar extends React.Component {\n  static propTypes = {\n    zIndex: PropTypes.number,\n    value: SlatePropTypes.value.isRequired,\n    plugins: PropTypes.array,\n    plugin: PropTypes.object,\n    onImageClick: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    toolbarRef: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    isFocused: PropTypes.bool,\n    autoWidth: PropTypes.bool,\n    onChange: PropTypes.func.isRequired,\n    getFocusedValue: PropTypes.func.isRequired,\n    pluginProps: PropTypes.object,\n    toolbarOpts: PropTypes.shape({\n      position: PropTypes.oneOf(['bottom', 'top']),\n      alignment: PropTypes.oneOf(['left', 'right']),\n      alwaysVisible: PropTypes.bool,\n      ref: PropTypes.func,\n      showDone: PropTypes.bool\n    }),\n    onDataChange: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      change: null\n    };\n  }\n\n  componentWillUnmount() {\n    removeCharacterDialogs();\n  }\n\n  hasMark = type => {\n    const { value } = this.props;\n    return value.marks.some(mark => mark.type == type);\n  };\n\n  hasBlock = type => {\n    const { value } = this.props;\n    return value.blocks.some(node => node.type == type);\n  };\n\n  onToggle = plugin => {\n    const { value, onChange } = this.props;\n\n    if (!plugin.onToggle) return;\n\n    const change = plugin.onToggle(value.change());\n    onChange(change);\n  };\n\n  onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n  };\n\n  onButtonClick = fn => {\n    return e => {\n      e.preventDefault();\n      fn();\n    };\n  };\n\n  onToolbarDone = (change, finishEditing) => {\n    log('[onToolbarDone] change: ', change, 'finishEditing: ', finishEditing);\n    const { onChange, onDone } = this.props;\n\n    if (change) {\n      onChange(change, () => {\n        if (finishEditing) {\n          onDone();\n        }\n      });\n    } else {\n      if (finishEditing) {\n        log('[onToolbarChange] call onDone');\n        onDone();\n      }\n    }\n  };\n\n  onDeleteClick = debounce(\n    (e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange),\n    500\n  );\n\n  onDeleteMouseDown = (e, plugin, node, value, onChange) => {\n    e.persist();\n    this.onDeleteClick(e, plugin, node, value, onChange);\n  };\n\n  render() {\n    const {\n      classes,\n      plugins,\n      pluginProps,\n      toolbarOpts,\n      value,\n      autoWidth,\n      onChange,\n      getFocusedValue,\n      isFocused,\n      onDone,\n      toolbarRef\n    } = this.props;\n\n    const node = findSingleNode(value);\n    const parentNode = findParentNode(value, node);\n\n    log(' --------------> [render] node: ', node);\n    log('[render] node: ', node);\n\n    const plugin = plugins.find(p => {\n      if (!node) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(node, value);\n      }\n    });\n    const parentPlugin = plugins.find(p => {\n      if (!parentNode) {\n        return;\n      }\n\n      if (p.toolbar) {\n        return p.toolbar.supports && p.toolbar.supports(parentNode, value);\n      }\n    });\n\n    log('[render] plugin: ', plugin);\n\n    const handleDone = (change, done) => {\n      // use handler only if this is an actual Slate Change\n      if (!(change instanceof Change)) {\n        return;\n      }\n\n      let handler = onDone;\n\n      if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n        handler = this.onToolbarDone;\n      }\n\n      handler(change, done);\n\n      if (parentPlugin && parentPlugin.handleDone) {\n        parentPlugin.handleDone(value, node, plugin, onChange);\n      }\n    };\n\n    const handleDataChange = (key, data) => {\n      this.props.onDataChange(key, data);\n    };\n\n    const CustomToolbar = getCustomToolbar(\n      plugin,\n      node,\n      value,\n      handleDone,\n      this.props.onDataChange\n    );\n\n    const filteredPlugins =\n      plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n    log('[render] CustomToolbar: ', CustomToolbar);\n    const parentExtraStyles =\n      parentPlugin && parentPlugin.pluginStyles\n        ? parentPlugin.pluginStyles(node, parentNode, plugin)\n        : {};\n    const pluginExtraStyles =\n      plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};\n    const extraStyles = {\n      ...pluginExtraStyles,\n      ...parentExtraStyles\n    };\n\n    const deletable = node && plugin && plugin.deleteNode;\n    const customToolbarShowDone =\n      node && plugin && plugin.toolbar && plugin.toolbar.showDone && !toolbarOpts.alwaysVisible;\n\n    // If there is a toolbarOpts we check if the showDone is not equal to false\n    const defaultToolbarShowDone = !toolbarOpts || toolbarOpts.showDone !== false;\n\n    const hasDoneButton = defaultToolbarShowDone || customToolbarShowDone;\n\n    const names = classNames(classes.toolbar, {\n      [classes.toolbarWithNoDone]: !hasDoneButton,\n      [classes.toolbarTop]: toolbarOpts.position === 'top',\n      [classes.toolbarRight]: toolbarOpts.alignment === 'right',\n      [classes.focused]: toolbarOpts.alwaysVisible || isFocused,\n      [classes.autoWidth]: autoWidth,\n      [classes.fullWidth]: !autoWidth\n    });\n\n    return (\n      <div className={names} style={extraStyles} onClick={this.onClick} ref={toolbarRef}>\n        {CustomToolbar ? (\n          <CustomToolbar\n            node={node}\n            value={value}\n            onToolbarDone={this.onToolbarDone}\n            onDataChange={handleDataChange}\n            pluginProps={pluginProps}\n          />\n        ) : (\n          <DefaultToolbar\n            plugins={filteredPlugins}\n            pluginProps={pluginProps}\n            value={value}\n            onChange={onChange}\n            getFocusedValue={getFocusedValue}\n            showDone={defaultToolbarShowDone}\n            onDone={handleDone}\n            deletable={deletable}\n          />\n        )}\n\n        <div className={classes.shared}>\n          {deletable && (\n            <IconButton\n              aria-label=\"Delete\"\n              className={classes.iconRoot}\n              onMouseDown={e => this.onDeleteMouseDown(e, plugin, node, value, onChange)}\n              classes={{\n                root: classes.iconRoot\n              }}\n            >\n              <Delete />\n            </IconButton>\n          )}\n          {customToolbarShowDone && <DoneButton onClick={handleDone} />}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst style = {\n  toolbar: {\n    position: 'absolute',\n    zIndex: 10,\n    cursor: 'pointer',\n    justifyContent: 'space-between',\n    background: 'var(--editable-html-toolbar-bg, #efefef)',\n    minWidth: '280px',\n    margin: '5px 0 0 0',\n    padding: '2px',\n    boxShadow:\n      '0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12)',\n    boxSizing: 'border-box',\n    display: 'none'\n  },\n  toolbarWithNoDone: {\n    minWidth: '265px'\n  },\n  toolbarTop: {\n    top: '-45px'\n  },\n  toolbarRight: {\n    right: 0\n  },\n  fullWidth: {\n    width: '100%'\n  },\n  autoWidth: {\n    width: 'auto'\n  },\n  focused: {\n    display: 'flex'\n  },\n  iconRoot: {\n    width: '28px',\n    height: '28px',\n    padding: '4px',\n    verticalAlign: 'top'\n  },\n  label: {\n    color: 'var(--editable-html-toolbar-check, #00bb00)'\n  },\n  shared: {\n    display: 'flex'\n  }\n};\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"mappings":"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"}

package/lib/plugins/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasNode = exports.hasBlock = exports.hasMark = exports.findParentNode = exports.findSingleNode = void 0;
+exports.hasNode = exports.hasMark = exports.hasBlock = exports.findSingleNode = exports.findParentNode = void 0;
 
 var findSingleNode = function findSingleNode(value) {
   if (!value || !value.isCollapsed || !value.startKey) {

package/lib/plugins/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/plugins/utils.js"],"names":["findSingleNode","value","isCollapsed","startKey","inline","document","getClosestInline","block","getClosestBlock","findParentNode","node","getParent","key","hasMark","type","marks","some","mark","hasBlock","blocks","hasNode","nodes"],"mappings":";;;;;;;AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,KAAK,EAAI;AACrC,MAAI,CAACA,KAAD,IAAU,CAACA,KAAK,CAACC,WAAjB,IAAgC,CAACD,KAAK,CAACE,QAA3C,EAAqD;AACnD;AACD;;AAED,MAAMC,MAAM,GAAGH,KAAK,CAACI,QAAN,CAAeC,gBAAf,CAAgCL,KAAK,CAACE,QAAtC,CAAf;;AAEA,MAAIC,MAAJ,EAAY;AACV,WAAOA,MAAP;AACD;;AAED,MAAMG,KAAK,GAAGN,KAAK,CAACI,QAAN,CAAeG,eAAf,CAA+BP,KAAK,CAACE,QAArC,CAAd;;AAEA,MAAII,KAAJ,EAAW;AACT,WAAOA,KAAP;AACD;AACF,CAhBM;;;;AAkBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACR,KAAD,EAAQS,IAAR,EAAiB;AAC7C,MAAI,CAACT,KAAD,IAAU,CAACS,IAAf,EAAqB;AACnB;AACD;;AAED,SAAOT,KAAK,CAACI,QAAN,CAAeM,SAAf,CAAyBD,IAAI,CAACE,GAA9B,CAAP;AACD,CANM;;;;AAQA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACZ,KAAD,EAAQa,IAAR;AAAA,SAAiBb,KAAK,IAAIA,KAAK,CAACc,KAAN,CAAYC,IAAZ,CAAiB,UAAAC,IAAI;AAAA,WAAIA,IAAI,CAACH,IAAL,IAAaA,IAAjB;AAAA,GAArB,CAA1B;AAAA,CAAhB;;;;AAEA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACjB,KAAD,EAAQa,IAAR;AAAA,SAAiBb,KAAK,IAAIA,KAAK,CAACkB,MAAN,CAAaH,IAAb,CAAkB,UAAAN,IAAI;AAAA,WAAIA,IAAI,CAACI,IAAL,IAAaA,IAAjB;AAAA,GAAtB,CAA1B;AAAA,CAAjB;;;;AAEA,IAAMM,OAAO,GAAG,SAAVA,OAAU,OAAeN,IAAf;AAAA,MAAGT,QAAH,QAAGA,QAAH;AAAA,SACrBA,QAAQ,IAAIA,QAAQ,CAACgB,KAAT,CAAeL,IAAf,CAAoB,UAAAN,IAAI;AAAA,WAAIA,IAAI,CAACI,IAAL,IAAaA,IAAjB;AAAA,GAAxB,CADS;AAAA,CAAhB","sourcesContent":["export const findSingleNode = value => {\n  if (!value || !value.isCollapsed || !value.startKey) {\n    return;\n  }\n\n  const inline = value.document.getClosestInline(value.startKey);\n\n  if (inline) {\n    return inline;\n  }\n\n  const block = value.document.getClosestBlock(value.startKey);\n\n  if (block) {\n    return block;\n  }\n};\n\nexport const findParentNode = (value, node) => {\n  if (!value || !node) {\n    return;\n  }\n\n  return value.document.getParent(node.key);\n};\n\nexport const hasMark = (value, type) => value && value.marks.some(mark => mark.type == type);\n\nexport const hasBlock = (value, type) => value && value.blocks.some(node => node.type == type);\n\nexport const hasNode = ({ document }, type) =>\n  document && document.nodes.some(node => node.type == type);\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["findSingleNode","value","isCollapsed","startKey","inline","document","getClosestInline","block","getClosestBlock","findParentNode","node","getParent","key","hasMark","type","marks","some","mark","hasBlock","blocks","hasNode","nodes"],"sources":["../../src/plugins/utils.js"],"sourcesContent":["export const findSingleNode = value => {\n  if (!value || !value.isCollapsed || !value.startKey) {\n    return;\n  }\n\n  const inline = value.document.getClosestInline(value.startKey);\n\n  if (inline) {\n    return inline;\n  }\n\n  const block = value.document.getClosestBlock(value.startKey);\n\n  if (block) {\n    return block;\n  }\n};\n\nexport const findParentNode = (value, node) => {\n  if (!value || !node) {\n    return;\n  }\n\n  return value.document.getParent(node.key);\n};\n\nexport const hasMark = (value, type) => value && value.marks.some(mark => mark.type == type);\n\nexport const hasBlock = (value, type) => value && value.blocks.some(node => node.type == type);\n\nexport const hasNode = ({ document }, type) =>\n  document && document.nodes.some(node => node.type == type);\n"],"mappings":";;;;;;;AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,KAAK,EAAI;EACrC,IAAI,CAACA,KAAD,IAAU,CAACA,KAAK,CAACC,WAAjB,IAAgC,CAACD,KAAK,CAACE,QAA3C,EAAqD;IACnD;EACD;;EAED,IAAMC,MAAM,GAAGH,KAAK,CAACI,QAAN,CAAeC,gBAAf,CAAgCL,KAAK,CAACE,QAAtC,CAAf;;EAEA,IAAIC,MAAJ,EAAY;IACV,OAAOA,MAAP;EACD;;EAED,IAAMG,KAAK,GAAGN,KAAK,CAACI,QAAN,CAAeG,eAAf,CAA+BP,KAAK,CAACE,QAArC,CAAd;;EAEA,IAAII,KAAJ,EAAW;IACT,OAAOA,KAAP;EACD;AACF,CAhBM;;;;AAkBA,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACR,KAAD,EAAQS,IAAR,EAAiB;EAC7C,IAAI,CAACT,KAAD,IAAU,CAACS,IAAf,EAAqB;IACnB;EACD;;EAED,OAAOT,KAAK,CAACI,QAAN,CAAeM,SAAf,CAAyBD,IAAI,CAACE,GAA9B,CAAP;AACD,CANM;;;;AAQA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACZ,KAAD,EAAQa,IAAR;EAAA,OAAiBb,KAAK,IAAIA,KAAK,CAACc,KAAN,CAAYC,IAAZ,CAAiB,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACH,IAAL,IAAaA,IAAjB;EAAA,CAArB,CAA1B;AAAA,CAAhB;;;;AAEA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAACjB,KAAD,EAAQa,IAAR;EAAA,OAAiBb,KAAK,IAAIA,KAAK,CAACkB,MAAN,CAAaH,IAAb,CAAkB,UAAAN,IAAI;IAAA,OAAIA,IAAI,CAACI,IAAL,IAAaA,IAAjB;EAAA,CAAtB,CAA1B;AAAA,CAAjB;;;;AAEA,IAAMM,OAAO,GAAG,SAAVA,OAAU,OAAeN,IAAf;EAAA,IAAGT,QAAH,QAAGA,QAAH;EAAA,OACrBA,QAAQ,IAAIA,QAAQ,CAACgB,KAAT,CAAeL,IAAf,CAAoB,UAAAN,IAAI;IAAA,OAAIA,IAAI,CAACI,IAAL,IAAaA,IAAjB;EAAA,CAAxB,CADS;AAAA,CAAhB"}

package/lib/serialization.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.valueToHtml = exports.htmlToValue = exports.TEXT_RULE = exports.reactAttributes = exports.parseStyleString = exports.BLOCK_TAGS = void 0;
+exports.valueToHtml = exports.reactAttributes = exports.parseStyleString = exports.htmlToValue = exports.getBase64 = exports.TEXT_RULE = exports.BLOCK_TAGS = void 0;
 
 var _slateHtmlSerializer = _interopRequireDefault(require("slate-html-serializer"));
 
@@ -27,8 +29,6 @@ var _respArea = require("./plugins/respArea");
 
 var _slate = require("slate");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var log = (0, _debug["default"])('@pie-lib:editable-html:serialization');
 /**
  * Tags to blocks.
@@ -79,9 +79,27 @@ var parseStyleString = function parseStyleString(s) {
 
 exports.parseStyleString = parseStyleString;
 
+var getBase64 = function getBase64(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+};
+
+exports.getBase64 = getBase64;
+
 var reactAttributes = function reactAttributes(o) {
   return (0, _toStyle.object)(o, {
-    camelize: true
+    camelize: true,
+    addUnits: false
   });
 };
 
@@ -150,7 +168,7 @@ var blocks = {
     for (key in BLOCK_TAGS) {
       if (BLOCK_TAGS[key] === object.type) {
         var Tag = key;
-        return _react["default"].createElement(Tag, jsonData.attributes, children);
+        return /*#__PURE__*/_react["default"].createElement(Tag, jsonData.attributes, children);
       }
     }
   }
@@ -171,7 +189,7 @@ var marks = {
       for (var key in MARK_TAGS) {
         if (MARK_TAGS[key] === object.type) {
           var Tag = key;
-          return _react["default"].createElement(Tag, null, children);
+          return /*#__PURE__*/_react["default"].createElement(Tag, null, children);
         }
       }
     }
@@ -222,7 +240,7 @@ var TEXT_RULE = {
   serialize: function serialize(obj, children) {
     if (obj.object === 'string') {
       return children.split('\n').reduce(function (array, text, i) {
-        if (i !== 0) array.push(_react["default"].createElement("br", null));
+        if (i !== 0) array.push( /*#__PURE__*/_react["default"].createElement("br", null));
         array.push(text);
         return array;
       }, []);
@@ -361,7 +379,7 @@ serializer.deserialize = function deserialize(html) {
   };
   var i;
 
-  for (i = 0; i < 1000; i++) {
+  for (i = 0; i < 3000; i++) {
     json.schema.rules.push({
       match: {
         object: 'document'
@@ -384,7 +402,12 @@ serializer.deserialize = function deserialize(html) {
 };
 
 var htmlToValue = function htmlToValue(html) {
-  return serializer.deserialize(html);
+  try {
+    return serializer.deserialize(html);
+  } catch (e) {
+    console.log("Couldn't parse html: ", e);
+    return {};
+  }
 };
 
 exports.htmlToValue = htmlToValue;