@modusoperandi/licit 0.13.25 → 0.14.0

package/dist/client/Licit.js.flow

@@ -57,6 +57,7 @@ class Licit extends React.Component<any, any> {
   _skipSCU: boolean; // Flag to decide whether to skip shouldComponentUpdate
   _defaultEditorSchema: Schema;
   _defaultEditorPlugins: Array<Plugin>;
+  _pasteJSONPlugin: Plugin;
   _devTools: Promise<any>;
   _applyDevTools: any;
 
@@ -118,6 +119,7 @@ class Licit extends React.Component<any, any> {
     this._defaultEditorPlugins = new DefaultEditorPlugins(
       this._defaultEditorSchema
     ).get();
+    this._pasteJSONPlugin = null;
 
     const editorState = this.initEditorState(plugins, dataType, data);
     data = editorState.doc;
@@ -175,6 +177,7 @@ class Licit extends React.Component<any, any> {
       this._defaultEditorPlugins,
       plugins
     );
+    this._pasteJSONPlugin = effectivePlugins.pasteJSONPlugin;
     if (DataType.JSON === dataType) {
       editorState = convertFromJSON(
         data,
@@ -208,8 +211,9 @@ class Licit extends React.Component<any, any> {
     schema: Schema,
     defaultPlugins: Array<Plugin>,
     plugins: Array<Plugin>
-  ): { plugins: Array<Plugin>, schema: Schema } {
+  ): { plugins: Array<Plugin>, schema: Schema, pasteJSONPlugin: Plugin } {
     const effectivePlugins = defaultPlugins;
+    let pasteJSONPlugin = null;
 
     if (plugins) {
       for (const p of plugins) {
@@ -222,10 +226,14 @@ class Licit extends React.Component<any, any> {
           if (p.initKeyCommands) {
             effectivePlugins.push(p.initKeyCommands());
           }
+
+          if (p.insert) {
+            pasteJSONPlugin = p;
+          }
         }
       }
     }
-    return { plugins: effectivePlugins, schema };
+    return { plugins: effectivePlugins, schema, pasteJSONPlugin };
   }
 
   // [FS] IRAD-1578 2021-09-27
@@ -337,6 +345,12 @@ class Licit extends React.Component<any, any> {
     return document;
   }
 
+  insertJSON = (json: { [key: string]: any }): void => {
+    if (this._pasteJSONPlugin && this._pasteJSONPlugin.insert) {
+      this._pasteJSONPlugin.insert(json, this._editorView);
+    }
+  };
+
   setContent = (content: any = {}, dataType: DataType): void => {
     this.skipDataTypeCheck = false;
     // [FS] IRAD-1571 2021-09-27

package/dist/client/Licit.test.js

@@ -1,23 +1,14 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _enzyme = require("enzyme");
-
 var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
-
 var _Licit = _interopRequireWildcard(require("./Licit"));
-
 var _RichTextEditor = _interopRequireDefault(require("../ui/RichTextEditor"));
-
 var _licitUiCommands = require("@modusoperandi/licit-ui-commands");
-
 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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /**
  * Configure Jest to use react / enzyme
  */
@@ -26,8 +17,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 });
 describe('<Licit />', () => {
   let wrapper;
-  let licit; // provide an empty document just to shut up that warning
+  let licit;
 
+  // provide an empty document just to shut up that warning
   const data = {
     type: 'doc',
     content: [{
@@ -37,8 +29,9 @@ describe('<Licit />', () => {
         text: ' '
       }]
     }]
-  }; // Mocking the functions used in _onReady
+  };
 
+  // Mocking the functions used in _onReady
   const fakeEditorView = {
     focus: _licitUiCommands.noop,
     dispatch: _licitUiCommands.noop,
@@ -76,9 +69,9 @@ describe('<Licit />', () => {
       // Using shallow, the underlying RichTexEditor is never really created,
       // and Licit's _onReady method is not called.  Call it here with the fake
       // view created above
-      licit._onReady(fakeEditorView); // Verify that getter now returns the underlying view.
-
+      licit._onReady(fakeEditorView);
 
+      // Verify that getter now returns the underlying view.
       expect(licit.editorView).toBe(fakeEditorView);
     });
   });

package/dist/client/Reporter.js

@@ -4,40 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 /* eslint-disable */
+
 class Reporter {
   constructor() {
     this.setAt = 0;
   }
-
   clearState() {
     if (this.state) {
       this.state = this.node = null;
       this.setAt = 0;
     }
   }
-
   failure(err) {
     console.error('fail', err.toString());
   }
-
   delay(err) {
     if (this.state == 'fail') return;
     console.info('delay', err.toString());
   }
-
   show(type, message) {
     this.clearState();
     this.state = type;
     this.setAt = Date.now();
   }
-
   success() {
     if (this.state == 'fail' && this.setAt > Date.now() - 1000 * 10) setTimeout(() => this.success(), 5000);else this.clearState();
   }
-
 }
-
 var _default = Reporter;
 exports.default = _default;

package/dist/client/SimpleConnector.js

@@ -4,73 +4,53 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.bpfrpt_proptype_SetStateCall = void 0;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
 var bpfrpt_proptype_SetStateCall = _propTypes.default.func;
 exports.bpfrpt_proptype_SetStateCall = bpfrpt_proptype_SetStateCall;
-
 class SimpleConnector {
   // This flag is used to deteremine if data passed in or not
   // If not passed in, use the data from collab server when in collab mode.
   // else use empty content.
+
   constructor(_editorState, setState) {
     _defineProperty(this, "_setState", void 0);
-
     _defineProperty(this, "_editorState", void 0);
-
     _defineProperty(this, "_dataDefined", void 0);
-
     _defineProperty(this, "onEdit", (transaction, view) => {
       _reactDom.default.unstable_batchedUpdates(() => {
-        const editorState = this._editorState.apply(transaction); // [FS] IRAD-1236 2020-03-05
+        const editorState = this._editorState.apply(transaction);
+        // [FS] IRAD-1236 2020-03-05
         // The state property should not be directly mutated. Use the updateState method.
-
-
         if (view) {
           view.updateState(editorState);
         }
-
         const state = {
           editorState,
           data: transaction.doc.toJSON()
         };
-
         this._setState(state, () => {
           this._editorState = editorState;
         });
       });
     });
-
     _defineProperty(this, "getState", () => {
       return this._editorState;
     });
-
     _defineProperty(this, "updateSchema", (schema, data) => {});
-
     _defineProperty(this, "updateContent", data => {});
-
     _defineProperty(this, "cleanUp", () => {});
-
     this._editorState = _editorState;
     this._setState = setState;
   }
-
 }
-
 var _default = SimpleConnector;
 exports.default = _default;

package/dist/client/http.js

@@ -9,17 +9,16 @@ exports.PATCH = PATCH;
 exports.POST = POST;
 exports.PUT = PUT;
 exports.req = req;
-
 /* eslint-disable */
+
 // A simple wrapper for XHR.
 function req(conf) {
   let req = new XMLHttpRequest(),
-      aborted = false;
+    aborted = false;
   let result = new Promise((success, failure) => {
     req.open(conf.method, conf.url, true);
     req.addEventListener('load', () => {
       if (aborted) return;
-
       if (req.status < 400) {
         success(req.responseText);
       } else {
@@ -36,30 +35,25 @@ function req(conf) {
     if (conf.headers) for (let header in conf.headers) req.setRequestHeader(header, conf.headers[header]);
     req.send(conf.body || null);
   });
-
   result.abort = () => {
     if (!aborted) {
       req.abort();
       aborted = true;
     }
   };
-
   return result;
 }
-
 function makePlain(html) {
   var elt = document.createElement('div');
   elt.innerHTML = html;
   return elt.textContent.replace(/\n[^]*|\s+$/g, '');
 }
-
 function GET(url) {
   return req({
     url,
     method: 'GET'
   });
 }
-
 function POST(url, body, type) {
   return req({
     url,
@@ -70,7 +64,6 @@ function POST(url, body, type) {
     }
   });
 }
-
 function PUT(url, body, type) {
   return req({
     url,
@@ -80,10 +73,10 @@ function PUT(url, body, type) {
       'Content-Type': type
     }
   });
-} // [FS] IRAD-1128 2021-02-03
-// http DELETE request overrided
-
+}
 
+// [FS] IRAD-1128 2021-02-03
+// http DELETE request overrided
 function DELETE(url, type) {
   return req({
     url,
@@ -92,10 +85,10 @@ function DELETE(url, type) {
       'Content-Type': type
     }
   });
-} // [FS] IRAD-1128 2021-02-03
-// http PATCH request overrided
-
+}
 
+// [FS] IRAD-1128 2021-02-03
+// http PATCH request overrided
 function PATCH(url, body, type) {
   return req({
     url,

package/dist/client/throttle.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = throttle;
-
 function throttle(fn, threshhold, context) {
   let last;
   let deferTimer;
@@ -12,7 +11,6 @@ function throttle(fn, threshhold, context) {
   return function () {
     const now = Date.now();
     const args = Array.prototype.slice.call(arguments);
-
     if (last && now < last + threshhold) {
       // hold on to it
       clearTimeout(deferTimer);

package/dist/convertFromDOMElement.js

@@ -4,34 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = convertFromDOMElement;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _DocNodeSpec = require("./DocNodeSpec");
-
 var _EditorPlugins = _interopRequireDefault(require("./EditorPlugins"));
-
 var _EditorSchema = _interopRequireDefault(require("./EditorSchema"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function convertFromDOMElement(el, schema, plugins) {
   const effectiveSchema = schema || _EditorSchema.default;
   const effectivePlugins = plugins || _EditorPlugins.default;
-  const bodyEl = el.querySelector('body'); // https://prosemirror.net/docs/ref/#model.ParseOptions.preserveWhitespace
+  const bodyEl = el.querySelector('body');
 
+  // https://prosemirror.net/docs/ref/#model.ParseOptions.preserveWhitespace
   const doc = _prosemirrorModel.DOMParser.fromSchema(effectiveSchema).parse(el, {
     preserveWhitespace: true
   });
-
   if (bodyEl) {
     // Unfortunately the root node `doc` does not supoort `parseDOM`, thus
     // we'd have to assign its `attrs` manually.
     doc.attrs = (0, _DocNodeSpec.getAttrs)(bodyEl);
   }
-
   return _prosemirrorState.EditorState.create({
     doc,
     plugins: effectivePlugins

package/dist/convertFromHTML.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = convertFromHTML;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _convertFromDOMElement = _interopRequireDefault(require("./convertFromDOMElement"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function convertFromHTML(html, schema, plugins) {
   const root = document.createElement('html');
   root.innerHTML = html ? html : ' ';

package/dist/convertFromJSON.js

@@ -4,19 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = convertFromJSON;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _createEmptyEditorState = _interopRequireDefault(require("./createEmptyEditorState"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function convertFromJSON(json, schema, defaultSchema, effectivePlugins) {
   const editorSchema = schema || defaultSchema;
   let error = false;
-
   if (typeof json === 'string') {
     try {
       json = JSON.parse(json);
@@ -25,28 +19,24 @@ function convertFromJSON(json, schema, defaultSchema, effectivePlugins) {
       error = true;
     }
   }
-
   if (!json || typeof json !== 'object') {
     console.error('convertFromJSON: invalid object', json);
     error = true;
   }
-
   if (error) {
     // [FS] IRAD-1455 2021-06-16
     // Use the effectivePlugins, editor hangs, b'coz of missing default core plugins
     return (0, _createEmptyEditorState.default)(schema, defaultSchema, effectivePlugins);
-  } // [FS] IRAD-1067 2020-09-19
-  // Handle gracefully when error thrown on invalid json
-
+  }
 
+  // [FS] IRAD-1067 2020-09-19
+  // Handle gracefully when error thrown on invalid json
   let doc = null;
-
   try {
     doc = editorSchema.nodeFromJSON(json);
   } catch (error) {
     return null;
   }
-
   return _prosemirrorState.EditorState.create({
     doc: doc,
     schema: editorSchema,

package/dist/convertToCSSPTValue.js

@@ -10,24 +10,18 @@ const PX_TO_PT_RATIO = 0.75292857;
 exports.PX_TO_PT_RATIO = PX_TO_PT_RATIO;
 const PT_TO_PX_RATIO = 1 / PX_TO_PT_RATIO;
 exports.PT_TO_PX_RATIO = PT_TO_PX_RATIO;
-
 function convertToCSSPTValue(styleValue) {
   const matches = styleValue.match(SIZE_PATTERN);
-
   if (!matches) {
     return 0;
   }
-
   let value = parseFloat(matches[1]);
   const unit = matches[2];
-
   if (!value || !unit) {
     return 0;
   }
-
   if (unit === 'px') {
     value = PX_TO_PT_RATIO * value;
   }
-
   return value;
 }

package/dist/convertToJSON.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = convertToJSON;
-
 var _prosemirrorState = require("prosemirror-state");
-
 function convertToJSON(editorState) {
   return editorState.doc.toJSON();
 }

package/dist/createCommand.js

@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createCommand;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
-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); }
 function createCommand(execute) {
   class CustomCommand extends _licitDocAttrsStep.UICommand {
     constructor() {
       super(...arguments);
-
       _defineProperty(this, "isEnabled", state => {
         return this.execute(state);
       });
-
       _defineProperty(this, "execute", (state, dispatch, view) => {
         const tr = state.tr;
         let endTr = tr;
@@ -34,8 +28,6 @@ function createCommand(execute) {
         return endTr.docChanged || tr !== endTr;
       });
     }
-
   }
-
   return new CustomCommand();
 }

package/dist/createEditorKeyMap.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createEditorKeyMap;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorTransform = require("prosemirror-transform");
-
 var _prosemirrorView = require("prosemirror-view");
-
 var EditorCommands = _interopRequireWildcard(require("./EditorCommands"));
-
 var EditorKeyMap = _interopRequireWildcard(require("./EditorKeyMap"));
-
 var _licitDocAttrsStep = require("@modusoperandi/licit-doc-attrs-step");
-
 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; }
-
 const {
   KEY_BACK_DELETE,
   KEY_FORWARD_DELETE,
@@ -54,24 +45,20 @@ const {
   STRONG,
   UNDERLINE
 } = EditorCommands;
-
 function bindCommands() {
   for (var _len = arguments.length, commands = new Array(_len), _key = 0; _key < _len; _key++) {
     commands[_key] = arguments[_key];
   }
-
   return function (state, dispatch, view) {
     return commands.some(cmd => {
       if (cmd.isEnabled(state, view, '')) {
         cmd.execute(state, dispatch, view);
         return true;
       }
-
       return false;
     });
   };
 }
-
 function createEditorKeyMap() {
   const result = {
     [KEY_BACK_DELETE.common]: LIST_ITEM_MERGE_UP.execute,

package/dist/createEmptyEditorState.js

@@ -5,17 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EMPTY_DOC_JSON = void 0;
 exports.default = createEmptyEditorState;
-
 var _prosemirrorModel = require("prosemirror-model");
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _convertFromJSON = _interopRequireDefault(require("./convertFromJSON"));
-
 var _EditorSchema = _interopRequireDefault(require("./EditorSchema"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const EMPTY_DOC_JSON = {
   type: 'doc',
   content: [{
@@ -24,7 +18,6 @@ const EMPTY_DOC_JSON = {
   ]
 };
 exports.EMPTY_DOC_JSON = EMPTY_DOC_JSON;
-
 function createEmptyEditorState(schema, defaultSchema, plugins) {
   // TODO: Check if schema support doc and paragraph nodes.
   return (0, _convertFromJSON.default)(EMPTY_DOC_JSON, schema, defaultSchema ? defaultSchema : _EditorSchema.default, plugins);

package/dist/createTableResizingPlugin.js

@@ -4,28 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createTableResizingPlugin;
-
 var _prosemirrorState = require("prosemirror-state");
-
 var _prosemirrorTables = require("prosemirror-tables");
-
 var _prosemirrorView = require("prosemirror-view");
-
 const TABLE_HANDLE_WIDTH = 10;
 const TABLE_CELL_MINWIDTH = 25;
 const TABLE_VIEW = undefined;
 const TABLE_LAST_COLUMN_RESIZABLE = false;
-
 function lookUpTableWrapper(event) {
   const target = event.target;
-
   if (!target || !target.closest) {
     return null;
   }
-
   return target.closest('.tableWrapper');
 }
-
 function dispatchMouseEvent(type, clientX) {
   requestAnimationFrame(() => {
     const event = new MouseEvent(type, {
@@ -37,7 +29,6 @@ function dispatchMouseEvent(type, clientX) {
     window.dispatchEvent(event);
   });
 }
-
 function calculateMaxClientX(event, targetTable) {
   const {
     clientX
@@ -52,12 +43,11 @@ function calculateMaxClientX(event, targetTable) {
   const cx = width - offsetX - colsCount * TABLE_CELL_MINWIDTH;
   return Math.round(clientX + Math.max(0, cx));
 }
-
 function createTableResizingPlugin() {
-  let maxClientX = 0; // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
+  let maxClientX = 0;
 
+  // https://github.com/ProseMirror/prosemirror-tables/blob/master/src/columnresizing.js
   const plugin = (0, _prosemirrorTables.columnResizing)(TABLE_HANDLE_WIDTH, TABLE_CELL_MINWIDTH, TABLE_VIEW, TABLE_LAST_COLUMN_RESIZABLE);
-
   const captureMouse = event => {
     if (event.clientX > maxClientX) {
       // Current mouse event will make table too wide. Stop it and
@@ -69,12 +59,12 @@ function createTableResizingPlugin() {
       window.removeEventListener('mouseup', captureMouse, true);
     }
   };
-
   const {
     mousedown
-  } = plugin.props.handleDOMEvents; // This is a workaround to constraint the mousemove to prevent
-  // the table become too wide.
+  } = plugin.props.handleDOMEvents;
 
+  // This is a workaround to constraint the mousemove to prevent
+  // the table become too wide.
   Object.assign(plugin.props.handleDOMEvents, {
     mousedown(view, event) {
       const targetTable = lookUpTableWrapper(event);
@@ -84,7 +74,6 @@ function createTableResizingPlugin() {
       mousedown(view, event);
       return false;
     }
-
   });
   return plugin;
 }