@modusoperandi/licit 0.13.25 → 0.14.0

package/dist/client/Licit.js

@@ -4,63 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DataType = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var React = _interopRequireWildcard(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _flatted = require("flatted");
-
 var _convertFromJSON = _interopRequireDefault(require("../convertFromJSON"));
-
 var _RichTextEditor = _interopRequireDefault(require("../ui/RichTextEditor"));
-
 var _uuid = _interopRequireDefault(require("../uuid"));
-
 var _SimpleConnector = _interopRequireDefault(require("./SimpleConnector"));
-
 var _CollabConnector = _interopRequireDefault(require("./CollabConnector"));
-
 var _createEmptyEditorState = require("../createEmptyEditorState");
-
 var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-
 var _AlertInfo = _interopRequireDefault(require("../ui/AlertInfo"));
-
 var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
 require("./licit.css");
-
 var _buildEditorPlugins = _interopRequireDefault(require("../buildEditorPlugins"));
-
 var _EditorMarks = _interopRequireDefault(require("../EditorMarks"));
-
 var _EditorNodes = _interopRequireDefault(require("../EditorNodes"));
-
 var _convertFromHTML = _interopRequireDefault(require("../convertFromHTML"));
-
 var _Types = require("../Types");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const DataType = Object.freeze({
   JSON: Symbol('json'),
   HTML: Symbol('html')
 });
+
 /**
  * LICIT properties:
  *  docID {string} [] Collaborative Doument ID
@@ -79,9 +55,7 @@ const DataType = Object.freeze({
  *  embedded {boolean} [false] Disable/Enable inline behaviour.
  *  plugins [plugins] External Plugins into the editor.
  */
-
 exports.DataType = DataType;
-
 class Licit extends React.Component {
   // This will be handy in updating document's content.
   // Flag to decide whether to skip shouldComponentUpdate
@@ -92,39 +66,32 @@ class Licit extends React.Component {
   get editorView() {
     return this._editorView;
   }
-
   constructor(_props, context) {
     var _this;
-
     super(_props, context);
     _this = this;
-
     _defineProperty(this, "_runtime", void 0);
-
     _defineProperty(this, "_connector", void 0);
-
     _defineProperty(this, "_clientID", void 0);
-
     _defineProperty(this, "_editorView", void 0);
-
     _defineProperty(this, "_skipSCU", void 0);
-
     _defineProperty(this, "_defaultEditorSchema", void 0);
-
     _defineProperty(this, "_defaultEditorPlugins", void 0);
-
+    _defineProperty(this, "_pasteJSONPlugin", void 0);
     _defineProperty(this, "_devTools", void 0);
-
     _defineProperty(this, "_applyDevTools", void 0);
-
     _defineProperty(this, "_popUp", null);
-
+    _defineProperty(this, "insertJSON", json => {
+      if (this._pasteJSONPlugin && this._pasteJSONPlugin.insert) {
+        this._pasteJSONPlugin.insert(json, this._editorView);
+      }
+    });
     _defineProperty(this, "setContent", function () {
       let content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       let dataType = arguments.length > 1 ? arguments[1] : undefined;
-      _this.skipDataTypeCheck = false; // [FS] IRAD-1571 2021-09-27
+      _this.skipDataTypeCheck = false;
+      // [FS] IRAD-1571 2021-09-27
       // dispatch a transaction that MUST start from the view’s current state;
-
       const editorState = _this._editorView.state;
       const {
         doc
@@ -132,32 +99,28 @@ class Licit extends React.Component {
       let {
         tr
       } = editorState;
-
       const document = _this.getDocument(content, editorState, dataType);
+      _this.skipDataTypeCheck = true;
 
-      _this.skipDataTypeCheck = true; // [FS] IRAD-1593 2021-10-12
+      // [FS] IRAD-1593 2021-10-12
       // Reset lastKeyCode since the content is set dynamically and so lastKeyCode is invalid now.
-
       _this._editorView.lastKeyCode = null;
-
       const selection = _prosemirrorState.TextSelection.create(doc, 0, doc.content.size);
-
-      tr = tr.setSelection(selection).replaceSelectionWith(document, false); // [FS] IRAD-1092 2020-12-03
+      tr = tr.setSelection(selection).replaceSelectionWith(document, false);
+      // [FS] IRAD-1092 2020-12-03
       // set the value for object metadata  and objectId
       // Should update all document attributes.
-
       Object.keys(document.attrs).forEach(attr => {
         tr = tr.step(new _licitDocAttrsStep.SetDocAttrStep(attr, document.attrs[attr]));
       });
       _this._skipSCU = true;
-
       _this._editorView.dispatch(tr);
     });
-
     _defineProperty(this, "_onChange", data => {
       const {
         transaction
       } = data;
+
       /*
        ** ProseMirror Debug Tool's Snapshot creates a new state and sets that to editor view's state.
        ** This results in the connector's state as an orphan and thus transaction mismatch error.
@@ -167,7 +130,6 @@ class Licit extends React.Component {
       if (this._editorView) {
         const isSameState = this._connector._editorState == this._editorView.state;
         let invokeOnEdit = false;
-
         if (!isSameState) {
           this._connector._editorState = this._editorView.state;
           invokeOnEdit = true;
@@ -178,39 +140,35 @@ class Licit extends React.Component {
             invokeOnEdit = true;
           }
         }
-
         if (invokeOnEdit) {
           // [FS] IRAD-1236 2020-03-05
           // Only need to call if there is any difference in collab mode OR always in non-collab mode.
           this._connector.onEdit(transaction, this._editorView);
         }
-
         if (transaction.docChanged) {
           const docJson = transaction.doc.toJSON();
           let isEmpty = false;
-
           if (docJson.content && docJson.content.length === 1) {
             if (!docJson.content[0].content || docJson.content[0].content && docJson.content[0].content[0].text && '' === docJson.content[0].content[0].text.trim()) {
               isEmpty = true;
             }
-          } // setCFlags is/was always the opposite of isEmpty.
-
+          }
 
+          // setCFlags is/was always the opposite of isEmpty.
           if (isEmpty) {
             this.resetCounters(transaction);
           } else {
             this.setCounterFlags(transaction, false);
-          } // Changing 2nd parameter from boolean to object was not in any way
+          }
+
+          // Changing 2nd parameter from boolean to object was not in any way
           // backwards compatible. Any conditional logic placed on isEmpty was
           // broken. Reverting that change, then adding view as a 3rd parameter.
-
-
           this.state.onChangeCB(docJson, isEmpty, this._editorView);
           this.closeOpenedPopupModels();
         }
       }
     });
-
     _defineProperty(this, "_onReady", editorView => {
       // [FS][06-APR-2020][IRAD-922]
       // Showing focus in the editor.
@@ -222,17 +180,16 @@ class Licit extends React.Component {
       const tr = state.tr;
       const doc = state.doc;
       const trx = tr.setSelection(_prosemirrorState.TextSelection.create(doc, 0, doc.content.size));
-      dispatch(trx.scrollIntoView()); // [FS] IRAD-1578 2021-09-27
-      // In collab mode, fire onRead only after getting the response from collab server.
+      dispatch(trx.scrollIntoView());
 
+      // [FS] IRAD-1578 2021-09-27
+      // In collab mode, fire onRead only after getting the response from collab server.
       if (this.state.onReadyCB && this.state.docID === '') {
         editorView.focus();
         this.state.onReadyCB(this);
       }
-
       this.initDevTool(this.state.debug, editorView);
     });
-
     _defineProperty(this, "setProps", props => {
       // [FS] IRAD-1571 2021-10-08
       // Since the debug lies outside the editor,
@@ -245,26 +202,23 @@ class Licit extends React.Component {
           this.destroyDevTool();
         }
       }
-
       if (this.state.readOnly) {
         // It should be possible to load content into the editor in readonly as well.
         // It should not be necessary to make the component writable any time during the process
         const propsCopy = {};
         this._skipSCU = true;
-        Object.assign(propsCopy, props); // make writable without content change
-
+        Object.assign(propsCopy, props);
+        // make writable without content change
         propsCopy.readOnly = false;
         delete propsCopy.data;
         this.setState(propsCopy);
       }
-
-      this.skipDataTypeCheck = false; // Need to go through shouldComponentUpdate lifecycle here, when updated from outside,
+      this.skipDataTypeCheck = false;
+      // Need to go through shouldComponentUpdate lifecycle here, when updated from outside,
       // so that content is modified gracefully using transaction so that undo/redo works too.
-
       this._skipSCU = false;
       this.setState(props);
     });
-
     _defineProperty(this, "exportPDF", () => {
       new Promise(async (resolve, reject) => {
         try {
@@ -286,29 +240,25 @@ class Licit extends React.Component {
         }
       });
     });
-
     this.initialize(_props);
   }
-
   initialize(props) {
     this._clientID = (0, _uuid.default)();
     this._editorView = null;
     this._skipSCU = true;
+    const noop = function () {};
 
-    const noop = function () {}; // [FS] IRAD-981 2020-06-10
+    // [FS] IRAD-981 2020-06-10
     // Component's configurations.
     // [FS] IRAD-1552 2021-08-26
     // Collaboration server / client should allow string values for document identifiers.
-
-
     const docID = props.docID || ''; // Empty means collaborative.
-
-    const collaborative = docID !== ''; // [FS] IRAD-1553 2021-08-26
+    const collaborative = docID !== '';
+    // [FS] IRAD-1553 2021-08-26
     // Configurable Collaboration Service URL.
-
     const collabServiceURL = props.collabServiceURL || '/collaboration-service';
-    const debug = props.debug || false; // Default width and height to undefined
-
+    const debug = props.debug || false;
+    // Default width and height to undefined
     const width = props.width || undefined;
     const height = props.height || undefined;
     const onChangeCB = typeof props.onChange === 'function' ? props.onChange : noop;
@@ -320,26 +270,29 @@ class Licit extends React.Component {
     const embedded = props.embedded || false; // [FS] IRAD-996 2020-06-30
     // [FS] 2020-07-03
     // Handle Image Upload from Angular App
-
     const runtime = props.runtime || null;
-    const plugins = props.plugins || null; // This flag decides whether DataType.HTML check is needed when
+    const plugins = props.plugins || null;
+    // This flag decides whether DataType.HTML check is needed when
     // changing document. If it forcefully done, it is not needed, otherwise needed.
-
     this.skipDataTypeCheck = false;
     this._defaultEditorSchema = new _prosemirrorModel.Schema({
       nodes: _EditorNodes.default,
       marks: _EditorMarks.default
     });
     this._defaultEditorPlugins = new _buildEditorPlugins.default(this._defaultEditorSchema).get();
+    this._pasteJSONPlugin = null;
     const editorState = this.initEditorState(plugins, dataType, data);
     data = editorState.doc;
     const setState = this.setState.bind(this);
     this._connector = collaborative ? new _CollabConnector.default(editorState, setState, {
       docID,
       collabServiceURL
-    }, this._defaultEditorSchema, this._defaultEditorPlugins, // [FS] IRAD-1578 2021-09-27
+    }, this._defaultEditorSchema, this._defaultEditorPlugins,
+    // [FS] IRAD-1578 2021-09-27
     this.onReady.bind(this)) : new _SimpleConnector.default(editorState, setState);
-    this._connector._dataDefined = !!props.data; // FS IRAD-989 2020-18-06
+    this._connector._dataDefined = !!props.data;
+
+    // FS IRAD-989 2020-18-06
     // updating properties should automatically render the changes
 
     this.state = {
@@ -357,23 +310,23 @@ class Licit extends React.Component {
       embedded,
       runtime,
       dataType
-    }; // FS IRAD-1040 2020-26-08
-    // Get the modified schema from editorstate and send it to collab server
+    };
 
+    // FS IRAD-1040 2020-26-08
+    // Get the modified schema from editorstate and send it to collab server
     if (this._connector.updateSchema) {
       // Use known editorState to update schema.
       this._connector.updateSchema(editorState.schema, data);
     }
   }
-
   initEditorState(plugins, dataType, data) {
     let editorState = null;
     const effectivePlugins = this.getEffectivePlugins(this._defaultEditorSchema, this._defaultEditorPlugins, plugins);
-
+    this._pasteJSONPlugin = effectivePlugins.pasteJSONPlugin;
     if (DataType.JSON === dataType) {
-      editorState = (0, _convertFromJSON.default)(data, null, effectivePlugins.schema, effectivePlugins.plugins); // [FS] IRAD-1067 2020-09-19
+      editorState = (0, _convertFromJSON.default)(data, null, effectivePlugins.schema, effectivePlugins.plugins);
+      // [FS] IRAD-1067 2020-09-19
       // The editorState will return null if the doc Json is mal-formed
-
       if (null === editorState) {
         editorState = (0, _convertFromJSON.default)(_createEmptyEditorState.EMPTY_DOC_JSON, null, effectivePlugins.schema, effectivePlugins.plugins);
         this.showAlert();
@@ -381,50 +334,47 @@ class Licit extends React.Component {
     } else {
       editorState = (0, _convertFromHTML.default)(data, effectivePlugins.schema, effectivePlugins.plugins);
     }
-
     return editorState;
   }
-
   getEffectivePlugins(schema, defaultPlugins, plugins) {
     const effectivePlugins = defaultPlugins;
-
+    let pasteJSONPlugin = null;
     if (plugins) {
       for (const p of plugins) {
         if (!effectivePlugins.includes(p)) {
           effectivePlugins.push(p);
-
           if (p.getEffectiveSchema) {
             schema = p.getEffectiveSchema(schema);
           }
-
           if (p.initKeyCommands) {
             effectivePlugins.push(p.initKeyCommands());
           }
+          if (p.insert) {
+            pasteJSONPlugin = p;
+          }
         }
       }
     }
-
     return {
       plugins: effectivePlugins,
-      schema
+      schema,
+      pasteJSONPlugin
     };
-  } // [FS] IRAD-1578 2021-09-27
-
+  }
 
+  // [FS] IRAD-1578 2021-09-27
   onReady(state) {
     const collabEditing = this.state.docID !== '';
-
     if (collabEditing) {
       this._editorView && this._editorView.focus();
-
       if (this.state.onReadyCB) {
         this.state.onReadyCB(this);
       }
     }
-  } // [FS] IRAD-1067 2020-09-19
-  // Alert funtion to show document is corrupted
-
+  }
 
+  // [FS] IRAD-1067 2020-09-19
+  // Alert funtion to show document is corrupted
   showAlert() {
     const anchor = null;
     this._popUp = (0, _licitUiCommands.createPopUp)(_AlertInfo.default, null, {
@@ -437,45 +387,35 @@ class Licit extends React.Component {
       }
     });
   }
-
   resetCounters(transaction) {
     for (let index = 1; index <= 10; index++) {
       const counterVar = 'set-cust-style-counter-' + index;
       const setCounterVal = window[counterVar];
-
       if (setCounterVal) {
         delete window[counterVar];
       }
     }
-
     this.setCounterFlags(transaction, true);
   }
-
   setCounterFlags(transaction, reset) {
     let modified = false;
     let counterFlags = null;
     const existingCFlags = transaction.doc.attrs.counterFlags;
-
     if (reset && !existingCFlags) {
       return;
     }
-
     for (let index = 1; index <= 10; index++) {
       const counterVar = 'set-cust-style-counter-' + index;
       const setCounterVal = window[counterVar];
-
       if (setCounterVal) {
         if (!counterFlags) {
           counterFlags = {};
         }
-
         counterFlags[counterVar] = true;
-
         if (!existingCFlags) {
           modified = true;
         }
       }
-
       if (!modified) {
         if (existingCFlags) {
           if (setCounterVal) {
@@ -488,55 +428,46 @@ class Licit extends React.Component {
         }
       }
     }
-
     if (modified) {
       const tr = this._editorView.state.tr.step(new _licitDocAttrsStep.SetDocAttrStep('counterFlags', counterFlags));
-
       this._editorView.dispatch(tr);
     }
   }
-
   getDeletedArtifactIds() {
     if (this._connector.getDeletedArtifactIds) {
       this._connector.getDeletedArtifactIds(this.state.editorState.schema);
     }
   }
-
   isNodeHasAttribute(node, attrName) {
     return node.attrs && node.attrs[attrName];
   }
-
   getDocument(content, editorState, dataType) {
     let document = null;
     const {
       schema
     } = editorState;
-
     if (DataType.JSON === dataType || this.skipDataTypeCheck) {
       document = schema.nodeFromJSON(content ? content : _createEmptyEditorState.EMPTY_DOC_JSON);
     } else {
       const tempEState = (0, _convertFromHTML.default)(content ? content : '', schema, editorState.plugins);
       document = tempEState.doc;
     }
-
     return document;
   }
-
   hasDataChanged(nextData, nextDataType) {
-    let dataChanged = false; // [FS] IRAD-1571 2021-09-27
+    let dataChanged = false;
+
+    // [FS] IRAD-1571 2021-09-27
     // dispatch a transaction that MUST start from the view’s current state;
     // [FS] IRAD-1589 2021-10-04
     // Do a proper circular JSON comparison.
-
     if ((0, _flatted.stringify)(this.state.data) !== (0, _flatted.stringify)(nextData)) {
       const editorState = this._editorView.state;
       const nextDoc = this.getDocument(nextData, editorState, nextDataType);
       dataChanged = !nextDoc.eq(editorState.doc);
     }
-
     return dataChanged;
   }
-
   changeContent(data, dataType) {
     if (this.hasDataChanged(data, dataType)) {
       // FS IRAD-1592 2021-11-10
@@ -545,22 +476,18 @@ class Licit extends React.Component {
       setTimeout(this.setContent.bind(this, data, dataType), 1);
     }
   }
-
   shouldComponentUpdate(nextProps, nextState) {
     // Only interested if properties are set from outside.
     if (!this._skipSCU) {
       this._skipSCU = false;
       this.changeContent(nextState.data, nextState.dataType);
-
       if (this.state.docID !== nextState.docID) {
         setTimeout(this.setDocID.bind(this, nextState), 1);
       }
     }
-
     this.skipDataTypeCheck = true;
     return true;
   }
-
   setDocID(nextState) {
     // Collaborative mode changed
     const collabEditing = nextState.docID !== '';
@@ -568,25 +495,24 @@ class Licit extends React.Component {
     const setState = this.setState.bind(this);
     const docID = nextState.docID || '';
     const collabServiceURL = nextState.collabServiceURL || '/collaboration-service';
-
     if (this._connector) {
       this._connector.cleanUp();
-    } // create new connector
-
-
+    }
+    // create new connector
     this._connector = collabEditing ? new _CollabConnector.default(editorState, setState, {
       docID,
       collabServiceURL
-    }, this._defaultEditorSchema, this._defaultEditorPlugins, // [FS] IRAD-1578 2021-09-27
-    this.onReady.bind(this)) : new _SimpleConnector.default(editorState, setState); // FS IRAD-1592 2021-11-10
-    // Notify collab server
+    }, this._defaultEditorSchema, this._defaultEditorPlugins,
+    // [FS] IRAD-1578 2021-09-27
+    this.onReady.bind(this)) : new _SimpleConnector.default(editorState, setState);
 
+    // FS IRAD-1592 2021-11-10
+    // Notify collab server
     if (this._connector.updateSchema) {
       // Use known editorState to update schema.
       this._connector.updateSchema(editorState.schema);
     }
   }
-
   render() {
     const {
       editorState,
@@ -596,10 +522,10 @@ class Licit extends React.Component {
       disabled,
       embedded,
       runtime
-    } = this.state; // [FS] IRAD-978 2020-06-05
+    } = this.state;
+    // [FS] IRAD-978 2020-06-05
     // Using 100vw & 100vh (100% viewport) is not ideal for a component which is expected to be a part of a page,
     // so changing it to 100%  width & height which will occupy the area relative to its parent.
-
     return /*#__PURE__*/React.createElement(_RichTextEditor.default, {
       disabled: disabled,
       editorState: editorState,
@@ -612,17 +538,14 @@ class Licit extends React.Component {
       width: width
     });
   }
-
   // [FS] IRAD-1173 2021-02-25
   // Bug fix: Transaction mismatch error when a dialog is opened and keep typing.
   closeOpenedPopupModels() {
     const element = document.getElementsByClassName('czi-pop-up-element')[0];
-
     if (element && element.parentElement) {
       element.parentElement.removeChild(element);
     }
   }
-
   initDevTool(debug, editorView) {
     // [FS] IRAD-1575 2021-09-27
     if (debug) {
@@ -633,21 +556,18 @@ class Licit extends React.Component {
             // for clarity and future proofing.
             const {
               applyDevTools
-            } = await Promise.resolve().then(() => _interopRequireWildcard(require('prosemirror-dev-tools'))); // got the pm dev tools instance.
-
-            this._applyDevTools = applyDevTools; // Attach debug tools to current editor instance.
-
+            } = await Promise.resolve().then(() => _interopRequireWildcard(require('prosemirror-dev-tools')));
+            // got the pm dev tools instance.
+            this._applyDevTools = applyDevTools;
+            // Attach debug tools to current editor instance.
             this._applyDevTools(editorView);
-
             resolve(() => {
               // [FS] IRAD-1571 2021-10-08
               // Prosemirror Dev Tools handles as if one only instance is used in a page and
               // hence handling removal here gracefully.
               const place = document.querySelector('.'.concat('__prosemirror-dev-tools__'));
-
               if (place) {
                 _reactDom.default.unmountComponentAtNode(place);
-
                 place.innerHTML = '';
               }
             });
@@ -655,15 +575,14 @@ class Licit extends React.Component {
             reject();
           }
         });
-      } // Attach debug tools to current editor instance.
-
+      }
 
+      // Attach debug tools to current editor instance.
       if (this._devTools && this._applyDevTools) {
         this._applyDevTools(editorView);
       }
     }
   }
-
   destroyDevTool() {
     // [FS] IRAD-1569 2021-09-15
     // Unmount dev tools when component is destroyed,
@@ -675,10 +594,10 @@ class Licit extends React.Component {
       this._devTools.then(removeDevTools => removeDevTools());
     }
   }
-
   componentWillUnmount() {
     this.destroyDevTool();
   }
+
   /**
    * LICIT properties:
    *  docID {number} [0] Collaborative Doument ID
@@ -694,9 +613,6 @@ class Licit extends React.Component {
    *  disabled {boolean} [false] Disable the editor.
    *  embedded {boolean} [false] Disable/Enable inline behaviour.
    */
-
-
 }
-
 var _default = Licit;
 exports.default = _default;