@pie-lib/editable-html 11.4.0 → 11.5.0

package/lib/plugins/toolbar/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ToolbarPlugin;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _editorAndToolbar = _interopRequireDefault(require("./editor-and-toolbar"));
-
-/**
- * Adds a toolbar which is shown when the editor is focused.
- * @param {*} opts
- */
-function ToolbarPlugin(opts) {
-  return {
-    /* eslint-disable-next-line */
-    renderEditor: function renderEditor(props) {
-      return /*#__PURE__*/_react["default"].createElement(_editorAndToolbar["default"], (0, _extends2["default"])({}, props, {
-        mainEditorRef: opts.mainEditorRef,
-        disableScrollbar: opts.disableScrollbar,
-        disableUnderline: opts.disableUnderline,
-        autoWidth: opts.autoWidth,
-        onDone: opts.onDone
-      }));
-    }
-  };
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/index.jsx"],"names":["ToolbarPlugin","opts","renderEditor","props","mainEditorRef","disableScrollbar","disableUnderline","autoWidth","onDone"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACe,SAASA,aAAT,CAAuBC,IAAvB,EAA6B;AAC1C,SAAO;AACL;AACAC,IAAAA,YAAY,EAAE,sBAACC,KAAD;AAAA,0BACZ,gCAAC,4BAAD,gCACMA,KADN;AAEE,QAAA,aAAa,EAAEF,IAAI,CAACG,aAFtB;AAGE,QAAA,gBAAgB,EAAEH,IAAI,CAACI,gBAHzB;AAIE,QAAA,gBAAgB,EAAEJ,IAAI,CAACK,gBAJzB;AAKE,QAAA,SAAS,EAAEL,IAAI,CAACM,SALlB;AAME,QAAA,MAAM,EAAEN,IAAI,CAACO;AANf,SADY;AAAA;AAFT,GAAP;AAaD","sourcesContent":["import React from 'react';\n\nimport EditorAndToolbar from './editor-and-toolbar';\n\n/**\n * Adds a toolbar which is shown when the editor is focused.\n * @param {*} opts\n */\nexport default function ToolbarPlugin(opts) {\n  return {\n    /* eslint-disable-next-line */\n    renderEditor: (props) => (\n      <EditorAndToolbar\n        {...props}\n        mainEditorRef={opts.mainEditorRef}\n        disableScrollbar={opts.disableScrollbar}\n        disableUnderline={opts.disableUnderline}\n        autoWidth={opts.autoWidth}\n        onDone={opts.onDone}\n      />\n    ),\n  };\n}\n"],"file":"index.js"}

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

@@ -1,194 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RawMarkButton = exports.RawButton = exports.MarkButton = exports.Button = 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 _react = _interopRequireDefault(require("react"));
-
-var _debug = _interopRequireDefault(require("debug"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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 styles = function styles(theme) {
-  return {
-    button: {
-      color: 'grey',
-      display: 'inline-flex',
-      padding: '2px',
-      background: 'none',
-      border: 'none',
-      cursor: 'pointer',
-      '&:hover': {
-        color: 'black'
-      },
-      '&:focus': {
-        outline: "2px solid ".concat(theme.palette.grey[700])
-      }
-    },
-    active: {
-      color: 'black'
-    },
-    disabled: {
-      opacity: 0.7,
-      cursor: 'not-allowed',
-      '& :hover': {
-        color: 'grey'
-      }
-    }
-  };
-};
-
-var log = (0, _debug["default"])('pie-elements:editable-html:raw-button');
-
-var RawButton = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(RawButton, _React$Component);
-
-  var _super = _createSuper(RawButton);
-
-  function RawButton(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, RawButton);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (e) {
-      log('[onClick]');
-      e.preventDefault();
-      var onClick = _this.props.onClick;
-      onClick(e);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyDown", function (e) {
-      if (e.key === 'Enter' || e.key === ' ') {
-        log('[onKeyDown]');
-        e.preventDefault();
-        var onClick = _this.props.onClick;
-        onClick(e);
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2["default"])(RawButton, [{
-    key: "render",
-    value: function render() {
-      var _classNames;
-
-      var _this$props = this.props,
-          active = _this$props.active,
-          classes = _this$props.classes,
-          children = _this$props.children,
-          disabled = _this$props.disabled,
-          extraStyles = _this$props.extraStyles,
-          ariaLabel = _this$props.ariaLabel;
-      var names = (0, _classnames["default"])(classes.button, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, classes.active, active), (0, _defineProperty2["default"])(_classNames, classes.disabled, disabled), _classNames));
-      return /*#__PURE__*/_react["default"].createElement("button", {
-        style: extraStyles,
-        className: names,
-        onMouseDown: this.onClick,
-        onKeyDown: this.onKeyDown,
-        disabled: disabled,
-        "aria-label": ariaLabel,
-        "aria-pressed": active,
-        tabIndex: 0
-      }, children);
-    }
-  }]);
-  return RawButton;
-}(_react["default"].Component);
-
-exports.RawButton = RawButton;
-(0, _defineProperty2["default"])(RawButton, "propTypes", {
-  onClick: _propTypes["default"].func.isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  active: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  extraStyles: _propTypes["default"].object
-});
-var Button = (0, _styles.withStyles)(styles)(RawButton);
-exports.Button = Button;
-
-var RawMarkButton = /*#__PURE__*/function (_React$Component2) {
-  (0, _inherits2["default"])(RawMarkButton, _React$Component2);
-
-  var _super2 = _createSuper(RawMarkButton);
-
-  function RawMarkButton(props) {
-    var _this2;
-
-    (0, _classCallCheck2["default"])(this, RawMarkButton);
-    _this2 = _super2.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onToggle", function (e) {
-      e.preventDefault();
-
-      _this2.props.onToggle(_this2.props.mark);
-    });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "onKeyDown", function (e) {
-      if (e.key === 'Enter' || e.key === ' ') {
-        e.preventDefault();
-
-        _this2.props.onToggle(_this2.props.mark);
-      }
-    });
-    return _this2;
-  }
-
-  (0, _createClass2["default"])(RawMarkButton, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          classes = _this$props2.classes,
-          children = _this$props2.children,
-          active = _this$props2.active,
-          label = _this$props2.label;
-      var names = (0, _classnames["default"])(classes.button, active && classes.active);
-      return /*#__PURE__*/_react["default"].createElement("button", {
-        className: names,
-        onMouseDown: this.onToggle,
-        "aria-pressed": active,
-        onKeyDown: this.onKeyDown,
-        "aria-label": label,
-        tabIndex: 0
-      }, children);
-    }
-  }]);
-  return RawMarkButton;
-}(_react["default"].Component);
-
-exports.RawMarkButton = RawMarkButton;
-(0, _defineProperty2["default"])(RawMarkButton, "propTypes", {
-  onToggle: _propTypes["default"].func.isRequired,
-  mark: _propTypes["default"].string,
-  label: _propTypes["default"].string.isRequired,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  classes: _propTypes["default"].object.isRequired,
-  active: _propTypes["default"].bool
-});
-var MarkButton = (0, _styles.withStyles)(styles)(RawMarkButton);
-exports.MarkButton = MarkButton;
-//# sourceMappingURL=toolbar-buttons.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/plugins/toolbar/toolbar-buttons.jsx"],"names":["styles","theme","button","color","display","padding","background","border","cursor","outline","palette","grey","active","disabled","opacity","log","RawButton","props","e","preventDefault","onClick","key","classes","children","extraStyles","ariaLabel","names","onKeyDown","React","Component","PropTypes","func","isRequired","object","oneOfType","arrayOf","node","bool","Button","RawMarkButton","onToggle","mark","label","string","MarkButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\nconst styles = (theme) => ({\n  button: {\n    color: 'grey',\n    display: 'inline-flex',\n    padding: '2px',\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    '&:hover': {\n      color: 'black',\n    },\n    '&:focus': {\n      outline: `2px solid ${theme.palette.grey[700]}`,\n    },\n  },\n  active: {\n    color: 'black',\n  },\n  disabled: {\n    opacity: 0.7,\n    cursor: 'not-allowed',\n    '& :hover': {\n      color: 'grey',\n    },\n  },\n});\n\nconst log = debug('pie-elements:editable-html:raw-button');\n\nexport class RawButton extends React.Component {\n  static propTypes = {\n    onClick: PropTypes.func.isRequired,\n    classes: PropTypes.object.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    active: PropTypes.bool,\n    disabled: PropTypes.bool,\n    extraStyles: PropTypes.object,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onClick = (e) => {\n    log('[onClick]');\n    e.preventDefault();\n    const { onClick } = this.props;\n    onClick(e);\n  };\n\n  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      log('[onKeyDown]');\n      e.preventDefault();\n      const { onClick } = this.props;\n      onClick(e);\n    }\n  };\n\n  render() {\n    const { active, classes, children, disabled, extraStyles, ariaLabel } = this.props;\n\n    const names = classNames(classes.button, {\n      [classes.active]: active,\n      [classes.disabled]: disabled,\n    });\n\n    return (\n      <button\n        style={extraStyles}\n        className={names}\n        onMouseDown={this.onClick}\n        onKeyDown={this.onKeyDown}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-pressed={active}\n        tabIndex={0}\n      >\n        {children}\n      </button>\n    );\n  }\n}\n\nexport const Button = withStyles(styles)(RawButton);\n\nexport class RawMarkButton extends React.Component {\n  static propTypes = {\n    onToggle: PropTypes.func.isRequired,\n    mark: PropTypes.string,\n    label: PropTypes.string.isRequired,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object.isRequired,\n    active: PropTypes.bool,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  onToggle = (e) => {\n    e.preventDefault();\n    this.props.onToggle(this.props.mark);\n  };\n\n  onKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      this.props.onToggle(this.props.mark);\n    }\n  };\n\n  render() {\n    const { classes, children, active, label } = this.props;\n\n    const names = classNames(classes.button, active && classes.active);\n    return (\n      <button\n        className={names}\n        onMouseDown={this.onToggle}\n        aria-pressed={active}\n        onKeyDown={this.onKeyDown}\n        aria-label={label}\n        tabIndex={0}\n      >\n        {children}\n      </button>\n    );\n  }\n}\n\nexport const MarkButton = withStyles(styles)(RawMarkButton);\n"],"file":"toolbar-buttons.js"}

package/lib/plugins/toolbar/toolbar.js

@@ -1,376 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 _react = _interopRequireDefault(require("react"));
-
-var _slate = require("slate");
-
-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");
-
-var _constants = require("../../constants");
-
-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, value, handleDone, getFocusedValue, onDataChange) {
-  if (!plugin) {
-    return;
-  }
-
-  if (!plugin.toolbar) {
-    return;
-  }
-
-  if (plugin.toolbar.CustomToolbarComp) {
-    /**
-     * Using a pre-defined Component should be preferred
-     * as the rendering of it (and it's children) can be optimized by React.
-     * If you keep re-defining the comp with an inline function
-     * then react will have to re-render.
-     */
-    return plugin.toolbar.CustomToolbarComp;
-  } else if (typeof plugin.toolbar.customToolbar === 'function') {
-    log('deprecated - use CustomToolbarComp');
-    return plugin.toolbar.customToolbar(node, value, handleDone, getFocusedValue, 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,
-          doneButtonRef = _this$props3.doneButtonRef,
-          onBlur = _this$props3.onBlur,
-          onFocus = _this$props3.onFocus;
-      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, getFocusedValue, 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, _constants.PIE_TOOLBAR__CLASS, (_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), (0, _defineProperty2["default"])(_classNames, classes.hidden, toolbarOpts.isHidden === true), _classNames));
-      var customStyles = toolbarOpts.minWidth !== undefined ? {
-        minWidth: toolbarOpts.minWidth
-      } : {};
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: names,
-        style: _objectSpread(_objectSpread({}, extraStyles), customStyles),
-        onClick: this.onClick,
-        ref: toolbarRef
-      }, CustomToolbar ? /*#__PURE__*/_react["default"].createElement(CustomToolbar, {
-        node: node,
-        value: value,
-        getFocusedValue: getFocusedValue,
-        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,
-        onFocus: onFocus,
-        doneButtonRef: doneButtonRef,
-        onBlur: onBlur
-      }), /*#__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, {
-        doneButtonRef: doneButtonRef,
-        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,
-    minWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-    isHidden: _propTypes["default"].bool
-  }),
-  onDataChange: _propTypes["default"].func,
-  doneButtonRef: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func
-});
-var style = {
-  toolbar: {
-    position: 'absolute',
-    zIndex: 10,
-    cursor: 'pointer',
-    justifyContent: 'space-between',
-    background: 'var(--editable-html-toolbar-bg, #efefef)',
-    minWidth: '280px',
-    margin: '5px 0 0 0',
-    padding: '2px',
-    boxShadow: '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)',
-    boxSizing: 'border-box',
-    display: 'flex',
-    opacity: 0,
-    pointerEvents: 'none'
-  },
-  toolbarWithNoDone: {
-    minWidth: '265px'
-  },
-  toolbarTop: {
-    top: '-45px'
-  },
-  toolbarRight: {
-    right: 0
-  },
-  fullWidth: {
-    width: '100%'
-  },
-  hidden: {
-    visibility: 'hidden'
-  },
-  autoWidth: {
-    width: 'auto'
-  },
-  focused: {
-    opacity: 1,
-    pointerEvents: 'auto'
-  },
-  iconRoot: {
-    width: '28px',
-    height: '28px',
-    padding: '4px',
-    verticalAlign: 'top'
-  },
-  label: {
-    color: 'var(--editable-html-toolbar-check, #00bb00)'
-  },
-  shared: {
-    display: 'flex'
-  }
-};
-
-var _default = (0, _styles.withStyles)(style, {
-  index: 1000
-})(Toolbar);
-
-exports["default"] = _default;
-//# sourceMappingURL=toolbar.js.map