@modusoperandi/licit 0.13.1 → 0.13.10

package/dist/client/Licit.test.js

@@ -4,29 +4,44 @@ var _react = _interopRequireDefault(require("react"));
 
 var _enzyme = require("enzyme");
 
-var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+var _enzymeAdapterReact = _interopRequireDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
 
-var _Licit = _interopRequireDefault(require("./Licit"));
+var _Licit = _interopRequireWildcard(require("./Licit"));
 
 var _RichTextEditor = _interopRequireDefault(require("../ui/RichTextEditor"));
 
-var _noop = _interopRequireDefault(require("../noop"));
+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
+/**
+ * Configure Jest to use react / enzyme
  */
 (0, _enzyme.configure)({
   adapter: new _enzymeAdapterReact.default()
 });
 describe('<Licit />', () => {
   let wrapper;
-  let licit; // Mocking the functions used in _onReady
+  let licit; // provide an empty document just to shut up that warning
+
+  const data = {
+    type: 'doc',
+    content: [{
+      type: 'paragraph',
+      content: [{
+        type: 'text',
+        text: ' '
+      }]
+    }]
+  }; // Mocking the functions used in _onReady
 
   const fakeEditorView = {
-    focus: _noop.default,
-    dispatch: _noop.default,
+    focus: _licitUiCommands.noop,
+    dispatch: _licitUiCommands.noop,
     state: {
       doc: {
         content: {
@@ -34,27 +49,20 @@ describe('<Licit />', () => {
         },
         resolve: () => ({
           min: () => 0,
-          max: () => 10
-        })
+          max: () => 10,
+          parent: {
+            inlineContent: true
+          }
+        }),
+        toJSON: () => data
       },
       tr: {
         setSelection: () => fakeEditorView.state.tr,
-        scrollIntoView: _noop.default
+        scrollIntoView: _licitUiCommands.noop
       }
     }
   };
   beforeEach(() => {
-    // provide an empty document just to shut up that warning
-    const data = {
-      type: 'doc',
-      content: [{
-        type: 'paragraph',
-        content: [{
-          type: 'text',
-          text: ' '
-        }]
-      }]
-    };
     wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Licit.default, {
       data: data
     }));
@@ -74,4 +82,24 @@ describe('<Licit />', () => {
       expect(licit.editorView).toBe(fakeEditorView);
     });
   });
+});
+describe('<Licit with HTML input/>', () => {
+  let wrapper;
+  let licit;
+  const HELLO = 'Hello ';
+  const WORLD = 'World';
+  const data = '<p stylename="None">' + HELLO + '<strong overridden="false">' + WORLD + '</strong></p>';
+  beforeEach(() => {
+    wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_Licit.default, {
+      data: data,
+      dataType: _Licit.DataType.HTML
+    }));
+    licit = wrapper.instance();
+  });
+  it('should render a <RichTextEditor /> ', () => {
+    expect(wrapper.find(_RichTextEditor.default)).toBeTruthy();
+  });
+  it('should match state text content with the passed in text ', () => {
+    expect(licit.state.editorState.doc.textContent).toBe(HELLO + WORLD);
+  });
 });

package/dist/client/Licit.test.js.flow

@@ -1,65 +1,98 @@
-import React from 'react';
-import { configure, shallow } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-import Licit from './Licit';
-import RichTextEditor from '../ui/RichTextEditor';
-import noop from '../noop';
-
-/**
- * Configure Jest to use react / enzyme
- */
-configure({
-  adapter: new Adapter(),
-});
-
-describe('<Licit />', () => {
-  let wrapper;
-  let licit;
-
-  // Mocking the functions used in _onReady
-  const fakeEditorView = {
-    focus: noop,
-    dispatch: noop,
-    state: {
-      doc: {
-        content: { size: 10 },
-        resolve: () => ({ min: () => 0, max: () => 10 }),
-      },
-      tr: {
-        setSelection: () => fakeEditorView.state.tr,
-        scrollIntoView: noop,
-      },
-    },
-  };
-
-  beforeEach(() => {
-    // provide an empty document just to shut up that warning
-    const data = {
-      type: 'doc',
-      content: [
-        {
-          type: 'paragraph',
-          content: [{ type: 'text', text: ' ' }],
-        },
-      ],
-    };
-    wrapper = shallow(<Licit data={data} />);
-    licit = wrapper.instance();
-  });
-
-  it('should render a <RichTextEditor /> ', () => {
-    expect(wrapper.find(RichTextEditor)).toBeTruthy();
-  });
-
-  describe('editorView (getter)', () => {
-    it('should return the prosemirror view', () => {
-      // 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.
-      expect(licit.editorView).toBe(fakeEditorView);
-    });
-  });
-});
+import React from 'react';
+import { configure, shallow } from 'enzyme';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import Licit, { DataType } from './Licit';
+import RichTextEditor from '../ui/RichTextEditor';
+import { noop } from '@modusoperandi/licit-ui-commands';
+
+/**
+ * Configure Jest to use react / enzyme
+ */
+configure({
+  adapter: new Adapter(),
+});
+
+describe('<Licit />', () => {
+  let wrapper;
+  let licit;
+
+  // provide an empty document just to shut up that warning
+  const data = {
+    type: 'doc',
+    content: [
+      {
+        type: 'paragraph',
+        content: [{ type: 'text', text: ' ' }],
+      },
+    ],
+  };
+
+  // Mocking the functions used in _onReady
+  const fakeEditorView = {
+    focus: noop,
+    dispatch: noop,
+    state: {
+      doc: {
+        content: { size: 10 },
+        resolve: () => ({
+          min: () => 0,
+          max: () => 10,
+          parent: { inlineContent: true },
+        }),
+        toJSON: () => data,
+      },
+      tr: {
+        setSelection: () => fakeEditorView.state.tr,
+        scrollIntoView: noop,
+      },
+    },
+  };
+
+  beforeEach(() => {
+    wrapper = shallow(<Licit data={data} />);
+    licit = wrapper.instance();
+  });
+
+  it('should render a <RichTextEditor /> ', () => {
+    expect(wrapper.find(RichTextEditor)).toBeTruthy();
+  });
+
+  describe('editorView (getter)', () => {
+    it('should return the prosemirror view', () => {
+      // 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.
+      expect(licit.editorView).toBe(fakeEditorView);
+    });
+  });
+});
+
+describe('<Licit with HTML input/>', () => {
+  let wrapper;
+  let licit;
+
+  const HELLO = 'Hello ';
+  const WORLD = 'World';
+  const data =
+    '<p stylename="None">' +
+    HELLO +
+    '<strong overridden="false">' +
+    WORLD +
+    '</strong></p>';
+
+  beforeEach(() => {
+    wrapper = shallow(<Licit data={data} dataType={DataType.HTML} />);
+    licit = wrapper.instance();
+  });
+
+  it('should render a <RichTextEditor /> ', () => {
+    expect(wrapper.find(RichTextEditor)).toBeTruthy();
+  });
+
+  it('should match state text content with the passed in text ', () => {
+    expect(licit.state.editorState.doc.textContent).toBe(HELLO + WORLD);
+  });
+});

package/dist/client/Reporter.js.flow

@@ -1,37 +1,37 @@
-/* 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();
-  }
-}
-
-export default Reporter;
+/* 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();
+  }
+}
+
+export default Reporter;

package/dist/client/SimpleConnector.js

@@ -55,7 +55,9 @@ class SimpleConnector {
       return this._editorState;
     });
 
-    _defineProperty(this, "updateSchema", schema => {});
+    _defineProperty(this, "updateSchema", (schema, data) => {});
+
+    _defineProperty(this, "cleanUp", () => {});
 
     this._editorState = _editorState;
     this._setState = setState;

package/dist/client/SimpleConnector.js.flow

@@ -1,53 +1,55 @@
-// @flow
-
-import { EditorState } from 'prosemirror-state';
-import { Transform } from 'prosemirror-transform';
-import { Schema } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import ReactDOM from 'react-dom';
-
-export type SetStateCall = (
-  state: { editorState: EditorState },
-  callback: Function
-) => void;
-
-class SimpleConnector {
-  _setState: SetStateCall;
-  _editorState: EditorState;
-
-  constructor(editorState: EditorState, setState: SetStateCall) {
-    this._editorState = editorState;
-    this._setState = setState;
-  }
-
-  onEdit = (transaction: Transform, view: EditorView): void => {
-    ReactDOM.unstable_batchedUpdates(() => {
-      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;
-      });
-    });
-  };
-
-  // FS IRAD-989 2020-18-06
-  // updating properties should automatically render the changes
-  getState = (): EditorState => {
-    return this._editorState;
-  };
-
-  // FS IRAD-1040 2020-09-02
-  // Send the modified schema to server
-  updateSchema = (schema: Schema) => {};
-}
-
-export default SimpleConnector;
+// @flow
+
+import { EditorState } from 'prosemirror-state';
+import { Transform } from 'prosemirror-transform';
+import { Schema } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import ReactDOM from 'react-dom';
+
+export type SetStateCall = (
+  state: { editorState: EditorState },
+  callback: Function
+) => void;
+
+class SimpleConnector {
+  _setState: SetStateCall;
+  _editorState: EditorState;
+
+  constructor(editorState: EditorState, setState: SetStateCall) {
+    this._editorState = editorState;
+    this._setState = setState;
+  }
+
+  onEdit = (transaction: Transform, view: EditorView): void => {
+    ReactDOM.unstable_batchedUpdates(() => {
+      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;
+      });
+    });
+  };
+
+  // FS IRAD-989 2020-18-06
+  // updating properties should automatically render the changes
+  getState = (): EditorState => {
+    return this._editorState;
+  };
+
+  // FS IRAD-1040 2020-09-02
+  // Send the modified schema to server
+  updateSchema = (schema: Schema, data: any) => {};
+
+  cleanUp = () => {};
+}
+
+export default SimpleConnector;

package/dist/client/http.js

@@ -7,6 +7,7 @@ exports.DELETE = DELETE;
 exports.GET = GET;
 exports.PATCH = PATCH;
 exports.POST = POST;
+exports.PUT = PUT;
 exports.req = req;
 
 /* eslint-disable */
@@ -68,6 +69,17 @@ function POST(url, body, type) {
       'Content-Type': type
     }
   });
+}
+
+function PUT(url, body, type) {
+  return req({
+    url,
+    method: 'PUT',
+    body,
+    headers: {
+      'Content-Type': type
+    }
+  });
 } // [FS] IRAD-1128 2021-02-03
 // http DELETE request overrided
 

package/dist/client/http.js.flow

@@ -1,66 +1,70 @@
-/* eslint-disable */
-
-// A simple wrapper for XHR.
-export function req(conf) {
-  let req = new XMLHttpRequest(),
-    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 {
-        let text = req.responseText;
-        if (text && /html/.test(req.getResponseHeader('content-type')))
-          text = makePlain(text);
-        let err = new Error(
-          'Request failed: ' + req.statusText + (text ? '\n\n' + text : '')
-        );
-        err.status = req.status;
-
-        failure(err);
-      }
-    });
-    req.addEventListener('error', () => {
-      if (!aborted) failure(new Error('Network error'));
-    });
-    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, '');
-}
-
-export function GET(url) {
-  return req({ url, method: 'GET' });
-}
-
-export function POST(url, body, type) {
-  return req({ url, method: 'POST', body, headers: { 'Content-Type': type } });
-}
-
-// [FS] IRAD-1128 2021-02-03
-// http DELETE request overrided
-export function DELETE(url, type) {
-  return req({ url, method: 'DELETE', headers: { 'Content-Type': type } });
-}
-
-// [FS] IRAD-1128 2021-02-03
-// http PATCH request overrided
-export function PATCH(url, body, type) {
-  return req({ url, method: 'PATCH', body, headers: { 'Content-Type': type } });
-}
+/* eslint-disable */
+
+// A simple wrapper for XHR.
+export function req(conf) {
+  let req = new XMLHttpRequest(),
+    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 {
+        let text = req.responseText;
+        if (text && /html/.test(req.getResponseHeader('content-type')))
+          text = makePlain(text);
+        let err = new Error(
+          'Request failed: ' + req.statusText + (text ? '\n\n' + text : '')
+        );
+        err.status = req.status;
+
+        failure(err);
+      }
+    });
+    req.addEventListener('error', () => {
+      if (!aborted) failure(new Error('Network error'));
+    });
+    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, '');
+}
+
+export function GET(url) {
+  return req({ url, method: 'GET' });
+}
+
+export function POST(url, body, type) {
+  return req({ url, method: 'POST', body, headers: { 'Content-Type': type } });
+}
+
+export function PUT(url, body, type) {
+  return req({ url, method: 'PUT', body, headers: { 'Content-Type': type } });
+}
+
+// [FS] IRAD-1128 2021-02-03
+// http DELETE request overrided
+export function DELETE(url, type) {
+  return req({ url, method: 'DELETE', headers: { 'Content-Type': type } });
+}
+
+// [FS] IRAD-1128 2021-02-03
+// http PATCH request overrided
+export function PATCH(url, body, type) {
+  return req({ url, method: 'PATCH', body, headers: { 'Content-Type': type } });
+}

package/dist/client/licit.css

@@ -1,12 +1,12 @@
-html {
-  background: #fff;
-  border: 0;
-  border: none;
-  margin: 0;
-}
-
-body {
-  background: #fff;
-  border: none;
-  margin: 0;
-}
+html {
+  background: #fff;
+  border: 0;
+  border: none;
+  margin: 0;
+}
+
+body {
+  background: #fff;
+  border: none;
+  margin: 0;
+}