@syncfusion/ej2-richtexteditor 21.2.3 → 21.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.3
+*  version : 21.2.4
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@21.1.41",
+  "_id": "@syncfusion/ej2-richtexteditor@21.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-sZ+UzPwJaEg2z7jTscOziWpIJmJSRML5niE2J0Pq1UauQLPicefJT4M3a+qqWqQM7Nrw/cMMTXaR+7LIACWH5w==",
+  "_integrity": "sha512-TMIFtmxISrzabZsLLiVd5q2/b0Fo9WyHjm4XKzlEP2lA++TShF+++Pbbi0GZVYFgjYomS1TDykOppW1aWgHbUQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -19,12 +19,15 @@
   "_requiredBy": [
     "/",
     "/@syncfusion/ej2",
+    "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-pdfviewer"
+    "/@syncfusion/ej2-pdfviewer",
+    "/@syncfusion/ej2-react-richtexteditor",
+    "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-21.1.41.tgz",
-  "_shasum": "424e4613c9bdab39c5a2aafa1da22f8e2bedb831",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-21.2.3.tgz",
+  "_shasum": "68c5732abcc257d78bd0cdfcb6d309c622b4bc32",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -38,9 +41,9 @@
     "@syncfusion/ej2-base": "~21.2.3",
     "@syncfusion/ej2-buttons": "~21.2.3",
     "@syncfusion/ej2-filemanager": "~21.2.3",
-    "@syncfusion/ej2-inputs": "~21.2.3",
-    "@syncfusion/ej2-navigations": "~21.2.3",
-    "@syncfusion/ej2-popups": "~21.2.3",
+    "@syncfusion/ej2-inputs": "~21.2.4",
+    "@syncfusion/ej2-navigations": "~21.2.4",
+    "@syncfusion/ej2-popups": "~21.2.4",
     "@syncfusion/ej2-splitbuttons": "~21.2.3"
   },
   "deprecated": false,
@@ -67,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.3",
+  "version": "21.2.4",
   "sideEffects": false
 }

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

@@ -13,6 +13,9 @@ export declare class MsWordPaste {
     private ignorableNodes;
     private blockNode;
     private borderStyle;
+    private upperRomanNumber;
+    private lowerRomanNumber;
+    private lowerGreekNumber;
     private removableElements;
     private listContents;
     private addEventListener;

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

@@ -37,6 +37,12 @@ var MsWordPaste = /** @class */ (function () {
             'object', 'ol', 'pre', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'ul',
             'header', 'article', 'nav', 'footer', 'section', 'aside', 'main', 'figure', 'figcaption'];
         this.borderStyle = ['border-top', 'border-right', 'border-bottom', 'border-left'];
+        this.upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
+            'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
+        this.lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
+            'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
+        this.lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
+            'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         this.removableElements = ['o:p', 'style'];
         this.listContents = [];
         this.parent = parent;
@@ -539,6 +545,15 @@ var MsWordPaste = /** @class */ (function () {
                         else if (listStyleType === 'lower-alpha') {
                             startAttr = (startString.split('.')[0].charCodeAt(0) - 96);
                         }
+                        else if (listStyleType === 'upper-roman') {
+                            startAttr = this.upperRomanNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
+                        else if (listStyleType === 'lower-roman') {
+                            startAttr = this.lowerRomanNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
+                        else if (listStyleType === 'lower-greek') {
+                            startAttr = this.lowerGreekNumber.indexOf(this.listContents[0].split('.')[0]) + 1;
+                        }
                     }
                     if (listNodes[i].style.marginLeft !== '') {
                         styleMarginLeft = listNodes[i].style.marginLeft;
@@ -586,22 +601,16 @@ var MsWordPaste = /** @class */ (function () {
     };
     MsWordPaste.prototype.getlistStyleType = function (listContent, type) {
         var currentListClass;
-        var upperRomanNumber = ['I', 'II', 'III', 'IV', 'V', 'VI', 'VII', 'VIII', 'IX',
-            'X', 'XI', 'XII', 'XIII', 'XIV', 'XV', 'XVI', 'XVII', 'XVIII', 'XIX', 'XX'];
-        var lowerRomanNumber = ['i', 'ii', 'iii', 'iv', 'v', 'vi', 'vii', 'viii', 'ix',
-            'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
-        var lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
-            'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
         if (type === 'ol') {
             var charCode = listContent.split('.')[0].charCodeAt(0);
             switch (true) {
-                case upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.upperRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'upper-roman';
                     break;
-                case lowerRomanNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.lowerRomanNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-roman';
                     break;
-                case lowerGreekNumber.indexOf(listContent.split('.')[0]) > -1:
+                case this.lowerGreekNumber.indexOf(listContent.split('.')[0]) > -1:
                     currentListClass = 'lower-greek';
                     break;
                 case (charCode > 64 && charCode < 91):

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

@@ -71,6 +71,7 @@ var PasteCleanup = /** @class */ (function () {
         }
         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');
@@ -78,7 +79,7 @@ var PasteCleanup = /** @class */ (function () {
                 value = value.replace(/</g, '&lt;');
                 value = value.replace(/>/g, '&gt;');
                 this.containsHtml = htmlRegex.test(value);
-                var file = e && e.args.clipboardData &&
+                file = e && e.args.clipboardData &&
                     e.args.clipboardData.items.length > 0 ?
                     (e.args.clipboardData.items[0].getAsFile() === null ?
                         (!isNOU(e.args.clipboardData.items[1]) ?
@@ -118,9 +119,6 @@ var PasteCleanup = /** @class */ (function () {
             var currentDocument = this.contentRenderer.getDocument();
             var range = this.nodeSelectionObj.getRange(currentDocument);
             this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
-            this.parent.trigger(events.afterPasteCleanup, { value: value }, function (updatedArgs) {
-                value = updatedArgs.value;
-            });
             var tempDivElem = this.parent.createElement('div');
             tempDivElem.innerHTML = value;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
@@ -130,7 +128,7 @@ var PasteCleanup = /** @class */ (function () {
                     e.args.preventDefault();
                     this.pasteDialog(value, args);
                 }
-                else if (Browser.userAgent.indexOf('Firefox') !== -1) {
+                else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNOU(file)) {
                     this.fireFoxImageUpload();
                 }
             }
@@ -154,7 +152,6 @@ var PasteCleanup = /** @class */ (function () {
     };
     PasteCleanup.prototype.fireFoxImageUpload = function () {
         var _this = this;
-        // Timeout 500 is added to capture after default paste image from file manager is completed.
         setTimeout(function () {
             if (Browser.userAgent.indexOf('Firefox') !== -1) {
                 var currentFocusNode = _this.nodeSelectionObj.getRange(_this.contentRenderer.getDocument()).startContainer;
@@ -665,6 +662,36 @@ var PasteCleanup = /** @class */ (function () {
         this.addTempClass(clipBoardElem);
         if (clipBoardElem.textContent !== '' || !isNOU(clipBoardElem.querySelector('img')) ||
             !isNOU(clipBoardElem.querySelector('table'))) {
+            var tempWrapperElem = this.parent.createElement('div');
+            tempWrapperElem.innerHTML = value;
+            var filesData = [];
+            if (!isNOU(tempWrapperElem.querySelector('img'))) {
+                var imgElem = tempWrapperElem.querySelectorAll('img');
+                var base64Src = [];
+                var imgName = [];
+                var uploadImg = [];
+                for (var i = 0; i < imgElem.length; i++) {
+                    if (imgElem[i].getAttribute('src') &&
+                        imgElem[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
+                        base64Src.push(imgElem[i].getAttribute('src'));
+                        imgName.push(getUniqueID('rte_image'));
+                        uploadImg.push(imgElem[i]);
+                    }
+                }
+                var fileList = [];
+                var currentData = void 0;
+                for (var i = 0; i < base64Src.length; i++) {
+                    fileList.push(this.base64ToFile(base64Src[i], imgName[i]));
+                    currentData = {
+                        name: fileList[i].name, rawFile: fileList[i],
+                        size: fileList[i].size, type: fileList[i].type,
+                        status: '', validationMessages: { minSize: '', maxSize: '' }, statusCode: '1'
+                    };
+                    filesData.push(currentData);
+                }
+            }
+            this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
+            clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
@@ -755,6 +782,8 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, function (updatedArgs) { value = updatedArgs.value; });
+            clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);

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

@@ -1177,6 +1177,10 @@ export interface PasteCleanupArgs {
      * Returns the content in the ClipboardEvent arguments.
      */
     value: string;
+    /**
+     * Returns the list of image files data that is pasted.
+     */
+    filesData: FileInfo[];
 }
 /**
  * Provides information about a Blur event.

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

@@ -375,6 +375,7 @@ var Image = /** @class */ (function () {
                     (this.parent.inputElement.getBoundingClientRect().right - 32) ?
                     ((width / height * expectedY) + width / height) : (this.parent.inputElement.getBoundingClientRect().right - 32);
                 img.style.width = currentWidth.toString() + 'px';
+                img.style.height = expectedY + 'px';
             }
             else if (img.style.width !== '') {
                 var currentWidth = (width / height * expectedY) < (this.parent.inputElement.getBoundingClientRect().right - 32) ?

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

@@ -915,7 +915,9 @@ var Table = /** @class */ (function () {
                             _this.curTable.style.width = _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) > 100 ? (100 + '%') : (_this.convertPixelToPercentage(tableWidth + mouseX, widthCompare) + '%');
                             var differenceWidth = currentTableWidth - _this.convertPixelToPercentage(tableWidth + mouseX, widthCompare);
                             for (var i = 0; i < lastColumnsCell.length; i++) {
-                                _this.curTable.rows[i].cells[_this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                if (_this.curTable.rows[i].cells[_this.colIndex]) {
+                                    _this.curTable.rows[i].cells[_this.colIndex].style.width = (currentColumnCellWidth - differenceWidth) + '%';
+                                }
                             }
                         }
                     }
@@ -925,7 +927,7 @@ var Table = /** @class */ (function () {
                         var totalwid = parseFloat(_this.columnEle.offsetWidth.toString()) +
                             parseFloat(cellColl[_this.colIndex - 1].offsetWidth.toString());
                         for (var i = 0; i < _this.curTable.rows.length; i++) {
-                            if ((totalwid - actualwid) > 20 && actualwid > 20) {
+                            if ((totalwid - actualwid) > 20 && actualwid > 20 && _this.curTable.rows[i].cells[i]) {
                                 var leftColumnWidth = totalwid - actualwid;
                                 var rightColWidth = actualwid;
                                 var index = _this.curTable.rows[i].cells[i].hasAttribute('colspan') ?