@pie-lib/editable-html 11.18.1 → 11.18.3

package/esm/index.js

@@ -14,33 +14,25 @@ import { Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, B
 import Html from 'slate-html-serializer';
 import { object } from 'to-style';
 import isEmpty from 'lodash/isEmpty';
-import Image from '@material-ui/icons/Image';
+import require$$3 from '@material-ui/core/SvgIcon';
 import LinearProgress from '@material-ui/core/LinearProgress';
 import ReactDOM from 'react-dom';
 import DialogContent$1 from '@material-ui/core/DialogContent';
-import ArrowBackIos from '@material-ui/icons/ArrowBackIos';
 import TextField from '@material-ui/core/TextField';
 import DialogActions$1 from '@material-ui/core/DialogActions';
 import Button$2 from '@material-ui/core/Button';
 import Dialog$1 from '@material-ui/core/Dialog';
-import Functions from '@material-ui/icons/Functions';
 import { MathToolbar, MathPreview, PureToolbar } from '@pie-lib/math-toolbar';
 import { wrapMath, unWrapMath, renderMath, mmlToLatex } from '@pie-lib/math-rendering';
-import TheatersIcon from '@material-ui/icons/Theaters';
-import VolumeUpIcon from '@material-ui/icons/VolumeUp';
 import MuiTabs from '@material-ui/core/Tabs';
 import MuiTab from '@material-ui/core/Tab';
 import DialogTitle$1 from '@material-ui/core/DialogTitle';
 import DialogContentText$1 from '@material-ui/core/DialogContentText';
 import Typography from '@material-ui/core/Typography';
 import IconButton from '@material-ui/core/IconButton';
-import ActionDelete from '@material-ui/icons/Delete';
 import Immutable from 'immutable';
 import EditList from 'slate-edit-list';
 import ListOptions from 'slate-edit-list/dist/options';
-import GridOn from '@material-ui/icons/GridOn';
-import Check from '@material-ui/icons/Check';
-import BorderAll from '@material-ui/icons/BorderAll';
 import convert from 'react-attr-converter';
 import EditTable from 'slate-edit-table';
 import { isSelectionInTable } from 'slate-edit-table/dist/utils';
@@ -48,24 +40,13 @@ import { onUpDown, onTab, onModEnter, onEnter } from 'slate-edit-table/dist/hand
 import TableOptions from 'slate-edit-table/dist/options';
 import { clearCell } from 'slate-edit-table/dist/changes';
 import isUndefined from 'lodash/isUndefined';
-import ChevronRight from '@material-ui/icons/ChevronRight';
-import MoreVert from '@material-ui/icons/MoreVert';
 import { DropTarget, DragSource } from '@pie-lib/drag';
 import { mq } from '@pie-lib/math-input';
 import Snackbar from '@material-ui/core/Snackbar';
 import Hotkeys from 'slate-hotkeys';
 import { IS_IOS } from 'slate-dev-environment';
-import Bold from '@material-ui/icons/FormatBold';
-import FormatQuote from '@material-ui/icons/FormatQuote';
-import BulletedListIcon from '@material-ui/icons/FormatListBulleted';
-import NumberedListIcon from '@material-ui/icons/FormatListNumbered';
-import Redo from '@material-ui/icons/Redo';
-import Undo from '@material-ui/icons/Undo';
 import get from 'lodash/get';
 import Popper from '@material-ui/core/Popper';
-import Italic from '@material-ui/icons/FormatItalic';
-import Strikethrough from '@material-ui/icons/FormatStrikethrough';
-import Underline from '@material-ui/icons/FormatUnderlined';
 import compact from 'lodash/compact';
 import SoftBreakPlugin from 'slate-soft-break';
 import List$1 from '@material-ui/core/List';
@@ -158,6 +139,431 @@ const styles$c = () => ({
 
 var AlertDialog$1 = withStyles(styles$c)(AlertDialog);
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var Image$1 = {};
+
+var interopRequireDefault = {exports: {}};
+
+var hasRequiredInteropRequireDefault;
+
+function requireInteropRequireDefault () {
+	if (hasRequiredInteropRequireDefault) return interopRequireDefault.exports;
+	hasRequiredInteropRequireDefault = 1;
+	(function (module) {
+		function _interopRequireDefault(obj) {
+		  return obj && obj.__esModule ? obj : {
+		    "default": obj
+		  };
+		}
+
+		module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (interopRequireDefault));
+	return interopRequireDefault.exports;
+}
+
+var createSvgIcon = {};
+
+var pure = {};
+
+var shouldUpdate = {};
+
+var inheritsLoose = {exports: {}};
+
+var setPrototypeOf = {exports: {}};
+
+var hasRequiredSetPrototypeOf;
+
+function requireSetPrototypeOf () {
+	if (hasRequiredSetPrototypeOf) return setPrototypeOf.exports;
+	hasRequiredSetPrototypeOf = 1;
+	(function (module) {
+		function _setPrototypeOf(o, p) {
+		  module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+		    o.__proto__ = p;
+		    return o;
+		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+		  return _setPrototypeOf(o, p);
+		}
+
+		module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (setPrototypeOf));
+	return setPrototypeOf.exports;
+}
+
+var hasRequiredInheritsLoose;
+
+function requireInheritsLoose () {
+	if (hasRequiredInheritsLoose) return inheritsLoose.exports;
+	hasRequiredInheritsLoose = 1;
+	(function (module) {
+		var setPrototypeOf = requireSetPrototypeOf();
+
+		function _inheritsLoose(subClass, superClass) {
+		  subClass.prototype = Object.create(superClass.prototype);
+		  subClass.prototype.constructor = subClass;
+		  setPrototypeOf(subClass, superClass);
+		}
+
+		module.exports = _inheritsLoose, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+	} (inheritsLoose));
+	return inheritsLoose.exports;
+}
+
+var setDisplayName = {};
+
+var setStatic = {};
+
+var hasRequiredSetStatic;
+
+function requireSetStatic () {
+	if (hasRequiredSetStatic) return setStatic;
+	hasRequiredSetStatic = 1;
+
+	setStatic.__esModule = true;
+	setStatic.default = void 0;
+
+	var setStatic$1 = function setStatic(key, value) {
+	  return function (BaseComponent) {
+	    /* eslint-disable no-param-reassign */
+	    BaseComponent[key] = value;
+	    /* eslint-enable no-param-reassign */
+
+	    return BaseComponent;
+	  };
+	};
+
+	var _default = setStatic$1;
+	setStatic.default = _default;
+	return setStatic;
+}
+
+var hasRequiredSetDisplayName;
+
+function requireSetDisplayName () {
+	if (hasRequiredSetDisplayName) return setDisplayName;
+	hasRequiredSetDisplayName = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	setDisplayName.__esModule = true;
+	setDisplayName.default = void 0;
+
+	var _setStatic = _interopRequireDefault(requireSetStatic());
+
+	var setDisplayName$1 = function setDisplayName(displayName) {
+	  return (0, _setStatic.default)('displayName', displayName);
+	};
+
+	var _default = setDisplayName$1;
+	setDisplayName.default = _default;
+	return setDisplayName;
+}
+
+var wrapDisplayName = {};
+
+var getDisplayName = {};
+
+var hasRequiredGetDisplayName;
+
+function requireGetDisplayName () {
+	if (hasRequiredGetDisplayName) return getDisplayName;
+	hasRequiredGetDisplayName = 1;
+
+	getDisplayName.__esModule = true;
+	getDisplayName.default = void 0;
+
+	var getDisplayName$1 = function getDisplayName(Component) {
+	  if (typeof Component === 'string') {
+	    return Component;
+	  }
+
+	  if (!Component) {
+	    return undefined;
+	  }
+
+	  return Component.displayName || Component.name || 'Component';
+	};
+
+	var _default = getDisplayName$1;
+	getDisplayName.default = _default;
+	return getDisplayName;
+}
+
+var hasRequiredWrapDisplayName;
+
+function requireWrapDisplayName () {
+	if (hasRequiredWrapDisplayName) return wrapDisplayName;
+	hasRequiredWrapDisplayName = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	wrapDisplayName.__esModule = true;
+	wrapDisplayName.default = void 0;
+
+	var _getDisplayName = _interopRequireDefault(requireGetDisplayName());
+
+	var wrapDisplayName$1 = function wrapDisplayName(BaseComponent, hocName) {
+	  return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
+	};
+
+	var _default = wrapDisplayName$1;
+	wrapDisplayName.default = _default;
+	return wrapDisplayName;
+}
+
+var hasRequiredShouldUpdate;
+
+function requireShouldUpdate () {
+	if (hasRequiredShouldUpdate) return shouldUpdate;
+	hasRequiredShouldUpdate = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	shouldUpdate.__esModule = true;
+	shouldUpdate.default = void 0;
+
+	var _inheritsLoose2 = _interopRequireDefault(requireInheritsLoose());
+
+	var _react = React;
+
+	var _setDisplayName = _interopRequireDefault(requireSetDisplayName());
+
+	var _wrapDisplayName = _interopRequireDefault(requireWrapDisplayName());
+
+	var shouldUpdate$1 = function shouldUpdate(test) {
+	  return function (BaseComponent) {
+	    var factory = (0, _react.createFactory)(BaseComponent);
+
+	    var ShouldUpdate =
+	    /*#__PURE__*/
+	    function (_Component) {
+	      (0, _inheritsLoose2.default)(ShouldUpdate, _Component);
+
+	      function ShouldUpdate() {
+	        return _Component.apply(this, arguments) || this;
+	      }
+
+	      var _proto = ShouldUpdate.prototype;
+
+	      _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
+	        return test(this.props, nextProps);
+	      };
+
+	      _proto.render = function render() {
+	        return factory(this.props);
+	      };
+
+	      return ShouldUpdate;
+	    }(_react.Component);
+
+	    if (process.env.NODE_ENV !== 'production') {
+	      return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
+	    }
+
+	    return ShouldUpdate;
+	  };
+	};
+
+	var _default = shouldUpdate$1;
+	shouldUpdate.default = _default;
+	return shouldUpdate;
+}
+
+var shallowEqual = {};
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @typechecks
+ * 
+ */
+
+var shallowEqual_1;
+var hasRequiredShallowEqual$1;
+
+function requireShallowEqual$1 () {
+	if (hasRequiredShallowEqual$1) return shallowEqual_1;
+	hasRequiredShallowEqual$1 = 1;
+
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+	/**
+	 * inlined Object.is polyfill to avoid requiring consumers ship their own
+	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	 */
+	function is(x, y) {
+	  // SameValue algorithm
+	  if (x === y) {
+	    // Steps 1-5, 7-10
+	    // Steps 6.b-6.e: +0 != -0
+	    // Added the nonzero y check to make Flow happy, but it is redundant
+	    return x !== 0 || y !== 0 || 1 / x === 1 / y;
+	  } else {
+	    // Step 6.a: NaN == NaN
+	    return x !== x && y !== y;
+	  }
+	}
+
+	/**
+	 * Performs equality by iterating through keys on an object and returning false
+	 * when any key has values which are not strictly equal between the arguments.
+	 * Returns true when the values of all keys are strictly equal.
+	 */
+	function shallowEqual(objA, objB) {
+	  if (is(objA, objB)) {
+	    return true;
+	  }
+
+	  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+	    return false;
+	  }
+
+	  var keysA = Object.keys(objA);
+	  var keysB = Object.keys(objB);
+
+	  if (keysA.length !== keysB.length) {
+	    return false;
+	  }
+
+	  // Test for A's keys different from B.
+	  for (var i = 0; i < keysA.length; i++) {
+	    if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
+	      return false;
+	    }
+	  }
+
+	  return true;
+	}
+
+	shallowEqual_1 = shallowEqual;
+	return shallowEqual_1;
+}
+
+var hasRequiredShallowEqual;
+
+function requireShallowEqual () {
+	if (hasRequiredShallowEqual) return shallowEqual;
+	hasRequiredShallowEqual = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	shallowEqual.__esModule = true;
+	shallowEqual.default = void 0;
+
+	var _shallowEqual = _interopRequireDefault(requireShallowEqual$1());
+
+	var _default = _shallowEqual.default;
+	shallowEqual.default = _default;
+	return shallowEqual;
+}
+
+var hasRequiredPure;
+
+function requirePure () {
+	if (hasRequiredPure) return pure;
+	hasRequiredPure = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	pure.__esModule = true;
+	pure.default = void 0;
+
+	var _shouldUpdate = _interopRequireDefault(requireShouldUpdate());
+
+	var _shallowEqual = _interopRequireDefault(requireShallowEqual());
+
+	var _setDisplayName = _interopRequireDefault(requireSetDisplayName());
+
+	var _wrapDisplayName = _interopRequireDefault(requireWrapDisplayName());
+
+	var pure$1 = function pure(BaseComponent) {
+	  var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {
+	    return !(0, _shallowEqual.default)(props, nextProps);
+	  });
+
+	  if (process.env.NODE_ENV !== 'production') {
+	    return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));
+	  }
+
+	  return hoc(BaseComponent);
+	};
+
+	var _default = pure$1;
+	pure.default = _default;
+	return pure;
+}
+
+var hasRequiredCreateSvgIcon;
+
+function requireCreateSvgIcon () {
+	if (hasRequiredCreateSvgIcon) return createSvgIcon;
+	hasRequiredCreateSvgIcon = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(createSvgIcon, "__esModule", {
+	  value: true
+	});
+	createSvgIcon.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _pure = _interopRequireDefault(requirePure());
+
+	var _SvgIcon = _interopRequireDefault(require$$3);
+
+	function createSvgIcon$1(path, displayName) {
+	  var Icon = function Icon(props) {
+	    return _react.default.createElement(_SvgIcon.default, props, path);
+	  };
+
+	  Icon.displayName = "".concat(displayName, "Icon");
+	  Icon = (0, _pure.default)(Icon);
+	  Icon.muiName = 'SvgIcon';
+	  return Icon;
+	}
+	var _default = createSvgIcon$1;
+	createSvgIcon.default = _default;
+	return createSvgIcon;
+}
+
+var hasRequiredImage;
+
+function requireImage () {
+	if (hasRequiredImage) return Image$1;
+	hasRequiredImage = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Image$1, "__esModule", {
+	  value: true
+	});
+	Image$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z"
+	})), 'Image');
+
+	Image$1.default = _default;
+	return Image$1;
+}
+
+var ImageExports = /*@__PURE__*/ requireImage();
+var Image = /*@__PURE__*/getDefaultExportFromCjs(ImageExports);
+
 const log$j = debug('@pie-lib:editable-html:plugins:image:component');
 
 const size = s => s ? `${s}px` : 'auto';
@@ -640,6 +1046,39 @@ RawMarkButton.propTypes = {
 };
 const MarkButton = withStyles(styles$a)(RawMarkButton);
 
+var ArrowBackIos$1 = {};
+
+var hasRequiredArrowBackIos;
+
+function requireArrowBackIos () {
+	if (hasRequiredArrowBackIos) return ArrowBackIos$1;
+	hasRequiredArrowBackIos = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(ArrowBackIos$1, "__esModule", {
+	  value: true
+	});
+	ArrowBackIos$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M11.67 3.87L9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'ArrowBackIos');
+
+	ArrowBackIos$1.default = _default;
+	return ArrowBackIos$1;
+}
+
+var ArrowBackIosExports = /*@__PURE__*/ requireArrowBackIos();
+var ArrowBackIos = /*@__PURE__*/getDefaultExportFromCjs(ArrowBackIosExports);
+
 class AltDialog extends React.Component {
   constructor(props) {
     super(props);
@@ -1176,6 +1615,39 @@ const serialization$5 = {
 
 };
 
+var Functions$1 = {};
+
+var hasRequiredFunctions;
+
+function requireFunctions () {
+	if (hasRequiredFunctions) return Functions$1;
+	hasRequiredFunctions = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Functions$1, "__esModule", {
+	  value: true
+	});
+	Functions$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M18 4H6v2l6.5 6L6 18v2h12v-3h-7l5-5-5-5h7z"
+	})), 'Functions');
+
+	Functions$1.default = _default;
+	return Functions$1;
+}
+
+var FunctionsExports = /*@__PURE__*/ requireFunctions();
+var Functions = /*@__PURE__*/getDefaultExportFromCjs(FunctionsExports);
+
 /**
  * Tags to blocks.
  *
@@ -1600,6 +2072,105 @@ const serialization$4 = {
 
 };
 
+var Theaters = {};
+
+var hasRequiredTheaters;
+
+function requireTheaters () {
+	if (hasRequiredTheaters) return Theaters;
+	hasRequiredTheaters = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Theaters, "__esModule", {
+	  value: true
+	});
+	Theaters.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'Theaters');
+
+	Theaters.default = _default;
+	return Theaters;
+}
+
+var TheatersExports = /*@__PURE__*/ requireTheaters();
+var TheatersIcon = /*@__PURE__*/getDefaultExportFromCjs(TheatersExports);
+
+var VolumeUp = {};
+
+var hasRequiredVolumeUp;
+
+function requireVolumeUp () {
+	if (hasRequiredVolumeUp) return VolumeUp;
+	hasRequiredVolumeUp = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(VolumeUp, "__esModule", {
+	  value: true
+	});
+	VolumeUp.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'VolumeUp');
+
+	VolumeUp.default = _default;
+	return VolumeUp;
+}
+
+var VolumeUpExports = /*@__PURE__*/ requireVolumeUp();
+var VolumeUpIcon = /*@__PURE__*/getDefaultExportFromCjs(VolumeUpExports);
+
+var Delete$1 = {};
+
+var hasRequiredDelete;
+
+function requireDelete () {
+	if (hasRequiredDelete) return Delete$1;
+	hasRequiredDelete = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Delete$1, "__esModule", {
+	  value: true
+	});
+	Delete$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'Delete');
+
+	Delete$1.default = _default;
+	return Delete$1;
+}
+
+var DeleteExports = /*@__PURE__*/ requireDelete();
+var Delete = /*@__PURE__*/getDefaultExportFromCjs(DeleteExports);
+
 const log$d = debug('@pie-lib:editable-html:plugins:media:dialog');
 
 const matchYoutubeUrl = url => {
@@ -2113,7 +2684,7 @@ class MediaDialog extends React.Component {
       "aria-label": "delete",
       className: classes.deleteIcon,
       onClick: this.handleRemoveFile
-    }, /*#__PURE__*/React.createElement(ActionDelete, null))), !fileUpload.scheduled && fileUpload.loading ? /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React.createElement(Delete, null))), !fileUpload.scheduled && fileUpload.loading ? /*#__PURE__*/React.createElement(Typography, {
       variant: "subheading"
     }, "Loading...") : null, fileUpload.scheduled ? /*#__PURE__*/React.createElement(Typography, {
       variant: "subheading"
@@ -2933,6 +3504,72 @@ var List = (options => {
   return core;
 });
 
+var GridOn$1 = {};
+
+var hasRequiredGridOn;
+
+function requireGridOn () {
+	if (hasRequiredGridOn) return GridOn$1;
+	hasRequiredGridOn = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(GridOn$1, "__esModule", {
+	  value: true
+	});
+	GridOn$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"
+	})), 'GridOn');
+
+	GridOn$1.default = _default;
+	return GridOn$1;
+}
+
+var GridOnExports = /*@__PURE__*/ requireGridOn();
+var GridOn = /*@__PURE__*/getDefaultExportFromCjs(GridOnExports);
+
+var Check$1 = {};
+
+var hasRequiredCheck;
+
+function requireCheck () {
+	if (hasRequiredCheck) return Check$1;
+	hasRequiredCheck = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Check$1, "__esModule", {
+	  value: true
+	});
+	Check$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+	})), 'Check');
+
+	Check$1.default = _default;
+	return Check$1;
+}
+
+var CheckExports = /*@__PURE__*/ requireCheck();
+var Check = /*@__PURE__*/getDefaultExportFromCjs(CheckExports);
+
 const RawDoneButton = ({
   classes,
   onClick,
@@ -2963,6 +3600,39 @@ const styles$7 = {
 };
 const DoneButton = withStyles(styles$7)(RawDoneButton);
 
+var BorderAll$1 = {};
+
+var hasRequiredBorderAll;
+
+function requireBorderAll () {
+	if (hasRequiredBorderAll) return BorderAll$1;
+	hasRequiredBorderAll = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(BorderAll$1, "__esModule", {
+	  value: true
+	});
+	BorderAll$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M3 3v18h18V3H3zm8 16H5v-6h6v6zm0-8H5V5h6v6zm8 8h-6v-6h6v6zm0-8h-6V5h6v6z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'BorderAll');
+
+	BorderAll$1.default = _default;
+	return BorderAll$1;
+}
+
+var BorderAllExports = /*@__PURE__*/ requireBorderAll();
+var BorderAll = /*@__PURE__*/getDefaultExportFromCjs(BorderAllExports);
+
 const findSingleNode = value => {
   if (!value || !value.isCollapsed || !value.startKey) {
     return;
@@ -3833,6 +4503,72 @@ const serialization$1 = {
 
 };
 
+var ChevronRight$1 = {};
+
+var hasRequiredChevronRight;
+
+function requireChevronRight () {
+	if (hasRequiredChevronRight) return ChevronRight$1;
+	hasRequiredChevronRight = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(ChevronRight$1, "__esModule", {
+	  value: true
+	});
+	ChevronRight$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'ChevronRight');
+
+	ChevronRight$1.default = _default;
+	return ChevronRight$1;
+}
+
+var ChevronRightExports = /*@__PURE__*/ requireChevronRight();
+var ChevronRight = /*@__PURE__*/getDefaultExportFromCjs(ChevronRightExports);
+
+var MoreVert$1 = {};
+
+var hasRequiredMoreVert;
+
+function requireMoreVert () {
+	if (hasRequiredMoreVert) return MoreVert$1;
+	hasRequiredMoreVert = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(MoreVert$1, "__esModule", {
+	  value: true
+	});
+	MoreVert$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+	})), 'MoreVert');
+
+	MoreVert$1.default = _default;
+	return MoreVert$1;
+}
+
+var MoreVertExports = /*@__PURE__*/ requireMoreVert();
+var MoreVert = /*@__PURE__*/getDefaultExportFromCjs(MoreVertExports);
+
 const getRotate = direction => {
   switch (direction) {
     case 'down':
@@ -5344,6 +6080,204 @@ const valueToHtml = value => serializer.serialize(value);
  * <div><div>a</div>4444<div>b</div></div> -> <div>a</div>4444<div>b</div>
  */
 
+var FormatBold = {};
+
+var hasRequiredFormatBold;
+
+function requireFormatBold () {
+	if (hasRequiredFormatBold) return FormatBold;
+	hasRequiredFormatBold = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatBold, "__esModule", {
+	  value: true
+	});
+	FormatBold.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'FormatBold');
+
+	FormatBold.default = _default;
+	return FormatBold;
+}
+
+var FormatBoldExports = /*@__PURE__*/ requireFormatBold();
+var Bold = /*@__PURE__*/getDefaultExportFromCjs(FormatBoldExports);
+
+var FormatQuote$1 = {};
+
+var hasRequiredFormatQuote;
+
+function requireFormatQuote () {
+	if (hasRequiredFormatQuote) return FormatQuote$1;
+	hasRequiredFormatQuote = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatQuote$1, "__esModule", {
+	  value: true
+	});
+	FormatQuote$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'FormatQuote');
+
+	FormatQuote$1.default = _default;
+	return FormatQuote$1;
+}
+
+var FormatQuoteExports = /*@__PURE__*/ requireFormatQuote();
+var FormatQuote = /*@__PURE__*/getDefaultExportFromCjs(FormatQuoteExports);
+
+var FormatListBulleted = {};
+
+var hasRequiredFormatListBulleted;
+
+function requireFormatListBulleted () {
+	if (hasRequiredFormatListBulleted) return FormatListBulleted;
+	hasRequiredFormatListBulleted = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatListBulleted, "__esModule", {
+	  value: true
+	});
+	FormatListBulleted.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0V0z"
+	})), 'FormatListBulleted');
+
+	FormatListBulleted.default = _default;
+	return FormatListBulleted;
+}
+
+var FormatListBulletedExports = /*@__PURE__*/ requireFormatListBulleted();
+var BulletedListIcon = /*@__PURE__*/getDefaultExportFromCjs(FormatListBulletedExports);
+
+var FormatListNumbered = {};
+
+var hasRequiredFormatListNumbered;
+
+function requireFormatListNumbered () {
+	if (hasRequiredFormatListNumbered) return FormatListNumbered;
+	hasRequiredFormatListNumbered = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatListNumbered, "__esModule", {
+	  value: true
+	});
+	FormatListNumbered.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z"
+	}), _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	})), 'FormatListNumbered');
+
+	FormatListNumbered.default = _default;
+	return FormatListNumbered;
+}
+
+var FormatListNumberedExports = /*@__PURE__*/ requireFormatListNumbered();
+var NumberedListIcon = /*@__PURE__*/getDefaultExportFromCjs(FormatListNumberedExports);
+
+var Redo$1 = {};
+
+var hasRequiredRedo;
+
+function requireRedo () {
+	if (hasRequiredRedo) return Redo$1;
+	hasRequiredRedo = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Redo$1, "__esModule", {
+	  value: true
+	});
+	Redo$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M18.4 10.6C16.55 8.99 14.15 8 11.5 8c-4.65 0-8.58 3.03-9.96 7.22L3.9 16c1.05-3.19 4.05-5.5 7.6-5.5 1.95 0 3.73.72 5.12 1.88L13 16h9V7l-3.6 3.6z"
+	})), 'Redo');
+
+	Redo$1.default = _default;
+	return Redo$1;
+}
+
+var RedoExports = /*@__PURE__*/ requireRedo();
+var Redo = /*@__PURE__*/getDefaultExportFromCjs(RedoExports);
+
+var Undo$1 = {};
+
+var hasRequiredUndo;
+
+function requireUndo () {
+	if (hasRequiredUndo) return Undo$1;
+	hasRequiredUndo = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(Undo$1, "__esModule", {
+	  value: true
+	});
+	Undo$1.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"
+	})), 'Undo');
+
+	Undo$1.default = _default;
+	return Undo$1;
+}
+
+var UndoExports = /*@__PURE__*/ requireUndo();
+var Undo = /*@__PURE__*/getDefaultExportFromCjs(UndoExports);
+
 const _excluded$1 = ["classes", "children"];
 
 const styles$3 = () => ({
@@ -6022,6 +6956,72 @@ function CharactersPlugin(opts) {
   };
 }
 
+var FormatItalic = {};
+
+var hasRequiredFormatItalic;
+
+function requireFormatItalic () {
+	if (hasRequiredFormatItalic) return FormatItalic;
+	hasRequiredFormatItalic = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatItalic, "__esModule", {
+	  value: true
+	});
+	FormatItalic.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
+	})), 'FormatItalic');
+
+	FormatItalic.default = _default;
+	return FormatItalic;
+}
+
+var FormatItalicExports = /*@__PURE__*/ requireFormatItalic();
+var Italic = /*@__PURE__*/getDefaultExportFromCjs(FormatItalicExports);
+
+var FormatStrikethrough = {};
+
+var hasRequiredFormatStrikethrough;
+
+function requireFormatStrikethrough () {
+	if (hasRequiredFormatStrikethrough) return FormatStrikethrough;
+	hasRequiredFormatStrikethrough = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatStrikethrough, "__esModule", {
+	  value: true
+	});
+	FormatStrikethrough.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M10 19h4v-3h-4v3zM5 4v3h5v3h4V7h5V4H5zM3 14h18v-2H3v2z"
+	})), 'FormatStrikethrough');
+
+	FormatStrikethrough.default = _default;
+	return FormatStrikethrough;
+}
+
+var FormatStrikethroughExports = /*@__PURE__*/ requireFormatStrikethrough();
+var Strikethrough = /*@__PURE__*/getDefaultExportFromCjs(FormatStrikethroughExports);
+
 const MAIN_CONTAINER_CLASS = 'main-container';
 const PIE_TOOLBAR__CLASS = 'pie-toolbar';
 var constants = {
@@ -6249,7 +7249,7 @@ class Toolbar extends React.Component {
       classes: {
         root: classes.iconRoot
       }
-    }, /*#__PURE__*/React.createElement(ActionDelete, null)), customToolbarShowDone && /*#__PURE__*/React.createElement(DoneButton, {
+    }, /*#__PURE__*/React.createElement(Delete, null)), customToolbarShowDone && /*#__PURE__*/React.createElement(DoneButton, {
       doneButtonRef: doneButtonRef,
       onClick: handleDone
     })));
@@ -6588,6 +7588,39 @@ function ToolbarPlugin(opts) {
   };
 }
 
+var FormatUnderlined = {};
+
+var hasRequiredFormatUnderlined;
+
+function requireFormatUnderlined () {
+	if (hasRequiredFormatUnderlined) return FormatUnderlined;
+	hasRequiredFormatUnderlined = 1;
+
+	var _interopRequireDefault = requireInteropRequireDefault();
+
+	Object.defineProperty(FormatUnderlined, "__esModule", {
+	  value: true
+	});
+	FormatUnderlined.default = void 0;
+
+	var _react = _interopRequireDefault(React);
+
+	var _createSvgIcon = _interopRequireDefault(/*@__PURE__*/ requireCreateSvgIcon());
+
+	var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
+	  fill: "none",
+	  d: "M0 0h24v24H0z"
+	}), _react.default.createElement("path", {
+	  d: "M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z"
+	})), 'FormatUnderlined');
+
+	FormatUnderlined.default = _default;
+	return FormatUnderlined;
+}
+
+var FormatUnderlinedExports = /*@__PURE__*/ requireFormatUnderlined();
+var Underline = /*@__PURE__*/getDefaultExportFromCjs(FormatUnderlinedExports);
+
 const styles$2 = theme => ({
   icon: {
     fontFamily: 'Cerebri Sans, Arial, sans-serif',