@modusoperandi/licit 0.14.18 → 1.0.1

package/ui/CommandMenuButton.js.flow

@@ -0,0 +1,131 @@
+// @flow
+
+import cx from 'classnames';
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+
+import CommandMenu from './CommandMenu.js';
+import { CustomButton } from '@modusoperandi/licit-ui-commands';
+import { UICommand } from '@modusoperandi/licit-doc-attrs-step';
+import { createPopUp } from '@modusoperandi/licit-ui-commands';
+import uuid from './uuid.js';
+
+import './czi-custom-menu-button.css';
+
+class CommandMenuButton extends React.PureComponent<any, any> {
+  props: {
+    className?: ?string,
+    commandGroups: Array<{ [string]: UICommand }>,
+    disabled?: ?boolean,
+    dispatch: (tr: Transform) => void,
+    editorState: EditorState,
+    editorView: ?EditorView,
+    icon?: string | React.Element<any> | null,
+    label?: string | React.Element<any> | null,
+    title?: ?string,
+    parent?: ?React.Element<any>, // the parent command button
+  };
+
+  _menu = null;
+  _id = uuid();
+
+  state = {
+    expanded: false,
+  };
+
+  render(): React.Element<any> {
+    const {
+      className,
+      label,
+      commandGroups,
+      editorState,
+      editorView,
+      icon,
+      disabled,
+      title,
+    } = this.props;
+    const enabled =
+      !disabled &&
+      commandGroups.some((group, ii) => {
+        return Object.keys(group).some((label) => {
+          const command = group[label];
+          let disabledVal = true;
+          try {
+            disabledVal =
+              !editorView || !command.isEnabled(editorState, editorView, label);
+          } catch (ex) {
+            disabledVal = false;
+          }
+          return !disabledVal;
+        });
+      });
+
+    const { expanded } = this.state;
+    const buttonClassName = cx(className, {
+      'czi-custom-menu-button': true,
+      expanded,
+    });
+
+    return (
+      <CustomButton
+        className={buttonClassName}
+        disabled={!enabled}
+        icon={icon}
+        id={this._id}
+        label={label}
+        onClick={this._onClick}
+        title={title}
+      />
+    );
+  }
+
+  componentWillUnmount(): void {
+    this._hideMenu();
+  }
+
+  _onClick = (): void => {
+    const expanded = !this.state.expanded;
+    this.setState({
+      expanded,
+    });
+    expanded ? this._showMenu() : this._hideMenu();
+  };
+
+  _hideMenu = (): void => {
+    const menu = this._menu;
+    this._menu = null;
+    menu && menu.close();
+  };
+
+  _showMenu = (): void => {
+    const menu = this._menu;
+    const menuProps = {
+      ...this.props,
+      onCommand: this._onCommand,
+    };
+    if (menu) {
+      menu.update(menuProps);
+    } else {
+      this._menu = createPopUp(CommandMenu, menuProps, {
+        anchor: document.getElementById(this._id),
+        onClose: this._onClose,
+      });
+    }
+  };
+
+  _onCommand = (): void => {
+    this.setState({ expanded: false });
+    this._hideMenu();
+  };
+
+  _onClose = (): void => {
+    if (this._menu) {
+      this.setState({ expanded: false });
+      this._menu = null;
+    }
+  };
+}
+
+export default CommandMenuButton;

package/ui/CustomEditorView.js

@@ -0,0 +1,47 @@
+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 _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 _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+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 _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 _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); }
+import { EditorView } from 'prosemirror-view';
+import * as React from 'react';
+// https://github.com/ProseMirror/prosemirror-view/blob/master/src/index.js
+var CustomEditorView = /*#__PURE__*/function (_EditorView) {
+  _inherits(CustomEditorView, _EditorView);
+  function CustomEditorView(place, props) {
+    var _this;
+    _classCallCheck(this, CustomEditorView);
+    _this = _callSuper(this, CustomEditorView, [place, props]);
+    _defineProperty(_assertThisInitialized(_this), "disabled", void 0);
+    _defineProperty(_assertThisInitialized(_this), "placeholder", void 0);
+    _defineProperty(_assertThisInitialized(_this), "readOnly", void 0);
+    _defineProperty(_assertThisInitialized(_this), "runtime", void 0);
+    _this.runtime = null;
+    _this.readOnly = true;
+    _this.disabled = true;
+    _this.placeholder = null;
+    return _this;
+  }
+  _createClass(CustomEditorView, [{
+    key: "destroy",
+    value: function destroy() {
+      _get(_getPrototypeOf(CustomEditorView.prototype), "destroy", this).call(this);
+      this._props = {};
+    }
+  }]);
+  return CustomEditorView;
+}(EditorView);
+export default CustomEditorView;
+import { bpfrpt_proptype_DirectEditorProps } from "../Types.js";
+import { bpfrpt_proptype_EditorRuntime } from "../Types.js";

package/ui/CustomEditorView.js.flow

@@ -0,0 +1,28 @@
+// @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

@@ -0,0 +1,34 @@
+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 _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 _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); }
+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, [{
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      return /*#__PURE__*/React.createElement("div", {
+        className: "czi-custom-menu czi-custom-scrollbar"
+      }, children);
+    }
+  }]);
+  return CustomMenu;
+}(React.Component);
+export default CustomMenu;

package/ui/CustomMenuItem.js

@@ -0,0 +1,65 @@
+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 _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 _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); }
+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, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "czi-custom-menu-item-separator"
+      });
+    }
+  }]);
+  return CustomMenuItemSeparator;
+}(React.PureComponent);
+var CustomMenuItem = /*#__PURE__*/function (_React$PureComponent2) {
+  _inherits(CustomMenuItem, _React$PureComponent2);
+  function CustomMenuItem() {
+    var _this;
+    _classCallCheck(this, CustomMenuItem);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, CustomMenuItem, [].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "props", void 0);
+    return _this;
+  }
+  _createClass(CustomMenuItem, [{
+    key: "render",
+    value: function render() {
+      // [FS] IRAD-1044 2020-09-22
+      // Added a new class to adjust the width of the custom style menu dropdown.
+
+      var className = 'czi-custom-menu-item';
+      if (this.props.value._customStyleName) {
+        className += ' custom-style-menu-item';
+      }
+      return /*#__PURE__*/React.createElement(CustomButton, _extends({}, this.props, {
+        className: className
+      }));
+    }
+  }]);
+  return CustomMenuItem;
+}(React.PureComponent);
+_defineProperty(CustomMenuItem, "Separator", CustomMenuItemSeparator);
+export default CustomMenuItem;

package/ui/CustomNodeView.js

@@ -0,0 +1,237 @@
+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 _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
+
+import { Node } from 'prosemirror-model';
+import { Decoration, EditorView } from 'prosemirror-view';
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import SelectionObserver from './SelectionObserver.js';
+var bpfrpt_proptype_NodeViewProps = {
+  "editorView": function editorView() {
+    return (typeof EditorView === "function" ? PropTypes.instanceOf(EditorView).isRequired : PropTypes.any.isRequired).apply(this, arguments);
+  },
+  "getPos": PropTypes.func.isRequired,
+  "node": function node() {
+    return (typeof Node === "function" ? PropTypes.instanceOf(Node).isRequired : PropTypes.any.isRequired).apply(this, arguments);
+  },
+  "selected": PropTypes.bool.isRequired,
+  "focused": PropTypes.bool.isRequired
+};
+// Standard className for selected node.
+var SELECTED_NODE_CLASS_NAME = 'ProseMirror-selectednode';
+var mountedViews = new Set();
+var pendingViews = new Set();
+function onMutation(mutations, observer) {
+  var root = document.body;
+  if (!root) {
+    return;
+  }
+  var mountingViews = [];
+  var _iterator = _createForOfIteratorHelper(pendingViews),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var view = _step.value;
+      var el = view.dom;
+      if (root.contains(el)) {
+        pendingViews["delete"](view);
+        mountingViews.push(view);
+        view.__renderReactComponent();
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  var _iterator2 = _createForOfIteratorHelper(mountedViews),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _view = _step2.value;
+      var _el = _view.dom;
+      if (!root.contains(_el)) {
+        mountedViews["delete"](_el);
+        ReactDOM.unmountComponentAtNode(_el);
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  mountingViews.forEach(function (view) {
+    return mountedViews.add(view);
+  });
+  if (mountedViews.size === 0) {
+    observer.disconnect();
+  }
+}
+
+// Workaround to get in-selection views selected.
+// See https://discuss.prosemirror.net/t/copy-selection-issue-with-the-image-node/1673/2;
+function onSelection(entries, observer) {
+  if (!window.getSelection) {
+    console.warn('window.getSelection() is not supported');
+    observer.disconnect();
+    return;
+  }
+  var selection = window.getSelection();
+  if (!selection.containsNode) {
+    console.warn('selection.containsNode() is not supported');
+    observer.disconnect();
+    return;
+  }
+  var _iterator3 = _createForOfIteratorHelper(mountedViews),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var view = _step3.value;
+      var el = view.dom;
+      if (selection.containsNode(el)) {
+        view.selectNode();
+      } else {
+        view.deselectNode();
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  if (mountedViews.size === 0) {
+    observer.disconnect();
+  }
+}
+var selectionObserver = new SelectionObserver(onSelection);
+var mutationObserver = new MutationObserver(onMutation);
+
+// This implements the `NodeView` interface and renders a Node with a react
+// Component.
+// https://prosemirror.net/docs/ref/#view.NodeView
+// https://github.com/ProseMirror/prosemirror-view/blob/master/src/viewdesc.js#L429
+var CustomNodeView = /*#__PURE__*/function () {
+  function CustomNodeView(node, editorView, getPos, decorations) {
+    _classCallCheck(this, CustomNodeView);
+    _defineProperty(this, "dom", void 0);
+    _defineProperty(this, "props", void 0);
+    _defineProperty(this, "_selected", void 0);
+    this.props = {
+      decorations: decorations,
+      editorView: editorView,
+      getPos: getPos,
+      node: node,
+      selected: false,
+      focused: false
+    };
+    pendingViews.add(this);
+
+    // The editor will use this as the node's DOM representation
+    var dom = this.createDOMElement();
+    this.dom = dom;
+    dom.onClick = this._onClick;
+    if (pendingViews.size === 1) {
+      // [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, {
+        childList: true,
+        subtree: true
+      });
+      selectionObserver.observe( /*document*/editorView.dom);
+    }
+  }
+  _createClass(CustomNodeView, [{
+    key: "update",
+    value: function update(node, decorations) {
+      this.props = _objectSpread(_objectSpread({}, this.props), {}, {
+        node: node
+      });
+      this.__renderReactComponent();
+      return true;
+    }
+  }, {
+    key: "stopEvent",
+    value: function stopEvent() {
+      return false;
+    }
+
+    // Mark this node as being the selected node.
+  }, {
+    key: "selectNode",
+    value: function selectNode() {
+      this._selected = true;
+      this.dom.classList.add(SELECTED_NODE_CLASS_NAME);
+      this.__renderReactComponent();
+    }
+
+    // Remove selected node marking from this node.
+  }, {
+    key: "deselectNode",
+    value: function deselectNode() {
+      this._selected = false;
+      this.dom.classList.remove(SELECTED_NODE_CLASS_NAME);
+      this.__renderReactComponent();
+    }
+
+    // This should be overwrite by subclass.
+  }, {
+    key: "createDOMElement",
+    value: function createDOMElement() {
+      // The editor will use this as the node's DOM representation.
+      // return document.createElement('span');
+      throw new Error('not implemented');
+    }
+
+    // This should be overwrite by subclass.
+  }, {
+    key: "renderReactComponent",
+    value: function renderReactComponent() {
+      // return <CustomNodeViewComponent {...this.props} />;
+      throw new Error('not implemented');
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      // Called when the node view is removed from the editor or the whole
+      // editor is destroyed.
+      // sub-class may override this method.
+      // [FS] IRAD-1555 2021-09-13
+      // When destroying the node view, remove from the set.
+      // FIX: This solves the image missing issue.
+      pendingViews["delete"](this);
+    }
+  }, {
+    key: "__renderReactComponent",
+    value: function __renderReactComponent() {
+      var _this$props = this.props,
+        editorView = _this$props.editorView,
+        getPos = _this$props.getPos;
+      if (editorView.state && editorView.state.selection) {
+        var from = editorView.state.selection.from;
+        var pos = getPos();
+        this.props.selected = this._selected;
+        this.props.focused = editorView.focused && pos === from;
+      } else {
+        this.props.selected = false;
+        this.props.focused = false;
+      }
+      ReactDOM.render(this.renderReactComponent(), this.dom);
+    }
+  }]);
+  return CustomNodeView;
+}();
+export default CustomNodeView;
+import PropTypes from "prop-types";
+export { bpfrpt_proptype_NodeViewProps };