Merge pull request #242 from accordproject/dl-update-transform-0.10.0

chore(dep): update transform to 0.10.0

Author: DianaLease

examples/src/index.js

@@ -5,6 +5,7 @@ import {
 
 import ReactDOM from 'react-dom';
 import { SlateTransformer } from '@accordproject/markdown-slate';
+import { Value } from 'slate';
 
 import './index.css';
 import MarkdownAsInputEditor from '../../src/MarkdownAsInputEditor';
@@ -71,7 +72,9 @@ function Demo() {
   /**
    * Current Slate Value
    */
-  const [slateValue, setSlateValue] = useState(slateTransformer.fromMarkdown(defaultMarkdown));
+  const [slateValue, setSlateValue] = useState(
+    Value.fromJSON(slateTransformer.fromMarkdown(defaultMarkdown))
+  );
   const [markdown, setMarkdown] = useState(defaultMarkdown);
 
   /**
@@ -85,8 +88,9 @@ function Demo() {
    * Called when the Slate Value changes
    */
   const onSlateValueChange = useCallback((slateValue) => {
-    localStorage.setItem('slate-editor-value', JSON.stringify(slateValue.toJSON()));
-    const markdown = slateTransformer.toMarkdown(slateValue);
+    const slateJSON = slateValue.toJSON();
+    localStorage.setItem('slate-editor-value', JSON.stringify(slateJSON));
+    const markdown = slateTransformer.toMarkdown(slateJSON);
     setSlateValue(slateValue);
     setMarkdown(markdown);
   }, []);

package-lock.json

@@ -101,8 +101,8 @@
     "not op_mini all"
   ],
   "dependencies": {
-    "@accordproject/markdown-html": "^0.9.10",
-    "@accordproject/markdown-slate": "^0.9.10",
+    "@accordproject/markdown-html": "^0.10.0",
+    "@accordproject/markdown-slate": "^0.10.0",
     "@babel/runtime": "^7.8.4",
     "css-loader": "^3.2.0",
     "immutable": "^3.8.2",

package.json

@@ -378,7 +378,7 @@ const SlateAsInputEditor = React.forwardRef((props, ref) => {
         const slateTransformer = new SlateTransformer();
         // @ts-ignore
         const ciceroMark = htmlTransformer.toCiceroMark(transfer.html, 'json');
-        const { document } = slateTransformer.fromCiceroMark(ciceroMark);
+        const { document } = Value.fromJSON(slateTransformer.fromCiceroMark(ciceroMark));
         editor.insertFragment(document);
         return;
       }