@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buildPlugins = exports.DEFAULT_PLUGINS = exports.ALL_PLUGINS = void 0;
+
+var _FormatBold = _interopRequireDefault(require("@material-ui/icons/FormatBold"));
+
+var _FormatListBulleted = _interopRequireDefault(require("@material-ui/icons/FormatListBulleted"));
+
+var _FormatListNumbered = _interopRequireDefault(require("@material-ui/icons/FormatListNumbered"));
+
+var _image = _interopRequireDefault(require("./image"));
+
+var _media = _interopRequireDefault(require("./media"));
+
+var _FormatItalic = _interopRequireDefault(require("@material-ui/icons/FormatItalic"));
+
+var _math = _interopRequireDefault(require("./math"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FormatStrikethrough = _interopRequireDefault(require("@material-ui/icons/FormatStrikethrough"));
+
+var _toolbar = _interopRequireDefault(require("./toolbar"));
+
+var _FormatUnderlined = _interopRequireDefault(require("@material-ui/icons/FormatUnderlined"));
+
+var _compact = _interopRequireDefault(require("lodash/compact"));
+
+var _slateSoftBreak = _interopRequireDefault(require("slate-soft-break"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _list = _interopRequireDefault(require("./list"));
+
+var _table = _interopRequireDefault(require("./table"));
+
+var _respArea = _interopRequireDefault(require("./respArea"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+// import Code from '@material-ui/icons/Code';
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins');
+
+function MarkHotkey(options) {
+  var type = options.type,
+      key = options.key,
+      icon = options.icon,
+      tag = options.tag; // Return our "plugin" object, containing the `onKeyDown` handler.
+
+  return {
+    toolbar: {
+      isMark: true,
+      type: type,
+      icon: icon,
+      onToggle: function onToggle(change) {
+        log('[onToggleMark] type: ', type);
+        return change.toggleMark(type);
+      }
+    },
+    renderMark: function renderMark(props) {
+      if (props.mark.type === type) {
+        var K = tag || type;
+        return _react["default"].createElement(K, null, props.children);
+      }
+    },
+    onKeyDown: function onKeyDown(event, change) {
+      // Check that the key pressed matches our `key` option.
+      if (!event.metaKey || event.key != key) return; // Prevent the default characters from being inserted.
+
+      event.preventDefault(); // Toggle the mark `type`.
+
+      change.toggleMark(type);
+      return true;
+    }
+  };
+}
+
+var ALL_PLUGINS = ['bold', // 'code',
+'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'table', 'video', 'audio', 'responseArea'];
+exports.ALL_PLUGINS = ALL_PLUGINS;
+var DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
+  return plug !== 'responseArea';
+});
+exports.DEFAULT_PLUGINS = DEFAULT_PLUGINS;
+
+var buildPlugins = function buildPlugins(activePlugins, opts) {
+  log('[buildPlugins] opts: ', opts);
+  activePlugins = activePlugins || DEFAULT_PLUGINS;
+
+  var addIf = function addIf(key, p) {
+    return activePlugins.includes(key) && p;
+  };
+
+  var imagePlugin = opts.image && opts.image.onDelete && (0, _image["default"])(opts.image);
+  var mathPlugin = (0, _math["default"])(opts.math);
+  var respAreaPlugin = opts.responseArea && opts.responseArea.type && (0, _respArea["default"])(opts.responseArea, (0, _compact["default"])([mathPlugin]));
+  return (0, _compact["default"])([addIf('table', (0, _table["default"])(opts.table, (0, _compact["default"])([imagePlugin, mathPlugin, respAreaPlugin]))), addIf('bold', MarkHotkey({
+    key: 'b',
+    type: 'bold',
+    icon: _react["default"].createElement(_FormatBold["default"], null),
+    tag: 'strong'
+  })), // addIf('code', MarkHotkey({ key: '`', type: 'code', icon: <Code /> })),
+  addIf('italic', MarkHotkey({
+    key: 'i',
+    type: 'italic',
+    icon: _react["default"].createElement(_FormatItalic["default"], null),
+    tag: 'em'
+  })), addIf('strikethrough', MarkHotkey({
+    key: '~',
+    type: 'strikethrough',
+    icon: _react["default"].createElement(_FormatStrikethrough["default"], null),
+    tag: 'del'
+  })), addIf('underline', MarkHotkey({
+    key: 'u',
+    type: 'underline',
+    icon: _react["default"].createElement(_FormatUnderlined["default"], null),
+    tag: 'u'
+  })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin), addIf('bulleted-list', (0, _list["default"])({
+    key: 'l',
+    type: 'ul_list',
+    icon: _react["default"].createElement(_FormatListBulleted["default"], null)
+  })), addIf('numbered-list', (0, _list["default"])({
+    key: 'n',
+    type: 'ol_list',
+    icon: _react["default"].createElement(_FormatListNumbered["default"], null)
+  })), (0, _toolbar["default"])(opts.toolbar), (0, _slateSoftBreak["default"])(), addIf('responseArea', respAreaPlugin)]);
+};
+
+exports.buildPlugins = buildPlugins;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugins/index.jsx"],"names":["log","MarkHotkey","options","type","key","icon","tag","toolbar","isMark","onToggle","change","toggleMark","renderMark","props","mark","K","children","onKeyDown","event","metaKey","preventDefault","ALL_PLUGINS","DEFAULT_PLUGINS","filter","plug","buildPlugins","activePlugins","opts","addIf","p","includes","imagePlugin","image","onDelete","mathPlugin","math","respAreaPlugin","responseArea","table","media"],"mappings":"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","sourcesContent":["import Bold from '@material-ui/icons/FormatBold';\n// import Code from '@material-ui/icons/Code';\nimport BulletedListIcon from '@material-ui/icons/FormatListBulleted';\nimport NumberedListIcon from '@material-ui/icons/FormatListNumbered';\nimport ImagePlugin from './image';\nimport MediaPlugin from './media';\nimport Italic from '@material-ui/icons/FormatItalic';\nimport MathPlugin from './math';\nimport React from 'react';\nimport Strikethrough from '@material-ui/icons/FormatStrikethrough';\nimport ToolbarPlugin from './toolbar';\nimport Underline from '@material-ui/icons/FormatUnderlined';\nimport compact from 'lodash/compact';\nimport SoftBreakPlugin from 'slate-soft-break';\nimport debug from 'debug';\nimport List from './list';\nimport TablePlugin from './table';\nimport RespAreaPlugin from './respArea';\n\nconst log = debug('@pie-lib:editable-html:plugins');\n\nfunction MarkHotkey(options) {\n  const { type, key, icon, tag } = options;\n\n  // Return our \"plugin\" object, containing the `onKeyDown` handler.\n  return {\n    toolbar: {\n      isMark: true,\n      type,\n      icon,\n      onToggle: change => {\n        log('[onToggleMark] type: ', type);\n        return change.toggleMark(type);\n      }\n    },\n    renderMark(props) {\n      if (props.mark.type === type) {\n        const K = tag || type;\n        return <K>{props.children}</K>;\n      }\n    },\n    onKeyDown(event, change) {\n      // Check that the key pressed matches our `key` option.\n      if (!event.metaKey || event.key != key) return;\n\n      // Prevent the default characters from being inserted.\n      event.preventDefault();\n\n      // Toggle the mark `type`.\n      change.toggleMark(type);\n      return true;\n    }\n  };\n}\n\nexport const ALL_PLUGINS = [\n  'bold',\n  // 'code',\n  'italic',\n  'underline',\n  'strikethrough',\n  'bulleted-list',\n  'numbered-list',\n  'image',\n  'math',\n  'table',\n  'video',\n  'audio',\n  'responseArea'\n];\n\nexport const DEFAULT_PLUGINS = ALL_PLUGINS.filter(plug => plug !== 'responseArea');\n\nexport const buildPlugins = (activePlugins, opts) => {\n  log('[buildPlugins] opts: ', opts);\n\n  activePlugins = activePlugins || DEFAULT_PLUGINS;\n\n  const addIf = (key, p) => activePlugins.includes(key) && p;\n  const imagePlugin = opts.image && opts.image.onDelete && ImagePlugin(opts.image);\n  const mathPlugin = MathPlugin(opts.math);\n  const respAreaPlugin =\n    opts.responseArea &&\n    opts.responseArea.type &&\n    RespAreaPlugin(opts.responseArea, compact([mathPlugin]));\n\n  return compact([\n    addIf('table', TablePlugin(opts.table, compact([imagePlugin, mathPlugin, respAreaPlugin]))),\n    addIf('bold', MarkHotkey({ key: 'b', type: 'bold', icon: <Bold />, tag: 'strong' })),\n    // addIf('code', MarkHotkey({ key: '`', type: 'code', icon: <Code /> })),\n    addIf('italic', MarkHotkey({ key: 'i', type: 'italic', icon: <Italic />, tag: 'em' })),\n    addIf(\n      'strikethrough',\n      MarkHotkey({\n        key: '~',\n        type: 'strikethrough',\n        icon: <Strikethrough />,\n        tag: 'del'\n      })\n    ),\n    addIf('underline', MarkHotkey({ key: 'u', type: 'underline', icon: <Underline />, tag: 'u' })),\n    addIf('image', imagePlugin),\n    addIf('video', MediaPlugin('video', opts.media)),\n    addIf('audio', MediaPlugin('audio', opts.media)),\n    addIf('math', mathPlugin),\n    addIf('bulleted-list', List({ key: 'l', type: 'ul_list', icon: <BulletedListIcon /> })),\n    addIf('numbered-list', List({ key: 'n', type: 'ol_list', icon: <NumberedListIcon /> })),\n    ToolbarPlugin(opts.toolbar),\n    SoftBreakPlugin(),\n    addIf('responseArea', respAreaPlugin)\n  ]);\n};\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/list/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.serialization = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _slateEditList = _interopRequireDefault(require("slate-edit-list"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:list');
+
+var b = function b(type, next, childNodes) {
+  return {
+    object: 'block',
+    type: type,
+    nodes: next(childNodes)
+  };
+};
+
+var serialization = {
+  deserialize: function deserialize(el, next) {
+    var name = el.tagName.toLowerCase();
+
+    if (name === 'li') {
+      return b('list_item', next, el.childNodes);
+    }
+
+    if (name === 'ul') {
+      return b('ul_list', next, el.children.length ? Array.from(el.children) : el.childNodes);
+    }
+
+    if (name === 'ol') {
+      return b('ol_list', next, el.children.length ? Array.from(el.children) : el.childNodes);
+    }
+  },
+  serialize: function serialize(object, children) {
+    if (object.object !== 'block') return;
+
+    if (object.type === 'list_item') {
+      return _react["default"].createElement("li", null, children);
+    }
+
+    if (object.type === 'ul_list') {
+      return _react["default"].createElement("ul", null, children);
+    }
+
+    if (object.type === 'ol_list') {
+      return _react["default"].createElement("ol", null, children);
+    }
+  }
+};
+exports.serialization = serialization;
+
+var _default = function _default(options) {
+  var type = options.type,
+      icon = options.icon;
+  var core = (0, _slateEditList["default"])({
+    typeDefault: 'span'
+  }); // fix outdated schema
+
+  if (core.schema && core.schema.blocks) {
+    Object.keys(core.schema.blocks).forEach(function (key) {
+      var block = core.schema.blocks[key];
+
+      if (block.parent) {
+        return;
+      }
+
+      block.nodes[0] = {
+        type: block.nodes[0].types[0]
+      };
+    });
+  } // eslint-disable-next-line react/display-name
+
+
+  core.renderNode = function (props) {
+    var node = props.node,
+        attributes = props.attributes,
+        children = props.children;
+
+    switch (node.type) {
+      case 'ul_list':
+        return _react["default"].createElement("ul", attributes, children);
+
+      case 'ol_list':
+        return _react["default"].createElement("ol", attributes, children);
+
+      case 'list_item':
+        return _react["default"].createElement("li", attributes, children);
+    }
+  };
+
+  core.toolbar = {
+    isMark: false,
+    type: type,
+    icon: icon,
+    isActive: function isActive(value, type) {
+      if (!core.utils.isSelectionInList(value)) {
+        return false;
+      }
+
+      var current = core.utils.getCurrentList(value);
+      return current.type === type;
+    },
+    onClick: function onClick(value, onChange) {
+      log('[onClick]', value);
+      var inList = core.utils.isSelectionInList(value);
+
+      if (inList) {
+        var change = value.change().call(core.changes.unwrapList);
+        onChange(change);
+      } else {
+        var _change = value.change().call(core.changes.wrapInList, type);
+
+        onChange(_change);
+      }
+    }
+  };
+  core.renderNode.propTypes = {
+    node: _propTypes["default"].object,
+    attributes: _propTypes["default"].object,
+    children: _propTypes["default"].func
+  };
+  return core;
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/list/index.jsx"],"names":["log","b","type","next","childNodes","object","nodes","serialization","deserialize","el","name","tagName","toLowerCase","children","length","Array","from","serialize","options","icon","core","typeDefault","schema","blocks","Object","keys","forEach","key","block","parent","types","renderNode","props","node","attributes","toolbar","isMark","isActive","value","utils","isSelectionInList","current","getCurrentList","onClick","onChange","inList","change","call","changes","unwrapList","wrapInList","propTypes","PropTypes","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport EditList from 'slate-edit-list';\nimport debug from 'debug';\n\nconst log = debug('@pie-lib:editable-html:plugins:list');\n\nconst b = (type, next, childNodes) => ({\n  object: 'block',\n  type,\n  nodes: next(childNodes)\n});\n\nexport const serialization = {\n  deserialize(el, next) {\n    const name = el.tagName.toLowerCase();\n\n    if (name === 'li') {\n      return b('list_item', next, el.childNodes);\n    }\n\n    if (name === 'ul') {\n      return b('ul_list', next, el.children.length ? Array.from(el.children) : el.childNodes);\n    }\n\n    if (name === 'ol') {\n      return b('ol_list', next, el.children.length ? Array.from(el.children) : el.childNodes);\n    }\n  },\n  serialize(object, children) {\n    if (object.object !== 'block') return;\n\n    if (object.type === 'list_item') {\n      return <li>{children}</li>;\n    }\n\n    if (object.type === 'ul_list') {\n      return <ul>{children}</ul>;\n    }\n\n    if (object.type === 'ol_list') {\n      return <ol>{children}</ol>;\n    }\n  }\n};\n\nexport default options => {\n  const { type, icon } = options;\n\n  const core = EditList({\n    typeDefault: 'span'\n  });\n\n  // fix outdated schema\n\n  if (core.schema && core.schema.blocks) {\n    Object.keys(core.schema.blocks).forEach(key => {\n      const block = core.schema.blocks[key];\n\n      if (block.parent) {\n        return;\n      }\n\n      block.nodes[0] = { type: block.nodes[0].types[0] };\n    });\n  }\n\n  // eslint-disable-next-line react/display-name\n  core.renderNode = props => {\n    const { node, attributes, children } = props;\n\n    switch (node.type) {\n      case 'ul_list':\n        return <ul {...attributes}>{children}</ul>;\n      case 'ol_list':\n        return <ol {...attributes}>{children}</ol>;\n      case 'list_item':\n        return <li {...attributes}>{children}</li>;\n    }\n  };\n\n  core.toolbar = {\n    isMark: false,\n    type,\n    icon,\n    isActive: (value, type) => {\n      if (!core.utils.isSelectionInList(value)) {\n        return false;\n      }\n      const current = core.utils.getCurrentList(value);\n      return current.type === type;\n    },\n    onClick: (value, onChange) => {\n      log('[onClick]', value);\n      const inList = core.utils.isSelectionInList(value);\n      if (inList) {\n        const change = value.change().call(core.changes.unwrapList);\n        onChange(change);\n      } else {\n        const change = value.change().call(core.changes.wrapInList, type);\n        onChange(change);\n      }\n    }\n  };\n\n  core.renderNode.propTypes = {\n    node: PropTypes.object,\n    attributes: PropTypes.object,\n    children: PropTypes.func\n  };\n\n  return core;\n};\n"],"file":"index.js"}

package/configure/node_modules/@pie-lib/editable-html/lib/plugins/math/index.js

@@ -0,0 +1,352 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = MathPlugin;
+exports.serialization = exports.inlineMath = exports.CustomToolbarComp = void 0;
+
+var _Functions = _interopRequireDefault(require("@material-ui/icons/Functions"));
+
+var _slate = require("slate");
+
+var _mathToolbar = require("@pie-lib/math-toolbar");
+
+var _mathRendering = require("@pie-lib/math-rendering");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _slatePropTypes = _interopRequireDefault(require("slate-prop-types"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _serialization = require("../../serialization");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var log = (0, _debug["default"])('@pie-lib:editable-html:plugins:math');
+var TEXT_NODE = 3;
+
+function generateAdditionalKeys() {
+  var keyData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return keyData.map(function (key) {
+    return {
+      name: key,
+      latex: key,
+      write: key,
+      label: key
+    };
+  });
+}
+
+var CustomToolbarComp = _react["default"].memo(function (props) {
+  var node = props.node,
+      value = props.value,
+      onFocus = props.onFocus,
+      onBlur = props.onBlur,
+      onClick = props.onClick;
+
+  var _ref = props || {},
+      pluginProps = _ref.pluginProps;
+
+  var _ref2 = pluginProps || {},
+      math = _ref2.math;
+
+  var _ref3 = math || {},
+      keypadMode = _ref3.keypadMode,
+      customKeys = _ref3.customKeys,
+      _ref3$controlledKeypa = _ref3.controlledKeypadMode,
+      controlledKeypadMode = _ref3$controlledKeypa === void 0 ? true : _ref3$controlledKeypa;
+
+  var onDone = function onDone(latex) {
+    var update = _objectSpread({}, node.data.toObject(), {
+      latex: latex
+    });
+
+    var change = value.change().setNodeByKey(node.key, {
+      data: update
+    });
+    var nextText = value.document.getNextText(node.key);
+    change.moveFocusTo(nextText.key, 0).moveAnchorTo(nextText.key, 0);
+    props.onToolbarDone(change, false);
+  };
+
+  var onChange = function onChange(latex) {
+    var update = _objectSpread({}, node.data.toObject(), {
+      latex: latex
+    });
+
+    var change = value.change().setNodeByKey(node.key, {
+      data: update
+    });
+    log('call onToolbarChange:', change);
+    props.onDataChange(node.key, update);
+  };
+
+  var latex = node.data.get('latex');
+  return _react["default"].createElement(_mathToolbar.MathToolbar, {
+    autoFocus: true,
+    additionalKeys: generateAdditionalKeys(customKeys),
+    latex: latex,
+    onChange: onChange,
+    onDone: onDone,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    onClick: onClick,
+    keypadMode: keypadMode,
+    controlledKeypadMode: controlledKeypadMode
+  });
+}, function (prev, next) {
+  var node = prev.node,
+      _prev$pluginProps = prev.pluginProps;
+  _prev$pluginProps = _prev$pluginProps === void 0 ? {} : _prev$pluginProps;
+  var _prev$pluginProps$mat = _prev$pluginProps.math;
+  _prev$pluginProps$mat = _prev$pluginProps$mat === void 0 ? {} : _prev$pluginProps$mat;
+  var keypadMode = _prev$pluginProps$mat.keypadMode,
+      controlledKeypadMode = _prev$pluginProps$mat.controlledKeypadMode;
+  var nodeNext = next.node,
+      _next$pluginProps = next.pluginProps;
+  _next$pluginProps = _next$pluginProps === void 0 ? {} : _next$pluginProps;
+  var _next$pluginProps$mat = _next$pluginProps.math;
+  _next$pluginProps$mat = _next$pluginProps$mat === void 0 ? {} : _next$pluginProps$mat;
+  var keypadModeNext = _next$pluginProps$mat.keypadMode,
+      controlledKeypadModeNext = _next$pluginProps$mat.controlledKeypadMode;
+  var keypadModeChanged = keypadMode !== keypadModeNext;
+  var controlledKeypadModeChanged = controlledKeypadMode !== controlledKeypadModeNext;
+  var equal = node.equals(nodeNext);
+  return equal && !keypadModeChanged && !controlledKeypadModeChanged;
+});
+
+exports.CustomToolbarComp = CustomToolbarComp;
+CustomToolbarComp.propTypes = {
+  node: _slatePropTypes["default"].node.isRequired,
+  value: _slatePropTypes["default"].value,
+  onToolbarDone: _propTypes["default"].func,
+  onDataChange: _propTypes["default"].func,
+  onFocus: _propTypes["default"].func,
+  onClick: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+};
+
+function MathPlugin() {
+  return {
+    name: 'math',
+    toolbar: {
+      icon: _react["default"].createElement(_Functions["default"], null),
+      onClick: function onClick(value, onChange) {
+        log('[insertMath]');
+        var math = inlineMath();
+        var change = value.change().insertInline(math);
+        onChange(change);
+      },
+      supports: function supports(node) {
+        return node && node.object === 'inline' && node.type === 'math';
+      },
+
+      /**
+       * Return a react component function
+       * @param node {Slate.Node}
+       * @param value {Slate.Value}
+       * @param onDone {(change?: Slate.Change, finishEditing :boolea) => void} - a function to call once the toolbar
+       *   has made any changes, call with the node.key and a data object.
+       */
+      CustomToolbarComp: CustomToolbarComp
+    },
+    schema: {
+      document: {
+        match: [{
+          type: 'math'
+        }]
+      }
+    },
+    pluginStyles: function pluginStyles(node, parentNode, p) {
+      if (p) {
+        return {
+          position: 'absolute',
+          top: 'initial'
+        };
+      }
+    },
+    renderNode: function renderNode(props) {
+      if (props.node.type === 'math') {
+        log('[renderNode]: data:', props.node.data);
+        return _react["default"].createElement(_mathToolbar.MathPreview, props);
+      }
+      /**
+       * Here for rendering mathml content
+       */
+
+
+      if (props.node.type === 'mathml') {
+        var html = props.node.data.get('html');
+        return _react["default"].createElement("span", _extends({}, props.attributes, {
+          dangerouslySetInnerHTML: {
+            __html: html
+          }
+        }));
+      }
+    },
+    normalizeNode: function normalizeNode(node) {
+      if (node.object !== 'document') {
+        return;
+      }
+
+      var addSpacesArray = [];
+      var allElements = node.filterDescendants(function (d) {
+        return d.type === 'math';
+      });
+      allElements.forEach(function (el) {
+        var prevText = node.getPreviousText(el.key);
+        var lastCharIsNewLine = prevText.text[prevText.text.length - 1] === '\n';
+
+        if (prevText.text.length === 0 || lastCharIsNewLine) {
+          addSpacesArray.push({
+            nr: lastCharIsNewLine ? 1 : 2,
+            key: prevText.key
+          });
+        }
+      });
+
+      if (!addSpacesArray.length) {
+        return;
+      }
+
+      return function (change) {
+        change.withoutNormalization(function () {
+          addSpacesArray.forEach(function (_ref4) {
+            var key = _ref4.key,
+                nr = _ref4.nr;
+            var node = change.value.document.getNode(key);
+            change.insertTextByKey(key, node.text.length, "\xA0".repeat(nr));
+          });
+        });
+      };
+    }
+  };
+}
+
+MathPlugin.ROUND_BRACKETS = 'round_brackets';
+MathPlugin.SQUARE_BRACKETS = 'square_brackets';
+MathPlugin.DOLLAR = 'dollar';
+MathPlugin.DOUBLE_DOLLAR = 'double_dollar';
+
+var inlineMath = function inlineMath() {
+  return _slate.Inline.create({
+    object: 'inline',
+    type: 'math',
+    isVoid: true,
+    data: {
+      latex: ''
+    }
+  });
+};
+
+exports.inlineMath = inlineMath;
+
+var htmlDecode = function htmlDecode(input) {
+  var doc = new DOMParser().parseFromString(input, 'text/html');
+  return doc.documentElement.textContent;
+};
+
+var getTagName = function getTagName(el) {
+  return (el && el.tagName || '').toLowerCase();
+};
+
+var serialization = {
+  deserialize: function deserialize(el) {
+    var tagName = getTagName(el);
+    /**
+     * This is used for when there's a wrapper over the mathml element.
+     * Because of this slate rule: "Only allow block nodes or inline and text nodes in blocks."
+     * The element that contains only the mathml is removed (along with the math) because it has
+     * an inline child and the block is of type block
+     * This is for legacy content only since our math rendering is valid for the core slate rules
+     */
+
+    var hasMathChild = _serialization.BLOCK_TAGS[tagName] && el.childNodes.length === 1 && getTagName(el.firstChild) === 'math';
+    log('[deserialize] name: ', tagName);
+    /**
+     * This is here in order to be able to render mathml content
+     */
+
+    if (tagName === 'math' || el.dataset && el.dataset.type === 'mathml' || hasMathChild) {
+      var newHtml = hasMathChild ? el.innerHTML : el.outerHTML;
+      return {
+        object: 'inline',
+        isVoid: true,
+        type: 'mathml',
+        data: {
+          html: newHtml
+        }
+      };
+    }
+
+    if (el.nodeType === TEXT_NODE) {
+      return;
+    }
+
+    if (tagName !== 'span') {
+      return;
+    }
+
+    var hasLatex = el.hasAttribute('data-latex') || el.hasAttribute('latex');
+
+    if (hasLatex) {
+      var latex = htmlDecode(el.innerHTML);
+
+      var _unWrapMath = (0, _mathRendering.unWrapMath)(latex),
+          unwrapped = _unWrapMath.unwrapped,
+          wrapType = _unWrapMath.wrapType;
+
+      log('[deserialize]: noBrackets: ', unwrapped, wrapType);
+      return {
+        object: 'inline',
+        type: 'math',
+        isVoid: true,
+        nodes: [],
+        data: {
+          latex: unwrapped,
+          wrapper: wrapType
+        }
+      };
+    }
+  },
+  serialize: function serialize(object) {
+    if (object.type === 'math') {
+      var l = object.data.get('latex');
+      var wrapper = object.data.get('wrapper');
+      log('[serialize] latex: ', l);
+      var decoded = htmlDecode(l);
+      return _react["default"].createElement("span", {
+        "data-latex": "",
+        "data-raw": decoded
+      }, (0, _mathRendering.wrapMath)(decoded, wrapper));
+    }
+    /**
+     * Here for rendering mathml content
+     */
+
+
+    if (object.type === 'mathml') {
+      var html = object.data.get('html');
+      return _react["default"].createElement("span", {
+        "data-type": "mathml",
+        dangerouslySetInnerHTML: {
+          __html: html
+        }
+      });
+    }
+  }
+};
+exports.serialization = serialization;
+//# sourceMappingURL=index.js.map