@desynova-digital/components 9.0.10 → 9.0.12

package/atoms/draftInputText/draftInputText.js

@@ -73,7 +73,7 @@ var DraftInputText = function DraftInputText(_ref) {
       diff = _useState4[0],
       setDiff = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(autoFocus),
+  var _useState5 = (0, _react.useState)(false),
       _useState6 = _slicedToArray(_useState5, 2),
       focus = _useState6[0],
       setFocus = _useState6[1];
@@ -243,6 +243,19 @@ var DraftInputText = function DraftInputText(_ref) {
       return match === '<em>' ? '<i>' : '</i>';
     });
   };
+
+  /**
+   *
+   * @param {string} html the string that is passed to the parent
+   * @returns removes the symbols of special character like commas and convert them back to character
+   */
+
+  function decodeHtml(html) {
+    var txt = document.createElement('textarea');
+    txt.innerHTML = html;
+    return txt.value;
+  }
+
   /**
    *  this useEffect is used to send value to parent component as soon as editor state gets updated
    */
@@ -250,6 +263,7 @@ var DraftInputText = function DraftInputText(_ref) {
     var html = (0, _draftConvert.convertToHTML)(editorState.getCurrentContent());
     html = removeOuterPTag(html);
     html = changeEmToI(html);
+    html = decodeHtml(html);
     var obj = {
       size: contentLength,
       html: html
@@ -266,9 +280,12 @@ var DraftInputText = function DraftInputText(_ref) {
     if (diff && value !== '' && value !== undefined) {
       props.simpleEdit = true;
       setDiff(false);
-      setFocus(true);
       var dummy = (0, _draftConvert.convertFromHTML)(value);
       var newState = _draftJs.EditorState.createWithContent(dummy);
+
+      if (focus) {
+        isFocused = true;
+      }
       if (isFocused) {
         setEditorState(function () {
           return _draftJs.EditorState.moveFocusToEnd(newState);
@@ -278,7 +295,6 @@ var DraftInputText = function DraftInputText(_ref) {
       }
     }
   }, [value]);
-
   /**
    * This useEffect is used to chnage our value when timeline is changed
    */
@@ -297,7 +313,6 @@ var DraftInputText = function DraftInputText(_ref) {
   /**
    * This useEffect is used to focus on Line1 when a new segment is created
    */
-
   (0, _react.useEffect)(function () {
     if (autoFocus) {
       editorRef.current.focus();

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "9.0.10",
+  "version": "9.0.12",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "9.0.10",
+    "@desynova-digital/tokens": "9.0.12",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },