@syncfusion/ej2-richtexteditor 27.1.50 → 27.1.51

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.50
+*  version : 27.1.51
 *  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-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@27.1.48",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-O6LTfLB+i7f8Fkc9RWMiv7Ko97D0DoF8iybwrwvZeygcujdQoBoWGjwpPxeM9KG5o/jlZ/4FqtcLEWFxpHcKWw==",
+  "_integrity": "sha512-orGMpNrcyPfYUwByIaO2zdQ0eDKJ07gaPEx01fLUObZHWZgqiBM6EpG6FRyCw0eybBJrgbr9+d4tmadweUZn+A==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.48.tgz",
-  "_shasum": "167af738a4a40e0e0b9a8e3f7768a4656ba45e89",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.50.tgz",
+  "_shasum": "b41d99da06db0fe513c5e6427603da956a09107c",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -38,11 +38,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~27.1.50",
-    "@syncfusion/ej2-buttons": "~27.1.50",
-    "@syncfusion/ej2-dropdowns": "~27.1.50",
-    "@syncfusion/ej2-filemanager": "~27.1.50",
+    "@syncfusion/ej2-buttons": "~27.1.51",
+    "@syncfusion/ej2-dropdowns": "~27.1.51",
+    "@syncfusion/ej2-filemanager": "~27.1.51",
     "@syncfusion/ej2-inputs": "~27.1.50",
-    "@syncfusion/ej2-navigations": "~27.1.50",
+    "@syncfusion/ej2-navigations": "~27.1.51",
     "@syncfusion/ej2-popups": "~27.1.50",
     "@syncfusion/ej2-splitbuttons": "~27.1.50"
   },
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.50",
+  "version": "27.1.51",
   "sideEffects": false
 }

package/src/editor-manager/plugin/inserthtml.js

@@ -282,6 +282,9 @@ var InsertHtml = /** @class */ (function () {
                     var rangeElement = closest(nearestAnchor, 'span');
                     rangeElement.appendChild(tempSpan);
                 }
+                else if (nodes[0].nodeName === '#text' && nodes[0].nodeValue.includes('\u200B') && !isNOU(nodes[0].parentElement) && !isNOU(nodes[0].parentElement.previousElementSibling) && nodes[0].parentElement.previousElementSibling.classList.contains('e-mention-chip')) {
+                    range.startContainer.parentElement.insertAdjacentElement('afterend', tempSpan);
+                }
                 else {
                     range.insertNode(tempSpan);
                 }
@@ -367,6 +370,24 @@ var InsertHtml = /** @class */ (function () {
         if (lastSelectionNode.nodeName === '#text') {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
         }
+        else if (lastSelectionNode.nodeName === 'HR') {
+            var nextSiblingNode = lastSelectionNode.nextSibling ? lastSelectionNode.nextSibling : null;
+            var siblingTag = enterAction === 'DIV' ? createElement('div') : createElement('p');
+            siblingTag.appendChild(createElement('br'));
+            if (!isNOU(nextSiblingNode) && nextSiblingNode.nodeName === 'HR') {
+                lastSelectionNode.parentNode.insertBefore(siblingTag, nextSiblingNode);
+                lastSelectionNode = siblingTag;
+            }
+            else if (!isNOU(nextSiblingNode)) {
+                lastSelectionNode = nextSiblingNode;
+            }
+            else {
+                lastSelectionNode.parentNode.appendChild(siblingTag);
+                lastSelectionNode.parentNode.insertBefore(lastSelectionNode, siblingTag);
+                lastSelectionNode = siblingTag;
+            }
+            nodeSelection.setSelectionText(docElement, lastSelectionNode, lastSelectionNode, 0, 0);
+        }
         else {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -516,15 +516,22 @@ var MsWordPaste = /** @class */ (function () {
                         var styleProperty = resultElem[j].getAttribute('style');
                         if (!isNOU(styleProperty) && styleProperty.trim() !== '') {
                             var valueSplit = values[i].split(';');
+                            for (var q = 0; q < valueSplit.length; q++) {
+                                if (valueSplit[q].split(':')[0] === 'border' && valueSplit[q].split(':')[1] === 'none') {
+                                    valueSplit.splice(q, 1);
+                                    q--;
+                                }
+                            }
                             if (!fromClass) {
                                 for (var k = 0; k < valueSplit.length; k++) {
-                                    if (styleProperty.indexOf(valueSplit[k].split(':')[0]) >= 0) {
+                                    var propertyName = valueSplit[k].split(':')[0];
+                                    if (styleProperty.includes(propertyName + ':')) {
                                         valueSplit.splice(k, 1);
                                         k--;
                                     }
                                 }
                             }
-                            var changedValue = styleProperty + valueSplit.join(';') + ';';
+                            var changedValue = valueSplit.join(';') + ';' + styleProperty;
                             resultElem[j].setAttribute('style', changedValue);
                         }
                         else {

package/src/editor-manager/plugin/table.js

@@ -228,6 +228,9 @@ var TableCommand = /** @class */ (function () {
         for (var i = 0; i < thTdElm.length; i++) {
             thTdElm[i].dataset.oldWidth = (thTdElm[i].offsetWidth / currentTabElm.offsetWidth * 100) + '%';
         }
+        if (isNOU(currentTabElm.style.width) || currentTabElm.style.width === '') {
+            currentTabElm.style.width = currentTabElm.offsetWidth + 'px';
+        }
         for (var i = 0; i < allRows.length; i++) {
             curCell = allRows[i].querySelectorAll(':scope > td, :scope > th')[colIndex];
             var colTemplate = curCell.cloneNode(true);

package/src/rich-text-editor/actions/enter-key.js

@@ -160,7 +160,12 @@ var EnterKeyAction = /** @class */ (function () {
                             else {
                                 var nearBlockNode = void 0;
                                 if (isTableEnter && _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode)) {
-                                    nearBlockNode = _this.startNode;
+                                    if (_this.range.startContainer.nodeName === '#text' && !isNOU(_this.range.startContainer.previousSibling) && _this.range.startContainer.previousSibling.nodeName === 'HR') {
+                                        nearBlockNode = _this.range.startContainer.nextSibling;
+                                    }
+                                    else {
+                                        nearBlockNode = _this.startNode;
+                                    }
                                 }
                                 else {
                                     nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
@@ -208,7 +213,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     else {
                                         if ((nearBlockNode.textContent.trim().length !== 0 ||
-                                            nearBlockNode.childNodes[0].nodeName === 'IMG' ||
+                                            (!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG') ||
                                             (nearBlockNode.textContent.trim() === '' && nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
                                             if ((_this.range.startOffset === _this.range.endOffset && _this.range.startOffset !== 0)) {
                                                 newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);

package/src/rich-text-editor/actions/html-editor.js

@@ -650,12 +650,13 @@ var HtmlEditor = /** @class */ (function () {
                         this.isImageDelete = false;
                     }
                     var brNode = this.deleteRangeElement.querySelector('BR');
+                    var brLastChildNode = this.deleteRangeElement.lastChild;
                     if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
                         removeClass([brNode], ['e-rte-image-focus']);
                         return;
                     }
-                    else if (brNode) {
-                        detach(brNode);
+                    else if (brNode && brLastChildNode && brLastChildNode.nodeName === 'BR') {
+                        detach(brLastChildNode);
                         e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -115,12 +115,12 @@ var PasteCleanup = /** @class */ (function () {
         if (e.args && !isNOU(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
         }
-        this.parent.trigger(events.beforePasteCleanup, { value: value });
         if (e.args && value !== null && this.parent.editorMode === 'HTML') {
             var file = void 0;
             if (value.length === 0) {
                 var htmlRegex = new RegExp(/<\/[a-z][\s\S]*>/i);
                 value = e.args.clipboardData.getData('text/plain');
+                this.parent.trigger(events.beforePasteCleanup, { value: value });
                 this.isNotFromHtml = value !== '' ? true : false;
                 value = value.replace(/</g, '&lt;');
                 value = value.replace(/>/g, '&gt;');
@@ -153,6 +153,7 @@ var PasteCleanup = /** @class */ (function () {
                 }
             }
             else if (value.length > 0) {
+                this.parent.trigger(events.beforePasteCleanup, { value: value });
                 this.parent.formatter.editorManager.observer.notify(EVENTS.MS_WORD_CLEANUP, {
                     args: e.args,
                     text: e.text,

package/src/rich-text-editor/base/rich-text-editor-model.d.ts

@@ -588,14 +588,14 @@ export interface RichTextEditorModel extends ComponentModel{
      * default: 'Paragraph',
      * width: '65px',
      * types: [
-     * { text: 'Paragraph' },
-     * { text: 'Code' },
-     * { text: 'Heading 1' },
-     * { text: 'Heading 2' },
-     * { text: 'Heading 3' },
-     * { text: 'Heading 4' },
-     * { text: 'Heading 5' },
-     * { text: 'Heading 6' }
+     * { text: 'Paragraph', value: 'P'},
+     * { text: 'Heading 1', value: 'H1' },
+     * { text: 'Heading 2', value: 'H2' },
+     * { text: 'Heading 3', value: 'H3' },
+     * { text: 'Heading 4', value: 'H4' },
+     * { text: 'Heading 5', value: 'H5' },
+     * { text: 'Heading 6', value: 'H6' },
+     * { text: 'Preformatted', value: 'Pre' },
      * ]
      * }
      */

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -757,14 +757,14 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * default: 'Paragraph',
      * width: '65px',
      * types: [
-     * { text: 'Paragraph' },
-     * { text: 'Code' },
-     * { text: 'Heading 1' },
-     * { text: 'Heading 2' },
-     * { text: 'Heading 3' },
-     * { text: 'Heading 4' },
-     * { text: 'Heading 5' },
-     * { text: 'Heading 6' }
+     * { text: 'Paragraph', value: 'P'},
+     * { text: 'Heading 1', value: 'H1' },
+     * { text: 'Heading 2', value: 'H2' },
+     * { text: 'Heading 3', value: 'H3' },
+     * { text: 'Heading 4', value: 'H4' },
+     * { text: 'Heading 5', value: 'H5' },
+     * { text: 'Heading 6', value: 'H6' },
+     * { text: 'Preformatted', value: 'Pre' },
      * ]
      * }
      */

package/src/rich-text-editor/renderer/image-module.js

@@ -1785,7 +1785,7 @@ var Image = /** @class */ (function () {
                                 };
                                 proxy.inputUrl.setAttribute('disabled', 'true');
                                 if (isNOU(proxy.parent.insertImageSettings.saveUrl) && _this.isAllowedTypes
-                                    && !isNOU(_this.dialogObj)) {
+                                    && !isNOU(_this.dialogObj) && selectArgs.filesData[0].size <= _this.uploadObj.maxFileSize) {
                                     _this.dialogObj.getButtons(0).element.removeAttribute('disabled');
                                 }
                             });