@syncfusion/ej2-react-documenteditor 23.1.44 → 23.2.5

package/CHANGELOG.md

@@ -6,6 +6,43 @@
 
 #### Bug Fixes
 
+- `#I512661` - Resolved the TOC updating issue in the attached document.
+- `#I519561` - Resolved the track changes issues.
+- `#I521082` - Resolved the script error issue while accepting tracked changes.
+- `#I514000` - Resolved the script error while opening the attached document.
+- `#I516382` - Resolved the page ordering issue in the exported document.
+- `#I519451` - Resolved the script error issue when export as docx after accept all changes.
+- `#I519571` - Resolved the issue in track changes on enter.
+- `#I520505` - Resolved the issue of undo track changes with bullet numbering.
+
+## 23.2.4 (2023-11-20)
+
+### DocumentEditor
+
+#### Bug Fixes
+
+- `#I509814` - Resolved the bullet list character format losses issue when pasting the sfdt.
+- `#I511667` - Resolved the TIFF image rendering issue with RTF file.
+- `#I512264` - Resolved the section Break continuous issue.
+- `#I513068` - Resolved script error issue while deleting the floating table.
+- `#I513107` - Resolved the section break continuous issue when press the delete key.
+- `#I504697` - Resolved the control hanging issue while opening the document.
+- `#I512059` - Resolved the URL image not appear issue until interact with document.
+- `#I509812` - Resolved the format losses issue when pasting the copied HTML text.
+
+#### Features
+
+- `#I491720` - Added support to set target element to append the Dialog and Context menu.
+- `#I499751` - Added support to display the symbol field code text in client side.
+- `#I501878` - Added support to preserve the carriage return character.
+- `#I503197` - Added API to check whether the document is empty or not.
+
+## 23.1.44 (2023-11-07)
+
+### DocumentEditor
+
+#### Bug Fixes
+
 - `#I510408` - Resolved keep para together issue with RTF file.
 - `#I509697` - Resolved script error throws while opening a document.
 - `#I511095` - Resolved the paragraph and table rendering issue on If field condition.

package/dist/ej2-react-documenteditor.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-documenteditor.min.js
-*  version : 23.1.44
+*  version : 23.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/ej2-react-documenteditor.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-documenteditor.umd.min.js
-*  version : 23.1.44
+*  version : 23.2.5
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-react-documenteditor@*",
-  "_id": "@syncfusion/ej2-react-documenteditor@23.1.43",
+  "_id": "@syncfusion/ej2-react-documenteditor@23.2.4",
   "_inBundle": false,
-  "_integrity": "sha512-HIuRG61t+6rw5WW2kzY1AceNNpGmBh5PgztQ3kOjWpUKMgMiT67tvwXovdm1Yp3n47YgfBj5oPWLhVVh3HxbHQ==",
+  "_integrity": "sha512-vcFCqg1HbqHQ3ZrsQi3Nei6evb9tPpnbomsZ22L+JiTiMVPMKMvF2CXZP2wRueUICLSwOyTD2O3Y6lE7IhTcSw==",
   "_location": "/@syncfusion/ej2-react-documenteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-documenteditor/-/ej2-react-documenteditor-23.1.43.tgz",
-  "_shasum": "197fcb66be2a255010f1ba6bf7ebae2e3214bb87",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-documenteditor/-/ej2-react-documenteditor-23.2.4.tgz",
+  "_shasum": "3167ba6461cca3aff44cbe1360e7a71b0b464fa5",
   "_spec": "@syncfusion/ej2-react-documenteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-documenteditor": "23.1.44",
-    "@syncfusion/ej2-react-base": "~23.1.43"
+    "@syncfusion/ej2-base": "~23.2.4",
+    "@syncfusion/ej2-documenteditor": "23.2.5",
+    "@syncfusion/ej2-react-base": "~23.2.5"
   },
   "deprecated": false,
   "description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for React",
@@ -53,6 +53,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "23.1.44",
+  "version": "23.2.5",
   "sideEffects": false
 }

package/src/document-editor/documenteditor.component.d.ts

@@ -10,7 +10,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class DocumentEditorComponent extends DocumentEditor {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<DocumentEditorModel & DefaultHtmlAttributes>;
+    }> & Readonly<DocumentEditorModel | DefaultHtmlAttributes>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -20,7 +20,7 @@ export declare class DocumentEditorComponent extends DocumentEditor {
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<DocumentEditorModel & DefaultHtmlAttributes>;
+    }> & Readonly<DocumentEditorModel | DefaultHtmlAttributes>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/src/document-editor-container/documenteditorcontainer.component.d.ts

@@ -10,7 +10,7 @@ import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
 export declare class DocumentEditorContainerComponent extends DocumentEditorContainer {
     state: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<DocumentEditorContainerModel & DefaultHtmlAttributes>;
+    }> & Readonly<DocumentEditorContainerModel | DefaultHtmlAttributes>;
     setState: any;
     private getDefaultAttributes;
     initRenderCalled: boolean;
@@ -20,7 +20,7 @@ export declare class DocumentEditorContainerComponent extends DocumentEditorCont
     private immediateRender;
     props: Readonly<{
         children?: React.ReactNode | React.ReactNode[];
-    }> & Readonly<DocumentEditorContainerModel & DefaultHtmlAttributes>;
+    }> & Readonly<DocumentEditorContainerModel | DefaultHtmlAttributes>;
     forceUpdate: (callBack?: () => any) => void;
     context: Object;
     portals: any;

package/styles/bootstrap-dark.css

@@ -819,6 +819,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;
@@ -5334,6 +5342,67 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-de-hRuler {
+  background-color: #131313;
+  border-bottom: 0.5px solid #505050;
+}
+
+.e-de-vRuler {
+  background-color: #131313;
+  border-right: 0.5px solid #505050;
+}
+
+.e-de-ruler-margin {
+  background-color: #414141;
+}
+
+.e-de-ruler-tick {
+  stroke: #7e7e7e;
+}
+
+.e-de-ruler-tick-label {
+  fill: #fff;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #414141;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #7e7e7e;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #7e7e7e;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #414141;
+  stroke: #acacac;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #131313;
+  stroke: #acacac;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #0070f0;
+  stroke: #acacac;
+}
+
+.e-de-ruler-table-svg {
+  fill: #acacac;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #131313;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #0070f0;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5345,6 +5414,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 12px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #131313;
+  border-right: none;
+  border-left: 0.5px solid #505050;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 16px;

package/styles/bootstrap.css

@@ -819,6 +819,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;
@@ -5337,6 +5345,67 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-de-hRuler {
+  background-color: #f8f8f8;
+  border-bottom: 0.5px solid #ccc;
+}
+
+.e-de-vRuler {
+  background-color: #f8f8f8;
+  border-right: 0.5px solid #ccc;
+}
+
+.e-de-ruler-margin {
+  background-color: #fff;
+}
+
+.e-de-ruler-tick {
+  stroke: #8c8c8c;
+}
+
+.e-de-ruler-tick-label {
+  fill: #333;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #fff;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #8c8c8c;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #8c8c8c;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #fff;
+  stroke: #777;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #e6e6e6;
+  stroke: #777;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #317ab9;
+  stroke: #777;
+}
+
+.e-de-ruler-table-svg {
+  fill: #777;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #e6e6e6;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #317ab9;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5348,6 +5417,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 12px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #f8f8f8;
+  border-right: none;
+  border-left: 0.5px solid #ccc;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 16px;

package/styles/bootstrap4.css

@@ -816,6 +816,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;
@@ -5658,6 +5666,67 @@ textarea.e-de-cmt-textarea {
   width: 70px;
 }
 
+.e-de-hRuler {
+  background-color: #e9ecef;
+  border-bottom: 0.5px solid #dee2e6;
+}
+
+.e-de-vRuler {
+  background-color: #e9ecef;
+  border-right: 0.5px solid #dee2e6;
+}
+
+.e-de-ruler-margin {
+  background-color: #fff;
+}
+
+.e-de-ruler-tick {
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-tick-label {
+  fill: #495057;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #fff;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #fff;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #e9ecef;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #007bff;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-table-svg {
+  fill: #6c757d;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #e9ecef;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #007bff;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5669,6 +5738,11 @@ textarea.e-de-cmt-textarea {
   line-height: 22px;
   margin-left: 14px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #e9ecef;
+  border-right: none;
+  border-left: 0.5px solid #dee2e6;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;

package/styles/bootstrap5-dark.css

@@ -858,6 +858,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;
@@ -5641,6 +5649,67 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-de-hRuler {
+  background-color: #343a40;
+  border-bottom: 0.5px solid #444c54;
+}
+
+.e-de-vRuler {
+  background-color: #343a40;
+  border-right: 0.5px solid #444c54;
+}
+
+.e-de-ruler-margin {
+  background-color: #212529;
+}
+
+.e-de-ruler-tick {
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-tick-label {
+  fill: #e9ecef;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #212529;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #212529;
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #343a40;
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #0d6efd;
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-table-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #343a40;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #0d6efd;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5652,6 +5721,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 12px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #343a40;
+  border-right: none;
+  border-left: 0.5px solid #444c54;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;

package/styles/bootstrap5.css

@@ -858,6 +858,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;
@@ -5641,6 +5649,67 @@ label[for*=_wholeWord_e-de-rtl] {
   width: 70px;
 }
 
+.e-de-hRuler {
+  background-color: #e9ecef;
+  border-bottom: 0.5px solid #dee2e6;
+}
+
+.e-de-vRuler {
+  background-color: #e9ecef;
+  border-right: 0.5px solid #dee2e6;
+}
+
+.e-de-ruler-margin {
+  background-color: #fff;
+}
+
+.e-de-ruler-tick {
+  stroke: #adb5bd;
+}
+
+.e-de-ruler-tick-label {
+  fill: #343a40;
+}
+
+.e-de-ruler-markIndicator {
+  background-color: #fff;
+}
+
+.e-de-ruler-marker .e-de-ruler-tab-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-marker .e-de-ruler-indent-svg {
+  fill: #adb5bd;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg {
+  fill: #fff;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:hover {
+  fill: #e9ecef;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-indent .e-de-ruler-indent-svg:active {
+  fill: #0d6efd;
+  stroke: #6c757d;
+}
+
+.e-de-ruler-table-svg {
+  fill: #6c757d;
+}
+
+.e-de-ruler-table-svg:hover {
+  fill: #e9ecef;
+}
+
+.e-de-ruler-table-svg:active {
+  fill: #0d6efd;
+}
+
 .e-rtl .e-listview .e-list-icon {
   height: 24px;
   width: 16px;
@@ -5652,6 +5721,11 @@ label[for*=_wholeWord_e-de-rtl] {
   line-height: 22px;
   margin-left: 12px;
 }
+.e-rtl .e-de-vRuler {
+  background-color: #e9ecef;
+  border-right: none;
+  border-left: 0.5px solid #dee2e6;
+}
 
 .e-bigger .de-split-button > div:first-child {
   margin-right: 0;

package/styles/document-editor/bootstrap-dark.css

@@ -819,6 +819,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;

package/styles/document-editor/bootstrap.css

@@ -819,6 +819,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;

package/styles/document-editor/bootstrap4.css

@@ -816,6 +816,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;

package/styles/document-editor/bootstrap5-dark.css

@@ -858,6 +858,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;

package/styles/document-editor/bootstrap5.css

@@ -858,6 +858,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: 500;

package/styles/document-editor/fabric-dark.css

@@ -819,6 +819,14 @@
   padding-right: 20px;
 }
 
+.e-de-para-tab {
+  float: left;
+}
+
+.e-de-para-tab.e-rtl {
+  float: right;
+}
+
 .e-de-column-label.e-de-rtl {
   font-size: 12px;
   font-weight: normal;