@modusoperandi/licit 1.0.4 → 1.0.7

package/ui/CustomEditorView.js.flow

@@ -1,28 +1,29 @@
-// @flow
-
-import { EditorView } from 'prosemirror-view';
-import * as React from 'react';
-
-import type { DirectEditorProps, EditorRuntime } from '../Types.js';
-
-// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
-class CustomEditorView extends EditorView {
-  disabled: boolean;
-  placeholder: ?(string | React.Element<any>);
-  readOnly: boolean;
-  runtime: ?EditorRuntime;
-  constructor(place: HTMLElement, props: DirectEditorProps) {
-    super(place, props);
-    this.runtime = null;
-    this.readOnly = true;
-    this.disabled = true;
-    this.placeholder = null;
-  }
-
-  destroy() {
-    super.destroy();
-    this._props = {};
-  }
-}
-
-export default CustomEditorView;
+// @flow
+
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import type { DirectEditorProps, EditorRuntime } from '../Types.js';
+
+
+// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
+class CustomEditorView extends EditorView {
+  disabled: boolean;
+  placeholder: ?(string | React.Element<any>);
+  readOnly: boolean;
+  runtime: ?EditorRuntime;
+  constructor(place: HTMLElement, props: DirectEditorProps) {
+    super(place, props);
+    this.runtime = null;
+    this.readOnly = true;
+    this.disabled = true;
+    this.placeholder = null;
+  }
+
+  destroy() {
+    super.destroy();
+    this._props = {};
+  }
+}
+
+export default CustomEditorView;

package/ui/CustomMenu.js

@@ -1,26 +1,26 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import * as React from 'react';
 import './czi-custom-menu.css';
 import './czi-custom-scrollbar.css';
 var CustomMenu = /*#__PURE__*/function (_React$Component) {
-  _inherits(CustomMenu, _React$Component);
   function CustomMenu() {
     _classCallCheck(this, CustomMenu);
     return _callSuper(this, CustomMenu, arguments);
   }
-  _createClass(CustomMenu, [{
+  _inherits(CustomMenu, _React$Component);
+  return _createClass(CustomMenu, [{
     key: "render",
     value: function render() {
       var children = this.props.children;
@@ -29,6 +29,5 @@ var CustomMenu = /*#__PURE__*/function (_React$Component) {
       }, children);
     }
   }]);
-  return CustomMenu;
 }(React.Component);
 export default CustomMenu;

package/ui/CustomMenu.js.flow

@@ -1,17 +1,17 @@
-// @flow
-
-import * as React from 'react';
-
-import './czi-custom-menu.css';
-import './czi-custom-scrollbar.css';
-
-class CustomMenu extends React.Component<any, any> {
-  render(): React.Element<any> {
-    const { children } = this.props;
-    return (
-      <div className="czi-custom-menu czi-custom-scrollbar">{children}</div>
-    );
-  }
-}
-
-export default CustomMenu;
+// @flow
+
+import * as React from 'react';
+
+import './czi-custom-menu.css';
+import './czi-custom-scrollbar.css';
+
+class CustomMenu extends React.Component<any, any> {
+  render(): React.Element<any> {
+    const { children } = this.props;
+    return (
+      <div className="czi-custom-menu czi-custom-scrollbar">{children}</div>
+    );
+  }
+}
+
+export default CustomMenu;

package/ui/CustomMenuItem.js

@@ -1,28 +1,28 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import './czi-custom-menu-item.css';
 import { CustomButton } from '@modusoperandi/licit-ui-commands';
 import * as React from 'react';
 var CustomMenuItemSeparator = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(CustomMenuItemSeparator, _React$PureComponent);
   function CustomMenuItemSeparator() {
     _classCallCheck(this, CustomMenuItemSeparator);
     return _callSuper(this, CustomMenuItemSeparator, arguments);
   }
-  _createClass(CustomMenuItemSeparator, [{
+  _inherits(CustomMenuItemSeparator, _React$PureComponent);
+  return _createClass(CustomMenuItemSeparator, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement("div", {
@@ -30,10 +30,8 @@ var CustomMenuItemSeparator = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return CustomMenuItemSeparator;
 }(React.PureComponent);
 var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
-  _inherits(CustomMenuItem, _React$PureComponent2);
   function CustomMenuItem() {
     var _this;
     _classCallCheck(this, CustomMenuItem);
@@ -41,10 +39,11 @@ var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, CustomMenuItem, [].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "props", void 0);
+    _defineProperty(_this, "props", void 0);
     return _this;
   }
-  _createClass(CustomMenuItem, [{
+  _inherits(CustomMenuItem, _React$PureComponent2);
+  return _createClass(CustomMenuItem, [{
     key: "render",
     value: function render() {
       // [FS] IRAD-1044 2020-09-22
@@ -59,7 +58,6 @@ var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
       }));
     }
   }]);
-  return CustomMenuItem;
 }(React.PureComponent);
 _defineProperty(CustomMenuItem, "Separator", CustomMenuItemSeparator);
 export default CustomMenuItem;

package/ui/CustomMenuItem.js.flow

@@ -1,36 +1,36 @@
-// @flow
-
-import './czi-custom-menu-item.css';
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import * as React from 'react';
-
-class CustomMenuItemSeparator extends React.PureComponent<any, any> {
-  render(): React.Element<any> {
-    return <div className="czi-custom-menu-item-separator" />;
-  }
-}
-
-class CustomMenuItem extends React.PureComponent<any, any> {
-  static Separator = CustomMenuItemSeparator;
-
-  props: {
-    label: string,
-    disabled?: ?boolean,
-    onClick: ?(value: any, e: SyntheticEvent<>) => void,
-    onMouseEnter: ?(value: any, e: SyntheticEvent<>) => void,
-    value: any,
-  };
-
-  render(): React.Element<any> {
-    // [FS] IRAD-1044 2020-09-22
-    // Added a new class to adjust the width of the custom style menu dropdown.
-
-    let className = 'czi-custom-menu-item';
-    if (this.props.value._customStyleName) {
-      className += ' custom-style-menu-item';
-    }
-    return <CustomButton {...this.props} className={className} />;
-  }
-}
-
-export default CustomMenuItem;
+// @flow
+
+import './czi-custom-menu-item.css';
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import * as React from 'react';
+
+class CustomMenuItemSeparator extends React.PureComponent<any, any> {
+  render(): React.Element<any> {
+    return <div className="czi-custom-menu-item-separator" />;
+  }
+}
+
+class CustomMenuItem extends React.PureComponent<any, any> {
+  static Separator = CustomMenuItemSeparator;
+
+  props: {
+    label: string,
+    disabled?: ?boolean,
+    onClick: ?(value: any, e: SyntheticEvent<>) => void,
+    onMouseEnter: ?(value: any, e: SyntheticEvent<>) => void,
+    value: any,
+  };
+
+  render(): React.Element<any> {
+    // [FS] IRAD-1044 2020-09-22
+    // Added a new class to adjust the width of the custom style menu dropdown.
+
+    let className = 'czi-custom-menu-item';
+    if (this.props.value._customStyleName) {
+      className += ' custom-style-menu-item';
+    }
+    return <CustomButton {...this.props} className={className} />;
+  }
+}
+
+export default CustomMenuItem;

package/ui/CustomNodeView.js

@@ -1,21 +1,19 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-// @xflow
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { Node } from 'prosemirror-model';
 import { Decoration, EditorView } from 'prosemirror-view';
 import * as React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import SelectionObserver from './SelectionObserver.js';
 var bpfrpt_proptype_NodeViewProps = {
   "editorView": function editorView() {
@@ -63,7 +61,7 @@ function onMutation(mutations, observer) {
       var _el = _view.dom;
       if (!root.contains(_el)) {
         mountedViews["delete"](_el);
-        ReactDOM.unmountComponentAtNode(_el);
+        _view.unmountReactComponent();
       }
     }
   } catch (err) {
@@ -126,6 +124,7 @@ var CustomNodeView = /*#__PURE__*/function () {
     _classCallCheck(this, CustomNodeView);
     _defineProperty(this, "dom", void 0);
     _defineProperty(this, "props", void 0);
+    _defineProperty(this, "reactRoot", null);
     _defineProperty(this, "_selected", void 0);
     this.props = {
       decorations: decorations,
@@ -145,14 +144,14 @@ var CustomNodeView = /*#__PURE__*/function () {
       // [FS] IRAD-1060 2020-09-10
       // Observe the editorview's dom insteadof root document so that
       // if multiple instances of editor in a page shouldn't cross-talk
-      mutationObserver.observe( /*document*/editorView.dom, {
+      mutationObserver.observe(/*document*/editorView.dom, {
         childList: true,
         subtree: true
       });
-      selectionObserver.observe( /*document*/editorView.dom);
+      selectionObserver.observe(/*document*/editorView.dom);
     }
   }
-  _createClass(CustomNodeView, [{
+  return _createClass(CustomNodeView, [{
     key: "update",
     value: function update(node, decorations) {
       this.props = _objectSpread(_objectSpread({}, this.props), {}, {
@@ -198,7 +197,6 @@ var CustomNodeView = /*#__PURE__*/function () {
   }, {
     key: "renderReactComponent",
     value: function renderReactComponent() {
-      // return <CustomNodeViewComponent {...this.props} />;
       throw new Error('not implemented');
     }
   }, {
@@ -211,14 +209,16 @@ var CustomNodeView = /*#__PURE__*/function () {
       // When destroying the node view, remove from the set.
       // FIX: This solves the image missing issue.
       pendingViews["delete"](this);
+      this.unmountReactComponent();
     }
   }, {
     key: "__renderReactComponent",
     value: function __renderReactComponent() {
+      var _editorView$state;
       var _this$props = this.props,
         editorView = _this$props.editorView,
         getPos = _this$props.getPos;
-      if (editorView.state && editorView.state.selection) {
+      if ((_editorView$state = editorView.state) !== null && _editorView$state !== void 0 && _editorView$state.selection) {
         var from = editorView.state.selection.from;
         var pos = getPos();
         this.props.selected = this._selected;
@@ -227,10 +227,20 @@ var CustomNodeView = /*#__PURE__*/function () {
         this.props.selected = false;
         this.props.focused = false;
       }
-      ReactDOM.render(this.renderReactComponent(), this.dom);
+      if (!this.reactRoot) {
+        this.reactRoot = ReactDOM.createRoot(this.dom);
+      }
+      this.reactRoot.render(this.renderReactComponent());
+    }
+  }, {
+    key: "unmountReactComponent",
+    value: function unmountReactComponent() {
+      if (this.reactRoot) {
+        this.reactRoot.unmount();
+        this.reactRoot = null;
+      }
     }
   }]);
-  return CustomNodeView;
 }();
 export default CustomNodeView;
 import PropTypes from "prop-types";