@pie-lib/editable-html 10.0.0-beta.7 → 10.0.0

package/lib/plugins/toolbar/toolbar.js

@@ -1,38 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Toolbar = void 0;
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+
+var _react = _interopRequireDefault(require("react"));
+
 var _slate = require("slate");
-var _slateReact = require("slate-react");
+
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
+
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _debug = _interopRequireDefault(require("debug"));
+
+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"));
+
 var _characters = require("../characters");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 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 _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 _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 _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');
-var getCustomToolbar = function getCustomToolbar(plugin, node, nodePath, editor, handleDone) {
+
+var getCustomToolbar = function getCustomToolbar(plugin, node, value, handleDone, onDataChange) {
   if (!plugin) {
     return;
   }
+
   if (!plugin.toolbar) {
     return;
   }
+
   if (plugin.toolbar.CustomToolbarComp) {
     /**
      * Using a pre-defined Component should be preferred
@@ -43,9 +78,226 @@ var getCustomToolbar = function getCustomToolbar(plugin, node, nodePath, editor,
     return plugin.toolbar.CustomToolbarComp;
   } else if (typeof plugin.toolbar.customToolbar === 'function') {
     log('deprecated - use CustomToolbarComp');
-    return plugin.toolbar.customToolbar(node, nodePath, editor, handleDone);
+    return plugin.toolbar.customToolbar(node, value, handleDone, onDataChange);
   }
 };
+
+var Toolbar = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Toolbar, _React$Component);
+
+  var _super = _createSuper(Toolbar);
+
+  function Toolbar(props) {
+    var _this;
+
+    (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;
+      });
+    });
+    (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;
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onToggle", function (plugin) {
+      var _this$props = _this.props,
+          value = _this$props.value,
+          onChange = _this$props.onChange;
+      if (!plugin.onToggle) return;
+      var change = plugin.onToggle(value.change());
+      onChange(change);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
+      log('[onClick]');
+      e.preventDefault();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onButtonClick", function (fn) {
+      return function (e) {
+        e.preventDefault();
+        fn();
+      };
+    });
+    (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,
+          onDone = _this$props2.onDone; // use handler only if this is an actual Slate Change
+
+      if (change instanceof _slate.Change) {
+        onChange(change, function () {
+          if (finishEditing) {
+            onDone();
+          }
+        });
+      } else {
+        if (finishEditing) {
+          log('[onToolbarChange] call onDone');
+          onDone();
+        }
+      }
+    });
+    (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));
+    (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;
+  }
+
+  (0, _createClass2["default"])(Toolbar, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      (0, _characters.removeDialogs)();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this,
+          _classNames;
+
+      var _this$props3 = this.props,
+          classes = _this$props3.classes,
+          plugins = _this$props3.plugins,
+          pluginProps = _this$props3.pluginProps,
+          toolbarOpts = _this$props3.toolbarOpts,
+          value = _this$props3.value,
+          autoWidth = _this$props3.autoWidth,
+          onChange = _this$props3.onChange,
+          getFocusedValue = _this$props3.getFocusedValue,
+          isFocused = _this$props3.isFocused,
+          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);
+      log('[render] node: ', node);
+      var plugin = plugins.find(function (p) {
+        if (!node) {
+          return;
+        }
+
+        if (p.toolbar) {
+          return p.toolbar.supports && p.toolbar.supports(node, value);
+        }
+      });
+      var parentPlugin = plugins.find(function (p) {
+        if (!parentNode) {
+          return;
+        }
+
+        if (p.toolbar) {
+          return p.toolbar.supports && p.toolbar.supports(parentNode, value);
+        }
+      });
+      log('[render] plugin: ', plugin);
+
+      var handleDone = function handleDone(change, done) {
+        var handler = onDone;
+
+        if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
+          handler = _this2.onToolbarDone;
+        }
+
+        handler(change, done);
+
+        if (parentPlugin && parentPlugin.handleDone) {
+          parentPlugin.handleDone(value, node, plugin, onChange);
+        }
+      };
+
+      var handleDataChange = function handleDataChange(key, data) {
+        _this2.props.onDataChange(key, data);
+      };
+
+      var CustomToolbar = getCustomToolbar(plugin, node, value, handleDone, this.props.onDataChange);
+      var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
+      log('[render] CustomToolbar: ', CustomToolbar);
+      var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
+      var pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
+
+      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 = {}, (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,
+        ref: toolbarRef
+      }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
+        node: node,
+        value: value,
+        onToolbarDone: this.onToolbarDone,
+        onDataChange: handleDataChange,
+        pluginProps: pluginProps
+      }) : /*#__PURE__*/_react["default"].createElement(_defaultToolbar["default"], {
+        plugins: filteredPlugins,
+        pluginProps: pluginProps,
+        value: value,
+        onChange: onChange,
+        getFocusedValue: getFocusedValue,
+        showDone: defaultToolbarShowDone,
+        onDone: handleDone,
+        deletable: deletable,
+        isHtmlMode: toolbarOpts.isHtmlMode
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.shared
+      }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+        "aria-label": "Delete",
+        className: classes.iconRoot,
+        onMouseDown: function onMouseDown(e) {
+          return _this2.onDeleteMouseDown(e, plugin, node, value, onChange);
+        },
+        classes: {
+          root: classes.iconRoot
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
+        onClick: handleDone
+      })));
+    }
+  }]);
+  return Toolbar;
+}(_react["default"].Component);
+
+exports.Toolbar = Toolbar;
+(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',
@@ -91,226 +343,10 @@ var style = {
     display: 'flex'
   }
 };
-var Toolbar = function Toolbar(props) {
-  var _classNames;
-  (0, _react.useEffect)(function () {
-    return function () {
-      return (0, _characters.removeDialogs)();
-    };
-  }, []);
-  var hasMark = function hasMark(type) {
-    var value = props.value;
-    return value.marks.some(function (mark) {
-      return mark.type === type;
-    });
-  };
-  var hasBlock = function hasBlock(type) {
-    var value = props.value;
-    return value.blocks.some(function (node) {
-      return node.type === type;
-    });
-  };
-  var onToggle = function onToggle(plugin) {
-    var value = props.value,
-      onChange = props.onChange;
-    if (!plugin.onToggle) return;
-    var change = plugin.onToggle(value.change());
-    onChange(change);
-  };
-  var onClick = function onClick(e) {
-    log('[onClick]');
-    e.preventDefault();
-  };
-  var onButtonClick = function onButtonClick(fn) {
-    return function (e) {
-      e.preventDefault();
-      fn();
-    };
-  };
-  var onToolbarDone = function onToolbarDone(editor, finishEditing) {
-    log('[onToolbarDone] change: ', editor, 'finishEditing: ', finishEditing);
-    var onChange = props.onChange,
-      onDone = props.onDone;
-    if (editor) {
-      onChange(editor, function () {
-        if (finishEditing) {
-          onDone();
-        }
-      });
-    } else {
-      if (finishEditing) {
-        log('[onToolbarChange] call onDone');
-        onDone();
-      }
-    }
-  };
-  var onDeleteClick = (0, _debounce["default"])(function (e, plugin, node, nodePath, editor, onChange) {
-    return plugin.deleteNode(e, node, nodePath, editor, onChange);
-  }, 500);
-  var onDeleteMouseDown = function onDeleteMouseDown(e) {
-    e.persist();
-    onDeleteClick(e, plugin, node, nodePath, editor, onChange);
-  };
-  var classes = props.classes,
-    plugins = props.plugins,
-    pluginProps = props.pluginProps,
-    toolbarOpts = props.toolbarOpts,
-    value = props.value,
-    autoWidth = props.autoWidth,
-    onChange = props.onChange,
-    getFocusedValue = props.getFocusedValue,
-    isFocused = props.isFocused,
-    onDone = props.onDone,
-    toolbarRef = props.toolbarRef;
-  var editor = (0, _slateReact.useSlate)();
-  var selection = (0, _slateReact.useSlateSelection)();
-  var getNode = function getNode(editor, selection, depth) {
-    if (!selection) {
-      return null;
-    }
 
-    // this means we have selected text
-    if (selection.anchor.offset !== selection.focus.offset) {
-      return null;
-    }
-    var _Editor$node = _slate.Editor.node(editor, selection, depth ? {
-        depth: depth
-      } : undefined),
-      _Editor$node2 = (0, _slicedToArray2["default"])(_Editor$node, 2),
-      node = _Editor$node2[0],
-      path = _Editor$node2[1];
-    if (!node) {
-      return null;
-    }
-    if (!_slate.Text.isText(node)) {
-      return [node, path];
-    }
-    return getNode(editor, selection, path.length - 1);
-  };
-  var getParentNode = function getParentNode(editor, path) {
-    return Array.isArray(path) && path.length > 0 && _slate.Editor.parent(editor, path);
-  };
-  var _ref = getNode(editor, selection) || [],
-    _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-    node = _ref2[0],
-    nodePath = _ref2[1];
-  var _ref3 = getParentNode(editor, nodePath) || [],
-    _ref4 = (0, _slicedToArray2["default"])(_ref3, 1),
-    parentNode = _ref4[0];
-  log(' --------------> [render] node: ', node);
-  log('[render] node: ', node);
-  var plugin = plugins.find(function (p) {
-    if (!node) {
-      return;
-    }
-    if (p.toolbar) {
-      return p.supports && p.supports(node, editor, value);
-    }
-  });
-  var parentPlugin = plugins.find(function (p) {
-    if (!parentNode) {
-      return;
-    }
-    if (p.toolbar) {
-      return p.supports && p.supports(parentNode, editor, value);
-    }
-  });
-  log('[render] plugin: ', plugin);
-  var handleDone = function handleDone(done) {
-    var isDone = done ? editor : null;
-    var handler = onDone;
-    if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {
-      handler = onToolbarDone;
-    }
-    if (isDone) {
-      editor.selection = null;
-    }
-    handler(isDone);
-    if (parentPlugin && parentPlugin.handleDone) {
-      parentPlugin.handleDone(isDone, node, plugin);
-    }
-  };
-  var CustomToolbar = getCustomToolbar(plugin, node, nodePath, editor, handleDone) || getCustomToolbar(parentPlugin, node, nodePath, editor, handleDone);
-  var filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;
-  log('[render] CustomToolbar: ', CustomToolbar);
-  var parentExtraStyles = parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};
-  var pluginExtraStyles = plugin && plugin.pluginStyles ? plugin.pluginStyles(node, parentNode, plugin) : {};
-  var extraStyles = _objectSpread(_objectSpread({}, pluginExtraStyles), parentExtraStyles);
-  var deletable = node && plugin && typeof plugin.deleteNode === 'function';
-  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 = {}, (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: onClick,
-    ref: toolbarRef
-  }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
-    editor: editor,
-    node: node,
-    nodePath: nodePath,
-    value: value,
-    onToolbarDone: onToolbarDone,
-    pluginProps: pluginProps
-  }) : /*#__PURE__*/_react["default"].createElement(_defaultToolbar["default"], {
-    editor: editor,
-    nodePath: nodePath,
-    plugins: filteredPlugins,
-    pluginProps: pluginProps,
-    value: value,
-    onChange: onChange,
-    getFocusedValue: getFocusedValue,
-    showDone: defaultToolbarShowDone,
-    onDone: handleDone,
-    deletable: deletable
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.shared
-  }, deletable && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-    "aria-label": "Delete",
-    className: classes.iconRoot,
-    onMouseDown: function onMouseDown(e) {
-      return onDeleteMouseDown(e);
-    },
-    classes: {
-      root: classes.iconRoot
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Delete["default"], null)), customToolbarShowDone && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
-    onClick: handleDone
-  })));
-};
-exports.Toolbar = Toolbar;
-Toolbar.propTypes = {
-  editor: _propTypes["default"].object.isRequired,
-  zIndex: _propTypes["default"].number,
-  value: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    type: _propTypes["default"].string,
-    children: _propTypes["default"].array,
-    data: _propTypes["default"].object
-  })),
-  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
-  })
-};
 var _default = (0, _styles.withStyles)(style, {
   index: 1000
 })(Toolbar);
+
 exports["default"] = _default;
 //# sourceMappingURL=toolbar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":["_react","_interopRequireWildcard","require","_slate","_slateReact","_Delete","_interopRequireDefault","_IconButton","_propTypes","_classnames","_debug","_debounce","_doneButton","_styles","_defaultToolbar","_characters","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","getCustomToolbar","plugin","node","nodePath","editor","handleDone","toolbar","CustomToolbarComp","customToolbar","style","position","zIndex","cursor","justifyContent","background","minWidth","margin","padding","boxShadow","boxSizing","display","toolbarWithNoDone","toolbarTop","top","toolbarRight","right","fullWidth","width","autoWidth","focused","iconRoot","height","verticalAlign","label","color","shared","Toolbar","props","_classNames","useEffect","removeCharacterDialogs","hasMark","type","value","marks","some","mark","hasBlock","blocks","onToggle","onChange","change","onClick","e","preventDefault","onButtonClick","fn","onToolbarDone","finishEditing","onDone","onDeleteClick","debounce","deleteNode","onDeleteMouseDown","persist","classes","plugins","pluginProps","toolbarOpts","getFocusedValue","isFocused","toolbarRef","useSlate","selection","useSlateSelection","getNode","depth","anchor","offset","focus","_Editor$node","Editor","undefined","_Editor$node2","_slicedToArray2","path","Text","isText","getParentNode","Array","isArray","parent","_ref","_ref2","_ref3","_ref4","parentNode","find","p","supports","parentPlugin","done","isDone","handler","CustomToolbar","filteredPlugins","filterPlugins","parentExtraStyles","pluginStyles","pluginExtraStyles","extraStyles","deletable","customToolbarShowDone","showDone","alwaysVisible","defaultToolbarShowDone","hasDoneButton","names","classNames","alignment","createElement","className","ref","onMouseDown","root","DoneButton","exports","propTypes","PropTypes","isRequired","number","arrayOf","shape","string","children","array","data","onImageClick","func","bool","oneOf","_default","withStyles","index"],"sources":["../../../src/plugins/toolbar/toolbar.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Change, Editor, Element as SlateElement, Text, Node } from 'slate';\nimport { useSlate, useSlateSelection } from \"slate-react\";\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 debounce from 'lodash/debounce';\n\nimport { DoneButton } from './done-button';\n\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, nodePath, editor, handleDone) => {\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, nodePath, editor, handleDone);\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};\n\nexport const Toolbar = props => {\n  useEffect(() => {\n    return () => removeCharacterDialogs();\n  }, []);\n\n  const hasMark = type => {\n    const { value } = props;\n    return value.marks.some(mark => mark.type === type);\n  };\n\n  const hasBlock = type => {\n    const { value } = props;\n    return value.blocks.some(node => node.type === type);\n  };\n\n  const onToggle = plugin => {\n    const { value, onChange } = props;\n\n    if (!plugin.onToggle) return;\n\n    const change = plugin.onToggle(value.change());\n    onChange(change);\n  };\n\n  const onClick = e => {\n    log('[onClick]');\n    e.preventDefault();\n  };\n\n  const onButtonClick = fn => {\n    return e => {\n      e.preventDefault();\n      fn();\n    };\n  };\n\n  const onToolbarDone = (editor, finishEditing) => {\n    log('[onToolbarDone] change: ', editor, 'finishEditing: ', finishEditing);\n    const { onChange, onDone } = props;\n\n    if (editor) {\n      onChange(editor, () => {\n        if (finishEditing) {\n          onDone();\n        }\n      });\n    } else {\n      if (finishEditing) {\n        log('[onToolbarChange] call onDone');\n        onDone();\n      }\n    }\n  };\n\n  const onDeleteClick = debounce(\n    (e, plugin, node, nodePath, editor, onChange) => plugin.deleteNode(e, node, nodePath, editor, onChange),\n    500\n  );\n\n  const onDeleteMouseDown = e => {\n    e.persist();\n    onDeleteClick(e, plugin, node, nodePath, editor, onChange);\n  };\n\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  } = props;\n\n  const editor = useSlate();\n  const selection = useSlateSelection();\n  const getNode = (editor, selection, depth) => {\n    if (!selection) {\n      return null;\n    }\n\n    // this means we have selected text\n    if (selection.anchor.offset !== selection.focus.offset) {\n      return null;\n    }\n\n    const [node, path] = Editor.node(editor, selection, depth ? { depth } : undefined);\n\n    if (!node) {\n      return null;\n    }\n\n    if (!Text.isText(node)) {\n      return [node, path];\n    }\n\n    return getNode(editor, selection, path.length - 1);\n  };\n  const getParentNode = (editor, path) => Array.isArray(path) && path.length > 0 && Editor.parent(editor, path);\n\n  const [node, nodePath] = getNode(editor, selection) || [];\n  const [parentNode] = getParentNode(editor, nodePath) || [];\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.supports && p.supports(node, editor, value);\n    }\n  });\n  const parentPlugin = plugins.find(p => {\n    if (!parentNode) {\n      return;\n    }\n\n    if (p.toolbar) {\n      return p.supports && p.supports(parentNode, editor, value);\n    }\n  });\n\n  log('[render] plugin: ', plugin);\n\n  const handleDone = done => {\n    const isDone = done ? editor : null;\n    let handler = onDone;\n\n    if (plugin && plugin.toolbar && plugin.toolbar.customToolbar) {\n      handler = onToolbarDone;\n    }\n\n    if (isDone) {\n      editor.selection = null;\n    }\n\n    handler(isDone);\n\n    if (parentPlugin && parentPlugin.handleDone) {\n      parentPlugin.handleDone(isDone, node, plugin);\n    }\n  };\n\n  const CustomToolbar =\n    getCustomToolbar(plugin, node, nodePath, editor, handleDone) ||\n    getCustomToolbar(parentPlugin, node, nodePath, editor, handleDone);\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 && typeof plugin.deleteNode === 'function';\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={onClick} ref={toolbarRef}>\n      {CustomToolbar ? (\n        <CustomToolbar\n          editor={editor}\n          node={node}\n          nodePath={nodePath}\n          value={value}\n          onToolbarDone={onToolbarDone}\n          pluginProps={pluginProps}\n        />\n      ) : (\n        <DefaultToolbar\n          editor={editor}\n          nodePath={nodePath}\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 => onDeleteMouseDown(e)}\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\nToolbar.propTypes = {\n  editor: PropTypes.object.isRequired,\n  zIndex: PropTypes.number,\n  value: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.string,\n      children: PropTypes.array,\n      data: PropTypes.object\n    })\n  ),\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};\n\nexport default withStyles(style, { index: 1000 })(Toolbar);\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,UAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,WAAA,GAAAH,sBAAA,CAAAJ,OAAA;AACA,IAAAQ,MAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AACA,IAAAS,SAAA,GAAAL,sBAAA,CAAAJ,OAAA;AAEA,IAAAU,WAAA,GAAAV,OAAA;AAEA,IAAAW,OAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAR,sBAAA,CAAAJ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AAAwE,SAAAc,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAhB,wBAAAoB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,QAAAwB,gBAAA,aAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAExE,IAAMS,GAAG,GAAG,IAAAC,iBAAK,EAAC,wCAAwC,CAAC;AAE3D,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,EAAK;EACvE,IAAI,CAACJ,MAAM,EAAE;IACX;EACF;EACA,IAAI,CAACA,MAAM,CAACK,OAAO,EAAE;IACnB;EACF;EACA,IAAIL,MAAM,CAACK,OAAO,CAACC,iBAAiB,EAAE;IACpC;AACJ;AACA;AACA;AACA;AACA;IACI,OAAON,MAAM,CAACK,OAAO,CAACC,iBAAiB;EACzC,CAAC,MAAM,IAAI,OAAON,MAAM,CAACK,OAAO,CAACE,aAAa,KAAK,UAAU,EAAE;IAC7DV,GAAG,CAAC,oCAAoC,CAAC;IACzC,OAAOG,MAAM,CAACK,OAAO,CAACE,aAAa,CAACN,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,CAAC;EACzE;AACF,CAAC;AAED,IAAMI,KAAK,GAAG;EACZH,OAAO,EAAE;IACPI,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE,SAAS;IACjBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,0CAA0C;IACtDC,QAAQ,EAAE,OAAO;IACjBC,MAAM,EAAE,WAAW;IACnBC,OAAO,EAAE,KAAK;IACdC,SAAS,EACP,+GAA+G;IACjHC,SAAS,EAAE,YAAY;IACvBC,OAAO,EAAE;EACX,CAAC;EACDC,iBAAiB,EAAE;IACjBN,QAAQ,EAAE;EACZ,CAAC;EACDO,UAAU,EAAE;IACVC,GAAG,EAAE;EACP,CAAC;EACDC,YAAY,EAAE;IACZC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTD,KAAK,EAAE;EACT,CAAC;EACDE,OAAO,EAAE;IACPT,OAAO,EAAE;EACX,CAAC;EACDU,QAAQ,EAAE;IACRH,KAAK,EAAE,MAAM;IACbI,MAAM,EAAE,MAAM;IACdd,OAAO,EAAE,KAAK;IACde,aAAa,EAAE;EACjB,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAE;EACT,CAAC;EACDC,MAAM,EAAE;IACNf,OAAO,EAAE;EACX;AACF,CAAC;AAEM,IAAMgB,OAAO,GAAG,SAAVA,OAAOA,CAAGC,KAAK,EAAI;EAAA,IAAAC,WAAA;EAC9B,IAAAC,gBAAS,EAAC,YAAM;IACd,OAAO;MAAA,OAAM,IAAAC,yBAAsB,EAAC,CAAC;IAAA;EACvC,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAGC,IAAI,EAAI;IACtB,IAAQC,KAAK,GAAKN,KAAK,CAAfM,KAAK;IACb,OAAOA,KAAK,CAACC,KAAK,CAACC,IAAI,CAAC,UAAAC,IAAI;MAAA,OAAIA,IAAI,CAACJ,IAAI,KAAKA,IAAI;IAAA,EAAC;EACrD,CAAC;EAED,IAAMK,QAAQ,GAAG,SAAXA,QAAQA,CAAGL,IAAI,EAAI;IACvB,IAAQC,KAAK,GAAKN,KAAK,CAAfM,KAAK;IACb,OAAOA,KAAK,CAACK,MAAM,CAACH,IAAI,CAAC,UAAA3C,IAAI;MAAA,OAAIA,IAAI,CAACwC,IAAI,KAAKA,IAAI;IAAA,EAAC;EACtD,CAAC;EAED,IAAMO,QAAQ,GAAG,SAAXA,QAAQA,CAAGhD,MAAM,EAAI;IACzB,IAAQ0C,KAAK,GAAeN,KAAK,CAAzBM,KAAK;MAAEO,QAAQ,GAAKb,KAAK,CAAlBa,QAAQ;IAEvB,IAAI,CAACjD,MAAM,CAACgD,QAAQ,EAAE;IAEtB,IAAME,MAAM,GAAGlD,MAAM,CAACgD,QAAQ,CAACN,KAAK,CAACQ,MAAM,CAAC,CAAC,CAAC;IAC9CD,QAAQ,CAACC,MAAM,CAAC;EAClB,CAAC;EAED,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAGC,CAAC,EAAI;IACnBvD,GAAG,CAAC,WAAW,CAAC;IAChBuD,CAAC,CAACC,cAAc,CAAC,CAAC;EACpB,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,EAAE,EAAI;IAC1B,OAAO,UAAAH,CAAC,EAAI;MACVA,CAAC,CAACC,cAAc,CAAC,CAAC;MAClBE,EAAE,CAAC,CAAC;IACN,CAAC;EACH,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIrD,MAAM,EAAEsD,aAAa,EAAK;IAC/C5D,GAAG,CAAC,0BAA0B,EAAEM,MAAM,EAAE,iBAAiB,EAAEsD,aAAa,CAAC;IACzE,IAAQR,QAAQ,GAAab,KAAK,CAA1Ba,QAAQ;MAAES,MAAM,GAAKtB,KAAK,CAAhBsB,MAAM;IAExB,IAAIvD,MAAM,EAAE;MACV8C,QAAQ,CAAC9C,MAAM,EAAE,YAAM;QACrB,IAAIsD,aAAa,EAAE;UACjBC,MAAM,CAAC,CAAC;QACV;MACF,CAAC,CAAC;IACJ,CAAC,MAAM;MACL,IAAID,aAAa,EAAE;QACjB5D,GAAG,CAAC,+BAA+B,CAAC;QACpC6D,MAAM,CAAC,CAAC;MACV;IACF;EACF,CAAC;EAED,IAAMC,aAAa,GAAG,IAAAC,oBAAQ,EAC5B,UAACR,CAAC,EAAEpD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE8C,QAAQ;IAAA,OAAKjD,MAAM,CAAC6D,UAAU,CAACT,CAAC,EAAEnD,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE8C,QAAQ,CAAC;EAAA,GACvG,GACF,CAAC;EAED,IAAMa,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGV,CAAC,EAAI;IAC7BA,CAAC,CAACW,OAAO,CAAC,CAAC;IACXJ,aAAa,CAACP,CAAC,EAAEpD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAE8C,QAAQ,CAAC;EAC5D,CAAC;EAED,IACEe,OAAO,GAWL5B,KAAK,CAXP4B,OAAO;IACPC,OAAO,GAUL7B,KAAK,CAVP6B,OAAO;IACPC,WAAW,GAST9B,KAAK,CATP8B,WAAW;IACXC,WAAW,GAQT/B,KAAK,CARP+B,WAAW;IACXzB,KAAK,GAOHN,KAAK,CAPPM,KAAK;IACLf,SAAS,GAMPS,KAAK,CANPT,SAAS;IACTsB,QAAQ,GAKNb,KAAK,CALPa,QAAQ;IACRmB,eAAe,GAIbhC,KAAK,CAJPgC,eAAe;IACfC,SAAS,GAGPjC,KAAK,CAHPiC,SAAS;IACTX,MAAM,GAEJtB,KAAK,CAFPsB,MAAM;IACNY,UAAU,GACRlC,KAAK,CADPkC,UAAU;EAGZ,IAAMnE,MAAM,GAAG,IAAAoE,oBAAQ,EAAC,CAAC;EACzB,IAAMC,SAAS,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EACrC,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAIvE,MAAM,EAAEqE,SAAS,EAAEG,KAAK,EAAK;IAC5C,IAAI,CAACH,SAAS,EAAE;MACd,OAAO,IAAI;IACb;;IAEA;IACA,IAAIA,SAAS,CAACI,MAAM,CAACC,MAAM,KAAKL,SAAS,CAACM,KAAK,CAACD,MAAM,EAAE;MACtD,OAAO,IAAI;IACb;IAEA,IAAAE,YAAA,GAAqBC,aAAM,CAAC/E,IAAI,CAACE,MAAM,EAAEqE,SAAS,EAAEG,KAAK,GAAG;QAAEA,KAAK,EAALA;MAAM,CAAC,GAAGM,SAAS,CAAC;MAAAC,aAAA,OAAAC,eAAA,aAAAJ,YAAA;MAA3E9E,IAAI,GAAAiF,aAAA;MAAEE,IAAI,GAAAF,aAAA;IAEjB,IAAI,CAACjF,IAAI,EAAE;MACT,OAAO,IAAI;IACb;IAEA,IAAI,CAACoF,WAAI,CAACC,MAAM,CAACrF,IAAI,CAAC,EAAE;MACtB,OAAO,CAACA,IAAI,EAAEmF,IAAI,CAAC;IACrB;IAEA,OAAOV,OAAO,CAACvE,MAAM,EAAEqE,SAAS,EAAEY,IAAI,CAAC7F,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC;EACD,IAAMgG,aAAa,GAAG,SAAhBA,aAAaA,CAAIpF,MAAM,EAAEiF,IAAI;IAAA,OAAKI,KAAK,CAACC,OAAO,CAACL,IAAI,CAAC,IAAIA,IAAI,CAAC7F,MAAM,GAAG,CAAC,IAAIyF,aAAM,CAACU,MAAM,CAACvF,MAAM,EAAEiF,IAAI,CAAC;EAAA;EAE7G,IAAAO,IAAA,GAAyBjB,OAAO,CAACvE,MAAM,EAAEqE,SAAS,CAAC,IAAI,EAAE;IAAAoB,KAAA,OAAAT,eAAA,aAAAQ,IAAA;IAAlD1F,IAAI,GAAA2F,KAAA;IAAE1F,QAAQ,GAAA0F,KAAA;EACrB,IAAAC,KAAA,GAAqBN,aAAa,CAACpF,MAAM,EAAED,QAAQ,CAAC,IAAI,EAAE;IAAA4F,KAAA,OAAAX,eAAA,aAAAU,KAAA;IAAnDE,UAAU,GAAAD,KAAA;EAEjBjG,GAAG,CAAC,kCAAkC,EAAEI,IAAI,CAAC;EAC7CJ,GAAG,CAAC,iBAAiB,EAAEI,IAAI,CAAC;EAE5B,IAAMD,MAAM,GAAGiE,OAAO,CAAC+B,IAAI,CAAC,UAAAC,CAAC,EAAI;IAC/B,IAAI,CAAChG,IAAI,EAAE;MACT;IACF;IAEA,IAAIgG,CAAC,CAAC5F,OAAO,EAAE;MACb,OAAO4F,CAAC,CAACC,QAAQ,IAAID,CAAC,CAACC,QAAQ,CAACjG,IAAI,EAAEE,MAAM,EAAEuC,KAAK,CAAC;IACtD;EACF,CAAC,CAAC;EACF,IAAMyD,YAAY,GAAGlC,OAAO,CAAC+B,IAAI,CAAC,UAAAC,CAAC,EAAI;IACrC,IAAI,CAACF,UAAU,EAAE;MACf;IACF;IAEA,IAAIE,CAAC,CAAC5F,OAAO,EAAE;MACb,OAAO4F,CAAC,CAACC,QAAQ,IAAID,CAAC,CAACC,QAAQ,CAACH,UAAU,EAAE5F,MAAM,EAAEuC,KAAK,CAAC;IAC5D;EACF,CAAC,CAAC;EAEF7C,GAAG,CAAC,mBAAmB,EAAEG,MAAM,CAAC;EAEhC,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAGgG,IAAI,EAAI;IACzB,IAAMC,MAAM,GAAGD,IAAI,GAAGjG,MAAM,GAAG,IAAI;IACnC,IAAImG,OAAO,GAAG5C,MAAM;IAEpB,IAAI1D,MAAM,IAAIA,MAAM,CAACK,OAAO,IAAIL,MAAM,CAACK,OAAO,CAACE,aAAa,EAAE;MAC5D+F,OAAO,GAAG9C,aAAa;IACzB;IAEA,IAAI6C,MAAM,EAAE;MACVlG,MAAM,CAACqE,SAAS,GAAG,IAAI;IACzB;IAEA8B,OAAO,CAACD,MAAM,CAAC;IAEf,IAAIF,YAAY,IAAIA,YAAY,CAAC/F,UAAU,EAAE;MAC3C+F,YAAY,CAAC/F,UAAU,CAACiG,MAAM,EAAEpG,IAAI,EAAED,MAAM,CAAC;IAC/C;EACF,CAAC;EAED,IAAMuG,aAAa,GACjBxG,gBAAgB,CAACC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,CAAC,IAC5DL,gBAAgB,CAACoG,YAAY,EAAElG,IAAI,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,UAAU,CAAC;EAEpE,IAAMoG,eAAe,GACnBxG,MAAM,IAAIA,MAAM,CAACyG,aAAa,GAAGzG,MAAM,CAACyG,aAAa,CAACxG,IAAI,EAAEgE,OAAO,CAAC,GAAGA,OAAO;EAEhFpE,GAAG,CAAC,0BAA0B,EAAE0G,aAAa,CAAC;EAC9C,IAAMG,iBAAiB,GACrBP,YAAY,IAAIA,YAAY,CAACQ,YAAY,GACrCR,YAAY,CAACQ,YAAY,CAAC1G,IAAI,EAAE8F,UAAU,EAAE/F,MAAM,CAAC,GACnD,CAAC,CAAC;EACR,IAAM4G,iBAAiB,GACrB5G,MAAM,IAAIA,MAAM,CAAC2G,YAAY,GAAG3G,MAAM,CAAC2G,YAAY,CAAC1G,IAAI,EAAE8F,UAAU,EAAE/F,MAAM,CAAC,GAAG,CAAC,CAAC;EACpF,IAAM6G,WAAW,GAAA1H,aAAA,CAAAA,aAAA,KACZyH,iBAAiB,GACjBF,iBAAiB,CACrB;EAED,IAAMI,SAAS,GAAG7G,IAAI,IAAID,MAAM,IAAI,OAAOA,MAAM,CAAC6D,UAAU,KAAK,UAAU;EAC3E,IAAMkD,qBAAqB,GACzB9G,IAAI,IAAID,MAAM,IAAIA,MAAM,CAACK,OAAO,IAAIL,MAAM,CAACK,OAAO,CAAC2G,QAAQ,IAAI,CAAC7C,WAAW,CAAC8C,aAAa;;EAE3F;EACA,IAAMC,sBAAsB,GAAG,CAAC/C,WAAW,IAAIA,WAAW,CAAC6C,QAAQ,KAAK,KAAK;EAE7E,IAAMG,aAAa,GAAGD,sBAAsB,IAAIH,qBAAqB;EAErE,IAAMK,KAAK,GAAG,IAAAC,sBAAU,EAACrD,OAAO,CAAC3D,OAAO,GAAAgC,WAAA,WAAA3C,gBAAA,aAAA2C,WAAA,EACrC2B,OAAO,CAAC5C,iBAAiB,EAAG,CAAC+F,aAAa,OAAAzH,gBAAA,aAAA2C,WAAA,EAC1C2B,OAAO,CAAC3C,UAAU,EAAG8C,WAAW,CAAC1D,QAAQ,KAAK,KAAK,OAAAf,gBAAA,aAAA2C,WAAA,EACnD2B,OAAO,CAACzC,YAAY,EAAG4C,WAAW,CAACmD,SAAS,KAAK,OAAO,OAAA5H,gBAAA,aAAA2C,WAAA,EACxD2B,OAAO,CAACpC,OAAO,EAAGuC,WAAW,CAAC8C,aAAa,IAAI5C,SAAS,OAAA3E,gBAAA,aAAA2C,WAAA,EACxD2B,OAAO,CAACrC,SAAS,EAAGA,SAAS,OAAAjC,gBAAA,aAAA2C,WAAA,EAC7B2B,OAAO,CAACvC,SAAS,EAAG,CAACE,SAAS,GAAAU,WAAA,CAChC,CAAC;EAEF,oBACEnG,MAAA,YAAAqL,aAAA;IAAKC,SAAS,EAAEJ,KAAM;IAAC5G,KAAK,EAAEqG,WAAY;IAAC1D,OAAO,EAAEA,OAAQ;IAACsE,GAAG,EAAEnD;EAAW,GAC1EiC,aAAa,gBACZrK,MAAA,YAAAqL,aAAA,CAAChB,aAAa;IACZpG,MAAM,EAAEA,MAAO;IACfF,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBwC,KAAK,EAAEA,KAAM;IACbc,aAAa,EAAEA,aAAc;IAC7BU,WAAW,EAAEA;EAAY,CAC1B,CAAC,gBAEFhI,MAAA,YAAAqL,aAAA,CAACvK,eAAA,WAAc;IACbmD,MAAM,EAAEA,MAAO;IACfD,QAAQ,EAAEA,QAAS;IACnB+D,OAAO,EAAEuC,eAAgB;IACzBtC,WAAW,EAAEA,WAAY;IACzBxB,KAAK,EAAEA,KAAM;IACbO,QAAQ,EAAEA,QAAS;IACnBmB,eAAe,EAAEA,eAAgB;IACjC4C,QAAQ,EAAEE,sBAAuB;IACjCxD,MAAM,EAAEtD,UAAW;IACnB0G,SAAS,EAAEA;EAAU,CACtB,CACF,eAED5K,MAAA,YAAAqL,aAAA;IAAKC,SAAS,EAAExD,OAAO,CAAC9B;EAAO,GAC5B4E,SAAS,iBACR5K,MAAA,YAAAqL,aAAA,CAAC9K,WAAA,WAAU;IACT,cAAW,QAAQ;IACnB+K,SAAS,EAAExD,OAAO,CAACnC,QAAS;IAC5B6F,WAAW,EAAE,SAAAA,YAAAtE,CAAC;MAAA,OAAIU,iBAAiB,CAACV,CAAC,CAAC;IAAA,CAAC;IACvCY,OAAO,EAAE;MACP2D,IAAI,EAAE3D,OAAO,CAACnC;IAChB;EAAE,gBAEF3F,MAAA,YAAAqL,aAAA,CAAChL,OAAA,WAAM,MAAE,CACC,CACb,EACAwK,qBAAqB,iBAAI7K,MAAA,YAAAqL,aAAA,CAACzK,WAAA,CAAA8K,UAAU;IAACzE,OAAO,EAAE/C;EAAW,CAAE,CACzD,CACF,CAAC;AAEV,CAAC;AAACyH,OAAA,CAAA1F,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAAC2F,SAAS,GAAG;EAClB3H,MAAM,EAAE4H,qBAAS,CAACtJ,MAAM,CAACuJ,UAAU;EACnCtH,MAAM,EAAEqH,qBAAS,CAACE,MAAM;EACxBvF,KAAK,EAAEqF,qBAAS,CAACG,OAAO,CACtBH,qBAAS,CAACI,KAAK,CAAC;IACd1F,IAAI,EAAEsF,qBAAS,CAACK,MAAM;IACtBC,QAAQ,EAAEN,qBAAS,CAACO,KAAK;IACzBC,IAAI,EAAER,qBAAS,CAACtJ;EAClB,CAAC,CACH,CAAC;EACDwF,OAAO,EAAE8D,qBAAS,CAACO,KAAK;EACxBtI,MAAM,EAAE+H,qBAAS,CAACtJ,MAAM;EACxB+J,YAAY,EAAET,qBAAS,CAACU,IAAI;EAC5B/E,MAAM,EAAEqE,qBAAS,CAACU,IAAI,CAACT,UAAU;EACjC1D,UAAU,EAAEyD,qBAAS,CAACU,IAAI,CAACT,UAAU;EACrChE,OAAO,EAAE+D,qBAAS,CAACtJ,MAAM,CAACuJ,UAAU;EACpC3D,SAAS,EAAE0D,qBAAS,CAACW,IAAI;EACzB/G,SAAS,EAAEoG,qBAAS,CAACW,IAAI;EACzBzF,QAAQ,EAAE8E,qBAAS,CAACU,IAAI,CAACT,UAAU;EACnC5D,eAAe,EAAE2D,qBAAS,CAACU,IAAI,CAACT,UAAU;EAC1C9D,WAAW,EAAE6D,qBAAS,CAACtJ,MAAM;EAC7B0F,WAAW,EAAE4D,qBAAS,CAACI,KAAK,CAAC;IAC3B1H,QAAQ,EAAEsH,qBAAS,CAACY,KAAK,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC5CrB,SAAS,EAAES,qBAAS,CAACY,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C1B,aAAa,EAAEc,qBAAS,CAACW,IAAI;IAC7BjB,GAAG,EAAEM,qBAAS,CAACU,IAAI;IACnBzB,QAAQ,EAAEe,qBAAS,CAACW;EACtB,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,GAEa,IAAAC,kBAAU,EAACrI,KAAK,EAAE;EAAEsI,KAAK,EAAE;AAAK,CAAC,CAAC,CAAC3G,OAAO,CAAC;AAAA0F,OAAA,cAAAe,QAAA"}
+{"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","Change","deleteNode","persist","onDeleteClick","state","classes","plugins","pluginProps","toolbarOpts","autoWidth","getFocusedValue","isFocused","toolbarRef","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","isHtmlMode","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","index"],"mappings":"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","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    // use handler only if this is an actual Slate Change\n    if (change instanceof 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((e, plugin, node, value, onChange) => plugin.deleteNode(e, node, value, onChange), 500);\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      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(plugin, node, value, handleDone, this.props.onDataChange);\n\n    const filteredPlugins = plugin && plugin.filterPlugins ? plugin.filterPlugins(node, plugins) : plugins;\n\n    log('[render] CustomToolbar: ', CustomToolbar);\n    const parentExtraStyles =\n      parentPlugin && parentPlugin.pluginStyles ? parentPlugin.pluginStyles(node, parentNode, plugin) : {};\n    const pluginExtraStyles = 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            isHtmlMode={toolbarOpts.isHtmlMode}\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"}