@pie-element/complex-rubric 3.8.4-next.9 → 5.0.1-esmbeta.0

package/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/index.js

@@ -0,0 +1,34 @@
+"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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/index.js.map

@@ -0,0 +1 @@
+{"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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/toolbar-buttons.js

@@ -0,0 +1,194 @@
+"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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/toolbar-buttons.js.map

@@ -0,0 +1 @@
+{"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/configure/node_modules/@pie-element/rubric/configure/node_modules/@pie-lib/editable-html/lib/plugins/toolbar/toolbar.js

@@ -0,0 +1,376 @@
+"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