v16.3.33 is released

components/base/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Common
+
+#### Bug Fixes
+
+- Fixed the `disabled` property value not included in the component model.
+
 ## 16.3.31 (2018-11-07)
 
 ### Common

components/base/dist/ej2-react-base.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],e):e(t.ej={},t.React,t.ReactDOM,t.ej2Base)}(this,function(t,e,r,n){"use strict";function o(t,e){return"string"==typeof t?h(t,e):function(e){var o=document.createElement("div");return document.body.appendChild(o),r.render(t(e),o),n.detach(o),o.children}}var i=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=function(t){function o(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return i(o,t),o.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=s.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var n=r[e];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},o.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},o.prototype.componentWillReceiveProps=function(t){this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var e=n.extend({},t),o=0,i=Object.keys(t);o<i.length;o++){var s=i[o];this.props[s]===t[s]?delete e[s]:-1!==this.attrKeys.indexOf(s)&&("className"===s&&(this.element.classList.remove(this.props[s]),this.element.classList.add(e[s])),delete e[s])}e.children&&delete e.children,Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},o.prototype.getDefaultAttributes=function(){return this.htmlattributes},o.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var i=o[n];-1===r.indexOf(i)&&r.push(i)}this.injectedModules=r}if(this.directivekeys){var s=this.validateChildren({},this.directivekeys,e||this.props);if(s){if(!t&&this.skipRefresh)for(var p=0,c=this.skipRefresh;p<c.length;p++){delete s[c[p]]}this.setProperties(s,t)}}},o.prototype.componentWillUnmount=function(){this.destroy()},o.prototype.validateChildren=function(t,r,n){for(var o=!1,i=0,s=e.Children.toArray(n.children);i<s.length;i++){var p=s[i],c=this.getChildType(p),u=r[c];if(c&&r){var a=this.getChildProps(e.Children.toArray(p.props.children),u);a.length&&(o=!0,t[p.type.propertyName||c]=a)}}return o?t:null},o.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},o.prototype.getChildProps=function(t,e){for(var r=[],o=0,i=t;o<i.length;o++){var s=i[o],p=!1,c=void 0;"string"==typeof e?(p=!0,c=e):c=Object.keys(e)[0];var u=s.props;this.getChildType(s)===c&&(p||!u.children?r.push(n.extend({},u,{},!0)):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},o.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var n=r[t];if(n.type.isService)return n.props.services}return[]},o}(e.PureComponent),c=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),a=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),h=n.getTemplateEngine();n.setTemplateEngine({compile:o}),t.ComponentBase=p,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})},t.ComplexBase=u,t.Inject=l,t.compile=o,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("react-dom"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","@syncfusion/ej2-base"],e):e(t.ej={},t.React,t.ReactDOM,t.ej2Base)}(this,function(t,e,r,n){"use strict";function o(t,e){return"string"==typeof t?h(t,e):function(e){var o=document.createElement("div");return document.body.appendChild(o),r.render(t(e),o),n.detach(o),o.children}}var i=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),s=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],p=function(t){function o(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return i(o,t),o.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=s.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var n=r[e];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},o.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},o.prototype.componentWillReceiveProps=function(t){this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var e=n.extend({},t),o=0,i=Object.keys(t);o<i.length;o++){var s=i[o];this.props[s]===t[s]?delete e[s]:-1!==this.attrKeys.indexOf(s)&&("className"===s?(this.element.classList.remove(this.props[s]),this.element.classList.add(e[s])):"disabled"!==s&&delete e[s])}e.children&&delete e.children,Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},o.prototype.getDefaultAttributes=function(){return this.htmlattributes},o.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var i=o[n];-1===r.indexOf(i)&&r.push(i)}this.injectedModules=r}if(this.directivekeys){var s=this.validateChildren({},this.directivekeys,e||this.props);if(s){if(!t&&this.skipRefresh)for(var p=0,c=this.skipRefresh;p<c.length;p++){delete s[c[p]]}this.setProperties(s,t)}}},o.prototype.componentWillUnmount=function(){this.destroy()},o.prototype.validateChildren=function(t,r,n){for(var o=!1,i=0,s=e.Children.toArray(n.children);i<s.length;i++){var p=s[i],c=this.getChildType(p),u=r[c];if(c&&r){var a=this.getChildProps(e.Children.toArray(p.props.children),u);a.length&&(o=!0,t[p.type.propertyName||c]=a)}}return o?t:null},o.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},o.prototype.getChildProps=function(t,e){for(var r=[],o=0,i=t;o<i.length;o++){var s=i[o],p=!1,c=void 0;"string"==typeof e?(p=!0,c=e):c=Object.keys(e)[0];var u=s.props;this.getChildType(s)===c&&(p||!u.children?r.push(n.extend({},u,{},!0)):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},o.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var n=r[t];if(n.type.isService)return n.props.services}return[]},o}(e.PureComponent),c=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),a=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return a(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),h=n.getTemplateEngine();n.setTemplateEngine({compile:o}),t.ComponentBase=p,t.applyMixins=function(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})},t.ComplexBase=u,t.Inject=l,t.compile=o,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-base.umd.min.js.map

components/base/dist/es6/ej2-react-base.es2015.js

@@ -56,7 +56,9 @@ class ComponentBase extends PureComponent {
                     this.element.classList.remove(this.props[propkey]);
                     this.element.classList.add(dProps[propkey]);
                 }
-                delete dProps[propkey];
+                else if (propkey !== 'disabled') {
+                    delete dProps[propkey];
+                }
             }
         }
         if (dProps['children']) {

components/base/dist/es6/ej2-react-base.es5.js

@@ -74,7 +74,9 @@ var ComponentBase = /** @__PURE__ @class */ (function (_super) {
                     this.element.classList.remove(this.props[propkey]);
                     this.element.classList.add(dProps[propkey]);
                 }
-                delete dProps[propkey];
+                else if (propkey !== 'disabled') {
+                    delete dProps[propkey];
+                }
             }
         }
         if (dProps['children']) {

components/base/dist/global/ej2-react-base.min.js

@@ -1,2 +1,2 @@
-this.ej=this.ej||{},this.ej.reactbase=function(t,e,r,n){"use strict";function o(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})}function i(t,e){return"string"==typeof t?d(t,e):function(e){var o=document.createElement("div");return document.body.appendChild(o),r.render(t(e),o),n.detach(o),o.children}}var s=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),p=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],c=function(t){function o(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return s(o,t),o.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=p.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var n=r[e];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},o.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},o.prototype.componentWillReceiveProps=function(t){this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var e=n.extend({},t),o=0,i=Object.keys(t);o<i.length;o++){var s=i[o];this.props[s]===t[s]?delete e[s]:-1!==this.attrKeys.indexOf(s)&&("className"===s&&(this.element.classList.remove(this.props[s]),this.element.classList.add(e[s])),delete e[s])}e.children&&delete e.children,Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},o.prototype.getDefaultAttributes=function(){return this.htmlattributes},o.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,o=this.getInjectedServices()||[];n<o.length;n++){var i=o[n];-1===r.indexOf(i)&&r.push(i)}this.injectedModules=r}if(this.directivekeys){var s=this.validateChildren({},this.directivekeys,e||this.props);if(s){if(!t&&this.skipRefresh)for(var p=0,c=this.skipRefresh;p<c.length;p++)delete s[c[p]];this.setProperties(s,t)}}},o.prototype.componentWillUnmount=function(){this.destroy()},o.prototype.validateChildren=function(t,r,n){for(var o=!1,i=0,s=e.Children.toArray(n.children);i<s.length;i++){var p=s[i],c=this.getChildType(p),u=r[c];if(c&&r){var a=this.getChildProps(e.Children.toArray(p.props.children),u);a.length&&(o=!0,t[p.type.propertyName||c]=a)}}return o?t:null},o.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},o.prototype.getChildProps=function(t,e){for(var r=[],o=0,i=t;o<i.length;o++){var s=i[o],p=!1,c=void 0;"string"==typeof e?(p=!0,c=e):c=Object.keys(e)[0];var u=s.props;this.getChildType(s)===c&&(p||!u.children?r.push(n.extend({},u,{},!0)):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},o.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var n=r[t];if(n.type.isService)return n.props.services}return[]},o}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),h=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return h(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),d=n.getTemplateEngine();return n.setTemplateEngine({compile:i}),t.ComponentBase=c,t.applyMixins=o,t.ComplexBase=a,t.Inject=l,t.compile=i,t}({},React,ReactDOM,ej.base),this.ejs=ej;
+this.ej=this.ej||{},this.ej.reactbase=function(t,e,r,n){"use strict";function i(t,e){e.forEach(function(e){Object.getOwnPropertyNames(e.prototype).forEach(function(r){t.prototype[r]=e.prototype[r]})})}function o(t,e){return"string"==typeof t?d(t,e):function(e){var i=document.createElement("div");return document.body.appendChild(i),r.render(t(e),i),n.detach(i),i.children}}var s=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),p=["alt","className","disabled","form","id","readOnly","style","tabIndex","title","type","name","onClick","onFocus","onBlur"],c=function(t){function i(){var e=null!==t&&t.apply(this,arguments)||this;return e.attrKeys=[],e.cachedTimeOut=0,e.isAppendCalled=!1,e}return s(i,t),i.prototype.componentWillMount=function(){var t=Object.keys(this.props);this.htmlattributes={},this.attrKeys=p.concat(this.controlAttributes||[]);for(var e=0,r=t;e<r.length;e++){var n=r[e];-1===n.indexOf("data-")&&-1===n.indexOf("aria-")&&-1===this.attrKeys.indexOf(n)||(this.htmlattributes[n]=this.props[n])}},i.prototype.componentDidMount=function(){var t=this;this.refreshChild(!0),this.cachedTimeOut=setTimeout(function(){var e=r.findDOMNode(t);e&&(t.isAppendCalled=!0,t.appendTo(e))})},i.prototype.componentWillReceiveProps=function(t){this.isAppendCalled||(clearTimeout(this.cachedTimeOut),this.isAppendCalled=!0,this.appendTo(r.findDOMNode(this)));for(var e=n.extend({},t),i=0,o=Object.keys(t);i<o.length;i++){var s=o[i];this.props[s]===t[s]?delete e[s]:-1!==this.attrKeys.indexOf(s)&&("className"===s?(this.element.classList.remove(this.props[s]),this.element.classList.add(e[s])):"disabled"!==s&&delete e[s])}e.children&&delete e.children,Object.keys(e).length&&this.setProperties(e),this.refreshChild(!1,t)},i.prototype.getDefaultAttributes=function(){return this.htmlattributes},i.prototype.refreshChild=function(t,e){if(this.checkInjectedModules){for(var r=this.getInjectedModules()||[],n=0,i=this.getInjectedServices()||[];n<i.length;n++){var o=i[n];-1===r.indexOf(o)&&r.push(o)}this.injectedModules=r}if(this.directivekeys){var s=this.validateChildren({},this.directivekeys,e||this.props);if(s){if(!t&&this.skipRefresh)for(var p=0,c=this.skipRefresh;p<c.length;p++)delete s[c[p]];this.setProperties(s,t)}}},i.prototype.componentWillUnmount=function(){this.destroy()},i.prototype.validateChildren=function(t,r,n){for(var i=!1,o=0,s=e.Children.toArray(n.children);o<s.length;o++){var p=s[o],c=this.getChildType(p),u=r[c];if(c&&r){var a=this.getChildProps(e.Children.toArray(p.props.children),u);a.length&&(i=!0,t[p.type.propertyName||c]=a)}}return i?t:null},i.prototype.getChildType=function(t){return t.type&&t.type.isDirective?t.type.moduleName||"":""},i.prototype.getChildProps=function(t,e){for(var r=[],i=0,o=t;i<o.length;i++){var s=o[i],p=!1,c=void 0;"string"==typeof e?(p=!0,c=e):c=Object.keys(e)[0];var u=s.props;this.getChildType(s)===c&&(p||!u.children?r.push(n.extend({},u,{},!0)):r.push(this.validateChildren(n.extend({},u),e[c],u)||u))}return r},i.prototype.getInjectedServices=function(){for(var t=0,r=e.Children.toArray(this.props.children);t<r.length;t++){var n=r[t];if(n.type.isService)return n.props.services}return[]},i}(e.PureComponent),u=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return u(e,t),e.prototype.render=function(){return null},e.isDirective=!0,e}(e.PureComponent),h=function(){var t=function(e,r){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r])})(e,r)};return function(e,r){function n(){this.constructor=e}t(e,r),e.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return h(e,t),e.prototype.render=function(){return null},e.isService=!0,e}(e.PureComponent),d=n.getTemplateEngine();return n.setTemplateEngine({compile:o}),t.ComponentBase=c,t.applyMixins=i,t.ComplexBase=a,t.Inject=l,t.compile=o,t}({},React,ReactDOM,ej.base),this.ejs=ej;
 //# sourceMappingURL=ej2-react-base.min.js.map

components/base/spec/component.spec.tsx

@@ -14,13 +14,13 @@ class DummyInject {
     }
 }
 
-class Sample extends React.PureComponent<{ content?: string ,name?:string}, { content?: string ,name?:string}>{
+class Sample extends React.PureComponent<{ content?: string ,name?:string,disabled?:boolean}, { content?: string ,name?:string,disabled?:boolean}>{
     constructor(props: any) {
         super(props);
-        this.state = { content: 'initial' ,name:'snm'};
+        this.state = { content: 'initial' ,name:'snm',disabled:false};
     }
     public changeState(): void {
-        this.setState({name:'ff'});
+        this.setState({name:'ff',disabled:true});
     }
     public duplicateUpdte(): void {
         this.setState({content: new Date().toDateString()})
@@ -29,7 +29,7 @@ class Sample extends React.PureComponent<{ content?: string ,name?:string}, { co
         return <div>
             <button onClick={this.duplicateUpdte.bind(this)} id="dup-state">DuplicateUpdate</button>
             <button onClick={this.changeState.bind(this)} id="change-state">ChangeState</button>
-            <ReactStyler1 ref='ReactStyler1' className={this.state.name} content={this.state.content}><FieldsDirective><FieldDirective name={this.state.content} status='processed'>
+            <ReactStyler1 ref='ReactStyler1' id="snm" className={this.state.name} disabled={this.state.disabled} content={this.state.content}><FieldsDirective><FieldDirective name={this.state.content} status='processed'>
             <InnerFieldsDirective>
                 <InnerFieldDirective name='snm' status='processed'></InnerFieldDirective>
                 <InnerFieldDirective name='snm1' status='processed1'></InnerFieldDirective>

components/base/spec/sample-component.tsx

@@ -12,6 +12,7 @@ export interface StylerModel {
     enableRtl?: boolean;
     locale?: string;
     created?: Function;
+    disabled?: boolean;
     destroyed?: Function;
     content?: string;
     template?: string | Function;
@@ -40,6 +41,8 @@ export class Styler extends Component<HTMLElement> implements INotifyPropertyCha
     public settings: { color: string, size: number };
     @Property()
     public template:string;
+     @Property()
+    public disbled:boolean;
     @Property([])
     public items: string[];
     @Property()

components/base/src/component-base.ts

@@ -82,8 +82,9 @@ export class ComponentBase<P, S> extends React.PureComponent<P, S> {
                 if (propkey === 'className') {
                     this.element.classList.remove(this.props[propkey]);
                     this.element.classList.add(dProps[propkey]);
+                } else if (propkey !=='disabled') {
+                    delete dProps[propkey];
                 }
-                delete dProps[propkey]
             }
         }
         if (dProps['children']) {

components/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### CheckBox
+
+#### Bug Fixes
+
+- Add multiple classes dynamically to `cssClass` property issue fixed.
+
 ## 16.2.49 (2018-08-21)
 
 ### Common

components/buttons/README.md

@@ -1 +1,102 @@
-Repositary for ej2-react-template
+# ej2-react-buttons
+
+A package of Syncfusion React UI Components (Essential JS 2) Button, CheckBox, RadioButton and Switch.
+
+![Button](https://ej2.syncfusion.com/products/images/button/readme.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install `Button` and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-buttons
+```
+
+## Components included
+
+Following list of components are available in the package.
+
+* Button - `Button` is a graphical user interface element that triggers an event on its click action.
+    * [Getting Started](https://ej2.syncfusion.com/react/documentation/button/getting-started?utm_source=npm&utm_campaign=button)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=button#/material/button/default)
+    * [Product Page](https://www.syncfusion.com/react-ui-components/button)
+
+* CheckBox - `CheckBox` is a graphical user interface element that allows to select one or more options from the choices.
+    * [Getting Started](https://ej2.syncfusion.com/react/documentation/check-box/getting-started?utm_source=npm&utm_campaign=check-box)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=check-box#/material/button/check-box)
+    * [Product Page](https://www.syncfusion.com/products/react-ui-components/checkbox)
+
+* RadioButton - `RadioButton` is a graphical user interface element that allows to select one option from the choices.
+    * [Getting Started](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started?utm_source=npm&utm_campaign=radio-button)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=radio-button#/material/button/radio-button)
+    * [Product Page](https://www.syncfusion.com/products/react-ui-components/radio-button)
+
+* Switch - `Switch` is a graphical user interface element that allows you to toggle between checked and unchecked states.
+    * [Getting Started](https://ej2.syncfusion.com/react/documentation/switch/getting-started?utm_source=npm&utm_campaign=switch)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=switch#/material/button/switch)
+    * [Product Page](https://www.syncfusion.com/react-ui-components/toggle-switch-button)
+
+## Supported Frameworks
+
+These components are available in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/buttons?utm_source=npm&utm_campaign=button)
+2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/buttons?utm_source=npm&utm_campaign=button)
+3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls)
+4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls)
+5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls)
+
+## Key Features
+
+### Button
+
+* [**Types**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-types) - Provided with different types of Button.
+
+* [**Predefined Styles**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-styles) - Provided with predefined styles of Button.
+
+* [**Sizes**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-size) - Provided with different sizes of Button.
+
+* [**Icons**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#icons) - Supports text and icon on the Button.
+
+### CheckBox
+
+* [**States**](https://ej2.syncfusion.com/react/documentation/check-box/getting-started#change-the-checkbox-state) - Provided with different states of CheckBox.
+
+* [**Label**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size#label) - Supports label and its positioning.
+
+* [**Sizes**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size#size) - Provided with different sizes of CheckBox.
+
+### RadioButton
+
+* [**States**](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started#change-the-radiobutton-state) - Provided with different states of RadioButton.
+
+* [**Label**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size#label) - Supports label and its positioning.
+
+* [**Sizes**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size#size) - Provided with different sizes of RadioButton.
+
+### Switch
+
+* [**Text**](https://ej2.syncfusion.com/react/documentation/switch/getting-started#set-text-on-switch) - Supports text.
+* [**Sizes**](https://ej2.syncfusion.com/react/documentation/switch/how-to#change-size) - Provided with different sizes of Switch.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=button) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=button).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=button) with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/buttons/CHANGELOG.md)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/buttons/ReadMe.md

@@ -1,102 +0,0 @@
-# ej2-react-buttons
-
-A package of Syncfusion React UI Components (Essential JS 2) Button, CheckBox, RadioButton and Switch.
-
-![Button](https://ej2.syncfusion.com/products/images/button/readme.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install `Button` and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-react-buttons
-```
-
-## Components included
-
-Following list of components are available in the package.
-
-* Button - `Button` is a graphical user interface element that triggers an event on its click action.
-    * [Getting Started](https://ej2.syncfusion.com/react/documentation/button/getting-started?utm_source=npm&utm_campaign=button)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=button#/material/button/default)
-    * [Product Page](https://www.syncfusion.com/react-ui-components/button)
-
-* CheckBox - `CheckBox` is a graphical user interface element that allows to select one or more options from the choices.
-    * [Getting Started](https://ej2.syncfusion.com/react/documentation/check-box/getting-started?utm_source=npm&utm_campaign=check-box)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=check-box#/material/button/check-box)
-    * [Product Page](https://www.syncfusion.com/products/react-ui-components/checkbox)
-
-* RadioButton - `RadioButton` is a graphical user interface element that allows to select one option from the choices.
-    * [Getting Started](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started?utm_source=npm&utm_campaign=radio-button)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=radio-button#/material/button/radio-button)
-    * [Product Page](https://www.syncfusion.com/products/react-ui-components/radio-button)
-
-* Switch - `Switch` is a graphical user interface element that allows you to toggle between checked and unchecked states.
-    * [Getting Started](https://ej2.syncfusion.com/react/documentation/switch/getting-started?utm_source=npm&utm_campaign=switch)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=switch#/material/button/switch)
-    * [Product Page](https://www.syncfusion.com/react-ui-components/toggle-switch-button)
-
-## Supported Frameworks
-
-These components are available in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/buttons?utm_source=npm&utm_campaign=button)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/buttons?utm_source=npm&utm_campaign=button)
-3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls)
-4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls)
-5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls)
-
-## Key Features
-
-### Button
-
-* [**Types**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-types) - Provided with different types of Button.
-
-* [**Predefined Styles**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-styles) - Provided with predefined styles of Button.
-
-* [**Sizes**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#button-size) - Provided with different sizes of Button.
-
-* [**Icons**](https://ej2.syncfusion.com/react/documentation/button/types-and-styles#icons) - Supports text and icon on the Button.
-
-### CheckBox
-
-* [**States**](https://ej2.syncfusion.com/react/documentation/check-box/getting-started#change-the-checkbox-state) - Provided with different states of CheckBox.
-
-* [**Label**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size#label) - Supports label and its positioning.
-
-* [**Sizes**](https://ej2.syncfusion.com/react/documentation/check-box/label-and-size#size) - Provided with different sizes of CheckBox.
-
-### RadioButton
-
-* [**States**](https://ej2.syncfusion.com/react/documentation/radio-button/getting-started#change-the-radiobutton-state) - Provided with different states of RadioButton.
-
-* [**Label**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size#label) - Supports label and its positioning.
-
-* [**Sizes**](https://ej2.syncfusion.com/react/documentation/radio-button/label-and-size#size) - Provided with different sizes of RadioButton.
-
-### Switch
-
-* [**Text**](https://ej2.syncfusion.com/react/documentation/switch/getting-started#set-text-on-switch) - Supports text.
-* [**Sizes**](https://ej2.syncfusion.com/react/documentation/switch/how-to#change-size) - Provided with different sizes of Switch.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=button) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=button).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=button) with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/buttons/CHANGELOG.md)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.31 (2018-11-07)
 
 ### DatePicker
 

components/calendars/README.md

@@ -1 +1,161 @@
-Repositary for ej2-react-template
+# ej2-react-calendars
+
+The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events. It also has documentation and support available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.
+
+<p align="center" style="width:400px; margin:0 auto;">
+  <img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
+</p>
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here  (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install `Calendar` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-react-calendars
+```
+
+## Components
+
+List of components available in the package:
+
+* [Calendar](#calendar)
+* [DatePicker](#datepicker)
+* [TimePicker](#timepicker)
+* [DateTimePicker](#datetimepicker)
+* [DateRangePicker](#daterangepicker)
+
+### Calendar
+
+The `calendar` is a graphical user interface component that displays a Gregorian Calendar and allows selection of a date.
+
+#### Key features
+
+* [Date range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/date-range) - Restricts the range of dates that can be selected by using the `min` and `max` properties.
+* [Customization](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/special-dates) - Allows complete control over the appearance of the calendar component.
+* [Month or year selection](https://ej2.syncfusion.com/react/documentation/calendar/calendar-views.html#calendar-views) - Provides a flexible option to select only a month or year as the date value.
+* [First day of week](https://ej2.syncfusion.com/react/documentation/calendar/how-to.html#change-the-first-day-of-week) - Changes the first day of all weeks in every month.
+* [Week number](https://ej2.syncfusion.com/react/documentation/calendar/how-to.html#render-calendar-with-week-number) - Displays the week number of the selected date in the calendar by enabling the week number option.
+* [Disabled dates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/disabled) - Disables any date to prevent the user from selecting that date.
+* [Start and depth view](https://ej2.syncfusion.com/react/documentation/calendar/calendar-views.html#view-restriction) - Calendar has `month`, `year`, and `decade` views that provide flexibility to select dates.
+* [Highlight weekends](https://ej2.syncfusion.com/react/documentation/calendar/customization.html#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
+* [Globalization](https://ej2.syncfusion.com/react/documentation/calendar/globalization.html#calendar) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
+
+#### Resources
+
+* [Getting started](https://ej2.syncfusion.com/react/documentation/calendar/getting-started.html?utm_source=npm&utm_campaign=calendar)
+* [API reference](https://ej2.syncfusion.com/react/documentation/api/calendar?utm_source=npm&utm_campaign=calendar)
+* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
+* [Product page](https://www.syncfusion.com/react-ui-components/calendar?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+### DatePicker
+
+The `date picker` is a graphical user interface component that allows selection or entry of a date value.
+
+#### Key features
+
+The date picker is inherited from the calendar component. So, all the key features of calendar can be accessed in the date picker component. Additionally, it has some specific features such as `date format` and `strict mode`.
+
+* [Date format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/date-format) - The date picker control’s input value can be custom formatted apart from the default culture’s specific date format.
+* [Strict mode](https://ej2.syncfusion.com/react/documentation/datepicker/strict-mode.html?utm_source=npm&utm_campaign=datepicker) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
+
+#### Resources
+
+* [Getting started](https://ej2.syncfusion.com/react/documentation/datepicker/getting-started.html?utm_source=npm&utm_campaign=datepicker)
+* [API reference](https://ej2.syncfusion.com/react/documentation/api/datepicker?utm_source=npm&utm_campaign=datepicker)
+* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/default)
+* [Product page](https://www.syncfusion.com/react-ui-components/datepicker?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+### TimePicker
+
+`Time picker` is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
+
+#### Key features
+
+* [Time range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-range) - Restricts the entry or selection of time values within a specific range of time by using `min` and `max` properties.
+* [Time format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-format) - Apart from the default culture specific time format, the time picker control’s input value can also be custom formatted.
+* [Strict mode](https://ej2.syncfusion.com/react/documentation/timepicker/strict-mode.html#timepicker) - The strictMode is an act that allows entry of only valid time values within the specified min and max range in a text box.
+* [Disabled time](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Any number of time values can be disabled in the popup list items to prevent selection of those times.
+* [Time intervals](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
+* [Customization](https://ej2.syncfusion.com/react/documentation/timepicker/how-to.html#css-customization) - The appearance of the time picker can be customized completely.
+* [Time list with duration](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the control’s popup list items with time duration.
+* [Globalization](https://ej2.syncfusion.com/react/documentation/timepicker/globalization.html#timepicker) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
+
+#### Resources
+
+* [Getting started](https://ej2.syncfusion.com/react/documentation/timepicker/getting-started.html?utm_source=npm&utm_campaign=timepicker)
+* [API reference](https://ej2.syncfusion.com/react/documentation/api/timepicker?utm_source=npm&utm_campaign=timepicker)
+* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
+* [Product page](https://www.syncfusion.com/react-ui-components/time-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+### DateTimePicker
+
+The `date time picker` is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
+
+#### Key features
+
+The date time picker is inherited from the date picker and time picker component. So, all the key features of the date picker and time picker component can be accessed in the date time picker component. Additionally, it has some specific features such as `Date time range` and `Date time format`, which are described below.
+
+* [DateTime range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
+* [DateTime format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
+
+#### Resources
+
+* [Getting started](https://ej2.syncfusion.com/react/documentation/datetimepicker/getting-started.html?utm_source=npm&utm_campaign=datetimepicker)
+* [API reference](https://ej2.syncfusion.com/react/documentation/api/datetimepicker?utm_source=npm&utm_campaign=datetimepicker)
+* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
+* [Product page](https://www.syncfusion.com/react-ui-components/datetime-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+### DateRangePicker
+
+The `date range picker` is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
+
+#### Key features
+
+* [Preset ranges](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/presets) - Defines the preset ranges to select the frequently used date range by the end users.
+* [Range restriction](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-range) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties.
+* [Limit the selection range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/day-span) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options.
+* [First day of week](https://ej2.syncfusion.com/react/documentation/daterangepicker/customization.html#first-day-of-week) - Changes the first day of weeks in every month.
+* [Strict mode](https://ej2.syncfusion.com/react/documentation/daterangepicker/range-selection.html#strict-mode) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox.
+* [Customization](https://ej2.syncfusion.com/react/documentation/daterangepicker/customization.html#daterangepicker) - The appearance of the component can be customized completely.
+* [Format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
+* [Globalization](https://ej2.syncfusion.com/react/documentation/daterangepicker/globalization.html#daterangepicker) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
+
+#### Resources
+
+* [Getting started](https://ej2.syncfusion.com/react/documentation/daterangepicker/getting-started.html?utm_source=npm&utm_campaign=daterangepicker)
+* [API reference](https://ej2.syncfusion.com/react/documentation/api/daterangepicker?utm_source=npm&utm_campaign=daterangepicker)
+* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
+* [Product page](https://www.syncfusion.com/react-ui-components/date-range-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+## Supported Frameworks
+
+Date time components are also offered in the following list of frameworks.
+
+* [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
+* [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
+* [React](https://www.syncfusion.com/react-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
+* [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
+* [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
+* [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
+
+## Support
+
+Product support is available through the following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=calendar).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on.
+
+## License
+
+Check the license details [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/calendars/CHANGELOG.md).
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/calendars/ReadMe.md

@@ -1,161 +0,0 @@
-# ej2-react-calendars
-
-The calendar package contains date and time components such as calendar, date picker, date range picker, date time picker, and time picker. These components come with options to disable dates, restrict selection, and show custom events. It also has documentation and support available under commercial and community licenses. Please visit [www.syncfusion.com](https://www.syncfusion.com/) to get started.
-
-<p align="center" style="width:400px; margin:0 auto;">
-  <img src="https://ej2.syncfusion.com/products/images/calendar/readme.gif" alt="Calendar components">
-</p>
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here  (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install `Calendar` and its dependent packages, use the following command.
-
-```sh
-npm install @syncfusion/ej2-react-calendars
-```
-
-## Components
-
-List of components available in the package:
-
-* [Calendar](#calendar)
-* [DatePicker](#datepicker)
-* [TimePicker](#timepicker)
-* [DateTimePicker](#datetimepicker)
-* [DateRangePicker](#daterangepicker)
-
-### Calendar
-
-The `calendar` is a graphical user interface component that displays a Gregorian Calendar and allows selection of a date.
-
-#### Key features
-
-* [Date range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/date-range) - Restricts the range of dates that can be selected by using the `min` and `max` properties.
-* [Customization](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/special-dates) - Allows complete control over the appearance of the calendar component.
-* [Month or year selection](https://ej2.syncfusion.com/react/documentation/calendar/calendar-views.html#calendar-views) - Provides a flexible option to select only a month or year as the date value.
-* [First day of week](https://ej2.syncfusion.com/react/documentation/calendar/how-to.html#change-the-first-day-of-week) - Changes the first day of all weeks in every month.
-* [Week number](https://ej2.syncfusion.com/react/documentation/calendar/how-to.html#render-calendar-with-week-number) - Displays the week number of the selected date in the calendar by enabling the week number option.
-* [Disabled dates](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/disabled) - Disables any date to prevent the user from selecting that date.
-* [Start and depth view](https://ej2.syncfusion.com/react/documentation/calendar/calendar-views.html#view-restriction) - Calendar has `month`, `year`, and `decade` views that provide flexibility to select dates.
-* [Highlight weekends](https://ej2.syncfusion.com/react/documentation/calendar/customization.html#highlight-weekends) - The calendar supports to highlighting every weekend in a month.
-* [Globalization](https://ej2.syncfusion.com/react/documentation/calendar/globalization.html#calendar) - Supports globalization (internationalization and localization) to translate the names of months, days, and the today button text to any supported language.
-
-#### Resources
-
-* [Getting started](https://ej2.syncfusion.com/react/documentation/calendar/getting-started.html?utm_source=npm&utm_campaign=calendar)
-* [API reference](https://ej2.syncfusion.com/react/documentation/api/calendar?utm_source=npm&utm_campaign=calendar)
-* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=calendar#/material/calendar/default)
-* [Product page](https://www.syncfusion.com/react-ui-components/calendar?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-### DatePicker
-
-The `date picker` is a graphical user interface component that allows selection or entry of a date value.
-
-#### Key features
-
-The date picker is inherited from the calendar component. So, all the key features of calendar can be accessed in the date picker component. Additionally, it has some specific features such as `date format` and `strict mode`.
-
-* [Date format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/date-format) - The date picker control’s input value can be custom formatted apart from the default culture’s specific date format.
-* [Strict mode](https://ej2.syncfusion.com/react/documentation/datepicker/strict-mode.html?utm_source=npm&utm_campaign=datepicker) - The strictMode is an act that allows entry only of valid dates within the specified min or max range in a text box.
-
-#### Resources
-
-* [Getting started](https://ej2.syncfusion.com/react/documentation/datepicker/getting-started.html?utm_source=npm&utm_campaign=datepicker)
-* [API reference](https://ej2.syncfusion.com/react/documentation/api/datepicker?utm_source=npm&utm_campaign=datepicker)
-* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datepicker#/material/datepicker/default)
-* [Product page](https://www.syncfusion.com/react-ui-components/datepicker?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-### TimePicker
-
-`Time picker` is a simple and intuitive interface component that allows selection of a time value from the popup list or setting a desired time value.
-
-#### Key features
-
-* [Time range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-range) - Restricts the entry or selection of time values within a specific range of time by using `min` and `max` properties.
-* [Time format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/time-format) - Apart from the default culture specific time format, the time picker control’s input value can also be custom formatted.
-* [Strict mode](https://ej2.syncfusion.com/react/documentation/timepicker/strict-mode.html#timepicker) - The strictMode is an act that allows entry of only valid time values within the specified min and max range in a text box.
-* [Disabled time](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Any number of time values can be disabled in the popup list items to prevent selection of those times.
-* [Time intervals](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Allows populating the time list with intervals between the times in the popup list to enable selection of proper time value.
-* [Customization](https://ej2.syncfusion.com/react/documentation/timepicker/how-to.html#css-customization) - The appearance of the time picker can be customized completely.
-* [Time list with duration](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/list-formatting) - Supports customization of the control’s popup list items with time duration.
-* [Globalization](https://ej2.syncfusion.com/react/documentation/timepicker/globalization.html#timepicker) - Supports globalization (internationalization and localization) to update time popup list values to match any specified culture.
-
-#### Resources
-
-* [Getting started](https://ej2.syncfusion.com/react/documentation/timepicker/getting-started.html?utm_source=npm&utm_campaign=timepicker)
-* [API reference](https://ej2.syncfusion.com/react/documentation/api/timepicker?utm_source=npm&utm_campaign=timepicker)
-* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=timepicker#/material/timepicker/default)
-* [Product page](https://www.syncfusion.com/react-ui-components/time-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-### DateTimePicker
-
-The `date time picker` is a graphical user interface component that allows an end user to enter or select a date and time values from a pop-up calendar and time list pop-up.
-
-#### Key features
-
-The date time picker is inherited from the date picker and time picker component. So, all the key features of the date picker and time picker component can be accessed in the date time picker component. Additionally, it has some specific features such as `Date time range` and `Date time format`, which are described below.
-
-* [DateTime range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-range) - Restricts the entry or selection of values within a specific range of dates and times by using `min` and `max` properties.
-* [DateTime format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/date-time-format) - The control’s input value can be custom formatted apart from the default culture’s specific date time format.
-
-#### Resources
-
-* [Getting started](https://ej2.syncfusion.com/react/documentation/datetimepicker/getting-started.html?utm_source=npm&utm_campaign=datetimepicker)
-* [API reference](https://ej2.syncfusion.com/react/documentation/api/datetimepicker?utm_source=npm&utm_campaign=datetimepicker)
-* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=datetimepicker#/material/datetimepicker/default)
-* [Product page](https://www.syncfusion.com/react-ui-components/datetime-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-### DateRangePicker
-
-The `date range picker` is a graphical user interface control that allows an end user to select start and end date values as a range from a calendar pop-up or by entering the value directly in the input element.
-
-#### Key features
-
-* [Preset ranges](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/presets) - Defines the preset ranges to select the frequently used date range by the end users.
-* [Range restriction](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-range) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties.
-* [Limit the selection range](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/day-span) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options.
-* [First day of week](https://ej2.syncfusion.com/react/documentation/daterangepicker/customization.html#first-day-of-week) - Changes the first day of weeks in every month.
-* [Strict mode](https://ej2.syncfusion.com/react/documentation/daterangepicker/range-selection.html#strict-mode) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox.
-* [Customization](https://ej2.syncfusion.com/react/documentation/daterangepicker/customization.html#daterangepicker) - The appearance of the component can be customized completely.
-* [Format](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/date-format) - The control’s input value can be custom formatted apart from the default culture’s specific date range format.
-* [Globalization](https://ej2.syncfusion.com/react/documentation/daterangepicker/globalization.html#daterangepicker) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language.
-
-#### Resources
-
-* [Getting started](https://ej2.syncfusion.com/react/documentation/daterangepicker/getting-started.html?utm_source=npm&utm_campaign=daterangepicker)
-* [API reference](https://ej2.syncfusion.com/react/documentation/api/daterangepicker?utm_source=npm&utm_campaign=daterangepicker)
-* [View online demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=daterangepicker#/material/daterangepicker/default)
-* [Product page](https://www.syncfusion.com/react-ui-components/date-range-picker?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-## Supported Frameworks
-
-Date time components are also offered in the following list of frameworks.
-
-* [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
-* [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
-* [React](https://www.syncfusion.com/react-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
-* [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=npm&utm_campaign=ej2-react-calendars)
-* [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
-* [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=npm&utm_campaign=ej2-react-calendars)
-
-## Support
-
-Product support is available through the following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=calendar) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=calendar).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your queries in Stack Overflow with tag `syncfusion`, `ej2`, and so on.
-
-## License
-
-Check the license details [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/calendars/CHANGELOG.md).
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/calendars/dist/ej2-react-calendars.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-calendars.umd.min.js
-*  version : 16.3.30
+*  version : 16.3.31
 *  Copyright Syncfusion Inc. 2001 - 2018. 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

components/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-calendars",
-	"version": "16.3.30",
+	"version": "16.3.31",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/charts/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Chart
+
+#### New Features
+
+- Margin options are added to legend.
+
+#### Bug Fixes
+
+- Series DataSource change chart refresh issue fixed.
+- Axis label is now rendering properly, when we have the interval in decimals.
+
 ## 16.3.32 (2018-11-13)
 
 ### Chart

components/charts/ReadMe.md

@@ -33,8 +33,8 @@ Following list of components are available in the package
 ## Supported frameworks
  `Chart` components are available in following list of  
   
-  1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/?utm_source=npm&utm_campaign=chart)
-  2. [Vue.js](https://github.com/syncfusion/ej2-vue-ui-components/?utm_source=npm&utm_campaign=chart)
+  1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/charts?utm_source=npm&utm_campaign=chart)
+  2. [Vue.js](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/charts?utm_source=npm&utm_campaign=chart)
   3. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Chart/Line#/material)
   4. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Chart/Line#/material)
   5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/charts/)

components/circulargauge/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.33 (2018-11-15)
+
+### CircularGauge
+
+#### Bug Fixes
+
+- Issue with range bar pointer tooltip is resolved now.
+
+## 16.3.32 (2018-11-13)
 
 ### CircularGauge
 

components/circulargauge/README.md

@@ -1 +1,65 @@
-Repositary for ej2-react-template
+# ej2-react-circulargauge
+
+The circular gauge control is ideal to visualize numeric values over a circular scale. All the circular gauge elements are rendered using Scalable Vector Graphics (SVG).
+
+![Circular Gauge](https://ej2.syncfusion.com/products/images/circulargauge/readme.gif)
+
+> Circular gauge is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=circulargauge)
+
+## Setup
+
+To install circular gauge and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-circulargauge
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/circular-gauge/getting-started.html)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/default)
+* [Product Page](https://www.syncfusion.com/react-ui-components/gauge-charts)
+
+## Supported Frameworks
+
+Circular gauge component is also offered in following list of frameworks.
+
+1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-circulargauge?utm_source=npm&utm_campaign=circulargauge)
+2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-circulargauge?utm_source=npm&utm_campaign=circulargauge)
+3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-circulargauge?utm_source=npm&utm_campaign=circulargauge)
+4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/CircularGauge/Default#/material)
+5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/CircularGauge/DefaultFunctionalities#/material)
+6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gauge-charts)
+
+## Use case samples
+
+* Live update ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/sampledata))
+* Direction compass ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/direction))
+
+## Key Features
+
+* [**Axes**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/axes) - Axes is a collection of circular axis that can be used to indicate numeric values.
+* [**Ranges**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/range) - Supports ranges to categorize the axis values. Any number of ranges can be added to the circular gauge.
+* [**Ticks and Labels**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/labels) - Provides options to customize the ticks and labels of the gauges.
+* [**Pointers**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/pointers) - Indicates the values on axis. Circular gauge supports three types of pointers: needle, range bar, and marker.
+* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/annotation) - Uses any custom HTML element as annotation and place it anywhere on the gauge.
+* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/tooltip) - Provides information about the pointer values on mouse hover.
+* [**Pointer Drag**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/drag) - Provides support to place a pointer at the desired values by dragging it. 
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=circulargauge) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=circulargauge).
+* New [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/circulargauge/license?utm_source=npm&utm_campaign=circulargauge).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/circulargauge/CHANGELOG.md?utm_source=npm&utm_campaign=circulargauge)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/circulargauge/ReadMe.md

@@ -1,65 +0,0 @@
-# ej2-react-circulargauge
-
-The circular gauge control is ideal to visualize numeric values over a circular scale. All the circular gauge elements are rendered using Scalable Vector Graphics (SVG).
-
-![Circular Gauge](https://ej2.syncfusion.com/products/images/circulargauge/readme.gif)
-
-> Circular gauge is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=circulargauge)
-
-## Setup
-
-To install circular gauge and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-circulargauge
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/circular-gauge/getting-started.html)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/default)
-* [Product Page](https://www.syncfusion.com/react-ui-components/gauge-charts)
-
-## Supported Frameworks
-
-Circular gauge component is also offered in following list of frameworks.
-
-1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-circulargauge?utm_source=npm&utm_campaign=circulargauge)
-2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-circulargauge?utm_source=npm&utm_campaign=circulargauge)
-3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-circulargauge?utm_source=npm&utm_campaign=circulargauge)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/CircularGauge/Default#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/CircularGauge/DefaultFunctionalities#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gauge-charts)
-
-## Use case samples
-
-* Live update ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/sampledata))
-* Direction compass ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/direction))
-
-## Key Features
-
-* [**Axes**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/axes) - Axes is a collection of circular axis that can be used to indicate numeric values.
-* [**Ranges**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/range) - Supports ranges to categorize the axis values. Any number of ranges can be added to the circular gauge.
-* [**Ticks and Labels**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/labels) - Provides options to customize the ticks and labels of the gauges.
-* [**Pointers**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/pointers) - Indicates the values on axis. Circular gauge supports three types of pointers: needle, range bar, and marker.
-* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/annotation) - Uses any custom HTML element as annotation and place it anywhere on the gauge.
-* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/tooltip) - Provides information about the pointer values on mouse hover.
-* [**Pointer Drag**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/drag) - Provides support to place a pointer at the desired values by dragging it. 
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=circulargauge) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=circulargauge).
-* New [GitHub issues](https://github.com/syncfusion/ej2-circulargauge/issues).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=circulargauge).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-circulargauge/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=circulargauge)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/circulargauge/dist/ej2-react-circulargauge.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-circulargauge.umd.min.js
-*  version : 16.3.30
+*  version : 16.3.32
 *  Copyright Syncfusion Inc. 2001 - 2018. 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

components/circulargauge/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-circulargauge",
-	"version": "16.3.30",
+	"version": "16.3.32",
 	"description": "Essential JS 2 CircularGauge Components for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/circulargauge/styles/bootstrap.scss

@@ -1 +0,0 @@
-@import 'circular-gauge/bootstrap.scss';

components/circulargauge/styles/circular-gauge/bootstrap.scss

@@ -1 +0,0 @@
-@import 'ej2-circulargauge/styles/circular-gauge/bootstrap.scss';

components/circulargauge/styles/circular-gauge/fabric.scss

@@ -1 +0,0 @@
-@import 'ej2-circulargauge/styles/circular-gauge/fabric.scss';

components/circulargauge/styles/circular-gauge/highcontrast.scss

@@ -1 +0,0 @@
-@import 'ej2-circulargauge/styles/circular-gauge/highcontrast.scss';

components/circulargauge/styles/circular-gauge/material.scss

@@ -1 +0,0 @@
-@import 'ej2-circulargauge/styles/circular-gauge/material.scss';

components/circulargauge/styles/fabric.scss

@@ -1 +0,0 @@
-@import 'circular-gauge/fabric.scss';

components/circulargauge/styles/highcontrast.scss

@@ -1 +0,0 @@
-@import 'circular-gauge/highcontrast.scss';

components/circulargauge/styles/material.scss

@@ -1 +0,0 @@
-@import 'circular-gauge/material.scss';

components/diagrams/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Diagram
+
+#### Bug Fixes
+
+- Exception thrown when adding the child to the Node which has multiple parent Child is now working fine.
+- Textbox lost its focus when we mouse up on Diagram is now working fine.
+- Issue with expand collapse, when the child having more than one parent have been fixed.
+- Issue on measuring path element while refreshing the diagram is now working fine.
+
 ## 16.3.29 (2018-10-31)
 
 ### Diagram

components/diagrams/README.md

@@ -1 +1,75 @@
-Repositary for ej2-react-template
+# ej2-react-diagrams
+
+The diagram component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.
+
+![Diagram](https://ej2.syncfusion.com/products/images/diagram/read-me.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install Diagram and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-diagrams
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/diagram/)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/diagram/default-functionalities)
+* [Product Page](https://www.syncfusion.com/react-ui-components/diagram)
+
+## Supported Frameworks
+
+Diagram component is also offered in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components?utm_source=npm&utm_campaign=diagram)
+2. [React](https://github.com/syncfusion/ej2-react-ui-components?utm_source=npm&utm_campaign=diagram)
+3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components?utm_source=npm&utm_campaign=diagram)
+4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Diagram/FlowChart#/material)
+5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Diagram/DefaultFunctionalities#/material)
+6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/diagram)
+
+## Showcase samples
+
+* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/))
+
+
+## Key Features
+
+- [**Nodes**](https://ej2.syncfusion.com/react/demos/#/material/diagram/getting-started-node)  - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily.
+- [**Connectors**](https://ej2.syncfusion.com/react/demos/#/material/diagram/connector) - The relationship between two nodes is represented using a connector.
+- [**Labels**](https://ej2.syncfusion.com/react/demos/#/material/diagram/getting-started-annotation)- Labels are used to annotate nodes and connectors.
+- [**Interactive Features**](https://ej2.syncfusion.com/react/demos/#/material/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram.
+- [**Data Binding**](https://ej2.syncfusion.com/react/demos/#/material/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source.
+- [**Commands**](https://ej2.syncfusion.com/react/demos/#/material/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations.
+- [**Automatic Layout**](https://ej2.syncfusion.com/react/demos/#/material/diagram/hierarchical-model) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout.
+- [**Overview Panel**](https://ej2.syncfusion.com/react/demos/#/material/diagram/overview) -  The overview panel is used to improve navigation experience when exploring large diagrams.
+- [**SymbolPalettes**](https://ej2.syncfusion.com/react/demos/#/material/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram.
+- [**Rulers**](https://ej2.syncfusion.com/react/demos/#/material/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram control.
+- [**Serialization**](https://ej2.syncfusion.com/react/demos/#/material/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization.
+- [**Exporting and Printing**](https://ej2.syncfusion.com/react/demos/#/material/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents.
+- [**Gridlines**](https://ej2.syncfusion.com/react/demos/#/material/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface.
+- [**Page Layout**](https://ej2.syncfusion.com/react/demos/#/material/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins.
+- [**Context Menu**](https://ej2.syncfusion.com/react/demos/#/material/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=diagram) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=diagram).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=diagram).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/diagrams/CHANGELOG.md)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/diagrams/ReadMe.md

@@ -1,75 +0,0 @@
-# ej2-react-diagrams
-
-The diagram component visually represents information. It is also used to create diagrams like flow charts, organizational charts, mind maps, and BPMN either through code or a visual interface.
-
-![Diagram](https://ej2.syncfusion.com/products/images/diagram/read-me.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install Diagram and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-diagrams
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/diagram/)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/diagram/default-functionalities)
-* [Product Page](https://www.syncfusion.com/react-ui-components/diagram)
-
-## Supported Frameworks
-
-Diagram component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components?utm_source=npm&utm_campaign=diagram)
-2. [React](https://github.com/syncfusion/ej2-react-ui-components?utm_source=npm&utm_campaign=diagram)
-3. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components?utm_source=npm&utm_campaign=diagram)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Diagram/FlowChart#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Diagram/DefaultFunctionalities#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/diagram)
-
-## Showcase samples
-
-* Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/))
-
-
-## Key Features
-
-- [**Nodes**](https://ej2.syncfusion.com/react/demos/#/material/diagram/getting-started-node)  - Nodes are used to host graphical objects (path or controls) that can be arranged and manipulated on a diagram page. Many predefined standard shapes are included. Custom shapes can also be created and added easily.
-- [**Connectors**](https://ej2.syncfusion.com/react/demos/#/material/diagram/connector) - The relationship between two nodes is represented using a connector.
-- [**Labels**](https://ej2.syncfusion.com/react/demos/#/material/diagram/getting-started-annotation)- Labels are used to annotate nodes and connectors.
-- [**Interactive Features**](https://ej2.syncfusion.com/react/demos/#/material/diagram/drawing-tool) - Interactive features are used to improve the run time editing experience of a diagram.
-- [**Data Binding**](https://ej2.syncfusion.com/react/demos/#/material/diagram/local-data) - Generates diagram with nodes and connectors based on the information provided from an external data source.
-- [**Commands**](https://ej2.syncfusion.com/react/demos/#/material/diagram/key-board-functions) - Supports a set of predefined commands that helps edit the diagram using keyboard. It is also possible to configure new commands and key combinations.
-- [**Automatic Layout**](https://ej2.syncfusion.com/react/demos/#/material/diagram/hierarchical-model) - Automatic layouts are used to arrange nodes automatically based on a predefined layout logic. There is built-in support for organizational chart layout, hierarchical tree layout, symmetric layout, radial tree layout, and mind map layout.
-- [**Overview Panel**](https://ej2.syncfusion.com/react/demos/#/material/diagram/overview) -  The overview panel is used to improve navigation experience when exploring large diagrams.
-- [**SymbolPalettes**](https://ej2.syncfusion.com/react/demos/#/material/diagram/symbol-palette) - The symbol palette is a gallery of reusable symbols and nodes that can be dragged and dropped on the surface of a diagram.
-- [**Rulers**](https://ej2.syncfusion.com/react/demos/#/material/diagram/drawing-tool) - The ruler provides horizontal and vertical guides for measuring diagram objects in diagram control.
-- [**Serialization**](https://ej2.syncfusion.com/react/demos/#/material/diagram/serialization) - When saved in JSON format a diagram’s state persists, and then it can be loaded back using serialization.
-- [**Exporting and Printing**](https://ej2.syncfusion.com/react/demos/#/material/diagram/print-export) - Diagrams can be exported as .png, .jpeg, .bmp, and .svg image files, and can also be printed as documents.
-- [**Gridlines**](https://ej2.syncfusion.com/react/demos/#/material/diagram/default-functionalities) - Gridlines are the pattern of lines drawn behind diagram elements. It provides a visual guidance while dragging or arranging the objects on a diagram surface.
-- [**Page Layout**](https://ej2.syncfusion.com/react/demos/#/material/diagram/print-export)- The drawing surface can be configured to page-like appearance using page size, orientation, and margins.
-- [**Context Menu**](https://ej2.syncfusion.com/react/demos/#/material/diagram/key-board-functions) - Frequently used commands can easily be mapped to the context menu.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=diagram) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=diagram).
-* New [GitHub issue](https://github.com/syncfusion/ej2-diagrams/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=diagram).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/src/diagrams/CHANGELOG.md?utm_source=npm&utm_campaign=diagram)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/documenteditor/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Document Editor
+
+#### Bug Fixes
+
+- Updated Readme and GitHub URL.
+
 ## 16.3.29 (2018-10-31)
 
 ### Document Editor

components/documenteditor/README.md

@@ -1 +1,70 @@
-Repositary for ej2-react-template
+# ej2-react-documenteditor
+
+The Document Editor component is used to create, edit, view, and print Word documents in web applications. All the user interactions and editing operations that run purely in the client-side provides much faster editing experience to the users.
+
+![Document Editor](https://ej2.syncfusion.com/products/images/documenteditor/readme.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+
+## Setup
+
+To install Document Editor and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-documenteditor
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/document-editor/getting-started?utm_source=npm&utm_campaign=documenteditor)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/document-editor/default/?utm_source=npm&utm_campaign=documenteditor)
+* [Product Page](https://www.syncfusion.com/react-ui-components/document-editor?utm_source=npm&utm_campaign=documenteditor)
+
+## Supported Frameworks
+
+Document Editor component is also offered in following list of frameworks.
+
+1. [Angular](https://www.syncfusion.com/angular-ui-components/document-editor?utm_source=npm&utm_campaign=documenteditor)
+2. [VueJS](https://www.syncfusion.com/vue-ui-components/document-editor?utm_source=npm&utm_campaign=documenteditor)
+3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/document-editor?utm_source=npm&utm_campaign=documenteditor)
+4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/document-editor?utm_source=npm&utm_campaign=documenteditor)
+5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/document-editor?utm_source=npm&utm_campaign=documenteditor)
+
+## Key Features
+
+* [**Document Authoring**](https://ej2.syncfusion.com/react/demos/document-editor/default/index.html?utm_source=npm&utm_campaign=documenteditor#fabric) -  Allows to create a document with supported elements and formatting options.
+  * **Supported elements** - Supports document elements like text, inline image, table, hyperlink, fields, bookmark, table of contents, section, header, and footer.
+  * **Styles** - Supports character and paragraph styles.
+  * **Editing** - Supports all the common editing and formatting operations.
+  * **History** - Supports options to perform undo redo operations.
+  * **Find and replace** - Provides support to find and replace text within the document.
+* **Export** - Provides the options to export the documents in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`.
+* **Import** - Provides the options to import the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side.
+* **Print** - Provides the options to print the documents.
+* **Clipboard** - Provides support to cut, copy, and paste rich text contents within the component. Also allows pasting simple text from other applications.
+* **User interface** - Provides intuitive user friendly interface to perform various operations.
+  * **Context menu** - Provides context menu.
+  * **Dialog** - Provides dialog for inserting elements such as hyperlink, table and formatting such as font, paragraph, list, style, table.
+  * **Options pane** - Provides options pane to perform find and replace operations.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=documenteditor) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=documenteditor).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new?utm_source=npm&utm_campaign=documenteditor).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=documenteditor).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/documenteditor/CHANGELOG.md?utm_source=npm&utm_campaign=documenteditor)
+
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/documenteditor/ReadMe.md

@@ -1,70 +0,0 @@
-# ej2-react-documenteditor
-
-The Document Editor component is used to create, edit, view, and print Word documents in web applications. All the user interactions and editing operations that run purely in the client-side provides much faster editing experience to the users.
-
-![Document Editor](https://ej2.syncfusion.com/products/images/documenteditor/readme.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-
-## Setup
-
-To install Document Editor and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-react-documenteditor
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/document-editor/getting-started?lang=typescript&utm_source=npm&utm_campaign=documenteditor)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=documenteditor#/material/document-editor/default.html)
-* [Product Page](https://www.syncfusion.com/react-ui-components/document-editor)
-
-## Supported Frameworks
-
-Document Editor component is also offered in following list of frameworks.
-
-1. [Angular](https://www.syncfusion.com/angular-ui-components/document-editor)
-2. [VueJS](https://www.syncfusion.com/vue-ui-components/document-editor)
-3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/document-editor)
-4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/document-editor)
-5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/document-editor)
-
-## Key Features
-
-* [**Document Authoring**](https://ej2.syncfusion.com/react/demos/samples/document-editor/default/index.html?utm_source=npm&utm_campaign=documenteditor#fabric) -  Allows to create a document with supported elements and formatting options.
-  * **Supported elements** - Supports document elements like text, inline image, table, hyperlink, fields, bookmark, table of contents, section, header, and footer.
-  * **Styles** - Supports character and paragraph styles.
-  * **Editing** - Supports all the common editing and formatting operations.
-  * **History** - Supports options to perform undo redo operations.
-  * **Find and replace** - Provides support to find and replace text within the document.
-* **Export** - Provides the options to export the documents in the client-side as `Syncfusion Document Text (*.sfdt)` and `Word document (*.docx)`.
-* **Import** - Provides the options to import the native `Syncfusion Document Text (*.sfdt)` format documents in the client-side.
-* **Print** - Provides the options to print the documents.
-* **Clipboard** - Provides support to cut, copy, and paste rich text contents within the component. Also allows pasting simple text from other applications.
-* **User interface** - Provides intuitive user friendly interface to perform various operations.
-  * **Context menu** - Provides context menu.
-  * **Dialog** - Provides dialog for inserting elements such as hyperlink, table and formatting such as font, paragraph, list, style, table.
-  * **Options pane** - Provides options pane to perform find and replace operations.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=documenteditor) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=documenteditor).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=documenteditor).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-documenteditor/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=documenteditor)
-
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/dropdowns/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.33 (2018-11-15)
+
+### DropDownList
+
+#### Bug Fixes
+
+- DropDownList locale added in `config Json` file.
+
+## 16.3.32 (2018-11-13)
 
 ### DropDownList
 

components/dropdowns/README.md

@@ -1 +1,105 @@
-Repositary for ej2-react-template
+# ej2-react-dropdowns
+
+Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
+
+![](../../ReadMe_Images/gif.gif)
+
+>Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+>A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
+
+## 1. Setup To install this package and its dependent packages, use the following command
+
+Use the following command to install drop-down components and its dependent packages
+
+```
+npm install @syncfusion/ej2-react-dropdowns
+```
+
+## 2. Components included
+
+* DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
+    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/drop-down-list/getting-started)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/default)
+    * [Product Page](https://www.syncfusion.com/products/react/dropdownlist)
+* ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
+    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/combo-box/getting-started)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/combo-box/default)
+    * [Product Page](https://www.syncfusion.com/products/react/combobox)
+* Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
+    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/default)
+    * [Product Page](https://www.syncfusion.com/products/react/autocomplete)
+* MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
+    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/multi-select/getting-started)
+    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/multi-select/default)
+    * [Product Page](https://www.syncfusion.com/products/react/multiselect)
+
+## 3. Supported frameworks
+
+Drop-down components also supports the following frameworks:
+1.	[TypeScript](https://ej2.syncfusion.com/demos/#/material)
+2.	[Angular](https://ej2.syncfusion.com/angular/demos/#/material)
+3.	[Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
+4.	[ASP.NET Core](https://ej2.syncfusion.com/aspnetcore/)
+5.	[ASP.NET MVC](https://ej2.syncfusion.com/aspnetcore/)
+6.	[JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
+
+## 4. Use-case samples / Showcase samples
+
+* Expanse Tracker ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
+* Loan Calculator ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
+* Web Mail ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
+
+## 5. Key features
+* DropDownList
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding): Binds and accesses the list of items from the local or server-side data source.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon): Groups the logically related items under a single or specific category.
+    * [Sorting](https://ej2.syncfusion.com/react/documentation/api/drop-down-list#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
+    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering): Filters the list items based on a character typed in the search box.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template): Customizes the list items, selected value, header, footer, category group header, and no records content.
+    * [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
+
+
+* ComboBox
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/data-binding): Binds and accesses the list of items from local or server-side data source.
+    * [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value): Sets user-defined values that is not in the pop-up list.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon): Groups the logically related items under a single or specific category.
+    * [Sorting](https://ej2.syncfusion.com/react/documentation/api/combo-box#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
+    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering): Filters the list items based on a character typed in the component.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template): Customizes the list items, selected value, header, footer, category group header, and no records content.
+    * [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
+
+
+* AutoComplete
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/data-binding): Binds and accesses the list of items from local or server-side data source.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon): Groups the logically related items under a single or specific category.
+    * [Sorting](https://ej2.syncfusion.com/react/documentation/api/auto-complete#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
+    * [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight): Highlights the typed text in the suggestion list.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template): Customizes the list item, header, footer, category group header, no records, and action failure content.
+    * [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
+
+
+* MultiSelect
+    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding): Binds and accesses the list of items from local or server-side data source.
+    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping): Groups the logically related items under a single or specific category.
+    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template): Customizes the list items, selected value, header, footer, category group header, and     no records content.
+    * [Sorting](https://ej2.syncfusion.com/react/documentation/api/multi-select#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
+    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering): Filters the list items based on a character typed in the search box.
+    * [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/custom-value): Allows users to select a new custom value.
+    * [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility): Provided with built-in accessibility support that helps to access all the      DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
+
+## 6. Support
+Product support can be obtained through the following mediums:
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
+* New [GitHub issue.](https://github.com/syncfusion/ej2-react-ui-components/issues/new)
+* Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
+
+ 
+## 7. License 
+Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
+
+## 8. Change log 
+ Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/dropdowns/CHANGELOG.md)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/dropdowns/ReadMe.md

@@ -1,104 +0,0 @@
-# ej2-react-dropdowns
-
-Superset of HTML select box contains specific features such as data binding, grouping, sorting, filtering, and templates.
-
-![](../../ReadMe_Images/gif.gif)
-
->Note: This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
->A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers..
-
-## 1. Setup To install this package and its dependent packages, use the following command
-
-Use the following command to install drop-down components and its dependent packages
-
-```
-npm install @syncfusion/ej2-react-dropdowns
-```
-
-## 2. Components included
-
-* DropDownList - A textbox component that allows users to select a non-editable single value from the list of predefined values.
-    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/drop-down-list/getting-started.html)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/default)
-    * [Product Page](https://www.syncfusion.com/products/react/dropdownlist)
-* ComboBox - A textbox component that allows users to type a value or choose an option from the list of predefined options.
-    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/combo-box/getting-started.html)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/combo-box/default)
-    * [Product Page](https://www.syncfusion.com/products/react/combobox)
-* Autocomplete - A textbox component that provides a list of suggestions to select based on the text typed by the users.
-    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started.html)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/default)
-    * [Product Page](https://www.syncfusion.com/products/react/autocomplete)
-* MultiSelect - A textbox component that allows users to type or choose multiple values from the list of predefined options.
-    * [GettingStarted](https://ej2.syncfusion.com/react/documentation/multi-select/getting-started.html)
-    * [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/multi-select/default)
-    * [Product Page](https://www.syncfusion.com/products/react/multiselect)
-
-## 3. Supported frameworks
-
-Drop-down components also supports the following frameworks:
-1.	[TypeScript](https://ej2.syncfusion.com/demos/#/material)
-2.	[Angular](https://ej2.syncfusion.com/angular/demos/#/material)
-3.	[Vue.js](https://ej2.syncfusion.com/vue/demos/#/material)
-4.	[ASP.NET Core](https://aspdotnetcore.syncfusion.com)
-5.	[ASP.NET MVC](http://aspnetmvc.syncfusion.com)
-6.	[JavaScript (ES5)](https://ej2.syncfusion.com/javascript/demos/#/material)
-
-## 4. Use-case samples / Showcase samples
-
-* Expanse Tracker ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/?utm_source=npm&utm_campaign=dropdown#/dashboard))
-* Loan Calculator ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/?utm_source=npm&utm_campaign=dropdwonlist#/default))
-* Web Mail ([Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
-
-* DropDownList
-    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/data-binding.html): Binds and accesses the list of items from the local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/react/documentation/drop-down-list/api-dropDownList.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/filtering.html): Filters the list items based on a character typed in the search box.
-    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/drop-down-list/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
-    * [Accessibility](https://ej2.syncfusion.com/react/documentation/drop-down-list/accessibility.html?lang=typescript): Provided with built-in accessibility support used to access all the DropDownList component features using keyboard, screen readers, or other assistive technology devices.
-
-
-* ComboBox
-    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/combo-box/databinding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Custom values](https://ej2.syncfusion.com/react/demos/#/material/combo-box/custom-value.html): Sets user-defined values that is not in the pop-up list.
-    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/combo-box/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/react/documentation/combo-box/api-comboBox.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/combo-box/filtering.html): Filters the list items based on a character typed in the component.
-    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/combo-box/template.html): Customizes the list items, selected value, header, footer, category group header, and no records content.
-    * [Accessibility](https://ej2.syncfusion.com/react/documentation/combo-box/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the ComboBox component features using the keyboard, screen readers, or other assistive technology devices.
-
-
-* AutoComplete
-    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/databinding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/grouping-icon.html): Groups the logically related items under a single or specific category.
-    * [Sorting](https://ej2.syncfusion.com/react/documentation/auto-complete/api-autoComplete.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Highlight search](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/highlight.html): Highlights the typed text in the suggestion list.
-    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/auto-complete/template.html): Customizes the list item, header, footer, category group header, no records, and action failure content.
-    * [Accessibility](https://ej2.syncfusion.com/react/documentation/auto-complete/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the AutoComplete component features using keyboard, on-screen readers, or other assistive technology devices.
-
-
-* MultiSelect
-    * [Data binding](https://ej2.syncfusion.com/react/demos/#/material/multi-select/data-binding.html): Binds and accesses the list of items from local or server-side data source.
-    * [Grouping](https://ej2.syncfusion.com/react/demos/#/material/multi-select/grouping.html): Groups the logically related items under a single or specific category.
-    * [Templates](https://ej2.syncfusion.com/react/demos/#/material/multi-select/template.html): Customizes the list items, selected value, header, footer, category group header, and     no records content.
-    * [Sorting](https://ej2.syncfusion.com/react/documentation/multi-select/api-multiSelect.html?lang=typescript#sortorder): Sorts the list items in alphabetical order (either ascending or descending).
-    * [Filtering](https://ej2.syncfusion.com/react/demos/#/material/multi-select/filtering.html): Filters the list items based on a character typed in the search box.
-    * [Custom value](https://ej2.syncfusion.com/react/demos/#/material/multi-select/customtag.html): Allows users to select a new custom value.
-    * [Accessibility](https://ej2.syncfusion.com/react/documentation/multi-select/accessibility.html?lang=typescript): Provided with built-in accessibility support that helps to access all the      DropDownList component features using the keyboard, screen readers, or other assistive technology devices.
-
-## 6. Support
-Product support can be obtained through the following mediums:
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=dropdwon) support system or [Community forum.](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=dropdwon)
-* New [GitHub issue.](https://github.com/syncfusion/ej2-dropdowns/issues/new)
-* Ask your query in Stack Overflow with tag ‘syncfusion’, ‘ej2’.
-
- 
-## 7. License 
-Check the license details [here.](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=dropdown)
-
-## 8. Change log 
- Check the changelog [here](https://github.com/syncfusion/ej2-react-dropdowns/blob/master/CHANGELOG.md)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/dropdowns/dist/ej2-react-dropdowns.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-dropdowns.umd.min.js
-*  version : 16.3.30
+*  version : 16.3.32
 *  Copyright Syncfusion Inc. 2001 - 2018. 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

components/dropdowns/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-dropdowns",
-	"version": "16.3.30",
+	"version": "16.3.32",
 	"description": "Essential JS 2 DropDown Components for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/grids/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 16.3.33 (2018-11-15)
+
+### Grid
+
+#### Bug Fixes
+
+- Using html in `footerTemplate` of aggregation is hidden in `excel-export` and `pdf-export` is fixed.
+- `columnMenu` is not properly render when disable the grid properties at column level is resolved.
+- With Virtual scrolling, args.data returns as undefined in `rowSelected` event is fixed.
+- `Virtualization` translate value calculated incorrectly when set `height` 100% is fixed.
+
 ## 16.3.32 (2018-11-13)
 
 ### Grid

components/grids/README.md

@@ -1 +1,75 @@
-Repositary for ej2-react-template
+# ej2-react-grids
+
+The Grid component is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull data from a data source, such as array of JSON objects, `OData web services`, or [`DataManager`](http://ej2.syncfusion.com/react/documentation/data/?utm_source=npm&utm_campaign=grid) binding data fields to columns. Also displaying a column header to identify the field with support for grouped records.
+
+![Grid](https://ej2.syncfusion.com/products/grid/readme.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install Grid and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-grids
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/grid/getting-started.html?utm_source=npm&utm_campaign=grid)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid/#/material/grid/)
+* [Product Page](https://www.syncfusion.com/react-ui-components/react-data-grid)
+
+## Supported Frameworks
+
+Grid component is also offered in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/grids)
+2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/grids)
+3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/grid)
+4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/grid)
+5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/grid)
+
+## Key Features
+
+* [**Data sources**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/local-binding) - Bind the Grid component with an array of JSON objects or DataManager.
+* [**Sorting and grouping**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/grouping) - Supports n levels of sorting and grouping.
+* [**Filtering**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/filtering) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
+* [**Paging**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/paging) - Provides the option to easily switch between pages using the pager bar.
+* [**Editing**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/normaledit) - provides the options for create, read, update, and delete operations.
+* **Columns** - The column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format.
+  * [**Reordering**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/reorder) - Allows you to drag any column and drop it at any position in the Grid’s column header row, allowing columns to be repositioned.
+  * [**Column Chooser**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-chooser) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
+  * [**Resizing**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/columnresizing) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
+  * [**Freeze**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/frozenrows) - Columns and rows can be frozen to allow scrolling and comparing cell values.
+  * [**Cell Spanning**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-spanning) - Grid cells can be spanned based on the preferred criteria.
+  * [**Foreign data source**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/foreign-key) - This provides the option to show values from external or lookup data sources in a column based on foreign key/value mapping.
+  * [**Cell Styling**](https://ej2.syncfusion.com/react/documentation/grid/how-to.html?lang=typescript&utm_source=npm&utm_campaign=grid#customize-column-styles) - Grid cell styles can be customized either by using CSS or programmatically.
+* [**Selection**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/selection) - Rows or cells can be selected in the grid. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
+* [**Templates**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-template) - Templates can be used to create custom user experiences in the grid.
+* [**Aggregation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/aggregate-default) - Provides the option to easily visualized the Aggregates for column values.
+* [**Context menu**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/context-menu) -The context menu provides a list of actions to be performed in the grid. It appears when a cell, header, or the pager is right-clicked.
+* [**Clipboard**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/clipboard) - Selected rows and cells can be copied from the grid
+* [**Export**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/defaultexporting) - Provides the options to Export the grid data to Excel, PDF, and CSV formats.
+* [**RTL support**](https://ej2.syncfusion.com/react/documentation/grid/global-local.html?lang=typescript&utm_source=npm&utm_campaign=grid#right-to-left---rtl) - Provides a full-fledged right-to-left mode which aligns content in the Grid control from right to left.
+* [**Localization**](https://ej2.syncfusion.com/react/documentation/grid/global-local.html?lang=typescript&utm_source=npm&utm_campaign=grid#localization)) - Provides inherent support to localize the UI.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=grid) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=grid).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license).
+
+## Changelog
+
+Check the changelog [here]((https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/grids/CHANGELOG.md)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/grids/ReadMe.md

@@ -1,75 +0,0 @@
-# ej2-react-grids
-
-The Grid component is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull data from a data source, such as array of JSON objects, `OData web services`, or [`DataManager`](http://ej2.syncfusion.com/react/documentation/data/?utm_source=npm&utm_campaign=grid) binding data fields to columns. Also displaying a column header to identify the field with support for grouped records.
-
-![Grid](https://ej2.syncfusion.com/products/grid/readme.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install Grid and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-react-grids
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/grid/getting-started.html?utm_source=npm&utm_campaign=grid)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid/#/material/grid/)
-* [Product Page](https://www.syncfusion.com/products/react/data-grid)
-
-## Supported Frameworks
-
-Grid component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-angular-grids)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-grids)
-3. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/data-grid)
-4. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/data-grid)
-5. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/data-grid)
-
-## Key Features
-
-* [**Data sources**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/local-binding) - Bind the Grid component with an array of JSON objects or DataManager.
-* [**Sorting and grouping**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/grouping) - Supports n levels of sorting and grouping.
-* [**Filtering**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/filtering) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
-* [**Paging**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/paging) - Provides the option to easily switch between pages using the pager bar.
-* [**Editing**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/normaledit) - provides the options for create, read, update, and delete operations.
-* **Columns** - The column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format.
-  * [**Reordering**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/reorder) - Allows you to drag any column and drop it at any position in the Grid’s column header row, allowing columns to be repositioned.
-  * [**Column Chooser**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-chooser) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
-  * [**Resizing**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/columnresizing) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
-  * [**Freeze**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/frozenrows) - Columns and rows can be frozen to allow scrolling and comparing cell values.
-  * [**Cell Spanning**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-spanning) - Grid cells can be spanned based on the preferred criteria.
-  * [**Foreign data source**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/foreign-key) - This provides the option to show values from external or lookup data sources in a column based on foreign key/value mapping.
-  * [**Cell Styling**](https://ej2.syncfusion.com/react/documentation/grid/how-to.html?lang=typescript&utm_source=npm&utm_campaign=grid#customize-column-styles) - Grid cell styles can be customized either by using CSS or programmatically.
-* [**Selection**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/selection) - Rows or cells can be selected in the grid. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
-* [**Templates**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/column-template) - Templates can be used to create custom user experiences in the grid.
-* [**Aggregation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/aggregate-default) - Provides the option to easily visualized the Aggregates for column values.
-* [**Context menu**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/context-menu) -The context menu provides a list of actions to be performed in the grid. It appears when a cell, header, or the pager is right-clicked.
-* [**Clipboard**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/clipboard) - Selected rows and cells can be copied from the grid
-* [**Export**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=grid#/material/grid/defaultexporting) - Provides the options to Export the grid data to Excel, PDF, and CSV formats.
-* [**RTL support**](https://ej2.syncfusion.com/react/documentation/grid/global-local.html?lang=typescript&utm_source=npm&utm_campaign=grid#right-to-left---rtl) - Provides a full-fledged right-to-left mode which aligns content in the Grid control from right to left.
-* [**Localization**](https://ej2.syncfusion.com/react/documentation/grid/global-local.html?lang=typescript&utm_source=npm&utm_campaign=grid#localization)) - Provides inherent support to localize the UI.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=grid) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=grid).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-grids/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-grids/blob/master/CHANGELOG.md)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/heatmap/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 ## [Unreleased]
 
+## 16.3.27 (2018-10-23)
+
+### HeatMap
+
+#### Bug Fixes
+
+- Axis labels tooltip cropping issue has been fixed
+- Issue with heatmap margin with minimum axis label size has been fixed.
+
+## 16.3.24 (2018-10-09)
+
+### HeatMap
+
+#### Bug Fixes
+
+- Issue with rendering heatmap with smaller dimensions has been fixed.
+
 ## 16.3.21 (2018-09-22)
 
 ### HeatMap

components/heatmap/README.md

@@ -1 +1,68 @@
-Repositary for ej2-react-template
+# ej2-react-heatmap
+
+The Heat map control is used to visualize a two-dimensional data in which the values are represented in gradient or fixed colors.
+
+![Heat Map](https://ej2.syncfusion.com/products/images/heatmap/readme.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install Heat map and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-heatmap
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/heatmap/getting-started.html?utm_source=npm&utm_campaign=heatmap)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/)
+* [Product Page](https://www.syncfusion.com/products/react/heatmap)
+
+## Supported Frameworks
+
+Heat map component is also offered in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/heatmap?utm_source=npm&utm_campaign=heatmap)
+2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/heatmap?utm_source=npm&utm_campaign=heatmap)
+3. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/heatmap)
+4. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/heatmap)
+5. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/heatmap)
+
+
+## Showcase samples
+
+* Annual Flight Traffic Report ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/large-data.html))
+
+## Key Features
+
+* [**Axis Types**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/array-row.html)  - Supports three different types of axes to populate the data, namely Numerical, Categorical,and Datetime.
+
+* [**Axis Feature**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/opposed.html)  - Supports inverted axis, opposed position and axis intervals.
+
+* [**Legend**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/legend.html) - Supports legend which provides value information for the colors which represents each values in HeatMap.
+
+* [**Data Binding**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/cell-json.html) - Supports binding data in JSON and two-dimensional array formats.
+
+* [**Rendering Modes**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/render-mode.html) - Supports automatic switching between SVG and Canvas rendering modes based on the data source length.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=heatmap) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=heatmap).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=heatmap).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/heatmap/CHANGELOG.md)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/heatmap/ReadMe.md

@@ -1,68 +0,0 @@
-# ej2-react-heatmap
-
-The Heat map control is used to visualize a two-dimensional data in which the values are represented in gradient or fixed colors.
-
-![Heat Map](https://ej2.syncfusion.com/products/images/heatmap/readme.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install Heat map and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-react-heatmap
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/heatmap/getting-started.html?utm_source=npm&utm_campaign=heatmap)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/)
-* [Product Page](https://www.syncfusion.com/products/react/heatmap)
-
-## Supported Frameworks
-
-Heat map component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-ng-heatmap)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-heatmap)
-3. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/heatmap)
-4. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/heatmap)
-5. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/heatmap)
-
-
-## Showcase samples
-
-* Annual Flight Traffic Report ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/large-data.html))
-
-## Key Features
-
-* [**Axis Types**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/array-row.html)  - Supports three different types of axes to populate the data, namely Numerical, Categorical,and Datetime.
-
-* [**Axis Feature**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/opposed.html)  - Supports inverted axis, opposed position and axis intervals.
-
-* [**Legend**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/legend.html) - Supports legend which provides value information for the colors which represents each values in HeatMap.
-
-* [**Data Binding**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/cell-json.html) - Supports binding data in JSON and two-dimensional array formats.
-
-* [**Rendering Modes**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=heatmap/#/material/heatmap/render-mode.html) - Supports automatic switching between SVG and Canvas rendering modes based on the data source length.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=heatmap) support system or [Community forum](https://www.syncfusion.com/forums/react-js2?utm_source=npm&utm_campaign=heatmap).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-heatmap/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=heatmap).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-heatmap/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=heatmap)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/heatmap/dist/ej2-react-heatmap.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-heatmap.umd.min.js
-*  version : 16.3.21
+*  version : 16.3.30
 *  Copyright Syncfusion Inc. 2001 - 2018. 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
@@ -8,5 +8,5 @@
 *  applicable laws. 
 */
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-heatmap"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-heatmap","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Heatmap,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var o=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.state=t,n}return o(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return t.createElement("div",this.getDefaultAttributes(),this.props.children);e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.HeatMap);r.applyMixins(i,[r.ComponentBase,t.PureComponent]),e.Inject=r.Inject,e.HeatMapComponent=i,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-heatmap"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-heatmap","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Heatmap,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n}return o(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return t.createElement("div",this.getDefaultAttributes(),this.props.children);e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.HeatMap);r.applyMixins(i,[r.ComponentBase,t.PureComponent]),e.Inject=r.Inject,e.HeatMapComponent=i,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-heatmap.umd.min.js.map

components/heatmap/dist/ej2-react-heatmap.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-heatmap.umd.min.js","sources":["../src/heatmap/heatmap.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = Object.setPrototypeOf ||\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { HeatMap } from '@syncfusion/ej2-heatmap';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react HeatMap Component\n * ```tsx\n * <HeatMapComponent></HeatMapComponent>\n * ```\n */\nvar HeatMapComponent = /** @class */ (function (_super) {\n    __extends(HeatMapComponent, _super);\n    function HeatMapComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.state = props;\n        return _this;\n    }\n    HeatMapComponent.prototype.render = function () {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    };\n    return HeatMapComponent;\n}(HeatMap));\nexport { HeatMapComponent };\napplyMixins(HeatMapComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","Object","setPrototypeOf","__proto__","Array","d","b","p","hasOwnProperty","__","this","constructor","prototype","create","HeatMapComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","state","render","element","refreshing","React.createElement","getDefaultAttributes","children","HeatMap","ej2ReactBase","ComponentBase","React.PureComponent"],"mappings":"wXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgBC,OAAOC,iBACpBC,wBAA2BC,OAAS,SAAUC,EAAGC,GAAKD,EAAEF,UAAYG,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIC,KAAKD,EAAOA,EAAEE,eAAeD,KAAIF,EAAEE,GAAKD,EAAEC,KACzE,OAAO,SAAUF,EAAGC,GAEhB,SAASG,IAAOC,KAAKC,YAAcN,EADnCL,EAAcK,EAAGC,GAEjBD,EAAEO,UAAkB,OAANN,EAAaL,OAAOY,OAAOP,IAAMG,EAAGG,UAAYN,EAAEM,UAAW,IAAIH,IAP3C,GAmBxCK,EAAkC,SAAUC,GAE5C,SAASD,EAAiBE,GACtB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAIxC,OAHAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,MAAQL,EACPC,EAWX,OAjBAlB,EAAUe,EAAkBC,GAQ5BD,EAAiBF,UAAUU,OAAS,WAChC,KAAKZ,KAAKa,UAAYb,KAAKS,kBAAqBT,KAAKc,YAKjD,OAAOC,gBAAoB,MAAOf,KAAKgB,uBAAwBhB,KAAKM,MAAMW,UAJ1EZ,EAAOH,UAAUU,OAAOJ,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTc,WACFC,cACYf,GAAmBgB,gBAAeC"}
+{"version":3,"file":"ej2-react-heatmap.umd.min.js","sources":["../src/heatmap/heatmap.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    }\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { HeatMap } from '@syncfusion/ej2-heatmap';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react HeatMap Component\n * ```tsx\n * <HeatMapComponent></HeatMapComponent>\n * ```\n */\nvar HeatMapComponent = /** @class */ (function (_super) {\n    __extends(HeatMapComponent, _super);\n    function HeatMapComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        return _this;\n    }\n    HeatMapComponent.prototype.render = function () {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    };\n    return HeatMapComponent;\n}(HeatMap));\nexport { HeatMapComponent };\napplyMixins(HeatMapComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","HeatMapComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","render","element","refreshing","React.createElement","getDefaultAttributes","children","HeatMap","ej2ReactBase","ComponentBase","React.PureComponent"],"mappings":"wXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAkC,SAAUC,GAE5C,SAASD,EAAiBE,GACtB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUe,EAAkBC,GAO5BD,EAAiBF,UAAUS,OAAS,WAChC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,MAAOd,KAAKe,uBAAwBf,KAAKM,MAAMU,UAJ1EX,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTa,WACFC,cACYd,GAAmBe,gBAAeC"}

components/heatmap/dist/es6/ej2-react-heatmap.es2015.js

@@ -13,7 +13,6 @@ class HeatMapComponent extends HeatMap {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {

components/heatmap/dist/es6/ej2-react-heatmap.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-heatmap.es2015.js","sources":["../src/es6/heatmap/heatmap.component.js"],"sourcesContent":["import * as React from 'react';\nimport { HeatMap } from '@syncfusion/ej2-heatmap';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react HeatMap Component\n * ```tsx\n * <HeatMapComponent></HeatMapComponent>\n * ```\n */\nexport class HeatMapComponent extends HeatMap {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.state = props;\n    }\n    render() {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    }\n}\napplyMixins(HeatMapComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,gBAAgB,SAAS,OAAO,CAAC;IAC1C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvF;KACJ;CACJ;AACD,WAAW,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-heatmap.es2015.js","sources":["../src/es6/heatmap/heatmap.component.js"],"sourcesContent":["import * as React from 'react';\nimport { HeatMap } from '@syncfusion/ej2-heatmap';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents react HeatMap Component\n * ```tsx\n * <HeatMapComponent></HeatMapComponent>\n * ```\n */\nexport class HeatMapComponent extends HeatMap {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n    }\n    render() {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    }\n}\napplyMixins(HeatMapComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,gBAAgB,SAAS,OAAO,CAAC;IAC1C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;KACpC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvF;KACJ;CACJ;AACD,WAAW,CAAC,gBAAgB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}

components/heatmap/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-heatmap",
-	"version": "16.3.21",
+	"version": "16.3.30",
 	"description": "Feature rich data visulization control used to visualize the matrix data where the individual values are represented as colors for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -19,7 +19,7 @@
 	],
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/syncfusion/ej2-react-heatmap.git"
+		"url": "https://github.com/syncfusion/ej2-react-ui-components.git"
 	},
 	"main": "./dist/ej2-react-heatmap.umd.min.js",
 	"module": "./index.js",

components/heatmap/src/heatmap/heatmap.component.tsx

@@ -28,7 +28,6 @@ export class HeatMapComponent extends HeatMap {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/CHANGELOG.md

@@ -2,7 +2,33 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.33 (2018-11-15)
+
+### FormValidator
+
+#### Bug Fixes
+
+- Form validator `email` and `min` validation issues has been fixed.
+
+### TextBox
+
+#### Bug Fixes
+
+- The issue with receiving event arguments of TextBox events have been fixed.
+
+## 16.3.29 (2018-10-31)
+
+### MaskedTextBox
+
+#### Bug Fixes
+
+- Issue with using the space as "promptChar" in Masked TextBox has been fixed.
+
+### NumericTextBox
+
+#### Bug Fixes
+
+- Issue with triggering unwanted “focusout” and “change” events has been fixed.
 
 ### Uploader
 
@@ -10,17 +36,31 @@
 
 - Resolved the issue with triggering selected event on cancel the file selection.
 
+## 16.3.27 (2018-10-23)
+
+### TextBox
+
+#### Bug Fixes
+
+- The issue with updating `value` property on model binding has been fixed.
+
+## 16.3.25 (2018-10-15)
+
 ### TextBox
 
 #### Bug Fixes
 
 - The issue with adding multiple classes in `cssClass` property has been fixed.
 
-### FormValidator
+### MaskedTextBox
 
 #### Bug Fixes
 
-- Form validator for number contain email domain name issue has been fixed.
+- Issue with entering the first character in masked text box when "floatLabelType" is set to "Never" has been fixed.
+
+- Always last MaskedTextBox component get focus on initial page load in IE browser, issue has been fixed.
+
+## 16.3.24 (2018-10-09)
 
 ### MaskedTextBox
 
@@ -28,6 +68,14 @@
 
 - Issue with setting placeholder in IE browser when "floatLabelType" is set to "never" has been fixed.
 
+## 16.3.22 (2018-09-25)
+
+### FormValidator
+
+#### Bug Fixes
+
+- Form validator for number contain email domain name issue has been fixed.
+
 ### NumericTextBox
 
 #### Bug Fixes

components/inputs/README.md

@@ -1 +1,128 @@
-Repositary for ej2-react-template
+# ej2-react-inputs
+
+A package of Syncfusion React UI Components (Essential JS 2) Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
+
+![ej2-react-inputs](https://ej2.syncfusion.com/products/images/input/readme.gif)
+
+> Input is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=grid)
+
+## Setup
+
+To install Input and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-inputs
+```
+
+## Components included
+
+Following list of components are available in the package.
+
+* **ColorPicker** - Color picker is a user interface that is used to select and adjust color values.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/color-picker/getting-started?utm_source=npm&utm_campaign=color-picker)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/color-picker)
+
+* **TextBox** - The text box component is an extended version of the HTML input control which is used to edit or display text input on a form.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/textbox/getting-started?utm_source=npm&utm_campaign=textbox)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/text-box?utm_source=npm&utm_campaign=text-box)
+
+* **MaskedTextBox** - MaskedTextBox allows the user to enter the valid input only based on the provided mask.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/maskedtextbox/getting-started?utm_source=npm&utm_campaign=maskedtextbox)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/maskedtextbox?utm_source=npm&utm_campaign=maskedtextbox)
+
+* **NumericTextBox** - NumericTextBox is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/numerictextbox/getting-started?utm_source=npm&utm_campaign=numerictextbox)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/numerictextbox?utm_source=npm&utm_campaign=numerictextbox)
+
+* **Slider** - The slider component allows you to select a value or range of values between the min and max range.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/slider/getting-started?utm_source=npm&utm_campaign=slider)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/slider?utm_source=npm&utm_campaign=slider)
+
+* **Uploader** - The uploader component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.
+  * [Getting Started](https://ej2.syncfusion.com/react/documentation/uploader/getting-started?utm_source=npm&utm_campaign=upload)
+  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/default)
+  * [Product Page](https://www.syncfusion.com/react-ui-components/uploader?utm_source=npm&utm_campaign=uploader)
+
+## Supported frameworks
+
+Input component is also offered in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/inputs?utm_source=npm&utm_campaign=input)
+2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/inputs?utm_source=npm&utm_campaign=input)
+3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/numeric-textbox)
+4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/input-mask)
+5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/range-slider)
+
+## Showcase samples
+
+* Cloud Pricing ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing))
+
+## Key Features
+
+### 1. ColorPicker
+- [**Color specification**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
+- [**Mode**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#mode-and-value) - Supports `Picker` and `Palette` mode.
+- [**Inline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline) - Supports inline type rendering of color picker.
+- [**Custom palettes**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom) - Allows you to customize palettes and supports multiple palette groups rendering.
+- [**Opacity**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value#color-value) - Allows to set and change the `opacity` of the selected color.
+- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/color-picker/accessibility#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
+
+### 2. TextBox
+- [**Floating Label**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – floats the placeholder text while focus.
+- [**Input Group**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – group the icons, buttons along with textbox.
+- [**Validation States**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – provides styles for success, error, and warning states.
+- [**Multiline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – handles multiline input with placeholder text
+
+### 3. MaskedTextBox
+- [**Custom Characters**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask) - allows you to use your own characters as the mask elements.
+- [**Regular Expression**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/mask-configuration#regular-expression?utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - can be used as a mask element for each character of the MaskedTextBox.
+- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/accessibility?utm_source=npm&utm_campaign=maskedtextbox) - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
+
+### 4. NumericTextBox
+- [**Range Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range) - allows to set the minimum and maximum range of values in the NumericTextBox.
+- [**Number Formats**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format) - supports the number display formatting with MSDN standard and custom number formats.
+- [**Precision Of Numbers**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict) - allows to restrict the number precision when enters the value.
+- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility#keyboard-interaction?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
+- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility?utm_source=npm&utm_campaign=numerictextbox) - provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
+- [**Internationalization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization?utm_source=npm&utm_campaign=numerictextbox) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
+- [**Localization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/globalization#internationalization?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
+
+### 5. Slider
+- [**Types**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Provided three types of Slider.
+- [**Orientation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation) - Displays the Slider in horizontal or vertical direction.
+- [**Buttons**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Provided built-in support to render the buttons in both edges of the Slider.
+- [**Tooltip**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Displays a tooltip to show the currently selected value.
+- [**Ticks**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks) - Displays a scale with small and big ticks.
+- [**Format**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format) - Customize the slider values into various format.
+- [**Limits**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits) - Slider thumb movement restriction enabled with interval dragging in range-slider.
+- [**Accessibility**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
+- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api) - The Slider can be intractable through the keyboard.
+
+### 6. Upload
+- [**Chunk Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/chunk-upload) – used to upload large files as chunks
+- [**Drag-and-drop**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/drop-area) – drag the files and drop into component to upload them.
+- [**Template**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/custom-template) – the file list and buttons can be customize using template
+- [**Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/validation) – validate extension and size of upload file
+- [**Auto Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/default) – Process the file to upload without interaction.
+- [**Preload Files**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/preloadfiles) – View and manipulate previously uploaded files
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=input) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=input).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=input).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/inputs/CHANGELOG.md?utm_source=npm&utm_campaign=input)

components/inputs/ReadMe.md

@@ -1,128 +0,0 @@
-# ej2-react-inputs
-
-A package of Essential JS 2 Input textbox components. It comes with a collection of form components which is useful to get different input values from the users such as text, numbers, patterns, color and file inputs.
-
-![ej2-react-inputs](https://ej2.syncfusion.com/products/images/input/readme.gif)
-
-> Input is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=grid)
-
-## Setup
-
-To install Input and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-react-inputs
-```
-
-## Components included
-
-Following list of components are available in the package.
-
-* **ColorPicker** - Color picker is a user interface that is used to select and adjust color values.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/color-picker/getting-started.html?utm_source=npm&utm_campaign=button)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default)
-  * [Product Page](https://www.syncfusion.com/products/react/color-picker)
-
-* **TextBox** - The text box component is an extended version of the HTML input control which is used to edit or display text input on a form.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/textbox/getting-started.html?utm_source=npm&utm_campaign=textbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default)
-  * [Product Page](https://www.syncfusion.com/products/react/text-box)
-
-* **MaskedTextBox** - MaskedTextBox allows the user to enter the valid input only based on the provided mask.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/maskedtextbox/getting-started.html?utm_source=npm&utm_campaign=maskedtextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/default)
-  * [Product Page](https://www.syncfusion.com/products/react/maskedtextbox)
-
-* **NumericTextBox** - NumericTextBox is used to get the number inputs from the user. The input values can be incremented or decremented by a predefined step value.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/numerictextbox/getting-started.html?utm_source=npm&utm_campaign=numerictextbox)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/default)
-  * [Product Page](https://www.syncfusion.com/products/react/numerictextbox)
-
-* **Slider** - The slider component allows you to select a value or range of values between the min and max range.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/slider/getting-started.html?utm_source=npm&utm_campaign=slider)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default)
-  * [Product Page](https://www.syncfusion.com/products/react/slider?utm_source=npm&utm_campaign=slider)
-
-* **Uploader** - The uploader component is an extended version of the HTML5 upload control which is used to upload images, documents, and other files to a server.
-  * [Getting Started](https://ej2.syncfusion.com/react/documentation/uploader/getting-started.html?utm_source=npm&utm_campaign=upload)
-  * [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/default)
-  * [Product Page](https://www.syncfusion.com/products/react/uploader)
-
-## Supported frameworks
-
-Input component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-ng-inputs)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-inputs)
-3. [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/numerictextbox)
-4. [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/maskedtextbox)
-5. [JavaScript (ES5)](https://www.syncfusion.com/products/javascript/slider)
-
-## Showcase samples
-
-* Cloud Pricing ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/azure-pricing))
-
-## Key Features
-
-### 1. ColorPicker
-- [**Color specification**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/default) - Supports `Red Green Blue`, `Hue Saturation Value` and `Hex` codes.
-- [**Mode**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value.html?lang=typescript#mode-and-value) - Supports `Picker` and `Palette` mode.
-- [**Inline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/inline) - Supports inline type rendering of color picker.
-- [**Custom palettes**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=color-picker#/material/color-picker/custom) - Allows you to customize palettes and supports multiple palette groups rendering.
-- [**Opacity**](https://ej2.syncfusion.com/react/documentation/color-picker/mode-and-value.html?lang=typescript#color-value) - Allows to set and change the `opacity` of the selected color.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/color-picker/accessibility.html?lang=typescript#accessibility) - Built-in accessibility features to access color picker using the keyboard, screen readers, or other assistive technology devices.
-
-### 2. TextBox
-- [**Floating Label**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – floats the placeholder text while focus.
-- [**Input Group**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – group the icons, buttons along with textbox.
-- [**Validation States**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – provides styles for success, error, and warning states.
-- [**Multiline**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=textbox#/material/textboxes/default) – handles multiline input with placeholder text
-
-### 3. MaskedTextBox
-- [**Custom Characters**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=maskedtextbox#/material/maskedtextbox/custommask) - allows you to use your own characters as the mask elements.
-- [**Regular Expression**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/mask-configuration.html?utm_source=npm&utm_campaign=maskedtextbox#regular-expression) - can be used as a mask element for each character of the MaskedTextBox.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/maskedtextbox/accessibility.html?utm_source=npm&utm_campaign=maskedtextbox) - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
-
-### 4. NumericTextBox
-- [**Range Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/range) - allows to set the minimum and maximum range of values in the NumericTextBox.
-- [**Number Formats**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/format) - supports the number display formatting with MSDN standard and custom number formats.
-- [**Precision Of Numbers**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=numerictextbox#/material/numerictextbox/restrict) - allows to restrict the number precision when enters the value.
-- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility.html?utm_source=npm&utm_campaign=numerictextbox#keyboard-interaction) - allows users to interact with the NumericTextBox using the keyboard.
-- [**Accessibility**](https://ej2.syncfusion.com/react/documentation/numerictextbox/accessibility.html?utm_source=npm&utm_campaign=numerictextbox) - provides built-in accessibility support which helps to access all the NumericTextBox component features through keyboard, on-screen readers or other assistive technology devices.
-- [**Internationalization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/internationalization.html?utm_source=npm&utm_campaign=numerictextbox) - library provides support for formatting and parsing number using the official Unicode CLDR JSON data.
-- [**Localization**](https://ej2.syncfusion.com/react/documentation/numerictextbox/internationalization.html?utm_source=npm&utm_campaign=numerictextbox#localization) - Supports to localize spin up and down buttons title for the tooltip to different cultures.
-
-### 5. Slider
-- [**Types**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Provided three types of Slider.
-- [**Orientation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/orientation) - Displays the Slider in horizontal or vertical direction.
-- [**Buttons**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Provided built-in support to render the buttons in both edges of the Slider.
-- [**Tooltip**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/tooltip) - Displays a tooltip to show the currently selected value.
-- [**Ticks**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/ticks) - Displays a scale with small and big ticks.
-- [**Format**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/format) - Customize the slider values into various format.
-- [**Limits**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/limits) - Slider thumb movement restriction enabled with interval dragging in range-slider.
-- [**Accessibility**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/default) - Built-in compliance with the [WAI-ARIA](http://www.w3.org/WAI/PF/aria-practices/) specifications.
-- [**Keyboard Interaction**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=slider#/material/slider/api) - The Slider can be intractable through the keyboard.
-
-### 6. Upload
-- [**Chunk Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/chunk-upload) – used to upload large files as chunks
-- [**Drag-and-drop**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/drop-area) – drag the files and drop into component to upload them.
-- [**Template**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/custom-template) – the file list and buttons can be customize using template
-- [**Validation**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/validation) – validate extension and size of upload file
-- [**Auto Upload**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/default) – Process the file to upload without interaction.
-- [**Preload Files**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=uploader#/material/uploader/preloadfiles) – View and manipulate previously uploaded files
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=input) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=input).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-inputs/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=input).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-inputs/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=input)

components/inputs/dist/es6/ej2-react-inputs.es2015.js

@@ -13,7 +13,6 @@ class TextBoxComponent extends TextBox {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {
@@ -38,7 +37,6 @@ class NumericTextBoxComponent extends NumericTextBox {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {
@@ -64,7 +62,6 @@ class MaskedTextBoxComponent extends MaskedTextBox {
         this.controlAttributes = ['name'];
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {
@@ -90,7 +87,6 @@ class SliderComponent extends Slider {
         this.controlAttributes = ['name'];
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {
@@ -136,7 +132,6 @@ class UploaderComponent extends Uploader {
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
         this.directivekeys = { 'files': 'uploadedFiles' };
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {
@@ -161,7 +156,6 @@ class ColorPickerComponent extends ColorPicker {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = false;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {

components/inputs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-inputs",
-	"version": "16.3.21",
+	"version": "16.3.30",
 	"description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -79,7 +79,7 @@
 	],
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/syncfusion/ej2-react-inputs.git"
+		"url": "https://github.com/syncfusion/ej2-react-ui-components.git"
 	},
 	"main": "./dist/ej2-react-inputs.umd.min.js",
 	"module": "./index.js",

components/inputs/src/color-picker/colorpicker.component.tsx

@@ -28,7 +28,6 @@ export class ColorPickerComponent extends ColorPicker {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/src/maskedtextbox/maskedtextbox.component.tsx

@@ -31,7 +31,6 @@ export class MaskedTextBoxComponent extends MaskedTextBox {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/src/numerictextbox/numerictextbox.component.tsx

@@ -28,7 +28,6 @@ export class NumericTextBoxComponent extends NumericTextBox {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/src/slider/slider.component.tsx

@@ -31,7 +31,6 @@ export class SliderComponent extends Slider {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/src/textbox/textbox.component.tsx

@@ -28,7 +28,6 @@ export class TextBoxComponent extends TextBox {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/inputs/src/uploader/uploader.component.tsx

@@ -31,7 +31,6 @@ export class UploaderComponent extends Uploader {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/lineargauge/CHANGELOG.md

@@ -8,7 +8,7 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.32 (2018-11-13)
 
 ### LinearGauge
 

components/lineargauge/README.md

@@ -1 +1,65 @@
-Repositary for ej2-react-template
+# ej2-react-lineargauge
+
+The linear gauge control is used to visualize numerical values of an axis in linear manner. All the linear gauge elements are rendered using Scalable Vector Graphics (SVG).
+
+![Linear Gauge](https://ej2.syncfusion.com/products/images/lineargauge/readme.gif)
+
+> Linear gauge is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=lineargauge)
+
+## Setup
+
+To install linear gauge and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-lineargauge
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/linear-gauge/getting-started.html)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/default)
+* [Product Page](https://www.syncfusion.com/react-ui-components/gauge-charts)
+
+## Supported Frameworks
+
+Linear gauge component is also offered in following list of frameworks.
+
+1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-lineargauge?utm_source=npm&utm_campaign=lineargauge)
+2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-lineargauge?utm_source=npm&utm_campaign=lineargauge)
+3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-lineargauge?utm_source=npm&utm_campaign=lineargauge)
+4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/LinearGauge/Default#/material)
+5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/LinearGauge/DefaultFunctionalities#/material) 
+6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gauge-charts)
+
+## Use case samples
+
+* CPU Utilization ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/annotation))
+
+## Key Features
+
+* [**Orientation**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/container) - Renders in both vertical and horizontal orientations.
+* [**Container**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/container) - Supports three types of containers: normal, rounded rectangle, and thermometer.
+* [**Axes**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/axes) - Axes is a collection of linear axis that can be used to indicate the numeric values.
+* [**Ranges**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/ranges) - Supports ranges to categorize the axis values. Any number of ranges can be added to the linear gauge.
+* [**Pointers**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/axes) - Pointers are used to indicate values on the axis. Linear gauge supports two types of pointers: bar and marker.
+* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/annotation) - Uses any custom HTML element as annotations and place it anywhere on the gauge.
+* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/tooltip) - Provides information about the pointer values on mouse hover.
+* [**Pointer Drag**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/drag) - Provides support to place the pointer at the desired values by dragging it. 
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=lineargauge) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=lineargauge).
+* New [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/circulargauge/license?utm_source=npm&utm_campaign=lineargauge).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/circulargauge/CHANGELOG.md?utm_source=npm&utm_campaign=lineargauge)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/lineargauge/ReadMe.md

@@ -1,65 +0,0 @@
-# ej2-react-lineargauge
-
-The linear gauge control is used to visualize numerical values of an axis in linear manner. All the linear gauge elements are rendered using Scalable Vector Graphics (SVG).
-
-![Linear Gauge](https://ej2.syncfusion.com/products/images/lineargauge/readme.gif)
-
-> Linear gauge is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=lineargauge)
-
-## Setup
-
-To install linear gauge and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-lineargauge
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/linear-gauge/getting-started.html)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/default)
-* [Product Page](https://www.syncfusion.com/react-ui-components/gauge-charts)
-
-## Supported Frameworks
-
-Linear gauge component is also offered in following list of frameworks.
-
-1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-lineargauge?utm_source=npm&utm_campaign=lineargauge)
-2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-lineargauge?utm_source=npm&utm_campaign=lineargauge)
-3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-lineargauge?utm_source=npm&utm_campaign=lineargauge)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/LinearGauge/Default#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/LinearGauge/DefaultFunctionalities#/material) 
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/gauge-charts)
-
-## Use case samples
-
-* CPU Utilization ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/annotation))
-
-## Key Features
-
-* [**Orientation**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/container) - Renders in both vertical and horizontal orientations.
-* [**Container**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/container) - Supports three types of containers: normal, rounded rectangle, and thermometer.
-* [**Axes**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/axes) - Axes is a collection of linear axis that can be used to indicate the numeric values.
-* [**Ranges**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/ranges) - Supports ranges to categorize the axis values. Any number of ranges can be added to the linear gauge.
-* [**Pointers**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/axes) - Pointers are used to indicate values on the axis. Linear gauge supports two types of pointers: bar and marker.
-* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/annotation) - Uses any custom HTML element as annotations and place it anywhere on the gauge.
-* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/lineargauge/tooltip) - Provides information about the pointer values on mouse hover.
-* [**Pointer Drag**](https://ej2.syncfusion.com/react/demos/#/material/circulargauge/drag) - Provides support to place the pointer at the desired values by dragging it. 
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=lineargauge) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=lineargauge).
-* New [GitHub issues](https://github.com/syncfusion/ej2-lineargauge/issues).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=lineargauge).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-lineargauge/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=lineargauge)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/lineargauge/dist/ej2-react-lineargauge.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-lineargauge.umd.min.js
-*  version : 16.3.30
+*  version : 16.3.32
 *  Copyright Syncfusion Inc. 2001 - 2018. 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

components/lineargauge/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-lineargauge",
-	"version": "16.3.30",
+	"version": "16.3.32",
 	"description": "Essential JS 2 LinearGauge Components for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/lineargauge/styles/bootstrap.scss

@@ -1 +0,0 @@
-@import 'linear-gauge/bootstrap.scss';

components/lineargauge/styles/fabric.scss

@@ -1 +0,0 @@
-@import 'linear-gauge/fabric.scss';

components/lineargauge/styles/highcontrast.scss

@@ -1 +0,0 @@
-@import 'linear-gauge/highcontrast.scss';

components/lineargauge/styles/linear-gauge/bootstrap.scss

@@ -1 +0,0 @@
-@import 'ej2-lineargauge/styles/linear-gauge/bootstrap.scss';

components/lineargauge/styles/linear-gauge/fabric.scss

@@ -1 +0,0 @@
-@import 'ej2-lineargauge/styles/linear-gauge/fabric.scss';

components/lineargauge/styles/linear-gauge/highcontrast.scss

@@ -1 +0,0 @@
-@import 'ej2-lineargauge/styles/linear-gauge/highcontrast.scss';

components/lineargauge/styles/linear-gauge/material.scss

@@ -1 +0,0 @@
-@import 'ej2-lineargauge/styles/linear-gauge/material.scss';

components/lineargauge/styles/material.scss

@@ -1 +0,0 @@
-@import 'linear-gauge/material.scss';

components/lists/CHANGELOG.md

@@ -2,7 +2,49 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.33 (2018-11-15)
+
+### ListView
+
+#### Bug Fixes
+
+- Fixed focus out event not triggered properly while interact `ListView` with keyboard navigation keys.
+
+## 16.3.30 (2018-11-01)
+
+### ListView
+
+#### New Features
+
+- Included `refreshItemHeight` public API to recalculate list item height in `UI Virtualization`.
+
+## 16.3.27 (2018-10-23)
+
+### ListView
+
+#### Bug Fixes
+
+- Fixed issue with `imageUrl` property while using with `template` rendering.
+
+## 16.3.25 (2018-10-15)
+
+### ListView
+
+#### Bug Fixes
+
+- Fixed remove selection of list items with `undefined` input using `selectItem` public method.
+
+- Fixed custom `cssClass` not removed properly while using `destroy` public method.
+
+## 16.3.23 (2018-10-03)
+
+### ListView
+
+#### Bug Fixes
+
+- Fixed issue with typings while using custom fields in removeItem
+
+## 16.3.22 (2018-09-25)
 
 ### ListView
 

components/lists/README.md

@@ -1 +1,71 @@
-Repositary for ej2-react-template
+# ej2-react-lists
+
+The react list view component allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. Lists are used for displaying data, data navigation, and data entry.
+
+![ej2-react-lists](https://ej2.syncfusion.com/products/images/listview/readme.gif)
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+## Setup
+
+To install `Lists` and its dependent packages, use the following command.
+
+```sh
+npm install @syncfusion/ej2-react-lists
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/list-view/getting-started.html?utm_source=npm&utm_campaign=listview)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default)
+* [Product Page](https://www.syncfusion.com/react-ui-components/listview)
+
+## Supported Frameworks
+
+`Lists` component is also offered in following list of frameworks.
+
+1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/lists?utm_source=npm&utm_campaign=listview)
+2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/lists?utm_source=npm&utm_campaign=listview)
+3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/listview)
+4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/listview)
+5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/listview)
+
+## Showcase samples
+
+* Call History ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/call-history))
+
+## Key Features
+
+* [**Data binding**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Supports data binding to display the list of items from the local or server-side data source.
+
+* [**Grouping**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Provides support to group the logically related items under a category.
+
+* [**Nested list**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/nested-list) - Displays a set of nested list items in different layout.
+
+* [**Virtualization**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/virtualization) - Allows you to load only viewable list items in a view port which will increase ListView performance on loading large number of data.
+
+* [**Check list**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/check-list) - Displays list item with checkbox which allows you to select single or select multiple items.
+
+* [**Customizing templates**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/group-template) - Allows you to customize the list item, header, and category group header.
+
+* [**Accessibility**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Provides built-in accessibility support that helps to access all the ListView component features through the keyboard, on-screen readers, or other assistive technology devices.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=listview) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=listview).
+* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
+* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=listview) with tag `syncfusion` and `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=listview).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/lists/CHANGELOG.md?utm_source=npm&utm_campaign=listview)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/lists/ReadMe.md

@@ -1,71 +0,0 @@
-# ej2-react-lists
-
-The react list view component allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. Lists are used for displaying data, data navigation, and data entry.
-
-![ej2-react-lists](https://ej2.syncfusion.com/products/images/listview/readme.gif)
-
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at [https://www.syncfusion.com/sales/products](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
-
-> A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
-
-## Setup
-
-To install `Lists` and its dependent packages, use the following command.
-
-```sh
-npm install @syncfusion/ej2-react-lists
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/list-view/getting-started.html?utm_source=npm&utm_campaign=listview)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default)
-* [Product Page](https://www.syncfusion.com/react-ui-components/listview)
-
-## Supported Frameworks
-
-`Lists` component is also offered in following list of frameworks.
-
-1. [Angular](https://github.com/syncfusion/ej2-angular-ui-components/tree/master/components/lists?utm_source=npm&utm_campaign=listview)
-2. [VueJS](https://github.com/syncfusion/ej2-vue-ui-components/tree/master/components/lists?utm_source=npm&utm_campaign=listview)
-3. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/listview)
-4. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/listview)
-5. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/listview)
-
-## Showcase samples
-
-* Call History ([Live Demo](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/call-history))
-
-## Key Features
-
-* [**Data binding**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Supports data binding to display the list of items from the local or server-side data source.
-
-* [**Grouping**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Provides support to group the logically related items under a category.
-
-* [**Nested list**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/nested-list) - Displays a set of nested list items in different layout.
-
-* [**Virtualization**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/virtualization) - Allows you to load only viewable list items in a view port which will increase ListView performance on loading large number of data.
-
-* [**Check list**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/check-list) - Displays list item with checkbox which allows you to select single or select multiple items.
-
-* [**Customizing templates**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/group-template) - Allows you to customize the list item, header, and category group header.
-
-* [**Accessibility**](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=listview#/material/listview/default) - Provides built-in accessibility support that helps to access all the ListView component features through the keyboard, on-screen readers, or other assistive technology devices.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=listview) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=listview).
-* New [GitHub issue](https://github.com/syncfusion/ej2-react-ui-components/issues/new).
-* Ask your query in [Stack Overflow](https://stackoverflow.com/?utm_source=npm&utm_campaign=listview) with tag `syncfusion` and `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=listview).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/lists/CHANGELOG.md?utm_source=npm&utm_campaign=listview)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/lists/dist/ej2-react-lists.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-lists.umd.min.js
-*  version : 16.2.41
+*  version : 16.3.30
 *  Copyright Syncfusion Inc. 2001 - 2018. 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
@@ -8,5 +8,5 @@
 *  applicable laws. 
 */
 
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-lists"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-lists","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Lists,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.state=t,n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return t.createElement("div",this.getDefaultAttributes(),this.props.children);e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ListView);r.applyMixins(o,[r.ComponentBase,t.PureComponent]),e.Inject=r.Inject,e.ListViewComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@syncfusion/ej2-lists"),require("@syncfusion/ej2-react-base")):"function"==typeof define&&define.amd?define(["exports","react","@syncfusion/ej2-lists","@syncfusion/ej2-react-base"],t):t(e.ej={},e.React,e.ej2Lists,e.ej2ReactBase)}(this,function(e,t,n,r){"use strict";var i=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),o=function(e){function n(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n}return i(n,e),n.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return t.createElement("div",this.getDefaultAttributes(),this.props.children);e.prototype.render.call(this),this.initRenderCalled=!0},n}(n.ListView);r.applyMixins(o,[r.ComponentBase,t.PureComponent]),e.Inject=r.Inject,e.ListViewComponent=o,Object.keys(n).forEach(function(t){e[t]=n[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-lists.umd.min.js.map

components/lists/dist/ej2-react-lists.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-lists.umd.min.js","sources":["../src/list-view/listview.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = Object.setPrototypeOf ||\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nvar ListViewComponent = /** @class */ (function (_super) {\n    __extends(ListViewComponent, _super);\n    function ListViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        _this.state = props;\n        return _this;\n    }\n    ListViewComponent.prototype.render = function () {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    };\n    return ListViewComponent;\n}(ListView));\nexport { ListViewComponent };\napplyMixins(ListViewComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","Object","setPrototypeOf","__proto__","Array","d","b","p","hasOwnProperty","__","this","constructor","prototype","create","ListViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","state","render","element","refreshing","React.createElement","getDefaultAttributes","children","ListView","ej2ReactBase","ComponentBase","React.PureComponent"],"mappings":"kXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgBC,OAAOC,iBACpBC,wBAA2BC,OAAS,SAAUC,EAAGC,GAAKD,EAAEF,UAAYG,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIC,KAAKD,EAAOA,EAAEE,eAAeD,KAAIF,EAAEE,GAAKD,EAAEC,KACzE,OAAO,SAAUF,EAAGC,GAEhB,SAASG,IAAOC,KAAKC,YAAcN,EADnCL,EAAcK,EAAGC,GAEjBD,EAAEO,UAAkB,OAANN,EAAaL,OAAOY,OAAOP,IAAMG,EAAGG,UAAYN,EAAEM,UAAW,IAAIH,IAP3C,GAmBxCK,EAAmC,SAAUC,GAE7C,SAASD,EAAkBE,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAIxC,OAHAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,MAAQL,EACPC,EAWX,OAjBAlB,EAAUe,EAAmBC,GAQ7BD,EAAkBF,UAAUU,OAAS,WACjC,KAAKZ,KAAKa,UAAYb,KAAKS,kBAAqBT,KAAKc,YAKjD,OAAOC,gBAAoB,MAAOf,KAAKgB,uBAAwBhB,KAAKM,MAAMW,UAJ1EZ,EAAOH,UAAUU,OAAOJ,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTc,YACFC,cACYf,GAAoBgB,gBAAeC"}
+{"version":3,"file":"ej2-react-lists.umd.min.js","sources":["../src/list-view/listview.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    }\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nvar ListViewComponent = /** @class */ (function (_super) {\n    __extends(ListViewComponent, _super);\n    function ListViewComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = true;\n        return _this;\n    }\n    ListViewComponent.prototype.render = function () {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    };\n    return ListViewComponent;\n}(ListView));\nexport { ListViewComponent };\napplyMixins(ListViewComponent, [ComponentBase, React.PureComponent]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ListViewComponent","_super","props","_this","call","initRenderCalled","checkInjectedModules","render","element","refreshing","React.createElement","getDefaultAttributes","children","ListView","ej2ReactBase","ComponentBase","React.PureComponent"],"mappings":"kXAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCK,EAAmC,SAAUC,GAE7C,SAASD,EAAkBE,GACvB,IAAIC,EAAQF,EAAOG,KAAKR,KAAMM,IAAUN,KAGxC,OAFAO,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EACtBH,EAWX,OAhBAlB,EAAUe,EAAmBC,GAO7BD,EAAkBF,UAAUS,OAAS,WACjC,KAAKX,KAAKY,UAAYZ,KAAKS,kBAAqBT,KAAKa,YAKjD,OAAOC,gBAAoB,MAAOd,KAAKe,uBAAwBf,KAAKM,MAAMU,UAJ1EX,EAAOH,UAAUS,OAAOH,KAAKR,MAC7BA,KAAKS,kBAAmB,GAMzBL,GACTa,YACFC,cACYd,GAAoBe,gBAAeC"}

components/lists/dist/es6/ej2-react-lists.es2015.js

@@ -13,7 +13,6 @@ class ListViewComponent extends ListView {
         super(props);
         this.initRenderCalled = false;
         this.checkInjectedModules = true;
-        this.state = props;
     }
     render() {
         if ((this.element && !this.initRenderCalled) || this.refreshing) {

components/lists/dist/es6/ej2-react-lists.es2015.js.map

@@ -1 +1 @@
-{"version":3,"file":"ej2-react-lists.es2015.js","sources":["../src/es6/list-view/listview.component.js"],"sourcesContent":["import * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nexport class ListViewComponent extends ListView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n        this.state = props;\n    }\n    render() {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    }\n}\napplyMixins(ListViewComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;KACtB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvF;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}
+{"version":3,"file":"ej2-react-lists.es2015.js","sources":["../src/es6/list-view/listview.component.js"],"sourcesContent":["import * as React from 'react';\nimport { ListView } from '@syncfusion/ej2-lists';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * Represents ListView component for React\n * ```\n * <ListViewComponent dataSource={data}/>\n * ```\n */\nexport class ListViewComponent extends ListView {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = true;\n    }\n    render() {\n        if ((this.element && !this.initRenderCalled) || this.refreshing) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), this.props.children);\n        }\n    }\n}\napplyMixins(ListViewComponent, [ComponentBase, React.PureComponent]);\n"],"names":["React.createElement","React.PureComponent"],"mappings":";;;;AAGA;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;KACpC;IACD,MAAM,GAAG;QACL,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;SACvF;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,aAAmB,CAAC,CAAC,CAAC;;;;;;"}

components/lists/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-react-lists",
-	"version": "16.2.41",
+	"version": "16.3.30",
 	"description": "Essential JS 2 List Components for React",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/lists/src/list-view/listview.component.tsx

@@ -32,7 +32,6 @@ export class ListViewComponent extends ListView {
 
     constructor(props: any) {
         super(props);
-        this.state = props;
     }
 
     public render(): any {

components/maps/CHANGELOG.md

@@ -8,7 +8,7 @@
 
 ## [Unreleased]
 
-## 16.3.32 (2018-11-15)
+## 16.3.33 (2018-11-15)
 
 ### Maps
 

components/maps/README.md

@@ -1 +1,73 @@
-Repositary for ej2-react-template
+# ej2-react-maps
+
+The maps control is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options. 
+
+![Maps](https://ej2.syncfusion.com/products/images/maps/readme.gif)
+
+> Maps is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=maps)
+
+## Setup
+
+To install Maps and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-maps
+```
+
+## Resources
+
+* [Getting Started](https://ej2.syncfusion.com/react/documentation/maps/getting-started.html)
+* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/maps/default)
+* [Product Page](https://www.syncfusion.com/react-ui-components/maps)
+
+## Supported Frameworks
+
+Maps component is also offered in following list of frameworks.
+
+1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-maps?utm_source=npm&utm_campaign=maps)
+2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-maps?utm_source=npm&utm_campaign=maps)
+3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-maps?utm_source=npm&utm_campaign=maps)
+4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Maps/Default#/material)
+5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Maps/Default#/material)
+6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/maps)
+
+## Use case samples
+
+* Heat map ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/heatmap))
+* Flight routes ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/curved))
+* Bus seat booking ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/seatbooking))
+
+## Key Features
+
+* [**Data sources**](https://ej2.syncfusion.com/react/demos/#/material/maps/default) - Binds the maps component with an array of JSON objects or DataManager.
+* [**Projection**](https://ej2.syncfusion.com/react/demos/#/material/maps/projection) - Maps can be rendered in eight types of projections.
+* [**Drill-down**](https://ej2.syncfusion.com/react/demos/#/material/maps/drilldown) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
+* [**Marker**](https://ej2.syncfusion.com/react/demos/#/material/maps/marker) - Provides marker support to mark a specific place of interest in the map.
+* [**Data label**](https://ej2.syncfusion.com/react/demos/#/material/maps/label) - Provides additional information about the shapes.
+* [**Bubble**](https://ej2.syncfusion.com/react/demos/#/material/maps/bubble) - Represents the underlying data values of the shapes.
+* [**Navigation line**](https://ej2.syncfusion.com/react/demos/#/material/maps/navigationLine) - Denotes the path between two locations.
+* [**Color mapping**](https://ej2.syncfusion.com/react/demos/#/material/maps/label) - Applies colors to the shapes based on various conditions. Maps supports two types of color mapping: range color mapping and equal color mapping.
+* [**Legend**](https://ej2.syncfusion.com/react/demos/#/material/maps/legend) - Denotes the color mapping categories.
+* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/maps/annotation) - Uses any custom HTML element as annotation and place it anywhere on the maps.
+* [**Selection and Highlight**](https://ej2.syncfusion.com/react/demos/#/material/maps/selection) - Supports selecting or highlighting the shapes to bring center of attraction.
+* [**Zooming and Panning**](https://ej2.syncfusion.com/react/demos/#/material/maps/zooming) - Allows to zoom in, out, and pan the map to show in-depth information.
+* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/maps/tooltip) - Provides additonal information about the shapes on mouse hover.
+* [**Print and Export**](https://ej2.syncfusion.com/react/demos/#/material/maps/print) - Provides options to print and export the rendered maps for future use.
+
+## Support
+
+Product support is available for through following mediums.
+
+* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=maps) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=maps).
+* New [GitHub issues](https://github.com/syncfusion/ej2-react-ui-components/issues).
+* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/license?utm_source=npm&utm_campaign=maps).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/maps/CHANGELOG.md?utm_source=npm&utm_campaign=maps)
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/maps/ReadMe.md

@@ -1,73 +0,0 @@
-# ej2-react-maps
-
-The maps control is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options. 
-
-![Maps](https://ej2.syncfusion.com/products/images/maps/readme.gif)
-
-> Maps is part of Syncfusion Essential JS 2 commercial program. License is available in two models Community and Paid. Please refer the license file for more information. License can be obtained by registering at [https://www.syncfusion.com/downloads/essential-js2](https://www.syncfusion.com/downloads/essential-js2?utm_source=npm&utm_campaign=maps)
-
-## Setup
-
-To install Maps and its dependent packages, use the following command
-
-```sh
-npm install @syncfusion/ej2-maps
-```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/react/documentation/maps/getting-started.html)
-* [View Online Demos](https://ej2.syncfusion.com/react/demos/#/material/maps/default)
-* [Product Page](https://www.syncfusion.com/react-ui-components/maps)
-
-## Supported Frameworks
-
-Maps component is also offered in following list of frameworks.
-
-1. [Angular](https://www.npmjs.com/package/@syncfusion/ej2-ng-maps?utm_source=npm&utm_campaign=maps)
-2. [React](https://www.npmjs.com/package/@syncfusion/ej2-react-maps?utm_source=npm&utm_campaign=maps)
-3. [Vue.js](https://www.npmjs.com/package/@syncfusion/ej2-vue-maps?utm_source=npm&utm_campaign=maps)
-4. [ASP.NET Core](https://aspdotnetcore.syncfusion.com/Maps/Default#/material)
-5. [ASP.NET MVC](https://aspnetmvc.syncfusion.com/Maps/Default#/material)
-6. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/maps)
-
-## Use case samples
-
-* Heat map ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/heatmap))
-* Flight routes ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/curved))
-* Bus seat booking ([Live Demo](https://ej2.syncfusion.com/react/demos/#/material/maps/seatbooking))
-
-## Key Features
-
-* [**Data sources**](https://ej2.syncfusion.com/react/demos/#/material/maps/default) - Binds the maps component with an array of JSON objects or DataManager.
-* [**Projection**](https://ej2.syncfusion.com/react/demos/#/material/maps/projection) - Maps can be rendered in eight types of projections.
-* [**Drill-down**](https://ej2.syncfusion.com/react/demos/#/material/maps/drilldown) - Provides drill-down option to have a closer look at the lower level of a hierarchy.
-* [**Marker**](https://ej2.syncfusion.com/react/demos/#/material/maps/marker) - Provides marker support to mark a specific place of interest in the map.
-* [**Data label**](https://ej2.syncfusion.com/react/demos/#/material/maps/label) - Provides additional information about the shapes.
-* [**Bubble**](https://ej2.syncfusion.com/react/demos/#/material/maps/bubble) - Represents the underlying data values of the shapes.
-* [**Navigation line**](https://ej2.syncfusion.com/react/demos/#/material/maps/navigationLine) - Denotes the path between two locations.
-* [**Color mapping**](https://ej2.syncfusion.com/react/demos/#/material/maps/label) - Applies colors to the shapes based on various conditions. Maps supports two types of color mapping: range color mapping and equal color mapping.
-* [**Legend**](https://ej2.syncfusion.com/react/demos/#/material/maps/legend) - Denotes the color mapping categories.
-* [**Annotation**](https://ej2.syncfusion.com/react/demos/#/material/maps/annotation) - Uses any custom HTML element as annotation and place it anywhere on the maps.
-* [**Selection and Highlight**](https://ej2.syncfusion.com/react/demos/#/material/maps/selection) - Supports selecting or highlighting the shapes to bring center of attraction.
-* [**Zooming and Panning**](https://ej2.syncfusion.com/react/demos/#/material/maps/zooming) - Allows to zoom in, out, and pan the map to show in-depth information.
-* [**Tooltip**](https://ej2.syncfusion.com/react/demos/#/material/maps/tooltip) - Provides additonal information about the shapes on mouse hover.
-* [**Print and Export**](https://ej2.syncfusion.com/react/demos/#/material/maps/print) - Provides options to print and export the rendered maps for future use.
-
-## Support
-
-Product support is available for through following mediums.
-
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=maps) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=maps).
-* New [GitHub issues](https://github.com/syncfusion/ej2-maps/issues).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
-
-## License
-
-Check the license detail [here](https://github.com/syncfusion/ej2/blob/master/license?utm_source=npm&utm_campaign=maps).
-
-## Changelog
-
-Check the changelog [here](https://github.com/syncfusion/ej2-maps/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=maps)
-
-© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

components/maps/styles/bootstrap.scss

@@ -1 +0,0 @@
-@import 'maps/bootstrap.scss';

components/maps/styles/fabric.scss

@@ -1 +0,0 @@
-@import 'maps/fabric.scss';

components/maps/styles/highcontrast.scss

@@ -1 +0,0 @@
-@import 'maps/highcontrast.scss';