@zohodesk/dot 1.5.4 → 1.6.0

package/coverage/form/fields/TextEditor/TextEditor.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">14.28% </span>
+                <span class="strong">15.38% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>20/140</span>
+                <span class='fraction'>20/130</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">9.58% </span>
+                <span class="strong">11.48% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>14/146</span>
+                <span class='fraction'>17/148</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">17.85% </span>
+                <span class="strong">21.73% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/28</span>
+                <span class='fraction'>5/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">14.38% </span>
+                <span class="strong">15.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>20/139</span>
+                <span class='fraction'>20/129</span>
             </div>
         
             
@@ -429,13 +429,7 @@
 <a name='L364'></a><a href='#L364'>364</a>
 <a name='L365'></a><a href='#L365'>365</a>
 <a name='L366'></a><a href='#L366'>366</a>
-<a name='L367'></a><a href='#L367'>367</a>
-<a name='L368'></a><a href='#L368'>368</a>
-<a name='L369'></a><a href='#L369'>369</a>
-<a name='L370'></a><a href='#L370'>370</a>
-<a name='L371'></a><a href='#L371'>371</a>
-<a name='L372'></a><a href='#L372'>372</a>
-<a name='L373'></a><a href='#L373'>373</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L367'></a><a href='#L367'>367</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -511,6 +505,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -540,10 +535,14 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -634,21 +633,22 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -656,11 +656,9 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -700,44 +698,34 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -847,7 +835,7 @@ export default class TextEditor extends Component {
       'handleChange',
       'focusCallback',
       'handleInlineUpload',
-      'handleDropUpload',
+      // 'handleDropUpload',
       'blurCallback',
       'handleGetContent',
       'initializeEditor',
@@ -877,12 +865,13 @@ export default class TextEditor extends Component {
       editorMode = <span class="branch-0 cbranch-no" title="branch not covered" >'',</span>
       editorOptions = <span class="branch-0 cbranch-no" title="branch not covered" >{},</span>
       needEditorFocus = <span class="branch-0 cbranch-no" title="branch not covered" >true,</span>
-      handleDropUpload,
+      // handleDropUpload,
       fontFamily,
       fontSize,
       initCallback,
       handleAlertMessage,
-      needInlineAttachment
+      needInlineAttachment,
+      customInitOption
     } = <span class="cstat-no" title="statement not covered" >this.props;</span>
 <span class="cstat-no" title="statement not covered" >    if (id &amp;&amp; global.ZohoDeskEditor) {</span>
       let defaultObj = <span class="cstat-no" title="statement not covered" >{</span>
@@ -890,7 +879,7 @@ export default class TextEditor extends Component {
         content: fixEncoding(value),
         callback: this.editorCallback,
         imageuploadcallback: this.handleInlineUpload,
-        handleInlineDropImage: handleDropUpload ? this.handleDropUpload : undefined,
+        // handleInlineDropImage: handleDropUpload ? this.handleDropUpload : undefined,
         contentChanged: this.handleChange,
         focusCallback: this.focusCallback,
         lineHeight: 'Normal',
@@ -912,12 +901,16 @@ export default class TextEditor extends Component {
         },
         htmlVersion: '&lt;!Doctype html&gt;'
       };
-<span class="cstat-no" title="statement not covered" >      if (!ZohoDeskEditor_Init.init) {</span>
-<span class="cstat-no" title="statement not covered" >        global.editorInitialize &amp;&amp; global.editorInitialize();</span>
+&nbsp;
+<span class="cstat-no" title="statement not covered" >      if(!customInitOption){</span>
+<span class="cstat-no" title="statement not covered" >        if (!ZohoDeskEditor_Init.init) {</span>
+<span class="cstat-no" title="statement not covered" >          global.editorInitialize &amp;&amp; global.editorInitialize();</span>
+        }
+<span class="cstat-no" title="statement not covered" >        ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);</span>
       }
 <span class="cstat-no" title="statement not covered" >      defaultObj = Object.assign(defaultObj, editorOptions);</span>
-<span class="cstat-no" title="statement not covered" >      ZohoDeskEditor_Init.init(editorMode, fontFamily, initCallback, fontSize);</span>
-<span class="cstat-no" title="statement not covered" >      ZohoDeskEditor.create &amp;&amp; ZohoDeskEditor.create(defaultObj);</span>
+      const globalEditor= <span class="cstat-no" title="statement not covered" >global.ZohoDeskEditor;</span>
+<span class="cstat-no" title="statement not covered" >      globalEditor &amp;&amp; typeof globalEditor.create == 'function' &amp;&amp; globalEditor.create(defaultObj, customInitOption);</span>
     }
   }
 &nbsp;
@@ -936,7 +929,7 @@ export default class TextEditor extends Component {
     getRef &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >getRef(null);</span>
   }
 &nbsp;
-<span class="fstat-no" title="function not covered" >  co</span>mponentWillReceiveProps(np) {
+<span class="fstat-no" title="function not covered" >  UN</span>SAFE_componentWillReceiveProps(np) {
     let { changeEditorContent } = <span class="cstat-no" title="statement not covered" >this.props;</span>
     let id = <span class="cstat-no" title="statement not covered" >np.id;</span>
     let editorObj = <span class="cstat-no" title="statement not covered" >global.editor ? (global.editor[id] ? global.editor[id] : {}) : {};</span>
@@ -999,23 +992,13 @@ export default class TextEditor extends Component {
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ed</span>itorCallback(editorObj) {
-    let { editorCallback, getRef, isCustomScroll } = <span class="cstat-no" title="statement not covered" >this.props;</span>
+    let { editorCallback, getRef, isCustomScroll, customCSS } = <span class="cstat-no" title="statement not covered" >this.props;</span>
 <span class="cstat-no" title="statement not covered" >    this.setState({ isEditorLoad: true, isEditorShow: true });</span>
     let { id } = <span class="cstat-no" title="statement not covered" >this.props;</span>
 <span class="cstat-no" title="statement not covered" >    global.editor = global.editor || {};</span>
 <span class="cstat-no" title="statement not covered" >    if (!global.editor[id]) {</span>
 <span class="cstat-no" title="statement not covered" >      global.editor[id] = editorObj;</span>
     }
-    const css = <span class="cstat-no" title="statement not covered" >'pre {white-space: pre-wrap}',</span>
-      head = <span class="cstat-no" title="statement not covered" >editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],</span>
-      style = <span class="cstat-no" title="statement not covered" >document.createElement('style');</span>
-<span class="cstat-no" title="statement not covered" >    style.type = 'text/css';</span>
-<span class="cstat-no" title="statement not covered" >    if (style.styleSheet) {</span>
-<span class="cstat-no" title="statement not covered" >      style.styleSheet.cssText = css;</span>
-    } else {
-<span class="cstat-no" title="statement not covered" >      style.appendChild(editorObj.doc.createTextNode(css));</span>
-    }
-<span class="cstat-no" title="statement not covered" >    head.appendChild(style);</span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >    editorCallback &amp;&amp; editorCallback(editorObj);</span>
 &nbsp;
@@ -1032,18 +1015,27 @@ export default class TextEditor extends Component {
 <span class="cstat-no" title="statement not covered" >        iframe.classList.add('scroll');</span>
       }
 &nbsp;
-      let customFonts = <span class="cstat-no" title="statement not covered" >document.createElement('style');</span>
-<span class="cstat-no" title="statement not covered" >      customFonts.innerText = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;</span>
-<span class="cstat-no" title="statement not covered" >      iframeHead.appendChild(customFonts);</span>
+      let customStyleTag = <span class="cstat-no" title="statement not covered" >document.createElement('style');</span>
+<span class="cstat-no" title="statement not covered" >      customStyleTag.type = 'text/css';</span>
+      const customizedCSS= <span class="cstat-no" title="statement not covered" >`pre {white-space: pre-wrap} ${customCSS}`;</span>
+      const fontCSS= <span class="cstat-no" title="statement not covered" >`@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;</span>
+<span class="cstat-no" title="statement not covered" >      customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;</span>
+<span class="cstat-no" title="statement not covered" >      iframeHead.appendChild(customStyleTag);</span>
     }
   }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  ha</span>ndleInlineUpload(file, successCallback, failureCallback, mode, editorObj) {
-    let { id, setInlineAttachmentInProgress: progress, i18nKeys } = <span class="cstat-no" title="statement not covered" >this.props;</span>
-<span class="cstat-no" title="statement not covered" >    if (!isFileNameSizeInvalid(file.name)) {</span>
+    let { id, setInlineAttachmentInProgress: progress, i18nKeys, inlineImageProps } = <span class="cstat-no" title="statement not covered" >this.props;</span>
+    const { fileUploadError, fileNotSupported, fileSizeLimitExceed, fileEmptyError, fileNameLimitExceed }= <span class="cstat-no" title="statement not covered" >i18nKeys;</span>
+    const { 
+      allowedFileExtensions= <span class="branch-0 cbranch-no" title="branch not covered" >["jpeg", "jpg", "png", "gif", "bmp", "ico"],</span>
+      fileNameMaxCharacters= <span class="branch-0 cbranch-no" title="branch not covered" >200,</span>
+      fileSizeMaxBytes= <span class="branch-0 cbranch-no" title="branch not covered" >3 * 1024 * 1024</span>
+    }= <span class="cstat-no" title="statement not covered" >inlineImageProps;</span>
+<span class="cstat-no" title="statement not covered" >    if (!isFileNameSizeInvalid(file.name, fileNameMaxCharacters)) {</span>
 <span class="cstat-no" title="statement not covered" >      if (file.size != 0) {</span>
-<span class="cstat-no" title="statement not covered" >        if (file.size &lt;= 3 * 1024 * 1024) {</span>
-<span class="cstat-no" title="statement not covered" >          if (isImageFormat(file.name)) {</span>
+<span class="cstat-no" title="statement not covered" >        if (file.size &lt;= fileSizeMaxBytes) {</span>
+<span class="cstat-no" title="statement not covered" >          if (isImageFormat(file.name, allowedFileExtensions)) {</span>
 <span class="cstat-no" title="statement not covered" >            progress &amp;&amp; progress(true);</span>
 <span class="cstat-no" title="statement not covered" >            this.handleUpload(file).then(</span>
 <span class="fstat-no" title="function not covered" >              (r</span>es) =&gt; {
@@ -1054,35 +1046,35 @@ export default class TextEditor extends Component {
                 }
               },
 <span class="fstat-no" title="function not covered" >              ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >                failureCallback(i18nKeys.fileUploadError);</span>
+<span class="cstat-no" title="statement not covered" >                failureCallback(fileUploadError);</span>
               }
             );
           } else {
-<span class="cstat-no" title="statement not covered" >            failureCallback(i18nKeys.fileNotSupported);</span>
+<span class="cstat-no" title="statement not covered" >            failureCallback(fileNotSupported);</span>
           }
         } else {
-<span class="cstat-no" title="statement not covered" >          failureCallback(i18nKeys.fileSizeLimitExceed);</span>
+<span class="cstat-no" title="statement not covered" >          failureCallback(fileSizeLimitExceed);</span>
         }
       } else {
-<span class="cstat-no" title="statement not covered" >        failureCallback(i18nKeys.fileEmptyError);</span>
+<span class="cstat-no" title="statement not covered" >        failureCallback(fileEmptyError);</span>
       }
     } else {
-<span class="cstat-no" title="statement not covered" >      failureCallback(i18nKeys.fileNameLimitExceed);</span>
+<span class="cstat-no" title="statement not covered" >      failureCallback(fileNameLimitExceed);</span>
     }
   }
 &nbsp;
-<span class="fstat-no" title="function not covered" >  ha</span>ndleDropUpload(file, successCallback, failureCallback) {
-    let e = <span class="cstat-no" title="statement not covered" >{ target: { files: [file] } };</span>
-    let { handleDropUpload } = <span class="cstat-no" title="statement not covered" >this.props;</span>
-<span class="cstat-no" title="statement not covered" >    handleDropUpload(e).then(</span>
-<span class="fstat-no" title="function not covered" >      (r</span>es) =&gt; {
-<span class="cstat-no" title="statement not covered" >        successCallback(res);</span>
-      },
-<span class="fstat-no" title="function not covered" >      ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >        failureCallback();</span>
-      }
-    );
-  }
+  // handleDropUpload(file, successCallback, failureCallback) {
+  //   let e = { target: { files: [file] } };
+  //   let { handleDropUpload } = this.props;
+  //   handleDropUpload(e).then(
+  //     (res) =&gt; {
+  //       successCallback(res);
+  //     },
+  //     () =&gt; {
+  //       failureCallback();
+  //     }
+  //   );
+  // }
 &nbsp;
 <span class="fstat-no" title="function not covered" >  bl</span>urCallback() {
     let { blurCallback } = <span class="cstat-no" title="statement not covered" >this.props;</span>
@@ -1098,17 +1090,7 @@ export default class TextEditor extends Component {
 <span class="cstat-no" title="statement not covered" >      if (getCSRFCookieName &amp;&amp; getCSRFCookie) {</span>
 <span class="cstat-no" title="statement not covered" >        formData.append(getCSRFCookieName(), getCSRFCookie());</span>
       }
-<span class="cstat-no" title="statement not covered" >      return onUpload(formData, file).then(</span>
-<span class="fstat-no" title="function not covered" >        (r</span>es) =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (editorMode === 'TicketReply') {</span>
-<span class="cstat-no" title="statement not covered" >            return `${res.data}&amp;from=r`;</span>
-          }
-<span class="cstat-no" title="statement not covered" >          return res.data;</span>
-        },
-<span class="fstat-no" title="function not covered" >        (e</span>rr) =&gt; {
-<span class="cstat-no" title="statement not covered" >          throw err;</span>
-        }
-      );
+<span class="cstat-no" title="statement not covered" >      return onUpload(formData, file)</span>
     } catch (err) {
 <span class="cstat-no" title="statement not covered" >      return Promise.reject();</span>
     }
@@ -1146,7 +1128,7 @@ export default class TextEditor extends Component {
   }
 &nbsp;
   render() {
-    let { id, dataId, type, border, ImgLazyLoad, loadingComponent, isNightMode, isReadOnly, dataSelectorId } =
+    let { id, dataId, type, border, ImgLazyLoad, loadingComponent, isNightMode, isReadOnly, dataSelectorId, isDisabled } =
       this.props;
     let { isEditorLoad, isEditorShow } = this.state;
     let editorDoc = ImgLazyLoad &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >global.editor </span>&amp;&amp; <span class="branch-2 cbranch-no" title="branch not covered" >global.editor[id] </span>? <span class="branch-0 cbranch-no" title="branch not covered" >global.editor[id].doc </span>: null;
@@ -1154,7 +1136,7 @@ export default class TextEditor extends Component {
     return (
       &lt;Container
         className={`${styles.textEditor} ${styles[type]} ${styles[border]}
-        ${isNightMode ? <span class="branch-0 cbranch-no" title="branch not covered" >styles.night </span>: styles.light} ${isReadOnly ? <span class="branch-0 cbranch-no" title="branch not covered" >styles.readOnly </span>: ''} ${
+        ${isNightMode ? <span class="branch-0 cbranch-no" title="branch not covered" >styles.night </span>: styles.light} ${isReadOnly ? <span class="branch-0 cbranch-no" title="branch not covered" >styles.readOnly </span>: ''} ${isDisabled ? <span class="branch-0 cbranch-no" title="branch not covered" >styles.disable </span>: ''} ${
           !isEditorShow ? styles.editorHide : <span class="branch-1 cbranch-no" title="branch not covered" >''</span>
         }`}
         dataId={dataId}
@@ -1164,7 +1146,7 @@ export default class TextEditor extends Component {
         {loadingComponent &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >!isEditorLoad </span>? <span class="branch-0 cbranch-no" title="branch not covered" >loadingComponent </span>: null}
         &lt;Box flexible id={id} dataId={dataId} /&gt;
         {editorDoc &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >ImgLazyLoad </span>? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;ImgLazyLoad node={editorDoc} /&gt; </span>: null}
-        {isReadOnly ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;div class={styles.readOnlyMask}&gt;&lt;/div&gt; </span>: null}
+        {isReadOnly || isDisabled ? <span class="branch-0 cbranch-no" title="branch not covered" >&lt;div className={styles.readOnlyMask}&gt;&lt;/div&gt; </span>: null}
       &lt;/Container&gt;
     );
   }
@@ -1186,7 +1168,7 @@ TextEditor.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-11-07T09:54:28.527Z
+                at 2024-12-11T13:16:23.667Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>