@syncfusion/ej2-richtexteditor 22.1.38 → 22.2.5

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.38
+*  version : 22.2.5
 *  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@22.1.36",
+  "_id": "@syncfusion/ej2-richtexteditor@22.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-mS0ty0acT5STRbjz9ZSXS5y0hcs04Oe00244YG4ojqmGkymJ4OuAhd6+jZPTAzIqy4Pj9ziOOFIm+NLj1tqJLQ==",
+  "_integrity": "sha512-rXoGpW5rmScnLivQvOj0NVRxnyS7AvBU7X+rsnQmHCoxsHccYlEXHhkuzRHsceOy1EpzC057WHpKsag/pexSxA==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-22.1.36.tgz",
-  "_shasum": "8af01f54f053e047038c2f48f38cb58b0db212b4",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-22.1.39.tgz",
+  "_shasum": "6031975c613a27eca2aa791a7a6dc82136daa6ad",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.38",
-    "@syncfusion/ej2-buttons": "~22.1.38",
-    "@syncfusion/ej2-filemanager": "~22.1.38",
-    "@syncfusion/ej2-inputs": "~22.1.38",
-    "@syncfusion/ej2-navigations": "~22.1.38",
-    "@syncfusion/ej2-popups": "~22.1.38",
-    "@syncfusion/ej2-splitbuttons": "~22.1.37"
+    "@syncfusion/ej2-base": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.5",
+    "@syncfusion/ej2-filemanager": "~22.2.5",
+    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-navigations": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.5",
+    "@syncfusion/ej2-splitbuttons": "~22.2.5"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.1.38",
+  "version": "22.2.5",
   "sideEffects": false
 }

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

@@ -161,7 +161,8 @@ var MsWordPaste = /** @class */ (function () {
                 imgElem[i].getAttribute('v:shapes').indexOf('圖片') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('Grafik') < 0 &&
                 imgElem[i].getAttribute('v:shapes').toLowerCase().indexOf('image') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0) {
                 detach(imgElem[i]);
             }
         }
@@ -836,6 +837,10 @@ var MsWordPaste = /** @class */ (function () {
         else {
             //Add to support separate list which looks like same list and also to add all tags as it is inside list
             if (firstChild.childNodes.length > 0) {
+                var listIgnoreTag = firstChild.querySelectorAll('[style*="mso-list"]');
+                for (var i = 0; i < listIgnoreTag.length; i++) {
+                    listIgnoreTag[i].setAttribute('style', listIgnoreTag[i].getAttribute('style').replace(/\n/g, ""));
+                }
                 var listOrder = firstChild.querySelector('span[style="mso-list:Ignore"]');
                 if (!isNOU(listOrder)) {
                     this.listContents.push(listOrder.textContent.trim());

package/src/rich-text-editor/actions/base-quick-toolbar.js

@@ -221,7 +221,9 @@ var BaseQuickToolbar = /** @class */ (function () {
                     _this.tooltip = new Tooltip({
                         target: '#' + _this.element.id + ' [title]',
                         openDelay: 400,
-                        showTipPointer: true
+                        showTipPointer: true,
+                        windowCollision: true,
+                        position: 'BottomCenter'
                     });
                     _this.tooltip.appendTo(_this.element);
                 }

package/src/rich-text-editor/actions/emoji-picker.js

@@ -646,7 +646,11 @@ var EmojiPicker = /** @class */ (function () {
             return;
         }
         targetEle.focus();
-        if (!isNOU(this.clickEvent)) {
+        var startOffset = this.save.startOffset;
+        var textContent = this.save.range.startContainer.textContent;
+        var previousText = textContent.substring(startOffset, startOffset + 1);
+        // When toolbar action is clicked then only restore the range. 
+        if (!isNOU(this.clickEvent) || previousText !== ':') {
             this.save.restore();
         }
         if (this.popupObj) {

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

@@ -56,6 +56,7 @@ export declare class PasteCleanup {
     private destroyDialog;
     private cleanAppleClass;
     private formatting;
+    private addTableClass;
     private setImageProperties;
     private addTempClass;
     private removeTempClass;

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

@@ -693,6 +693,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: filesData }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
+            clipBoardElem = this.addTableClass(clipBoardElem);
             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);
@@ -705,6 +706,15 @@ var PasteCleanup = /** @class */ (function () {
             }
         }
     };
+    PasteCleanup.prototype.addTableClass = function (element) {
+        var tableElement = element.querySelectorAll('table');
+        for (var i = 0; i < tableElement.length; i++) {
+            if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
+        }
+        return element;
+    };
     PasteCleanup.prototype.setImageProperties = function (allImg) {
         if (this.parent.insertImageSettings.width !== 'auto') {
             allImg.setAttribute('width', this.parent.insertImageSettings.width);

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

@@ -813,9 +813,9 @@ export interface BeforeQuickToolbarOpenArgs {
      */
     popup?: Popup;
     /** Determine whether the quick toolbar is open */
-    cancel: boolean;
+    cancel?: boolean;
     /** Defines the target element of the quick toolbar */
-    targetElement: Element;
+    targetElement?: Element;
     /** Defines the X position of the quick toolbar */
     positionX?: number;
     /** Defines the Y position of the quick toolbar */

package/src/rich-text-editor/renderer/table-module.d.ts

@@ -79,6 +79,7 @@ export declare class Table {
     private updateHelper;
     private calMaxCol;
     private resizing;
+    private getCurrentTableWidth;
     private findFirstLastColCells;
     private convertPixelToPercentage;
     private cancelResizeAction;

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

@@ -881,7 +881,13 @@ var Table = /** @class */ (function () {
                 if (_this.resizeBtnStat.column) {
                     var width = parseFloat(_this.columnEle.offsetWidth.toString());
                     var cellRow = _this.curTable.rows[0].cells[0].nodeName === 'TH' ? 1 : 0;
-                    var currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
+                    var currentTableWidth = void 0;
+                    if (_this.curTable.style.width != '') {
+                        currentTableWidth = parseFloat(_this.curTable.style.width.split('%')[0]);
+                    }
+                    else {
+                        currentTableWidth = _this.getCurrentTableWidth(_this.curTable.offsetWidth, _this.parent.inputElement.offsetWidth);
+                    }
                     var currentColumnCellWidth = parseFloat(_this.curTable.rows[cellRow].cells[_this.colIndex >= _this.curTable.rows[cellRow].cells.length ? _this.curTable.rows[cellRow].cells.length - 1 : _this.colIndex].style.width.split('%')[0]);
                     if (_this.currentColumnResize === 'first') {
                         mouseX = mouseX - 0.75; //This was done for to make the gripper and the table first/last column will be close.
@@ -1036,6 +1042,11 @@ var Table = /** @class */ (function () {
             }
         });
     };
+    Table.prototype.getCurrentTableWidth = function (tableWidth, parentWidth) {
+        var currentTableWidth = 0;
+        currentTableWidth = tableWidth / parentWidth * 100;
+        return currentTableWidth;
+    };
     Table.prototype.findFirstLastColCells = function (table, isFirst) {
         var resultColumns = [];
         var rows = table.querySelectorAll('tr');

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -130,7 +130,9 @@ var ToolbarRenderer = /** @class */ (function () {
                 target: '#' + this.parent.getID() + '_toolbar_wrapper [title]',
                 showTipPointer: true,
                 openDelay: 400,
-                cssClass: this.parent.cssClass
+                cssClass: this.parent.cssClass,
+                windowCollision: true,
+                position: 'BottomCenter'
             });
             this.tooltip.appendTo(args.target);
         }