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

package/lib/index.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -27,139 +29,236 @@ exports["default"] = void 0;
 Object.defineProperty(exports, "htmlToValue", {
   enumerable: true,
   get: function get() {
-    return _newSerialization.htmlToValue;
+    return _serialization.htmlToValue;
   }
 });
 Object.defineProperty(exports, "valueToHtml", {
   enumerable: true,
   get: function get() {
-    return _newSerialization.valueToHtml;
+    return _serialization.valueToHtml;
   }
 });
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _slateReact = require("slate-react");
+
+var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _editor = _interopRequireWildcard(require("./editor"));
-var _newSerialization = require("./new-serialization");
+
+var _serialization = require("./serialization");
+
 var _parseHtml = require("./parse-html");
+
 var _debug = _interopRequireDefault(require("debug"));
+
 var _slate = require("slate");
-var _this = void 0;
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var log = (0, _debug["default"])('@pie-lib:editable-html');
 /**
  * Export lower level Editor and serialization functions.
  */
 
-var useConstructor = function useConstructor() {
-  var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    hasBeenCalled = _useState2[0],
-    setHasBeenCalled = _useState2[1];
-  if (hasBeenCalled) {
-    return;
+/**
+ * Wrapper around the editor that exposes a `markup` and `onChange(markup:string)` api.
+ * Because of the mismatch between the markup and the `Value` we need to convert the incoming markup to a value and
+ * compare it. TODO: This is an interim fix, we'll need to strip back `Editor` and look how best to maintain the
+ * `markup` api whilst avoiding the serialization mismatch. We should be making better use of schemas w/ normalize.
+ */
+var reduceMultipleBrs = function reduceMultipleBrs(markup) {
+  try {
+    return markup.replace(/(<br\s*\/?>){3,}/gi, '<br>');
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.log("Couldn't remove <br/> tags: ", e);
   }
-  callback();
-  setHasBeenCalled(true);
+
+  return markup;
 };
-var EditableHtml = /*#__PURE__*/_react["default"].forwardRef(function (props, forwardedRef) {
-  var _editorRef = (0, _react.useRef)(null);
-  var rootRef = (0, _react.useRef)(null);
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    value = _useState4[0],
-    setValue = _useState4[1];
-  useConstructor(function () {
-    var v = (0, _newSerialization.htmlToValue)(props.markup);
-    setValue(v);
-  });
-  var onChange = function onChange(value, done) {
-    var html = (0, _newSerialization.valueToHtml)(value);
-    var htmlParsed = (0, _parseHtml.parseDegrees)(html);
-    log('value as html: ', html);
-    if (html !== props.markup) {
-      props.onChange(htmlParsed);
-    }
-    if (done) {
-      props.onDone(htmlParsed);
-    }
-  };
-  var focus = function focus(position, node) {
-    var select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    if (_this.editorRef) {
-      _this.editorRef.change(function (c) {
-        var lastText = node ? c.value.document.getNextText(node.key) : c.value.document.getLastText();
-        var editorDOM = document.querySelector("[data-key=\"".concat(_this.editorRef.value.document.key, "\"]"));
-        if (editorDOM !== document.activeElement) {
-          document.activeElement.blur();
-        }
-        c.focus();
-        if (position === 'end' && lastText) {
-          var _lastText$text, _lastText$text2;
-          c.moveFocusTo(lastText.key, (_lastText$text = lastText.text) === null || _lastText$text === void 0 ? void 0 : _lastText$text.length).moveAnchorTo(lastText.key, (_lastText$text2 = lastText.text) === null || _lastText$text2 === void 0 ? void 0 : _lastText$text2.length);
-          if (select) {
-            var _lastText$text3;
-            var range = _slate.Range.fromJSON({
-              anchorKey: lastText.key,
-              anchorOffset: 0,
-              focusKey: lastText.key,
-              focusOffset: (_lastText$text3 = lastText.text) === null || _lastText$text3 === void 0 ? void 0 : _lastText$text3.length,
-              isFocused: true,
-              isBackward: false
-            });
-            c.select(range);
-          }
-        }
-        if (position === 'beginning' && lastText) {
-          c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);
-        }
-        editorDOM.focus();
+
+var EditableHtml = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(EditableHtml, _React$Component);
+
+  var _super = _createSuper(EditableHtml);
+
+  function EditableHtml(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, EditableHtml);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "runSerializationOnMarkup", function () {
+      if (!_this.props.markup) {
+        return;
+      }
+
+      var v = (0, _serialization.htmlToValue)(reduceMultipleBrs(_this.props.markup));
+
+      _this.setState({
+        value: v
       });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (value, done) {
+      var html = (0, _serialization.valueToHtml)(value);
+      var htmlParsed = (0, _parseHtml.parseDegrees)(html);
+      log('value as html: ', html);
+
+      if (html !== _this.props.markup) {
+        _this.props.onChange(htmlParsed);
+      }
+
+      if (done) {
+        _this.props.onDone(htmlParsed);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function (position, node) {
+      var select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+
+      if (_this.editorRef) {
+        _this.editorRef.change(function (c) {
+          var lastText = node ? c.value.document.getNextText(node.key) : c.value.document.getLastText();
+          var editorDOM = document.querySelector("[data-key=\"".concat(_this.editorRef.value.document.key, "\"]"));
+
+          if (editorDOM !== document.activeElement) {
+            document.activeElement.blur();
+          }
+
+          c.focus();
+
+          if (position === 'end' && lastText) {
+            var _lastText$text, _lastText$text2;
+
+            c.moveFocusTo(lastText.key, (_lastText$text = lastText.text) === null || _lastText$text === void 0 ? void 0 : _lastText$text.length).moveAnchorTo(lastText.key, (_lastText$text2 = lastText.text) === null || _lastText$text2 === void 0 ? void 0 : _lastText$text2.length);
+
+            if (select) {
+              var _lastText$text3;
+
+              var range = _slate.Range.fromJSON({
+                anchorKey: lastText.key,
+                anchorOffset: 0,
+                focusKey: lastText.key,
+                focusOffset: (_lastText$text3 = lastText.text) === null || _lastText$text3 === void 0 ? void 0 : _lastText$text3.length,
+                isFocused: true,
+                isBackward: false
+              });
+
+              c.select(range);
+            }
+          }
+
+          if (position === 'beginning' && lastText) {
+            c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);
+          }
+
+          editorDOM.focus();
+        });
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "finishEditing", function () {
+      if (_this.editorRef) {
+        _this.editorRef.props.onEditingDone();
+      }
+    });
+
+    var _v = (0, _serialization.htmlToValue)(props.markup);
+
+    _this.state = {
+      value: _v
+    };
+    return _this;
+  } // eslint-disable-next-line react/no-deprecated
+
+
+  (0, _createClass2["default"])(EditableHtml, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(props) {
+      if (!props.allowValidation && props.markup === this.props.markup) {
+        return;
+      }
+
+      var v = (0, _serialization.htmlToValue)(reduceMultipleBrs(props.markup));
+      var current = (0, _serialization.htmlToValue)(reduceMultipleBrs(this.props.markup));
+
+      if (v.equals && !v.equals(current)) {
+        this.setState({
+          value: v
+        });
+      }
     }
-  };
-  var toolbarOpts = props.toolbarOpts,
-    error = props.error;
-  if (toolbarOpts) {
-    toolbarOpts.error = error;
-  }
-  var newProps = _objectSpread(_objectSpread({}, props), {}, {
-    markup: null,
-    value: value,
-    onChange: onChange,
-    focus: focus
-  });
-  return /*#__PURE__*/_react["default"].createElement(_editor["default"], (0, _extends2["default"])({}, newProps, {
-    onRef: function onRef(ref) {
-      if (ref) {
-        rootRef.current = ref;
-        if (forwardedRef) {
-          forwardedRef(ref);
-        }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var value = this.state.value;
+      var _this$props = this.props,
+          toolbarOpts = _this$props.toolbarOpts,
+          error = _this$props.error;
+
+      if (toolbarOpts) {
+        toolbarOpts.error = error;
       }
-    },
-    editorRef: function editorRef(ref) {
-      return ref && (_editorRef.current = ref);
+
+      var props = _objectSpread(_objectSpread({}, this.props), {}, {
+        markup: null,
+        value: value,
+        onChange: this.onChange,
+        focus: this.focus,
+        runSerializationOnMarkup: this.runSerializationOnMarkup
+      });
+
+      return /*#__PURE__*/_react["default"].createElement(_editor["default"], (0, _extends2["default"])({
+        onRef: function onRef(ref) {
+          if (ref) {
+            _this2.rootRef = ref;
+          }
+        },
+        editorRef: function editorRef(ref) {
+          return ref && (_this2.editorRef = ref);
+        }
+      }, props));
     }
-  }));
-});
-EditableHtml.propTypes = {
+  }]);
+  return EditableHtml;
+}(_react["default"].Component);
+
+exports["default"] = EditableHtml;
+(0, _defineProperty2["default"])(EditableHtml, "propTypes", {
+  error: _propTypes["default"].any,
   onChange: _propTypes["default"].func.isRequired,
   onDone: _propTypes["default"].func,
-  onEditor: _propTypes["default"].func,
   markup: _propTypes["default"].string.isRequired,
-  allowValidation: _propTypes["default"].bool
-};
-EditableHtml.defaultProps = {
+  allowValidation: _propTypes["default"].bool,
+  toolbarOpts: _propTypes["default"].object
+});
+(0, _defineProperty2["default"])(EditableHtml, "defaultProps", {
   onDone: function onDone() {},
   allowValidation: false
-};
-var _default = EditableHtml;
-exports["default"] = _default;
+});
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_slateReact","_propTypes","_interopRequireDefault","_editor","_newSerialization","_parseHtml","_debug","_slate","_this","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","useConstructor","callback","undefined","_useState","useState","_useState2","_slicedToArray2","hasBeenCalled","setHasBeenCalled","EditableHtml","React","forwardRef","props","forwardedRef","editorRef","useRef","rootRef","_useState3","_useState4","value","setValue","v","htmlToValue","markup","onChange","done","html","valueToHtml","htmlParsed","parseDegrees","onDone","focus","position","node","select","change","c","lastText","document","getNextText","getLastText","editorDOM","querySelector","concat","activeElement","blur","_lastText$text","_lastText$text2","moveFocusTo","text","moveAnchorTo","_lastText$text3","range","Range","fromJSON","anchorKey","anchorOffset","focusKey","focusOffset","isFocused","isBackward","toolbarOpts","error","newProps","createElement","_extends2","onRef","ref","current","propTypes","PropTypes","func","isRequired","onEditor","string","allowValidation","bool","defaultProps","_default","exports"],"sources":["../src/index.jsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { useSlate } from 'slate-react';\nimport PropTypes from 'prop-types';\nimport Editor, { DEFAULT_PLUGINS, ALL_PLUGINS } from './editor';\nimport { htmlToValue, valueToHtml } from './new-serialization';\nimport { parseDegrees } from './parse-html';\nimport debug from 'debug';\nimport { Range } from 'slate';\n\nconst log = debug('@pie-lib:editable-html');\n/**\n * Export lower level Editor and serialization functions.\n */\nexport { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS };\n\nconst useConstructor = (callback = () => {}) => {\n  const [hasBeenCalled, setHasBeenCalled] = useState(false);\n\n  if (hasBeenCalled) {\n    return;\n  }\n\n  callback();\n  setHasBeenCalled(true);\n};\n\nconst EditableHtml = React.forwardRef((props, forwardedRef) => {\n  const editorRef = useRef(null);\n  const rootRef = useRef(null);\n  const [value, setValue] = useState();\n\n  useConstructor(() => {\n    const v = htmlToValue(props.markup);\n    setValue(v);\n  });\n\n  const onChange = (value, done) => {\n    const html = valueToHtml(value);\n    const htmlParsed = parseDegrees(html);\n\n    log('value as html: ', html);\n\n    if (html !== props.markup) {\n      props.onChange(htmlParsed);\n    }\n\n    if (done) {\n      props.onDone(htmlParsed);\n    }\n  };\n\n  const focus = (position, node, select = false) => {\n    if (this.editorRef) {\n      this.editorRef.change((c) => {\n        const lastText = node ? c.value.document.getNextText(node.key) : c.value.document.getLastText();\n        const editorDOM = document.querySelector(`[data-key=\"${this.editorRef.value.document.key}\"]`);\n\n        if (editorDOM !== document.activeElement) {\n          document.activeElement.blur();\n        }\n\n        c.focus();\n\n        if (position === 'end' && lastText) {\n          c.moveFocusTo(lastText.key, lastText.text?.length).moveAnchorTo(lastText.key, lastText.text?.length);\n          if (select) {\n            const range = Range.fromJSON({\n              anchorKey: lastText.key,\n              anchorOffset: 0,\n              focusKey: lastText.key,\n              focusOffset: lastText.text?.length,\n              isFocused: true,\n              isBackward: false,\n            });\n            c.select(range);\n          }\n        }\n\n        if (position === 'beginning' && lastText) {\n          c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);\n        }\n        editorDOM.focus();\n      });\n    }\n  };\n\n  const { toolbarOpts, error } = props;\n\n  if (toolbarOpts) {\n    toolbarOpts.error = error;\n  }\n\n  const newProps = {\n    ...props,\n    markup: null,\n    value,\n    onChange,\n    focus,\n  };\n\n  return (\n    <Editor\n      {...newProps}\n      onRef={ref => {\n        if (ref) {\n          rootRef.current = ref;\n\n          if (forwardedRef) {\n            forwardedRef(ref);\n          }\n        }\n      }}\n      editorRef={ref => ref && (editorRef.current = ref)}\n    />\n  );\n});\n\nEditableHtml.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  onDone: PropTypes.func,\n  onEditor: PropTypes.func,\n  markup: PropTypes.string.isRequired,\n  allowValidation: PropTypes.bool\n};\n\nEditableHtml.defaultProps = {\n  onDone: () => {},\n  allowValidation: false\n};\n\nexport default EditableHtml;\n"],"mappings":"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"}
+{"version":3,"sources":["../src/index.jsx"],"names":["log","reduceMultipleBrs","markup","replace","e","console","EditableHtml","props","v","setState","value","done","html","htmlParsed","onChange","onDone","position","node","select","editorRef","change","c","lastText","document","getNextText","key","getLastText","editorDOM","querySelector","activeElement","blur","focus","moveFocusTo","text","length","moveAnchorTo","range","Range","fromJSON","anchorKey","anchorOffset","focusKey","focusOffset","isFocused","isBackward","onEditingDone","state","allowValidation","current","equals","toolbarOpts","error","runSerializationOnMarkup","ref","rootRef","React","Component","PropTypes","any","func","isRequired","string","bool","object"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Editor, { DEFAULT_PLUGINS, ALL_PLUGINS } from './editor';\nimport { htmlToValue, valueToHtml } from './serialization';\nimport { parseDegrees } from './parse-html';\nimport debug from 'debug';\nimport { Range } from 'slate';\n\nconst log = debug('@pie-lib:editable-html');\n/**\n * Export lower level Editor and serialization functions.\n */\nexport { htmlToValue, valueToHtml, Editor, DEFAULT_PLUGINS, ALL_PLUGINS };\n\n/**\n * Wrapper around the editor that exposes a `markup` and `onChange(markup:string)` api.\n * Because of the mismatch between the markup and the `Value` we need to convert the incoming markup to a value and\n * compare it. TODO: This is an interim fix, we'll need to strip back `Editor` and look how best to maintain the\n * `markup` api whilst avoiding the serialization mismatch. We should be making better use of schemas w/ normalize.\n */\n\nconst reduceMultipleBrs = (markup) => {\n  try {\n    return markup.replace(/(<br\\s*\\/?>){3,}/gi, '<br>');\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.log(\"Couldn't remove <br/> tags: \", e);\n  }\n\n  return markup;\n};\n\nexport default class EditableHtml extends React.Component {\n  static propTypes = {\n    error: PropTypes.any,\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func,\n    markup: PropTypes.string.isRequired,\n    allowValidation: PropTypes.bool,\n    toolbarOpts: PropTypes.object,\n  };\n\n  static defaultProps = {\n    onDone: () => {},\n    allowValidation: false,\n  };\n\n  constructor(props) {\n    super(props);\n    const v = htmlToValue(props.markup);\n    this.state = {\n      value: v,\n    };\n  }\n\n  // eslint-disable-next-line react/no-deprecated\n  componentWillReceiveProps(props) {\n    if (!props.allowValidation && props.markup === this.props.markup) {\n      return;\n    }\n\n    const v = htmlToValue(reduceMultipleBrs(props.markup));\n    const current = htmlToValue(reduceMultipleBrs(this.props.markup));\n\n    if (v.equals && !v.equals(current)) {\n      this.setState({ value: v });\n    }\n  }\n\n  runSerializationOnMarkup = () => {\n    if (!this.props.markup) {\n      return;\n    }\n\n    const v = htmlToValue(reduceMultipleBrs(this.props.markup));\n\n    this.setState({ value: v });\n  };\n\n  onChange = (value, done) => {\n    const html = valueToHtml(value);\n    const htmlParsed = parseDegrees(html);\n\n    log('value as html: ', html);\n\n    if (html !== this.props.markup) {\n      this.props.onChange(htmlParsed);\n    }\n\n    if (done) {\n      this.props.onDone(htmlParsed);\n    }\n  };\n\n  focus = (position, node, select = false) => {\n    if (this.editorRef) {\n      this.editorRef.change((c) => {\n        const lastText = node ? c.value.document.getNextText(node.key) : c.value.document.getLastText();\n        const editorDOM = document.querySelector(`[data-key=\"${this.editorRef.value.document.key}\"]`);\n\n        if (editorDOM !== document.activeElement) {\n          document.activeElement.blur();\n        }\n\n        c.focus();\n\n        if (position === 'end' && lastText) {\n          c.moveFocusTo(lastText.key, lastText.text?.length).moveAnchorTo(lastText.key, lastText.text?.length);\n          if (select) {\n            const range = Range.fromJSON({\n              anchorKey: lastText.key,\n              anchorOffset: 0,\n              focusKey: lastText.key,\n              focusOffset: lastText.text?.length,\n              isFocused: true,\n              isBackward: false,\n            });\n            c.select(range);\n          }\n        }\n\n        if (position === 'beginning' && lastText) {\n          c.moveFocusTo(lastText.key, 0).moveAnchorTo(lastText.key, 0);\n        }\n        editorDOM.focus();\n      });\n    }\n  };\n\n  finishEditing = () => {\n    if (this.editorRef) {\n      this.editorRef.props.onEditingDone();\n    }\n  };\n\n  render() {\n    const { value } = this.state;\n    const { toolbarOpts, error } = this.props;\n\n    if (toolbarOpts) {\n      toolbarOpts.error = error;\n    }\n\n    const props = {\n      ...this.props,\n      markup: null,\n      value,\n      onChange: this.onChange,\n      focus: this.focus,\n      runSerializationOnMarkup: this.runSerializationOnMarkup,\n    };\n\n    return (\n      <Editor\n        onRef={(ref) => {\n          if (ref) {\n            this.rootRef = ref;\n          }\n        }}\n        editorRef={(ref) => ref && (this.editorRef = ref)}\n        {...props}\n      />\n    );\n  }\n}\n"],"file":"index.js"}

package/lib/parse-html.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.parseDegrees = void 0;
+
 var parseDegrees = function parseDegrees(html) {
-  return html
-  // removes \(   use case: 50°
-  .replace(/\\[(]/g, '')
-  // removes \)   use case: 50°+m<1
-  .replace(/\\[)]/g, '')
-  // removes \degree  use case: 50°
+  return html // removes \(   use case: 50°
+  .replace(/\\[(]/g, '') // removes \)   use case: 50°+m<1
+  .replace(/\\[)]/g, '') // removes \degree  use case: 50°
   .replace(/\\degree/g, '&deg;');
 };
+
 exports.parseDegrees = parseDegrees;
 //# sourceMappingURL=parse-html.js.map

package/lib/parse-html.js.map

@@ -1 +1 @@
-{"version":3,"file":"parse-html.js","names":["parseDegrees","html","replace","exports"],"sources":["../src/parse-html.js"],"sourcesContent":["export const parseDegrees = (html) =>\n  html\n    // removes \\(   use case: 50°\n    .replace(/\\\\[(]/g, '')\n    // removes \\)   use case: 50°+m<1\n    .replace(/\\\\[)]/g, '')\n    // removes \\degree  use case: 50°\n    .replace(/\\\\degree/g, '&deg;');\n"],"mappings":";;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAI;EAAA,OAC/BA;EACE;EAAA,CACCC,OAAO,CAAC,QAAQ,EAAE,EAAE;EACrB;EAAA,CACCA,OAAO,CAAC,QAAQ,EAAE,EAAE;EACrB;EAAA,CACCA,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC;AAAA;AAACC,OAAA,CAAAH,YAAA,GAAAA,YAAA"}
+{"version":3,"sources":["../src/parse-html.js"],"names":["parseDegrees","html","replace"],"mappings":";;;;;;;AAAO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD;AAAA,SAC1BA,IAAI,CACF;AADE,GAEDC,OAFH,CAEW,QAFX,EAEqB,EAFrB,EAGE;AAHF,GAIGA,OAJH,CAIW,QAJX,EAIqB,EAJrB,EAKE;AALF,GAMGA,OANH,CAMW,WANX,EAMwB,OANxB,CAD0B;AAAA,CAArB","sourcesContent":["export const parseDegrees = (html) =>\n  html\n    // removes \\(   use case: 50°\n    .replace(/\\\\[(]/g, '')\n    // removes \\)   use case: 50°+m<1\n    .replace(/\\\\[)]/g, '')\n    // removes \\degree  use case: 50°\n    .replace(/\\\\degree/g, '&deg;');\n"],"file":"parse-html.js"}

package/lib/plugins/characters/custom-popper.js

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _styles = require("@material-ui/core/styles");
+
 var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
+
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+
 var _excluded = ["classes", "children"];
+
 var styles = function styles() {
   return {
     popover: {
@@ -31,10 +40,11 @@ var styles = function styles() {
     }
   };
 };
+
 var CustomPopper = (0, _styles.withStyles)(styles)(function (_ref) {
   var classes = _ref.classes,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      children = _ref.children,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Popper["default"], (0, _extends2["default"])({
     id: "mouse-over-popover",
     open: true,

package/lib/plugins/characters/custom-popper.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-popper.js","names":["_react","_interopRequireDefault","require","_styles","_Popper","_Typography","_excluded","styles","popover","background","padding","pointerEvents","zIndex","paper","height","width","typography","fontSize","textAlign","CustomPopper","withStyles","_ref","classes","children","props","_objectWithoutProperties2","createElement","_extends2","id","open","className","anchorOrigin","vertical","horizontal","transformOrigin","disableRestoreFocus","disableAutoFocus","root","_default","exports"],"sources":["../../../src/plugins/characters/custom-popper.js"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Popper from '@material-ui/core/Popper';\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = () => ({\n  popover: {\n    background: '#fff',\n    padding: '10px',\n    pointerEvents: 'none',\n    zIndex: 99999,\n  },\n  paper: {\n    padding: 20,\n    height: 'auto',\n    width: 'auto',\n  },\n  typography: {\n    fontSize: 50,\n    textAlign: 'center',\n  },\n});\n\nconst CustomPopper = withStyles(styles)(({ classes, children, ...props }) => (\n  <Popper\n    id=\"mouse-over-popover\"\n    open\n    className={classes.popover}\n    classes={{\n      paper: classes.paper,\n    }}\n    anchorOrigin={{\n      vertical: 'bottom',\n      horizontal: 'left',\n    }}\n    transformOrigin={{\n      vertical: 'top',\n      horizontal: 'left',\n    }}\n    disableRestoreFocus\n    disableAutoFocus\n    {...props}\n  >\n    <Typography classes={{ root: classes.typography }}>{children}</Typography>\n  </Popper>\n));\n\nexport default CustomPopper;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsD,IAAAI,SAAA;AAEtD,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA;EAAA,OAAU;IACpBC,OAAO,EAAE;MACPC,UAAU,EAAE,MAAM;MAClBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLH,OAAO,EAAE,EAAE;MACXI,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE;IACT,CAAC;IACDC,UAAU,EAAE;MACVC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,IAAMC,YAAY,GAAG,IAAAC,kBAAU,EAACb,MAAM,CAAC,CAAC,UAAAc,IAAA;EAAA,IAAGC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAf,SAAA;EAAA,oBACpEN,MAAA,YAAA0B,aAAA,CAACtB,OAAA,WAAM,MAAAuB,SAAA;IACLC,EAAE,EAAC,oBAAoB;IACvBC,IAAI;IACJC,SAAS,EAAER,OAAO,CAACd,OAAQ;IAC3Bc,OAAO,EAAE;MACPT,KAAK,EAAES,OAAO,CAACT;IACjB,CAAE;IACFkB,YAAY,EAAE;MACZC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE;IACd,CAAE;IACFC,eAAe,EAAE;MACfF,QAAQ,EAAE,KAAK;MACfC,UAAU,EAAE;IACd,CAAE;IACFE,mBAAmB;IACnBC,gBAAgB;EAAA,GACZZ,KAAK,gBAETxB,MAAA,YAAA0B,aAAA,CAACrB,WAAA,WAAU;IAACiB,OAAO,EAAE;MAAEe,IAAI,EAAEf,OAAO,CAACN;IAAW;EAAE,GAAEO,QAAqB,CACnE,CAAC;AAAA,CACV,CAAC;AAAC,IAAAe,QAAA,GAEYnB,YAAY;AAAAoB,OAAA,cAAAD,QAAA"}
+{"version":3,"sources":["../../../src/plugins/characters/custom-popper.js"],"names":["styles","popover","background","padding","pointerEvents","zIndex","paper","height","width","typography","fontSize","textAlign","CustomPopper","classes","children","props","vertical","horizontal","root"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,UAAU,EAAE,MADL;AAEPC,MAAAA,OAAO,EAAE,MAFF;AAGPC,MAAAA,aAAa,EAAE,MAHR;AAIPC,MAAAA,MAAM,EAAE;AAJD,KADW;AAOpBC,IAAAA,KAAK,EAAE;AACLH,MAAAA,OAAO,EAAE,EADJ;AAELI,MAAAA,MAAM,EAAE,MAFH;AAGLC,MAAAA,KAAK,EAAE;AAHF,KAPa;AAYpBC,IAAAA,UAAU,EAAE;AACVC,MAAAA,QAAQ,EAAE,EADA;AAEVC,MAAAA,SAAS,EAAE;AAFD;AAZQ,GAAP;AAAA,CAAf;;AAkBA,IAAMC,YAAY,GAAG,wBAAWZ,MAAX,EAAmB;AAAA,MAAGa,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,MAAyBC,KAAzB;AAAA,sBACtC,gCAAC,kBAAD;AACE,IAAA,EAAE,EAAC,oBADL;AAEE,IAAA,IAAI,MAFN;AAGE,IAAA,SAAS,EAAEF,OAAO,CAACZ,OAHrB;AAIE,IAAA,OAAO,EAAE;AACPK,MAAAA,KAAK,EAAEO,OAAO,CAACP;AADR,KAJX;AAOE,IAAA,YAAY,EAAE;AACZU,MAAAA,QAAQ,EAAE,QADE;AAEZC,MAAAA,UAAU,EAAE;AAFA,KAPhB;AAWE,IAAA,eAAe,EAAE;AACfD,MAAAA,QAAQ,EAAE,KADK;AAEfC,MAAAA,UAAU,EAAE;AAFG,KAXnB;AAeE,IAAA,mBAAmB,MAfrB;AAgBE,IAAA,gBAAgB;AAhBlB,KAiBMF,KAjBN,gBAmBE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAE;AAAEG,MAAAA,IAAI,EAAEL,OAAO,CAACJ;AAAhB;AAArB,KAAoDK,QAApD,CAnBF,CADsC;AAAA,CAAnB,CAArB;eAwBeF,Y","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Popper from '@material-ui/core/Popper';\nimport Typography from '@material-ui/core/Typography';\n\nconst styles = () => ({\n  popover: {\n    background: '#fff',\n    padding: '10px',\n    pointerEvents: 'none',\n    zIndex: 99999,\n  },\n  paper: {\n    padding: 20,\n    height: 'auto',\n    width: 'auto',\n  },\n  typography: {\n    fontSize: 50,\n    textAlign: 'center',\n  },\n});\n\nconst CustomPopper = withStyles(styles)(({ classes, children, ...props }) => (\n  <Popper\n    id=\"mouse-over-popover\"\n    open\n    className={classes.popover}\n    classes={{\n      paper: classes.paper,\n    }}\n    anchorOrigin={{\n      vertical: 'bottom',\n      horizontal: 'left',\n    }}\n    transformOrigin={{\n      vertical: 'top',\n      horizontal: 'left',\n    }}\n    disableRestoreFocus\n    disableAutoFocus\n    {...props}\n  >\n    <Typography classes={{ root: classes.typography }}>{children}</Typography>\n  </Popper>\n));\n\nexport default CustomPopper;\n"],"file":"custom-popper.js"}