@syncfusion/ej2-react-gantt 20.2.50 → 20.3.47

package/CHANGELOG.md

@@ -4,12 +4,30 @@
 
 ### Gantt
 
+#### Features
+
+- `#F145182`, `#I260943`, `#I269630`, `#I273259`, `#I320454`, `#I326471`, `#I336212`, `#I340854`, `#I341129`, `#F171031`, `#I364331` - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/gantt/editing).
+- `#I315577` - Provided Row Drag and Drop support in Virtual Scrolling feature for Gantt Chart.
+- `#F165210` - Provided excel filter support in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/demos/#/bootstrap5/gantt/filtering).
+- `#I246769`, `#I316949`, `#I334501`, `#F159768`, `#F167576` - Provided support to define task id as string type for Gantt Chart. Please find the `API` link [here](https://ej2.syncfusion.com/documentation/api/gantt/taskFields/#id).
+- `#FB36072` - Provided support for Critical Path with Multi Taskbar enabled.
+
+- `#F145182`, `#I260943`, `#I269630`, `#I273259`, `#I320454`, `#I326471`, `#I336212`, `#I340854`, `#I341129`, `#F171031`, `#I364331` - Provided Predecessor support for parent task in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/gantt/editing).
+- `#I315577` - Provided Row Drag and Drop support in Virtual Scrolling feature for Gantt Chart.
+- `#F165210` - Provided excel filter support in Gantt Chart. Please find the demo link [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/gantt/filtering).
+- `#I246769`, `#I316949`, `#I334501`, `#F159768`, `#F167576` - Provided support to define task id as string type for Gantt Chart. Please find the `API` link [here](https://ej2.syncfusion.com/react/documentation/api/gantt/taskFields/#id).
+- `#FB36072` - Provided support for Critical Path with Multi Taskbar enabled.
+
 #### Bug Fixes
 
+- `#F177237` - The `currentViewData` with dependencies were not exported correctly in `PDFExport` issue has been fixed.
+- `#I402913` - Checkbox selection must be completed with a single click issue has been fixed.
 - `#I404007` - Filter Menu not closed when focus is removed issue has been fixed.
 - `#I403823` - Custom Column values not updated when editing in tab issue has been fixed.
 - `#I403221` - Issue in deleting parent record in resource view has been fixed.
 
+- `#F177237` - The `currentViewData` with dependencies were not exported correctly in `PDFExport` issue has been fixed.
+- `#I402913` - Checkbox selection must be completed with a single click issue has been fixed.
 - `#I403221` - Issue in deleting parent record in resource view has been fixed.
 - `#I403823` - Custom Column values not updated when editing in tab issue has been fixed.
 

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

@@ -0,0 +1,10 @@
+/*!
+*  filename: ej2-react-gantt.min.js
+*  version : 20.3.47
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("SyncfusionReactBase"),require("SyncfusionGantt"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionGantt","React"],n):"object"==typeof exports?exports.SyncfusionReactGantt=n(require("SyncfusionReactBase"),require("SyncfusionGantt"),require("React")):t.SyncfusionReactGantt=n(t.SyncfusionReactBase,t.SyncfusionGantt,t.React)}(this,function(t,n,e){return function(t){function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}var e={};return n.m=t,n.c=e,n.i=function(t){return t},n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:r})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},n.p="",n(n.s=10)}([function(n,e){n.exports=t},function(t,e){t.exports=n},function(t,n,e){"use strict";var r=e(4);e.d(n,"a",function(){return r.a}),e.d(n,"b",function(){return r.b});var o=e(3);e.d(n,"c",function(){return o.a}),e.d(n,"d",function(){return o.b});var i=e(6);e.d(n,"e",function(){return i.a}),e.d(n,"f",function(){return i.b});var u=e(5);e.d(n,"g",function(){return u.a}),e.d(n,"h",function(){return u.b});var c=e(9);e.d(n,"i",function(){return c.a}),e.d(n,"j",function(){return c.b});var a=e(7);e.d(n,"k",function(){return a.a}),e.d(n,"l",function(){return a.b});var s=e(8);e.d(n,"m",function(){return s.a})},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="addDialogField",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="addDialogFields",n.moduleName="addDialogFields",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="column",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="columns",n.moduleName="columns",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="dayWorkingTime",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="dayWorkingTime",n.moduleName="dayWorkingTimeCollection",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="editDialogField",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="editDialogFields",n.moduleName="editDialogFields",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="eventMarker",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="eventMarkers",n.moduleName="eventMarkers",n}(r.ComplexBase)},function(t,n,e){"use strict";e.d(n,"a",function(){return c});var r=e(11),o=(e.n(r),e(1)),i=(e.n(o),e(0)),u=(e.n(i),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),c=function(t){function n(n){var e=t.call(this,n)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!0,e.directivekeys={columns:"column",addDialogFields:"addDialogField",editDialogFields:"editDialogField",dayWorkingTimeCollection:"dayWorkingTime",holidays:"holiday",eventMarkers:"eventMarker"},e.immediateRender=!1,e.portals=[],e}return u(n,t),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},n}(o.Gantt);e.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,n,e){"use strict";e.d(n,"a",function(){return i}),e.d(n,"b",function(){return u});var r=e(0),o=(e.n(r),this&&this.__extends||function(){var t=function(n,e){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e])})(n,e)};return function(n,e){function r(){this.constructor=n}t(n,e),n.prototype=null===e?Object.create(e):(r.prototype=e.prototype,new r)}}()),i=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.moduleName="holiday",n}(r.ComplexBase),u=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return o(n,t),n.propertyName="holidays",n.moduleName="holidays",n}(r.ComplexBase)},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r=e(2);e.d(n,"ColumnDirective",function(){return r.a}),e.d(n,"ColumnsDirective",function(){return r.b}),e.d(n,"AddDialogFieldDirective",function(){return r.c}),e.d(n,"AddDialogFieldsDirective",function(){return r.d}),e.d(n,"EditDialogFieldDirective",function(){return r.e}),e.d(n,"EditDialogFieldsDirective",function(){return r.f}),e.d(n,"DayWorkingTimeDirective",function(){return r.g}),e.d(n,"DayWorkingTimeCollectionDirective",function(){return r.h}),e.d(n,"HolidayDirective",function(){return r.i}),e.d(n,"HolidaysDirective",function(){return r.j}),e.d(n,"EventMarkerDirective",function(){return r.k}),e.d(n,"EventMarkersDirective",function(){return r.l}),e.d(n,"GanttComponent",function(){return r.m});var o=e(0);e.n(o);e.o(o,"Inject")&&e.d(n,"Inject",function(){return o.Inject});var i=e(1);e.n(i);for(var u in i)["ColumnDirective","ColumnsDirective","AddDialogFieldDirective","AddDialogFieldsDirective","EditDialogFieldDirective","EditDialogFieldsDirective","DayWorkingTimeDirective","DayWorkingTimeCollectionDirective","HolidayDirective","HolidaysDirective","EventMarkerDirective","EventMarkersDirective","GanttComponent","Inject","default"].indexOf(u)<0&&function(t){e.d(n,t,function(){return i[t]})}(u)},function(t,n){t.exports=e}])});

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-gantt.umd.min.js
-*  version : 20.2.50
+*  version : 20.3.47
 *  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-react-gantt@*",
-  "_id": "@syncfusion/ej2-react-gantt@20.2.49",
+  "_id": "@syncfusion/ej2-react-gantt@20.6.13",
   "_inBundle": false,
-  "_integrity": "sha512-dIHTwYdsvimsRUDhq+jL/LXM+S0n+ZcQ8G004BDP9SG+O/9MXx3GR32ax5Q3ZTurivqlUtXeao3fVeQ83sdPiw==",
+  "_integrity": "sha512-lZYLve3LAnwgQ2O+pC3vBnWBsZ73lHgdh0dvG+6C6yr4z321TH2R8ABIvvuOv3qSv8yqQDh/og5NMKuDDcfkbQ==",
   "_location": "/@syncfusion/ej2-react-gantt",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-gantt/-/ej2-react-gantt-20.2.49.tgz",
-  "_shasum": "7ac2aff8b07a44153a04c5615efb05d31a3176a4",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-gantt/-/ej2-react-gantt-20.6.13.tgz",
+  "_shasum": "f3ae5deb4070e5aa84c531f997f94922d1d5ef99",
   "_spec": "@syncfusion/ej2-react-gantt@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-gantt": "20.2.50",
-    "@syncfusion/ej2-react-base": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-gantt": "20.3.47",
+    "@syncfusion/ej2-react-base": "~20.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 Gantt Component for React",
@@ -63,6 +63,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.2.50",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -143,6 +143,8 @@
   width: 40px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -159,6 +161,7 @@
     transform: rotate(360deg);
   }
 }
+/* stylelint-disable */
 .e-gantt .e-add::before {
   content: "\e823";
 }
@@ -308,10 +311,10 @@
   height: 242px !important;
 }
 .e-bigger .e-gantt .e-gantt-tree-grid-pane .e-columnheader .e-headercell {
-  height: 63px !important;
+  height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content {
-  padding: 16px 4px 16px 16px !important;
+  padding: 16px 4px 16px 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt .e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   left: 0 !important;
@@ -329,7 +332,7 @@
 .e-bigger .e-gantt .e-dialog .e-dlg-header {
   line-height: 28px;
 }
-.e-bigger .e-gantt .e-filter-popup {
+.e-bigger .e-gantt .e-filter-popup.e-popup {
   width: 350px !important;
 }
 .e-bigger .e-gantt .e-grid .e-flmenu-valuediv {
@@ -342,12 +345,12 @@
 .e-bigger .e-columnmenu {
   top: 40px;
 }
-.e-bigger .e-gantt-dialog {
+.e-bigger .e-gantt-dialog .e-dialog {
   border-radius: 6px;
   width: 556px !important;
 }
 .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  padding: 0 16px !important;
+  padding: 0 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-edit-form-column:nth-child(odd) {
   padding: 16px 12px 0 16px;
@@ -365,10 +368,10 @@
   height: 76px !important;
 }
 .e-bigger .e-gantt-dialog .e-dlg-header-content {
-  border-bottom: 0 !important;
+  border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog > .e-dlg-content {
-  border-radius: 0 !important;
+  border-radius: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-dlg-header-content {
   border-radius: 6px 6px 0px 0px;
@@ -376,28 +379,28 @@
 }
 .e-bigger .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
+  height: auto !important; /* stylelint-disable-line declaration-no-important */
   width: auto;
 }
 .e-bigger .e-gantt-dialog .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 5px !important;
 }
 .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
-  font-size: 16px !important;
+  font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-date-icon {
   min-height: 35px !important;
-  min-width: 35.82px !important;
+  min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-btn.e-flat {
   line-height: 24px;
-  padding: 6px 16px 6px 15px !important;
+  padding: 6px 16px 6px 15px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-btn.e-primary {
-  padding: 6px 21px 6px 23px !important;
+  padding: 6px 21px 6px 23px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-datetime-wrapper .e-time-icon.e-icons::before {
-  font-size: 16px !important;
+  font-size: 16px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text {
   font-size: 14px;
@@ -412,20 +415,23 @@
 }
 .e-bigger .e-gantt-dialog .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   min-height: 35px !important;
-  min-width: 35.82px !important;
+  min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-control-wrapper .e-input-group-icon.e-time-icon {
   min-height: 35px !important;
-  min-width: 35.82px !important;
+  min-width: 35.82px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-gantt-dialog .e-input-group.e-control-wrapper {
   height: 36px;
 }
 .e-bigger .e-gantt-dialog .e-input-group-icon.e-date-icon {
-  min-width: 36px !important;
+  min-width: 36px !important; /* stylelint-disable-line declaration-no-important */
 }
-.e-bigger .e-predecessor-tooltip {
-  background-color: #000;
+.e-bigger .e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
+  border-top: 8px solid #000;
+}
+.e-bigger .e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
+  color: #000;
 }
 .e-bigger .e-predecessor-tooltip .e-left-btn:disabled {
   color: #adadad !important;
@@ -434,7 +440,7 @@
   color: #adadad !important;
 }
 .e-bigger .e-predecessor-tooltip .e-tip-content {
-  padding: 3px !important;
+  padding: 3px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger .e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
   background-color: #000;
@@ -458,6 +464,9 @@
 .e-bigger .e-predecessor-dialog .e-dlg-content {
   background-color: #fff;
   padding: 10px 9px 9px 14px !important;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.8;
 }
 
 .e-gantt {
@@ -536,7 +545,7 @@
   margin: 0;
 }
 .e-gantt .e-gantt-splitter .e-pane {
-  overflow: hidden !important;
+  overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-temp-content {
   border-left: 1px solid;
@@ -563,19 +572,19 @@
   height: 45px;
 }
 .e-gantt .e-gantt-tree-grid-pane .e-headercontent {
-  border-right-width: 0 !important;
+  border-right-width: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-tree-grid-pane .e-gridheader {
   border-top-style: none;
   border-top-width: 0;
-  padding-right: 0 !important;
+  padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-tree-grid-pane .e-columnheader,
 .e-gantt .e-gantt-tree-grid-pane .e-headercell {
-  height: 63px !important;
+  height: 63px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content {
-  overflow-x: scroll !important;
+  overflow-x: scroll !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-tree-grid-pane .e-gridcontent .e-content.e-gantt-scroll-padding {
   width: calc(100% + 17px);
@@ -600,7 +609,7 @@
   border-right: 0 solid;
 }
 .e-gantt .e-gantt-chart .e-chart-root-container .e-content {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow-x: scroll;
   overflow-y: auto;
   position: relative;
@@ -1167,7 +1176,7 @@
 }
 .e-gantt-dialog .e-richtexteditor {
   border-bottom-width: 0px;
-  height: 241px !important;
+  height: 241px !important; /* stylelint-disable-line declaration-no-important */
   overflow: hidden;
 }
 .e-gantt-dialog .e-richtexteditor.e-rte-tb-expand {
@@ -1179,10 +1188,10 @@
   overflow: hidden;
 }
 .e-gantt-dialog > .e-dlg-content {
-  padding: 0 !important;
+  padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt-dialog .e-dlg-header-content {
-  border-bottom: 0 !important;
+  border-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt-dialog .e-dlg-header-content {
   border-radius: 6px 6px 0px 0px;
@@ -1190,8 +1199,8 @@
 }
 .e-gantt-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
   border-radius: 50%;
-  height: auto !important;
-  width: auto !important;
+  height: auto !important; /* stylelint-disable-line declaration-no-important */
+  width: auto !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-icon-rowselect::before {
@@ -1199,9 +1208,9 @@
 }
 
 .e-ganttpopup {
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -webkit-user-select: none;
+  -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+  -ms-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
+  -webkit-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
   font-weight: normal;
   position: absolute;
   user-select: none;
@@ -1324,8 +1333,52 @@
 }
 
 .e-predecessor-tooltip {
+  background-color: #000 !important; /* stylelint-disable-line declaration-no-important */
+  border-color: #000 !important; /* stylelint-disable-line declaration-no-important */
   visibility: hidden;
 }
+.e-predecessor-tooltip .e-arrow-tip-outer.e-tip-bottom {
+  border-top: 8px solid #000;
+}
+.e-predecessor-tooltip .e-arrow-tip-inner.e-tip-bottom {
+  color: #000;
+}
+.e-predecessor-tooltip .e-left-btn:disabled {
+  color: #adadad !important;
+}
+.e-predecessor-tooltip .e-right-btn:disabled {
+  color: #adadad !important;
+}
+.e-predecessor-tooltip .e-tip-content {
+  padding: 3px !important; /* stylelint-disable-line declaration-no-important */
+}
+.e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:first-of-type {
+  background-color: #000;
+  border-color: #000;
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 0 8px 0 0;
+}
+.e-predecessor-tooltip .e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn:last-of-type {
+  background-color: #000;
+  border-color: #000;
+  color: #fff;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 0 0 0 8px;
+}
+
+.e-predecessor-dialog {
+  background-color: #fff;
+}
+.e-predecessor-dialog .e-dlg-content {
+  background-color: #fff;
+  padding: 10px 9px 9px 14px !important;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.8;
+}
 
 /*! Gantt theme */
 .e-gantt .e-gantt-splitter {
@@ -1355,7 +1408,7 @@
   border-top-right-radius: 0px;
 }
 .e-gantt .e-grid .e-focused:not(.e-menu-item) {
-  box-shadow: 0 0 0 1px #248aff inset !important;
+  box-shadow: 0 0 0 1px #248aff inset !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-temp-content {
   border-color: #484848;
@@ -1370,7 +1423,7 @@
   border-color: #484848;
 }
 .e-gantt .e-gantt-tree-grid-pane .e-timeline-single-header-outer-div {
-  height: 45px !important;
+  height: 45px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-tree-grid-pane .e-grid td.e-active {
   background: #484848;
@@ -1394,7 +1447,7 @@
   line-height: 47px;
 }
 .e-gantt .e-gantt-chart .e-timeline-single-header-outer-div {
-  height: 47px !important;
+  height: 47px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-timeline-top-header-cell {
   height: 32px;
@@ -1684,73 +1737,73 @@
   color: transparent;
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-task-label {
-  color: transparent !important;
+  color: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-line {
-  border-color: #8A8A8A !important;
+  border-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-right-arrow {
-  border-left-color: #8A8A8A !important;
+  border-left-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-connector-line-left-arrow {
-  border-right-color: #8A8A8A !important;
+  border-right-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-taskbar-inner-div {
-  background: #D5D5D5 !important;
-  border: #D5D5D5 !important;
+  background: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
+  border: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-child-progressbar-inner-div {
-  background-color: transparent !important;
-  border: transparent !important;
+  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
+  border: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-top {
-  border-bottom-color: #D5D5D5 !important;
+  border-bottom-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-milestone-bottom {
-  border-top-color: #D5D5D5 !important;
+  border-top-color: #D5D5D5 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-taskbar-inner-div {
-  background-color: #8A8A8A !important;
-  border: #8A8A8A !important;
+  background-color: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
+  border: #8A8A8A !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-gantt-parent-progressbar-inner-div {
-  background-color: transparent !important;
-  border: transparent !important;
+  background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
+  border: transparent !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-gantt-child-taskbar-inner-div {
-  background: #0070f0 !important;
-  border: #0070f0 !important;
+  background: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
+  border: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-top {
-  border-bottom-color: #0070f0 !important;
+  border-bottom-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-child-task .e-milestone-bottom {
-  border-top-color: #0070f0 !important;
+  border-top-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-gantt-child-taskbar-inner-div {
-  background: #57a5ff !important;
-  border: #57a5ff !important;
+  background: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
+  border: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-top {
-  border-bottom-color: #57a5ff !important;
+  border-bottom-color: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-milestone-bottom {
-  border-top-color: #57a5ff !important;
+  border-top-color: #57a5ff !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-line {
-  border-color: #0070f0 !important;
+  border-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-right-arrow {
-  border-left-color: #0070f0 !important;
+  border-left-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-gantt-chart .e-predecessor-touch-mode .e-active-connected-task .e-connector-line-left-arrow {
-  border-right-color: #0070f0 !important;
+  border-right-color: #0070f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-gantt .e-icons {
   color: #fff;
 }
 .e-gantt .e-grid .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
-  color: #f0f0f0 !important;
+  color: #f0f0f0 !important; /* stylelint-disable-line declaration-no-important */
 }
 
 .e-gantt-dialog .e-dlg-header {