@modusoperandi/licit 0.13.3 → 0.13.10

package/.eslintrc.js

@@ -1,15 +1,15 @@
 module.exports = {
-  'parser': 'babel-eslint',
-  'parserOptions': {
-    'sourceType': 'module',
-    'allowImportExportEverywhere': false,
-    'codeFrame': true,
-    'ecmaFeatures': {
-      'jsx': true
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module',
+    allowImportExportEverywhere: false,
+    codeFrame: true,
+    ecmaFeatures: {
+      jsx: true,
     },
   },
-  'plugins': ['react'],
-  'rules': {
+  plugins: ['react'],
+  rules: {
     'react/jsx-sort-props': 'error',
     'react/jsx-uses-react': 'error',
     'react/jsx-uses-vars': 'error',
@@ -22,59 +22,63 @@ module.exports = {
     // The following rule was being reported as misconfigured.  After correcting
     // that, it was reported as not existing at all.
     // "no-unused-expression": [true, "allow-fast-null-checks"],
-    'no-unused-vars': ['error', { 'vars': 'all', 'args': 'none', 'ignoreRestSiblings': false }],
+    'no-unused-vars': [
+      'error',
+      { vars: 'all', args: 'none', ignoreRestSiblings: false },
+    ],
     'no-var': 'error',
     'prefer-const': 'error',
-    'quotes': [2, 'single', { 'avoidEscape': true }],
-    'semi': [2, 'always'],
-    'strict': 0
+    quotes: [2, 'single', { avoidEscape: true }],
+    semi: [2, 'always'],
+    strict: 0,
   },
-  'globals': {
-    '__dirname': false,
-    '$ReadOnlyArray': false,
-    'Blob': false,
-    'File': false,
-    'Class': false,
-    'Component': false,
-    'Document': true,
-    'Element': false,
-    'Event': false,
-    'HTMLElement': false,
-    'HTMLTableCellElement': false,
-    'HTMLButtonElement': false,
-    'HTMLLIElement': false,
-    'Image': false,
-    'localStorage': false,
-    'Map': false,
-    'DragEvent': false,
-    'MouseEvent': false,
-    'KeyboardEvent': false,
-    'MutationObserver': false,
-    'Promise': false,
-    'Set': false,
-    'Slice': false,
-    'SyntheticEvent': false,
-    'SyntheticInputEvent': false,
-    'SyntheticMouseEvent': false,
-    'cancelAnimationFrame': false,
-    'clearTimeout': false,
-    'console': false,
-    'document': false,
-    'module': false,
-    'process': false,
-    'require': false,
-    'requestAnimationFrame': false,
-    'setTimeout': false,
-    'window': false
+  globals: {
+    __dirname: false,
+    $ReadOnlyArray: false,
+    Blob: false,
+    File: false,
+    Class: false,
+    Component: false,
+    Document: true,
+    Element: false,
+    Event: false,
+    HTMLElement: false,
+    HTMLTableCellElement: false,
+    HTMLButtonElement: false,
+    HTMLLIElement: false,
+    Image: false,
+    localStorage: false,
+    Map: false,
+    DragEvent: false,
+    MouseEvent: false,
+    KeyboardEvent: false,
+    MutationObserver: false,
+    Promise: false,
+    Set: false,
+    Slice: false,
+    Symbol: false,
+    SyntheticEvent: false,
+    SyntheticInputEvent: false,
+    SyntheticMouseEvent: false,
+    cancelAnimationFrame: false,
+    clearTimeout: false,
+    console: false,
+    document: false,
+    module: false,
+    process: false,
+    require: false,
+    requestAnimationFrame: false,
+    setTimeout: false,
+    window: false,
   },
-  'overrides': [
+  overrides: [
     {
       // enable jest globals in test files
       files: '*.test.js',
       plugins: ['jest'],
       env: {
-        'jest/globals': true
-      }
-    }
-  ]
+        'jest/globals': true,
+      },
+    },
+  ],
 };

package/README.md

@@ -192,7 +192,8 @@ Please refer *licit\client\index.js* for getting more detailed idea on passing p
 | width|Width of the editor|100%
 | height|Height of the editor|100%
 | readOnly |To enable/disable editing mode|false
-| data |Document data to be loaded into the editor|null
+| data |Document JSON/HTML data to be loaded into the editor|null
+| dataType |Document data type - JSON/HTML|JSON
 | disabled|To disable the editor|false
 | embedded|To disable/enable inline behavior of the editor|false
 | fitToContent|To disable/enable fit to content behavior of the editor|false
@@ -204,6 +205,19 @@ Please refer *licit\client\index.js* for getting more detailed idea on passing p
 |onChange | Fires after each significant change |<ul><li>data: document JSON</li><li>isEmpty: true when empty</li><li>view: prosemirror view</li></ul>
 |onReady| Fires once when the editor is ready |licit reference
 
+|Method Name| Description|Parameter|
+|--|--|--|
+|setProps | Update properties of the editor using an editor instance |<ul><li>props: Licit properties' object</li></ul>
+
+To set data to editor: 
+
+> function setData() { 	const props = {};
+>     Object.assign(props, this.props);
+>     // here the *this.props* is the *ref* input from the onReadyCB(ref) (Please refer *licit\client\index.js* for onReadyCB(ref) method)
+> 	props.data = {
+> "type":"doc","attrs":{"layout":null,"padding":null,"width":null,"counterFlags":null},"content":[{"type":"paragraph","attrs":{"align":null,"color":null,"id":null,"indent":null,"lineSpacing":null,"paddingBottom":null,"paddingTop":null},"content":[{"type":"text","text":"Hello
+> World!!!"}]}]};
+>    this.setProps(props); }
 
 To load the styles:
 Either in *angular.json*, add